From 837109cd356a72d9548704d7c0b2efa337b9428a Mon Sep 17 00:00:00 2001
From: Kiko Beats <josefrancisco.verdu@gmail.com>
Date: Wed, 29 Nov 2023 19:59:06 +0100
Subject: [PATCH 1/2] build: add styled-components@6 support

---
 packages/hover-react/package.json | 2 +-
 packages/react/package.json       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/hover-react/package.json b/packages/hover-react/package.json
index 9cc16585..c3395c10 100644
--- a/packages/hover-react/package.json
+++ b/packages/hover-react/package.json
@@ -93,7 +93,7 @@
   "peerDependencies": {
     "react": ">= 17",
     "react-dom": ">= 17",
-    "styled-components": "^5"
+    "styled-components": ">= 5"
   },
   "publishConfig": {
     "access": "public"
diff --git a/packages/react/package.json b/packages/react/package.json
index fa5b7989..ff811b08 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -93,7 +93,7 @@
   "peerDependencies": {
     "react": ">= 17",
     "react-dom": ">= 17",
-    "styled-components": "^5"
+    "styled-components": ">= 5"
   },
   "publishConfig": {
     "access": "public"

From 4ef8dcf3665a4681e76e20c5bf39341bb468b910 Mon Sep 17 00:00:00 2001
From: Kiko Beats <josefrancisco.verdu@gmail.com>
Date: Thu, 30 Nov 2023 10:20:45 +0100
Subject: [PATCH 2/2] refactor: pick mql methods

---
 .gitignore                                    |     1 +
 package.json                                  |     5 +
 packages/react/package.json                   |     7 +-
 packages/react/src/utils/index.js             |     2 +-
 .../stories/__snapshots__/index.test.js.snap  | 15352 ----------------
 packages/react/stories/index.test.js          |    24 -
 6 files changed, 11 insertions(+), 15380 deletions(-)
 delete mode 100644 packages/react/stories/__snapshots__/index.test.js.snap
 delete mode 100644 packages/react/stories/index.test.js

diff --git a/.gitignore b/.gitignore
index 8af3f5df..b6829f10 100644
--- a/.gitignore
+++ b/.gitignore
@@ -32,3 +32,4 @@ yarn-error.log*
 # others
 packages/*/stats.html
 packages/hover-vanilla/docs/dist
+packages/react/src/utils/mql.js
diff --git a/package.json b/package.json
index 7af38120..56dd3034 100644
--- a/package.json
+++ b/package.json
@@ -88,5 +88,10 @@
   "simple-git-hooks": {
     "commit-msg": "npx commitlint --edit",
     "pre-commit": "npx nano-staged"
+  },
+  "standard": {
+    "ignore": [
+      "packages/react/src/utils/mql.js"
+    ]
   }
 }
diff --git a/packages/react/package.json b/packages/react/package.json
index ff811b08..9dba1643 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -24,7 +24,7 @@
     "react"
   ],
   "dependencies": {
-    "@microlink/mql": "~0.11.1",
+    "@microlink/mql": "~0.12.0",
     "localhost-url-regex": "~1.0.4",
     "nanoclamp": "~2.0.4"
   },
@@ -43,7 +43,6 @@
     "@rollup/plugin-node-resolve": "latest",
     "@rollup/plugin-replace": "latest",
     "@rollup/plugin-terser": "latest",
-    "@storybook/addon-storyshots": "~6.5.16",
     "@storybook/addons": "~6.5.16",
     "@storybook/builder-webpack5": "~6.5.16",
     "@storybook/manager-webpack5": "~6.5.16",
@@ -56,8 +55,8 @@
     "jest": "26",
     "jest-environment-enzyme": "latest",
     "jest-enzyme": "latest",
-    "jest-styled-components": "latest",
     "lodash": "latest",
+    "esbuild": "latest",
     "prop-types": "latest",
     "react": "^17",
     "react-dom": "^17",
@@ -76,9 +75,11 @@
   "scripts": {
     "build": "NODE_ENV=production rollup -c rollup.config.js --bundleConfigAsCjs",
     "build-storybook": "NODE_ENV=production build-storybook --quiet",
+    "transpile": "echo \"export { fetchFromApi, getApiUrl } from '@microlink/mql'\" | esbuild --bundle --target=ES2019 --format=esm --minify-whitespace --minify-identifiers > src/utils/mql.js",
     "dev": "start-storybook -p 6006",
     "start": "node scripts/start.js",
     "pretest": "npm run build",
+    "postinstall": "npm run transpile",
     "test": "NODE_ENV=test jest --detectOpenHandles"
   },
   "license": "MIT",
diff --git a/packages/react/src/utils/index.js b/packages/react/src/utils/index.js
index 847ec77d..9b0437c2 100644
--- a/packages/react/src/utils/index.js
+++ b/packages/react/src/utils/index.js
@@ -1,4 +1,4 @@
-import { fetchFromApi, getApiUrl as createApiUrl } from '@microlink/mql'
+import { fetchFromApi, getApiUrl as createApiUrl } from './mql'
 import localhostUrl from 'localhost-url-regex'
 import { css } from 'styled-components'
 
diff --git a/packages/react/stories/__snapshots__/index.test.js.snap b/packages/react/stories/__snapshots__/index.test.js.snap
deleted file mode 100644
index 39f56414..00000000
--- a/packages/react/stories/__snapshots__/index.test.js.snap
+++ /dev/null
@@ -1,15352 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots media audio 1`] = `
-.c6 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c11 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c15 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c4 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-}
-
-.c4::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c4::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c10 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 48px;
-  -ms-flex: 0 0 48px;
-  flex: 0 0 48px;
-}
-
-.c10::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c10::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c14 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-
-.c14::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c14::before {
-  padding-bottom: 0;
-}
-
-.c14::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c5 {
-  -webkit-animation: kHwByW 1.25s linear infinite;
-  animation: kHwByW 1.25s linear infinite;
-}
-
-.c7 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c12 {
-  opacity: 0.8;
-  height: 16px;
-  width: 75%;
-  display: block;
-  background: #e1e8ed;
-  margin: 0 20px 0 0;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c16 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-}
-
-.c8 {
-  opacity: 0.8;
-  height: 14px;
-  width: 95%;
-  display: block;
-  position: relative;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c9 {
-  opacity: 0.8;
-  height: 12px;
-  width: 30%;
-  display: block;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: .25s;
-  animation-delay: .25s;
-  height: 10px;
-}
-
-.c2 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-}
-
-.c2:active,
-.c2:hover {
-  outline: 0;
-}
-
-.c13 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  height: 382px;
-}
-
-.c13:active,
-.c13:hover {
-  outline: 0;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  padding-bottom: 32px;
-  margin-bottom: 32px;
-}
-
-.c0:not(:last-child):not(:only-child) {
-  border-bottom: 1px solid #e0e0e0;
-}
-
-.c1 {
-  color: #0366d6;
-  margin-bottom: 32px;
-}
-
-.c3:not(:last-child):not(:only-child) {
-  margin-bottom: 32px;
-}
-
-@media (max-width:48em) {
-  .c4 {
-    -webkit-flex: 0 0 92px;
-    -ms-flex: 0 0 92px;
-    flex: 0 0 92px;
-  }
-}
-
-@media (max-width:48em) {
-  .c13 {
-    height: calc(382px * 7/9);
-  }
-}
-
-<div
-  className="c0"
->
-  <a
-    className="c1"
-    href="https://open.spotify.com/track/1W2919zs8SBCLTrOB1ftQT?si=4PcqgjH5RlWCvB5q4ukdnw"
-  >
-    https://open.spotify.com/track/1W2919zs8SBCLTrOB1ftQT?si=4PcqgjH5RlWCvB5q4ukdnw
-  </a>
-  <a
-    className="c2 microlink_card c3"
-    direction="ltr"
-    href="https://open.spotify.com/track/1W2919zs8SBCLTrOB1ftQT?si=4PcqgjH5RlWCvB5q4ukdnw"
-    rel="noopener noreferrer"
-    target="_blank"
-  >
-    <div
-      className="c4 c5 microlink_card__media microlink_card__media_image"
-    />
-    <div
-      className="c6 microlink_card__content"
-    >
-      <span
-        className="c7"
-      />
-      <span
-        className="c8"
-      />
-      <span
-        className="c8"
-        style={
-          Object {
-            "marginBottom": "12px",
-          }
-        }
-      />
-      <span
-        className="c9"
-      />
-    </div>
-  </a>
-  <a
-    className="c2 microlink_card c3"
-    direction="ltr"
-    href="https://open.spotify.com/track/1W2919zs8SBCLTrOB1ftQT?si=4PcqgjH5RlWCvB5q4ukdnw"
-    rel="noopener noreferrer"
-    target="_blank"
-  >
-    <div
-      className="c10 c5 microlink_card__media microlink_card__media_image"
-    />
-    <div
-      className="c11 microlink_card__content"
-    >
-      <span
-        className="c12"
-      />
-      <span
-        className="c9"
-      />
-    </div>
-  </a>
-  <a
-    className="c13 microlink_card c3"
-    direction="ltr"
-    href="https://open.spotify.com/track/1W2919zs8SBCLTrOB1ftQT?si=4PcqgjH5RlWCvB5q4ukdnw"
-    rel="noopener noreferrer"
-    target="_blank"
-  >
-    <div
-      className="c14 c5 microlink_card__media microlink_card__media_image"
-    />
-    <div
-      className="c15 microlink_card__content"
-    >
-      <span
-        className="c16"
-      />
-      <span
-        className="c8"
-      />
-      <span
-        className="c8"
-        style={
-          Object {
-            "marginBottom": "12px",
-          }
-        }
-      />
-      <span
-        className="c9"
-      />
-    </div>
-  </a>
-</div>
-`;
-
-exports[`Storyshots media iframe 1`] = `
-.c6 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c4 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-}
-
-.c4::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c4::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c5 {
-  -webkit-animation: kHwByW 1.25s linear infinite;
-  animation: kHwByW 1.25s linear infinite;
-}
-
-.c7 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c8 {
-  opacity: 0.8;
-  height: 14px;
-  width: 95%;
-  display: block;
-  position: relative;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c9 {
-  opacity: 0.8;
-  height: 12px;
-  width: 30%;
-  display: block;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: .25s;
-  animation-delay: .25s;
-  height: 10px;
-}
-
-.c2 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-}
-
-.c2:active,
-.c2:hover {
-  outline: 0;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  padding-bottom: 32px;
-  margin-bottom: 32px;
-}
-
-.c0:not(:last-child):not(:only-child) {
-  border-bottom: 1px solid #e0e0e0;
-}
-
-.c1 {
-  color: #0366d6;
-  margin-bottom: 32px;
-}
-
-.c3:not(:last-child):not(:only-child) {
-  margin-bottom: 32px;
-}
-
-@media (max-width:48em) {
-  .c4 {
-    -webkit-flex: 0 0 92px;
-    -ms-flex: 0 0 92px;
-    flex: 0 0 92px;
-  }
-}
-
-<div
-  className="c0"
->
-  <a
-    className="c1"
-    href="https://twitter.com/futurism/status/882987478541533189"
-  >
-    https://twitter.com/futurism/status/882987478541533189
-  </a>
-  <a
-    className="c2 microlink_card c3"
-    direction="ltr"
-    href="https://twitter.com/futurism/status/882987478541533189"
-    rel="noopener noreferrer"
-    target="_blank"
-  >
-    <div
-      className="c4 c5 microlink_card__media microlink_card__media_image"
-    />
-    <div
-      className="c6 microlink_card__content"
-    >
-      <span
-        className="c7"
-      />
-      <span
-        className="c8"
-      />
-      <span
-        className="c8"
-        style={
-          Object {
-            "marginBottom": "12px",
-          }
-        }
-      />
-      <span
-        className="c9"
-      />
-    </div>
-  </a>
-</div>
-`;
-
-exports[`Storyshots media image 1`] = `
-.c6 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c11 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c15 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c4 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-}
-
-.c4::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c4::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c10 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 48px;
-  -ms-flex: 0 0 48px;
-  flex: 0 0 48px;
-}
-
-.c10::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c10::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c14 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-
-.c14::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c14::before {
-  padding-bottom: 0;
-}
-
-.c14::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c5 {
-  -webkit-animation: kHwByW 1.25s linear infinite;
-  animation: kHwByW 1.25s linear infinite;
-}
-
-.c7 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c12 {
-  opacity: 0.8;
-  height: 16px;
-  width: 75%;
-  display: block;
-  background: #e1e8ed;
-  margin: 0 20px 0 0;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c16 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-}
-
-.c8 {
-  opacity: 0.8;
-  height: 14px;
-  width: 95%;
-  display: block;
-  position: relative;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c9 {
-  opacity: 0.8;
-  height: 12px;
-  width: 30%;
-  display: block;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: .25s;
-  animation-delay: .25s;
-  height: 10px;
-}
-
-.c2 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-}
-
-.c2:active,
-.c2:hover {
-  outline: 0;
-}
-
-.c13 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  height: 382px;
-}
-
-.c13:active,
-.c13:hover {
-  outline: 0;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  padding-bottom: 32px;
-  margin-bottom: 32px;
-}
-
-.c0:not(:last-child):not(:only-child) {
-  border-bottom: 1px solid #e0e0e0;
-}
-
-.c1 {
-  color: #0366d6;
-  margin-bottom: 32px;
-}
-
-.c3:not(:last-child):not(:only-child) {
-  margin-bottom: 32px;
-}
-
-@media (max-width:48em) {
-  .c4 {
-    -webkit-flex: 0 0 92px;
-    -ms-flex: 0 0 92px;
-    flex: 0 0 92px;
-  }
-}
-
-@media (max-width:48em) {
-  .c13 {
-    height: calc(382px * 7/9);
-  }
-}
-
-<div
-  className="c0"
->
-  <a
-    className="c1"
-    href="https://www.apple.com/music/"
-  >
-    https://www.apple.com/music/
-  </a>
-  <a
-    className="c2 microlink_card c3"
-    direction="ltr"
-    href="https://www.apple.com/music/"
-    rel="noopener noreferrer"
-    target="_blank"
-  >
-    <div
-      className="c4 c5 microlink_card__media microlink_card__media_image"
-    />
-    <div
-      className="c6 microlink_card__content"
-    >
-      <span
-        className="c7"
-      />
-      <span
-        className="c8"
-      />
-      <span
-        className="c8"
-        style={
-          Object {
-            "marginBottom": "12px",
-          }
-        }
-      />
-      <span
-        className="c9"
-      />
-    </div>
-  </a>
-  <a
-    className="c2 microlink_card c3"
-    direction="ltr"
-    href="https://www.apple.com/music/"
-    rel="noopener noreferrer"
-    target="_blank"
-  >
-    <div
-      className="c10 c5 microlink_card__media microlink_card__media_image"
-    />
-    <div
-      className="c11 microlink_card__content"
-    >
-      <span
-        className="c12"
-      />
-      <span
-        className="c9"
-      />
-    </div>
-  </a>
-  <a
-    className="c13 microlink_card c3"
-    direction="ltr"
-    href="https://www.apple.com/music/"
-    rel="noopener noreferrer"
-    target="_blank"
-  >
-    <div
-      className="c14 c5 microlink_card__media microlink_card__media_image"
-    />
-    <div
-      className="c15 microlink_card__content"
-    >
-      <span
-        className="c16"
-      />
-      <span
-        className="c8"
-      />
-      <span
-        className="c8"
-        style={
-          Object {
-            "marginBottom": "12px",
-          }
-        }
-      />
-      <span
-        className="c9"
-      />
-    </div>
-  </a>
-</div>
-`;
-
-exports[`Storyshots media logo 1`] = `
-.c6 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c11 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c15 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c4 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-}
-
-.c4::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c4::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c10 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 48px;
-  -ms-flex: 0 0 48px;
-  flex: 0 0 48px;
-}
-
-.c10::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c10::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c14 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-
-.c14::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c14::before {
-  padding-bottom: 0;
-}
-
-.c14::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c5 {
-  -webkit-animation: kHwByW 1.25s linear infinite;
-  animation: kHwByW 1.25s linear infinite;
-}
-
-.c7 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c12 {
-  opacity: 0.8;
-  height: 16px;
-  width: 75%;
-  display: block;
-  background: #e1e8ed;
-  margin: 0 20px 0 0;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c16 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-}
-
-.c8 {
-  opacity: 0.8;
-  height: 14px;
-  width: 95%;
-  display: block;
-  position: relative;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c9 {
-  opacity: 0.8;
-  height: 12px;
-  width: 30%;
-  display: block;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: .25s;
-  animation-delay: .25s;
-  height: 10px;
-}
-
-.c2 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-}
-
-.c2:active,
-.c2:hover {
-  outline: 0;
-}
-
-.c13 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  height: 382px;
-}
-
-.c13:active,
-.c13:hover {
-  outline: 0;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  padding-bottom: 32px;
-  margin-bottom: 32px;
-}
-
-.c0:not(:last-child):not(:only-child) {
-  border-bottom: 1px solid #e0e0e0;
-}
-
-.c1 {
-  color: #0366d6;
-  margin-bottom: 32px;
-}
-
-.c3:not(:last-child):not(:only-child) {
-  margin-bottom: 32px;
-}
-
-@media (max-width:48em) {
-  .c4 {
-    -webkit-flex: 0 0 92px;
-    -ms-flex: 0 0 92px;
-    flex: 0 0 92px;
-  }
-}
-
-@media (max-width:48em) {
-  .c13 {
-    height: calc(382px * 7/9);
-  }
-}
-
-<div
-  className="c0"
->
-  <a
-    className="c1"
-    href="https://www.apple.com/music/"
-  >
-    https://www.apple.com/music/
-  </a>
-  <a
-    className="c2 microlink_card c3"
-    direction="ltr"
-    href="https://www.apple.com/music/"
-    rel="noopener noreferrer"
-    target="_blank"
-  >
-    <div
-      className="c4 c5 microlink_card__media microlink_card__media_image"
-    />
-    <div
-      className="c6 microlink_card__content"
-    >
-      <span
-        className="c7"
-      />
-      <span
-        className="c8"
-      />
-      <span
-        className="c8"
-        style={
-          Object {
-            "marginBottom": "12px",
-          }
-        }
-      />
-      <span
-        className="c9"
-      />
-    </div>
-  </a>
-  <a
-    className="c2 microlink_card c3"
-    direction="ltr"
-    href="https://www.apple.com/music/"
-    rel="noopener noreferrer"
-    target="_blank"
-  >
-    <div
-      className="c10 c5 microlink_card__media microlink_card__media_image"
-    />
-    <div
-      className="c11 microlink_card__content"
-    >
-      <span
-        className="c12"
-      />
-      <span
-        className="c9"
-      />
-    </div>
-  </a>
-  <a
-    className="c13 microlink_card c3"
-    direction="ltr"
-    href="https://www.apple.com/music/"
-    rel="noopener noreferrer"
-    target="_blank"
-  >
-    <div
-      className="c14 c5 microlink_card__media microlink_card__media_image"
-    />
-    <div
-      className="c15 microlink_card__content"
-    >
-      <span
-        className="c16"
-      />
-      <span
-        className="c8"
-      />
-      <span
-        className="c8"
-        style={
-          Object {
-            "marginBottom": "12px",
-          }
-        }
-      />
-      <span
-        className="c9"
-      />
-    </div>
-  </a>
-</div>
-`;
-
-exports[`Storyshots media screenshot 1`] = `
-.c6 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c11 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c15 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c4 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-}
-
-.c4::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c4::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c10 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 48px;
-  -ms-flex: 0 0 48px;
-  flex: 0 0 48px;
-}
-
-.c10::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c10::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c14 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-
-.c14::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c14::before {
-  padding-bottom: 0;
-}
-
-.c14::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c5 {
-  -webkit-animation: kHwByW 1.25s linear infinite;
-  animation: kHwByW 1.25s linear infinite;
-}
-
-.c7 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c12 {
-  opacity: 0.8;
-  height: 16px;
-  width: 75%;
-  display: block;
-  background: #e1e8ed;
-  margin: 0 20px 0 0;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c16 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-}
-
-.c8 {
-  opacity: 0.8;
-  height: 14px;
-  width: 95%;
-  display: block;
-  position: relative;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c9 {
-  opacity: 0.8;
-  height: 12px;
-  width: 30%;
-  display: block;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: .25s;
-  animation-delay: .25s;
-  height: 10px;
-}
-
-.c2 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-}
-
-.c2:active,
-.c2:hover {
-  outline: 0;
-}
-
-.c13 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  height: 382px;
-}
-
-.c13:active,
-.c13:hover {
-  outline: 0;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  padding-bottom: 32px;
-  margin-bottom: 32px;
-}
-
-.c0:not(:last-child):not(:only-child) {
-  border-bottom: 1px solid #e0e0e0;
-}
-
-.c1 {
-  color: #0366d6;
-  margin-bottom: 32px;
-}
-
-.c3:not(:last-child):not(:only-child) {
-  margin-bottom: 32px;
-}
-
-@media (max-width:48em) {
-  .c4 {
-    -webkit-flex: 0 0 92px;
-    -ms-flex: 0 0 92px;
-    flex: 0 0 92px;
-  }
-}
-
-@media (max-width:48em) {
-  .c13 {
-    height: calc(382px * 7/9);
-  }
-}
-
-<div
-  className="c0"
->
-  <a
-    className="c1"
-    href="https://www.apple.com/music/"
-  >
-    https://www.apple.com/music/
-  </a>
-  <a
-    className="c2 microlink_card c3"
-    direction="ltr"
-    href="https://www.apple.com/music/"
-    rel="noopener noreferrer"
-    target="_blank"
-  >
-    <div
-      className="c4 c5 microlink_card__media microlink_card__media_image"
-    />
-    <div
-      className="c6 microlink_card__content"
-    >
-      <span
-        className="c7"
-      />
-      <span
-        className="c8"
-      />
-      <span
-        className="c8"
-        style={
-          Object {
-            "marginBottom": "12px",
-          }
-        }
-      />
-      <span
-        className="c9"
-      />
-    </div>
-  </a>
-  <a
-    className="c2 microlink_card c3"
-    direction="ltr"
-    href="https://www.apple.com/music/"
-    rel="noopener noreferrer"
-    target="_blank"
-  >
-    <div
-      className="c10 c5 microlink_card__media microlink_card__media_image"
-    />
-    <div
-      className="c11 microlink_card__content"
-    >
-      <span
-        className="c12"
-      />
-      <span
-        className="c9"
-      />
-    </div>
-  </a>
-  <a
-    className="c13 microlink_card c3"
-    direction="ltr"
-    href="https://www.apple.com/music/"
-    rel="noopener noreferrer"
-    target="_blank"
-  >
-    <div
-      className="c14 c5 microlink_card__media microlink_card__media_image"
-    />
-    <div
-      className="c15 microlink_card__content"
-    >
-      <span
-        className="c16"
-      />
-      <span
-        className="c8"
-      />
-      <span
-        className="c8"
-        style={
-          Object {
-            "marginBottom": "12px",
-          }
-        }
-      />
-      <span
-        className="c9"
-      />
-    </div>
-  </a>
-</div>
-`;
-
-exports[`Storyshots media video 1`] = `
-.c6 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c11 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c15 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c4 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-}
-
-.c4::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c4::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c10 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 48px;
-  -ms-flex: 0 0 48px;
-  flex: 0 0 48px;
-}
-
-.c10::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c10::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c14 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-
-.c14::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c14::before {
-  padding-bottom: 0;
-}
-
-.c14::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c5 {
-  -webkit-animation: kHwByW 1.25s linear infinite;
-  animation: kHwByW 1.25s linear infinite;
-}
-
-.c7 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c12 {
-  opacity: 0.8;
-  height: 16px;
-  width: 75%;
-  display: block;
-  background: #e1e8ed;
-  margin: 0 20px 0 0;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c16 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-}
-
-.c8 {
-  opacity: 0.8;
-  height: 14px;
-  width: 95%;
-  display: block;
-  position: relative;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c9 {
-  opacity: 0.8;
-  height: 12px;
-  width: 30%;
-  display: block;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: .25s;
-  animation-delay: .25s;
-  height: 10px;
-}
-
-.c2 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-}
-
-.c2:active,
-.c2:hover {
-  outline: 0;
-}
-
-.c13 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  height: 382px;
-}
-
-.c13:active,
-.c13:hover {
-  outline: 0;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  padding-bottom: 32px;
-  margin-bottom: 32px;
-}
-
-.c0:not(:last-child):not(:only-child) {
-  border-bottom: 1px solid #e0e0e0;
-}
-
-.c1 {
-  color: #0366d6;
-  margin-bottom: 32px;
-}
-
-.c3:not(:last-child):not(:only-child) {
-  margin-bottom: 32px;
-}
-
-@media (max-width:48em) {
-  .c4 {
-    -webkit-flex: 0 0 92px;
-    -ms-flex: 0 0 92px;
-    flex: 0 0 92px;
-  }
-}
-
-@media (max-width:48em) {
-  .c13 {
-    height: calc(382px * 7/9);
-  }
-}
-
-<div
-  className="c0"
->
-  <a
-    className="c1"
-    href="https://www.facebook.com/natgeo/videos/10156364216738951/"
-  >
-    https://www.facebook.com/natgeo/videos/10156364216738951/
-  </a>
-  <a
-    className="c2 microlink_card c3"
-    direction="ltr"
-    href="https://www.facebook.com/natgeo/videos/10156364216738951/"
-    rel="noopener noreferrer"
-    target="_blank"
-  >
-    <div
-      className="c4 c5 microlink_card__media microlink_card__media_image"
-    />
-    <div
-      className="c6 microlink_card__content"
-    >
-      <span
-        className="c7"
-      />
-      <span
-        className="c8"
-      />
-      <span
-        className="c8"
-        style={
-          Object {
-            "marginBottom": "12px",
-          }
-        }
-      />
-      <span
-        className="c9"
-      />
-    </div>
-  </a>
-  <a
-    className="c2 microlink_card c3"
-    direction="ltr"
-    href="https://www.facebook.com/natgeo/videos/10156364216738951/"
-    rel="noopener noreferrer"
-    target="_blank"
-  >
-    <div
-      className="c10 c5 microlink_card__media microlink_card__media_image"
-    />
-    <div
-      className="c11 microlink_card__content"
-    >
-      <span
-        className="c12"
-      />
-      <span
-        className="c9"
-      />
-    </div>
-  </a>
-  <a
-    className="c13 microlink_card c3"
-    direction="ltr"
-    href="https://www.facebook.com/natgeo/videos/10156364216738951/"
-    rel="noopener noreferrer"
-    target="_blank"
-  >
-    <div
-      className="c14 c5 microlink_card__media microlink_card__media_image"
-    />
-    <div
-      className="c15 microlink_card__content"
-    >
-      <span
-        className="c16"
-      />
-      <span
-        className="c8"
-      />
-      <span
-        className="c8"
-        style={
-          Object {
-            "marginBottom": "12px",
-          }
-        }
-      />
-      <span
-        className="c9"
-      />
-    </div>
-  </a>
-</div>
-`;
-
-exports[`Storyshots props autoPlay (disabled) 1`] = `
-.c6 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c11 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c15 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c4 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-}
-
-.c4::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c4::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c10 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 48px;
-  -ms-flex: 0 0 48px;
-  flex: 0 0 48px;
-}
-
-.c10::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c10::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c14 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-
-.c14::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c14::before {
-  padding-bottom: 0;
-}
-
-.c14::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c5 {
-  -webkit-animation: kHwByW 1.25s linear infinite;
-  animation: kHwByW 1.25s linear infinite;
-}
-
-.c7 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c12 {
-  opacity: 0.8;
-  height: 16px;
-  width: 75%;
-  display: block;
-  background: #e1e8ed;
-  margin: 0 20px 0 0;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c16 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-}
-
-.c8 {
-  opacity: 0.8;
-  height: 14px;
-  width: 95%;
-  display: block;
-  position: relative;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c9 {
-  opacity: 0.8;
-  height: 12px;
-  width: 30%;
-  display: block;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: .25s;
-  animation-delay: .25s;
-  height: 10px;
-}
-
-.c2 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-}
-
-.c2:active,
-.c2:hover {
-  outline: 0;
-}
-
-.c13 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  height: 382px;
-}
-
-.c13:active,
-.c13:hover {
-  outline: 0;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  padding-bottom: 32px;
-  margin-bottom: 32px;
-}
-
-.c0:not(:last-child):not(:only-child) {
-  border-bottom: 1px solid #e0e0e0;
-}
-
-.c1 {
-  color: #0366d6;
-  margin-bottom: 32px;
-}
-
-.c3:not(:last-child):not(:only-child) {
-  margin-bottom: 32px;
-}
-
-@media (max-width:48em) {
-  .c4 {
-    -webkit-flex: 0 0 92px;
-    -ms-flex: 0 0 92px;
-    flex: 0 0 92px;
-  }
-}
-
-@media (max-width:48em) {
-  .c13 {
-    height: calc(382px * 7/9);
-  }
-}
-
-<div
-  className="c0"
->
-  <a
-    className="c1"
-    href="https://www.facebook.com/natgeo/videos/10156364216738951/"
-  >
-    https://www.facebook.com/natgeo/videos/10156364216738951/
-  </a>
-  <a
-    className="c2 microlink_card c3"
-    direction="ltr"
-    href="https://www.facebook.com/natgeo/videos/10156364216738951/"
-    rel="noopener noreferrer"
-    target="_blank"
-  >
-    <div
-      className="c4 c5 microlink_card__media microlink_card__media_image"
-    />
-    <div
-      className="c6 microlink_card__content"
-    >
-      <span
-        className="c7"
-      />
-      <span
-        className="c8"
-      />
-      <span
-        className="c8"
-        style={
-          Object {
-            "marginBottom": "12px",
-          }
-        }
-      />
-      <span
-        className="c9"
-      />
-    </div>
-  </a>
-  <a
-    className="c2 microlink_card c3"
-    direction="ltr"
-    href="https://www.facebook.com/natgeo/videos/10156364216738951/"
-    rel="noopener noreferrer"
-    target="_blank"
-  >
-    <div
-      className="c10 c5 microlink_card__media microlink_card__media_image"
-    />
-    <div
-      className="c11 microlink_card__content"
-    >
-      <span
-        className="c12"
-      />
-      <span
-        className="c9"
-      />
-    </div>
-  </a>
-  <a
-    className="c13 microlink_card c3"
-    direction="ltr"
-    href="https://www.facebook.com/natgeo/videos/10156364216738951/"
-    rel="noopener noreferrer"
-    target="_blank"
-  >
-    <div
-      className="c14 c5 microlink_card__media microlink_card__media_image"
-    />
-    <div
-      className="c15 microlink_card__content"
-    >
-      <span
-        className="c16"
-      />
-      <span
-        className="c8"
-      />
-      <span
-        className="c8"
-        style={
-          Object {
-            "marginBottom": "12px",
-          }
-        }
-      />
-      <span
-        className="c9"
-      />
-    </div>
-  </a>
-</div>
-`;
-
-exports[`Storyshots props contrast 1`] = `
-.c6 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c11 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c15 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c4 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-}
-
-.c4::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c4::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c10 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 48px;
-  -ms-flex: 0 0 48px;
-  flex: 0 0 48px;
-}
-
-.c10::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c10::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c14 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-
-.c14::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c14::before {
-  padding-bottom: 0;
-}
-
-.c14::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c5 {
-  -webkit-animation: kHwByW 1.25s linear infinite;
-  animation: kHwByW 1.25s linear infinite;
-}
-
-.c7 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c12 {
-  opacity: 0.8;
-  height: 16px;
-  width: 75%;
-  display: block;
-  background: #e1e8ed;
-  margin: 0 20px 0 0;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c16 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-}
-
-.c8 {
-  opacity: 0.8;
-  height: 14px;
-  width: 95%;
-  display: block;
-  position: relative;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c9 {
-  opacity: 0.8;
-  height: 12px;
-  width: 30%;
-  display: block;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: .25s;
-  animation-delay: .25s;
-  height: 10px;
-}
-
-.c2 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  -webkit-transition-property: background,border-color;
-  transition-property: background,border-color;
-  will-change: background,border-color;
-}
-
-.c2:active,
-.c2:hover {
-  outline: 0;
-}
-
-.c2:hover {
-  background-color: var(--microlink-hover-background-color,#f5f8fa);
-  border-color: var(--microlink-hover-border-color,#8899A680);
-}
-
-.c13 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  height: 382px;
-  -webkit-transition-property: background,border-color;
-  transition-property: background,border-color;
-  will-change: background,border-color;
-}
-
-.c13:active,
-.c13:hover {
-  outline: 0;
-}
-
-.c13:hover {
-  background-color: var(--microlink-hover-background-color,#f5f8fa);
-  border-color: var(--microlink-hover-border-color,#8899A680);
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  padding-bottom: 32px;
-  margin-bottom: 32px;
-}
-
-.c0:not(:last-child):not(:only-child) {
-  border-bottom: 1px solid #e0e0e0;
-}
-
-.c1 {
-  color: #0366d6;
-  margin-bottom: 32px;
-}
-
-.c3:not(:last-child):not(:only-child) {
-  margin-bottom: 32px;
-}
-
-@media (max-width:48em) {
-  .c4 {
-    -webkit-flex: 0 0 92px;
-    -ms-flex: 0 0 92px;
-    flex: 0 0 92px;
-  }
-}
-
-@media (max-width:48em) {
-  .c13 {
-    height: calc(382px * 7/9);
-  }
-}
-
-<div
-  className="c0"
->
-  <a
-    className="c1"
-    href="https://www.apple.com/music/"
-  >
-    https://www.apple.com/music/
-  </a>
-  <a
-    className="c2 microlink_card c3"
-    direction="ltr"
-    href="https://www.apple.com/music/"
-    rel="noopener noreferrer"
-    target="_blank"
-  >
-    <div
-      className="c4 c5 microlink_card__media microlink_card__media_image"
-    />
-    <div
-      className="c6 microlink_card__content"
-    >
-      <span
-        className="c7"
-      />
-      <span
-        className="c8"
-      />
-      <span
-        className="c8"
-        style={
-          Object {
-            "marginBottom": "12px",
-          }
-        }
-      />
-      <span
-        className="c9"
-      />
-    </div>
-  </a>
-  <a
-    className="c2 microlink_card c3"
-    direction="ltr"
-    href="https://www.apple.com/music/"
-    rel="noopener noreferrer"
-    target="_blank"
-  >
-    <div
-      className="c10 c5 microlink_card__media microlink_card__media_image"
-    />
-    <div
-      className="c11 microlink_card__content"
-    >
-      <span
-        className="c12"
-      />
-      <span
-        className="c9"
-      />
-    </div>
-  </a>
-  <a
-    className="c13 microlink_card c3"
-    direction="ltr"
-    href="https://www.apple.com/music/"
-    rel="noopener noreferrer"
-    target="_blank"
-  >
-    <div
-      className="c14 c5 microlink_card__media microlink_card__media_image"
-    />
-    <div
-      className="c15 microlink_card__content"
-    >
-      <span
-        className="c16"
-      />
-      <span
-        className="c8"
-      />
-      <span
-        className="c8"
-        style={
-          Object {
-            "marginBottom": "12px",
-          }
-        }
-      />
-      <span
-        className="c9"
-      />
-    </div>
-  </a>
-</div>
-`;
-
-exports[`Storyshots props controls (disabled) 1`] = `
-.c6 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c11 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c15 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c4 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-}
-
-.c4::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c4::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c10 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 48px;
-  -ms-flex: 0 0 48px;
-  flex: 0 0 48px;
-}
-
-.c10::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c10::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c14 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-
-.c14::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c14::before {
-  padding-bottom: 0;
-}
-
-.c14::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c5 {
-  -webkit-animation: kHwByW 1.25s linear infinite;
-  animation: kHwByW 1.25s linear infinite;
-}
-
-.c7 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c12 {
-  opacity: 0.8;
-  height: 16px;
-  width: 75%;
-  display: block;
-  background: #e1e8ed;
-  margin: 0 20px 0 0;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c16 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-}
-
-.c8 {
-  opacity: 0.8;
-  height: 14px;
-  width: 95%;
-  display: block;
-  position: relative;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c9 {
-  opacity: 0.8;
-  height: 12px;
-  width: 30%;
-  display: block;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: .25s;
-  animation-delay: .25s;
-  height: 10px;
-}
-
-.c2 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-}
-
-.c2:active,
-.c2:hover {
-  outline: 0;
-}
-
-.c13 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  height: 382px;
-}
-
-.c13:active,
-.c13:hover {
-  outline: 0;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  padding-bottom: 32px;
-  margin-bottom: 32px;
-}
-
-.c0:not(:last-child):not(:only-child) {
-  border-bottom: 1px solid #e0e0e0;
-}
-
-.c1 {
-  color: #0366d6;
-  margin-bottom: 32px;
-}
-
-.c3:not(:last-child):not(:only-child) {
-  margin-bottom: 32px;
-}
-
-@media (max-width:48em) {
-  .c4 {
-    -webkit-flex: 0 0 92px;
-    -ms-flex: 0 0 92px;
-    flex: 0 0 92px;
-  }
-}
-
-@media (max-width:48em) {
-  .c13 {
-    height: calc(382px * 7/9);
-  }
-}
-
-<div
-  className="c0"
->
-  <a
-    className="c1"
-    href="https://www.facebook.com/natgeo/videos/10156364216738951/"
-  >
-    https://www.facebook.com/natgeo/videos/10156364216738951/
-  </a>
-  <a
-    className="c2 microlink_card c3"
-    direction="ltr"
-    href="https://www.facebook.com/natgeo/videos/10156364216738951/"
-    rel="noopener noreferrer"
-    target="_blank"
-  >
-    <div
-      className="c4 c5 microlink_card__media microlink_card__media_image"
-    />
-    <div
-      className="c6 microlink_card__content"
-    >
-      <span
-        className="c7"
-      />
-      <span
-        className="c8"
-      />
-      <span
-        className="c8"
-        style={
-          Object {
-            "marginBottom": "12px",
-          }
-        }
-      />
-      <span
-        className="c9"
-      />
-    </div>
-  </a>
-  <a
-    className="c2 microlink_card c3"
-    direction="ltr"
-    href="https://www.facebook.com/natgeo/videos/10156364216738951/"
-    rel="noopener noreferrer"
-    target="_blank"
-  >
-    <div
-      className="c10 c5 microlink_card__media microlink_card__media_image"
-    />
-    <div
-      className="c11 microlink_card__content"
-    >
-      <span
-        className="c12"
-      />
-      <span
-        className="c9"
-      />
-    </div>
-  </a>
-  <a
-    className="c13 microlink_card c3"
-    direction="ltr"
-    href="https://www.facebook.com/natgeo/videos/10156364216738951/"
-    rel="noopener noreferrer"
-    target="_blank"
-  >
-    <div
-      className="c14 c5 microlink_card__media microlink_card__media_image"
-    />
-    <div
-      className="c15 microlink_card__content"
-    >
-      <span
-        className="c16"
-      />
-      <span
-        className="c8"
-      />
-      <span
-        className="c8"
-        style={
-          Object {
-            "marginBottom": "12px",
-          }
-        }
-      />
-      <span
-        className="c9"
-      />
-    </div>
-  </a>
-</div>
-`;
-
-exports[`Storyshots props default 1`] = `
-.c6 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c11 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c15 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c4 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-}
-
-.c4::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c4::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c10 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 48px;
-  -ms-flex: 0 0 48px;
-  flex: 0 0 48px;
-}
-
-.c10::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c10::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c14 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-
-.c14::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c14::before {
-  padding-bottom: 0;
-}
-
-.c14::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c5 {
-  -webkit-animation: kHwByW 1.25s linear infinite;
-  animation: kHwByW 1.25s linear infinite;
-}
-
-.c7 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c12 {
-  opacity: 0.8;
-  height: 16px;
-  width: 75%;
-  display: block;
-  background: #e1e8ed;
-  margin: 0 20px 0 0;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c16 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-}
-
-.c8 {
-  opacity: 0.8;
-  height: 14px;
-  width: 95%;
-  display: block;
-  position: relative;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c9 {
-  opacity: 0.8;
-  height: 12px;
-  width: 30%;
-  display: block;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: .25s;
-  animation-delay: .25s;
-  height: 10px;
-}
-
-.c2 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-}
-
-.c2:active,
-.c2:hover {
-  outline: 0;
-}
-
-.c13 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  height: 382px;
-}
-
-.c13:active,
-.c13:hover {
-  outline: 0;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  padding-bottom: 32px;
-  margin-bottom: 32px;
-}
-
-.c0:not(:last-child):not(:only-child) {
-  border-bottom: 1px solid #e0e0e0;
-}
-
-.c1 {
-  color: #0366d6;
-  margin-bottom: 32px;
-}
-
-.c3:not(:last-child):not(:only-child) {
-  margin-bottom: 32px;
-}
-
-@media (max-width:48em) {
-  .c4 {
-    -webkit-flex: 0 0 92px;
-    -ms-flex: 0 0 92px;
-    flex: 0 0 92px;
-  }
-}
-
-@media (max-width:48em) {
-  .c13 {
-    height: calc(382px * 7/9);
-  }
-}
-
-<div
-  className="c0"
->
-  <a
-    className="c1"
-    href="https://www.apple.com/music/"
-  >
-    https://www.apple.com/music/
-  </a>
-  <a
-    className="c2 microlink_card c3"
-    direction="ltr"
-    href="https://www.apple.com/music/"
-    rel="noopener noreferrer"
-    target="_blank"
-  >
-    <div
-      className="c4 c5 microlink_card__media microlink_card__media_image"
-    />
-    <div
-      className="c6 microlink_card__content"
-    >
-      <span
-        className="c7"
-      />
-      <span
-        className="c8"
-      />
-      <span
-        className="c8"
-        style={
-          Object {
-            "marginBottom": "12px",
-          }
-        }
-      />
-      <span
-        className="c9"
-      />
-    </div>
-  </a>
-  <a
-    className="c2 microlink_card c3"
-    direction="ltr"
-    href="https://www.apple.com/music/"
-    rel="noopener noreferrer"
-    target="_blank"
-  >
-    <div
-      className="c10 c5 microlink_card__media microlink_card__media_image"
-    />
-    <div
-      className="c11 microlink_card__content"
-    >
-      <span
-        className="c12"
-      />
-      <span
-        className="c9"
-      />
-    </div>
-  </a>
-  <a
-    className="c13 microlink_card c3"
-    direction="ltr"
-    href="https://www.apple.com/music/"
-    rel="noopener noreferrer"
-    target="_blank"
-  >
-    <div
-      className="c14 c5 microlink_card__media microlink_card__media_image"
-    />
-    <div
-      className="c15 microlink_card__content"
-    >
-      <span
-        className="c16"
-      />
-      <span
-        className="c8"
-      />
-      <span
-        className="c8"
-        style={
-          Object {
-            "marginBottom": "12px",
-          }
-        }
-      />
-      <span
-        className="c9"
-      />
-    </div>
-  </a>
-</div>
-`;
-
-exports[`Storyshots props direction + contrast 1`] = `
-.c6 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c11 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c15 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c4 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-}
-
-.c4::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c4::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c10 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 48px;
-  -ms-flex: 0 0 48px;
-  flex: 0 0 48px;
-}
-
-.c10::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c10::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c14 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-
-.c14::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c14::before {
-  padding-bottom: 0;
-}
-
-.c14::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c5 {
-  -webkit-animation: kHwByW 1.25s linear infinite;
-  animation: kHwByW 1.25s linear infinite;
-}
-
-.c7 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c12 {
-  opacity: 0.8;
-  height: 16px;
-  width: 75%;
-  display: block;
-  background: #e1e8ed;
-  margin: 0 20px 0 0;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c16 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-}
-
-.c8 {
-  opacity: 0.8;
-  height: 14px;
-  width: 95%;
-  display: block;
-  position: relative;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c9 {
-  opacity: 0.8;
-  height: 12px;
-  width: 30%;
-  display: block;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: .25s;
-  animation-delay: .25s;
-  height: 10px;
-}
-
-.c2 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  -webkit-flex-direction: row-reverse;
-  -ms-flex-direction: row-reverse;
-  flex-direction: row-reverse;
-  -webkit-transition-property: background,border-color;
-  transition-property: background,border-color;
-  will-change: background,border-color;
-}
-
-.c2:active,
-.c2:hover {
-  outline: 0;
-}
-
-.c2:hover {
-  background-color: var(--microlink-hover-background-color,#f5f8fa);
-  border-color: var(--microlink-hover-border-color,#8899A680);
-}
-
-.c13 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  height: 382px;
-  -webkit-flex-direction: column-reverse;
-  -ms-flex-direction: column-reverse;
-  flex-direction: column-reverse;
-  -webkit-transition-property: background,border-color;
-  transition-property: background,border-color;
-  will-change: background,border-color;
-}
-
-.c13:active,
-.c13:hover {
-  outline: 0;
-}
-
-.c13:hover {
-  background-color: var(--microlink-hover-background-color,#f5f8fa);
-  border-color: var(--microlink-hover-border-color,#8899A680);
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  padding-bottom: 32px;
-  margin-bottom: 32px;
-}
-
-.c0:not(:last-child):not(:only-child) {
-  border-bottom: 1px solid #e0e0e0;
-}
-
-.c1 {
-  color: #0366d6;
-  margin-bottom: 32px;
-}
-
-.c3:not(:last-child):not(:only-child) {
-  margin-bottom: 32px;
-}
-
-@media (max-width:48em) {
-  .c4 {
-    -webkit-flex: 0 0 92px;
-    -ms-flex: 0 0 92px;
-    flex: 0 0 92px;
-  }
-}
-
-@media (max-width:48em) {
-  .c13 {
-    height: calc(382px * 7/9);
-  }
-}
-
-<div
-  className="c0"
->
-  <a
-    className="c1"
-    href="https://www.apple.com/music/"
-  >
-    https://www.apple.com/music/
-  </a>
-  <a
-    className="c2 microlink_card c3"
-    direction="rtl"
-    href="https://www.apple.com/music/"
-    rel="noopener noreferrer"
-    target="_blank"
-  >
-    <div
-      className="c4 c5 microlink_card__media microlink_card__media_image"
-    />
-    <div
-      className="c6 microlink_card__content"
-    >
-      <span
-        className="c7"
-      />
-      <span
-        className="c8"
-      />
-      <span
-        className="c8"
-        style={
-          Object {
-            "marginBottom": "12px",
-          }
-        }
-      />
-      <span
-        className="c9"
-      />
-    </div>
-  </a>
-  <a
-    className="c2 microlink_card c3"
-    direction="rtl"
-    href="https://www.apple.com/music/"
-    rel="noopener noreferrer"
-    target="_blank"
-  >
-    <div
-      className="c10 c5 microlink_card__media microlink_card__media_image"
-    />
-    <div
-      className="c11 microlink_card__content"
-    >
-      <span
-        className="c12"
-      />
-      <span
-        className="c9"
-      />
-    </div>
-  </a>
-  <a
-    className="c13 microlink_card c3"
-    direction="rtl"
-    href="https://www.apple.com/music/"
-    rel="noopener noreferrer"
-    target="_blank"
-  >
-    <div
-      className="c14 c5 microlink_card__media microlink_card__media_image"
-    />
-    <div
-      className="c15 microlink_card__content"
-    >
-      <span
-        className="c16"
-      />
-      <span
-        className="c8"
-      />
-      <span
-        className="c8"
-        style={
-          Object {
-            "marginBottom": "12px",
-          }
-        }
-      />
-      <span
-        className="c9"
-      />
-    </div>
-  </a>
-</div>
-`;
-
-exports[`Storyshots props direction 1`] = `
-.c6 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c11 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c15 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c4 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-}
-
-.c4::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c4::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c10 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 48px;
-  -ms-flex: 0 0 48px;
-  flex: 0 0 48px;
-}
-
-.c10::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c10::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c14 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-
-.c14::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c14::before {
-  padding-bottom: 0;
-}
-
-.c14::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c5 {
-  -webkit-animation: kHwByW 1.25s linear infinite;
-  animation: kHwByW 1.25s linear infinite;
-}
-
-.c7 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c12 {
-  opacity: 0.8;
-  height: 16px;
-  width: 75%;
-  display: block;
-  background: #e1e8ed;
-  margin: 0 20px 0 0;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c16 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-}
-
-.c8 {
-  opacity: 0.8;
-  height: 14px;
-  width: 95%;
-  display: block;
-  position: relative;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c9 {
-  opacity: 0.8;
-  height: 12px;
-  width: 30%;
-  display: block;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: .25s;
-  animation-delay: .25s;
-  height: 10px;
-}
-
-.c2 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  -webkit-flex-direction: row-reverse;
-  -ms-flex-direction: row-reverse;
-  flex-direction: row-reverse;
-}
-
-.c2:active,
-.c2:hover {
-  outline: 0;
-}
-
-.c13 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  height: 382px;
-  -webkit-flex-direction: column-reverse;
-  -ms-flex-direction: column-reverse;
-  flex-direction: column-reverse;
-}
-
-.c13:active,
-.c13:hover {
-  outline: 0;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  padding-bottom: 32px;
-  margin-bottom: 32px;
-}
-
-.c0:not(:last-child):not(:only-child) {
-  border-bottom: 1px solid #e0e0e0;
-}
-
-.c1 {
-  color: #0366d6;
-  margin-bottom: 32px;
-}
-
-.c3:not(:last-child):not(:only-child) {
-  margin-bottom: 32px;
-}
-
-@media (max-width:48em) {
-  .c4 {
-    -webkit-flex: 0 0 92px;
-    -ms-flex: 0 0 92px;
-    flex: 0 0 92px;
-  }
-}
-
-@media (max-width:48em) {
-  .c13 {
-    height: calc(382px * 7/9);
-  }
-}
-
-<div
-  className="c0"
->
-  <a
-    className="c1"
-    href="https://www.apple.com/music/"
-  >
-    https://www.apple.com/music/
-  </a>
-  <a
-    className="c2 microlink_card c3"
-    direction="rtl"
-    href="https://www.apple.com/music/"
-    rel="noopener noreferrer"
-    target="_blank"
-  >
-    <div
-      className="c4 c5 microlink_card__media microlink_card__media_image"
-    />
-    <div
-      className="c6 microlink_card__content"
-    >
-      <span
-        className="c7"
-      />
-      <span
-        className="c8"
-      />
-      <span
-        className="c8"
-        style={
-          Object {
-            "marginBottom": "12px",
-          }
-        }
-      />
-      <span
-        className="c9"
-      />
-    </div>
-  </a>
-  <a
-    className="c2 microlink_card c3"
-    direction="rtl"
-    href="https://www.apple.com/music/"
-    rel="noopener noreferrer"
-    target="_blank"
-  >
-    <div
-      className="c10 c5 microlink_card__media microlink_card__media_image"
-    />
-    <div
-      className="c11 microlink_card__content"
-    >
-      <span
-        className="c12"
-      />
-      <span
-        className="c9"
-      />
-    </div>
-  </a>
-  <a
-    className="c13 microlink_card c3"
-    direction="rtl"
-    href="https://www.apple.com/music/"
-    rel="noopener noreferrer"
-    target="_blank"
-  >
-    <div
-      className="c14 c5 microlink_card__media microlink_card__media_image"
-    />
-    <div
-      className="c15 microlink_card__content"
-    >
-      <span
-        className="c16"
-      />
-      <span
-        className="c8"
-      />
-      <span
-        className="c8"
-        style={
-          Object {
-            "marginBottom": "12px",
-          }
-        }
-      />
-      <span
-        className="c9"
-      />
-    </div>
-  </a>
-</div>
-`;
-
-exports[`Storyshots props lazy 1`] = `
-Array [
-  .c7 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c12 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c16 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c5 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-}
-
-.c5::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c5::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c11 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 48px;
-  -ms-flex: 0 0 48px;
-  flex: 0 0 48px;
-}
-
-.c11::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c11::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c15 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-
-.c15::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c15::before {
-  padding-bottom: 0;
-}
-
-.c15::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c6 {
-  -webkit-animation: kHwByW 1.25s linear infinite;
-  animation: kHwByW 1.25s linear infinite;
-}
-
-.c8 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c13 {
-  opacity: 0.8;
-  height: 16px;
-  width: 75%;
-  display: block;
-  background: #e1e8ed;
-  margin: 0 20px 0 0;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c17 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-}
-
-.c9 {
-  opacity: 0.8;
-  height: 14px;
-  width: 95%;
-  display: block;
-  position: relative;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c10 {
-  opacity: 0.8;
-  height: 12px;
-  width: 30%;
-  display: block;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: .25s;
-  animation-delay: .25s;
-  height: 10px;
-}
-
-.c3 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-}
-
-.c3:active,
-.c3:hover {
-  outline: 0;
-}
-
-.c14 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  height: 382px;
-}
-
-.c14:active,
-.c14:hover {
-  outline: 0;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  padding-bottom: 32px;
-  margin-bottom: 32px;
-}
-
-.c0:not(:last-child):not(:only-child) {
-  border-bottom: 1px solid #e0e0e0;
-}
-
-.c1 {
-  color: #0366d6;
-  margin-bottom: 32px;
-}
-
-.c2 {
-  display: inline-block;
-  padding: 18px 14px;
-  margin: 0 0 32px;
-  background: #2b2b2b;
-  color: #e8417d;
-  text-shadow: 0 1px 4px rgba(0,0,0,0.3);
-  font-family: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter, monospace;
-  border-radius: 5px;
-  min-width: 300px;
-  max-width: 100%;
-  overflow: scroll;
-}
-
-.c4:not(:last-child):not(:only-child) {
-  margin-bottom: 32px;
-}
-
-@media (max-width:48em) {
-  .c5 {
-    -webkit-flex: 0 0 92px;
-    -ms-flex: 0 0 92px;
-    flex: 0 0 92px;
-  }
-}
-
-@media (max-width:48em) {
-  .c14 {
-    height: calc(382px * 7/9);
-  }
-}
-
-<div
-    className="c0"
-  >
-    <a
-      className="c1"
-      href="https://microlink.io"
-    >
-      https://microlink.io
-    </a>
-    <div>
-      <pre
-        className="c2"
-      >
-        {
-  "lazy": false
-}
-      </pre>
-    </div>
-    <a
-      className="c3 microlink_card c4"
-      direction="ltr"
-      href="https://microlink.io"
-      rel="noopener noreferrer"
-      target="_blank"
-    >
-      <div
-        className="c5 c6 microlink_card__media microlink_card__media_image"
-      />
-      <div
-        className="c7 microlink_card__content"
-      >
-        <span
-          className="c8"
-        />
-        <span
-          className="c9"
-        />
-        <span
-          className="c9"
-          style={
-            Object {
-              "marginBottom": "12px",
-            }
-          }
-        />
-        <span
-          className="c10"
-        />
-      </div>
-    </a>
-    <a
-      className="c3 microlink_card c4"
-      direction="ltr"
-      href="https://microlink.io"
-      rel="noopener noreferrer"
-      target="_blank"
-    >
-      <div
-        className="c11 c6 microlink_card__media microlink_card__media_image"
-      />
-      <div
-        className="c12 microlink_card__content"
-      >
-        <span
-          className="c13"
-        />
-        <span
-          className="c10"
-        />
-      </div>
-    </a>
-    <a
-      className="c14 microlink_card c4"
-      direction="ltr"
-      href="https://microlink.io"
-      rel="noopener noreferrer"
-      target="_blank"
-    >
-      <div
-        className="c15 c6 microlink_card__media microlink_card__media_image"
-      />
-      <div
-        className="c16 microlink_card__content"
-      >
-        <span
-          className="c17"
-        />
-        <span
-          className="c9"
-        />
-        <span
-          className="c9"
-          style={
-            Object {
-              "marginBottom": "12px",
-            }
-          }
-        />
-        <span
-          className="c10"
-        />
-      </div>
-    </a>
-  </div>,
-  .c7 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c12 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c16 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c5 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-}
-
-.c5::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c5::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c11 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 48px;
-  -ms-flex: 0 0 48px;
-  flex: 0 0 48px;
-}
-
-.c11::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c11::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c15 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-
-.c15::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c15::before {
-  padding-bottom: 0;
-}
-
-.c15::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c6 {
-  -webkit-animation: kHwByW 1.25s linear infinite;
-  animation: kHwByW 1.25s linear infinite;
-}
-
-.c8 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c13 {
-  opacity: 0.8;
-  height: 16px;
-  width: 75%;
-  display: block;
-  background: #e1e8ed;
-  margin: 0 20px 0 0;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c17 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-}
-
-.c9 {
-  opacity: 0.8;
-  height: 14px;
-  width: 95%;
-  display: block;
-  position: relative;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c10 {
-  opacity: 0.8;
-  height: 12px;
-  width: 30%;
-  display: block;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: .25s;
-  animation-delay: .25s;
-  height: 10px;
-}
-
-.c3 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-}
-
-.c3:active,
-.c3:hover {
-  outline: 0;
-}
-
-.c14 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  height: 382px;
-}
-
-.c14:active,
-.c14:hover {
-  outline: 0;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  padding-bottom: 32px;
-  margin-bottom: 32px;
-}
-
-.c0:not(:last-child):not(:only-child) {
-  border-bottom: 1px solid #e0e0e0;
-}
-
-.c1 {
-  color: #0366d6;
-  margin-bottom: 32px;
-}
-
-.c2 {
-  display: inline-block;
-  padding: 18px 14px;
-  margin: 0 0 32px;
-  background: #2b2b2b;
-  color: #e8417d;
-  text-shadow: 0 1px 4px rgba(0,0,0,0.3);
-  font-family: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter, monospace;
-  border-radius: 5px;
-  min-width: 300px;
-  max-width: 100%;
-  overflow: scroll;
-}
-
-.c4:not(:last-child):not(:only-child) {
-  margin-bottom: 32px;
-}
-
-@media (max-width:48em) {
-  .c5 {
-    -webkit-flex: 0 0 92px;
-    -ms-flex: 0 0 92px;
-    flex: 0 0 92px;
-  }
-}
-
-@media (max-width:48em) {
-  .c14 {
-    height: calc(382px * 7/9);
-  }
-}
-
-<div
-    className="c0"
-  >
-    <a
-      className="c1"
-      href="https://microlink.io"
-    >
-      https://microlink.io
-    </a>
-    <div>
-      <pre
-        className="c2"
-      >
-        {
-  "lazy": {
-    "threshold": 1
-  }
-}
-      </pre>
-    </div>
-    <a
-      className="c3 microlink_card c4"
-      direction="ltr"
-      href="https://microlink.io"
-      rel="noopener noreferrer"
-      target="_blank"
-    >
-      <div
-        className="c5 c6 microlink_card__media microlink_card__media_image"
-      />
-      <div
-        className="c7 microlink_card__content"
-      >
-        <span
-          className="c8"
-        />
-        <span
-          className="c9"
-        />
-        <span
-          className="c9"
-          style={
-            Object {
-              "marginBottom": "12px",
-            }
-          }
-        />
-        <span
-          className="c10"
-        />
-      </div>
-    </a>
-    <a
-      className="c3 microlink_card c4"
-      direction="ltr"
-      href="https://microlink.io"
-      rel="noopener noreferrer"
-      target="_blank"
-    >
-      <div
-        className="c11 c6 microlink_card__media microlink_card__media_image"
-      />
-      <div
-        className="c12 microlink_card__content"
-      >
-        <span
-          className="c13"
-        />
-        <span
-          className="c10"
-        />
-      </div>
-    </a>
-    <a
-      className="c14 microlink_card c4"
-      direction="ltr"
-      href="https://microlink.io"
-      rel="noopener noreferrer"
-      target="_blank"
-    >
-      <div
-        className="c15 c6 microlink_card__media microlink_card__media_image"
-      />
-      <div
-        className="c16 microlink_card__content"
-      >
-        <span
-          className="c17"
-        />
-        <span
-          className="c9"
-        />
-        <span
-          className="c9"
-          style={
-            Object {
-              "marginBottom": "12px",
-            }
-          }
-        />
-        <span
-          className="c10"
-        />
-      </div>
-    </a>
-  </div>,
-]
-`;
-
-exports[`Storyshots props loading 1`] = `
-.c6 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c11 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c15 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c4 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-}
-
-.c4::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c4::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c10 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 48px;
-  -ms-flex: 0 0 48px;
-  flex: 0 0 48px;
-}
-
-.c10::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c10::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c14 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-
-.c14::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c14::before {
-  padding-bottom: 0;
-}
-
-.c14::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c5 {
-  -webkit-animation: kHwByW 1.25s linear infinite;
-  animation: kHwByW 1.25s linear infinite;
-}
-
-.c7 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c12 {
-  opacity: 0.8;
-  height: 16px;
-  width: 75%;
-  display: block;
-  background: #e1e8ed;
-  margin: 0 20px 0 0;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c16 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-}
-
-.c8 {
-  opacity: 0.8;
-  height: 14px;
-  width: 95%;
-  display: block;
-  position: relative;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c9 {
-  opacity: 0.8;
-  height: 12px;
-  width: 30%;
-  display: block;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: .25s;
-  animation-delay: .25s;
-  height: 10px;
-}
-
-.c2 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-}
-
-.c2:active,
-.c2:hover {
-  outline: 0;
-}
-
-.c13 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  height: 382px;
-}
-
-.c13:active,
-.c13:hover {
-  outline: 0;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  padding-bottom: 32px;
-  margin-bottom: 32px;
-}
-
-.c0:not(:last-child):not(:only-child) {
-  border-bottom: 1px solid #e0e0e0;
-}
-
-.c1 {
-  color: #0366d6;
-  margin-bottom: 32px;
-}
-
-.c3:not(:last-child):not(:only-child) {
-  margin-bottom: 32px;
-}
-
-@media (max-width:48em) {
-  .c4 {
-    -webkit-flex: 0 0 92px;
-    -ms-flex: 0 0 92px;
-    flex: 0 0 92px;
-  }
-}
-
-@media (max-width:48em) {
-  .c13 {
-    height: calc(382px * 7/9);
-  }
-}
-
-<div
-  className="c0"
->
-  <a
-    className="c1"
-    href="https://microlink.io"
-  >
-    https://microlink.io
-  </a>
-  <a
-    className="c2 microlink_card c3"
-    direction="ltr"
-    href="https://microlink.io"
-    rel="noopener noreferrer"
-    target="_blank"
-  >
-    <div
-      className="c4 c5 microlink_card__media microlink_card__media_image"
-    />
-    <div
-      className="c6 microlink_card__content"
-    >
-      <span
-        className="c7"
-      />
-      <span
-        className="c8"
-      />
-      <span
-        className="c8"
-        style={
-          Object {
-            "marginBottom": "12px",
-          }
-        }
-      />
-      <span
-        className="c9"
-      />
-    </div>
-  </a>
-  <a
-    className="c2 microlink_card c3"
-    direction="ltr"
-    href="https://microlink.io"
-    rel="noopener noreferrer"
-    target="_blank"
-  >
-    <div
-      className="c10 c5 microlink_card__media microlink_card__media_image"
-    />
-    <div
-      className="c11 microlink_card__content"
-    >
-      <span
-        className="c12"
-      />
-      <span
-        className="c9"
-      />
-    </div>
-  </a>
-  <a
-    className="c13 microlink_card c3"
-    direction="ltr"
-    href="https://microlink.io"
-    rel="noopener noreferrer"
-    target="_blank"
-  >
-    <div
-      className="c14 c5 microlink_card__media microlink_card__media_image"
-    />
-    <div
-      className="c15 microlink_card__content"
-    >
-      <span
-        className="c16"
-      />
-      <span
-        className="c8"
-      />
-      <span
-        className="c8"
-        style={
-          Object {
-            "marginBottom": "12px",
-          }
-        }
-      />
-      <span
-        className="c9"
-      />
-    </div>
-  </a>
-</div>
-`;
-
-exports[`Storyshots props mediaRef 1`] = `
-.c6 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c11 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c15 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c4 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-}
-
-.c4::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c4::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c10 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 48px;
-  -ms-flex: 0 0 48px;
-  flex: 0 0 48px;
-}
-
-.c10::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c10::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c14 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-
-.c14::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c14::before {
-  padding-bottom: 0;
-}
-
-.c14::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c5 {
-  -webkit-animation: kHwByW 1.25s linear infinite;
-  animation: kHwByW 1.25s linear infinite;
-}
-
-.c7 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c12 {
-  opacity: 0.8;
-  height: 16px;
-  width: 75%;
-  display: block;
-  background: #e1e8ed;
-  margin: 0 20px 0 0;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c16 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-}
-
-.c8 {
-  opacity: 0.8;
-  height: 14px;
-  width: 95%;
-  display: block;
-  position: relative;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c9 {
-  opacity: 0.8;
-  height: 12px;
-  width: 30%;
-  display: block;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: .25s;
-  animation-delay: .25s;
-  height: 10px;
-}
-
-.c2 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-}
-
-.c2:active,
-.c2:hover {
-  outline: 0;
-}
-
-.c13 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  height: 382px;
-}
-
-.c13:active,
-.c13:hover {
-  outline: 0;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  padding-bottom: 32px;
-  margin-bottom: 32px;
-}
-
-.c0:not(:last-child):not(:only-child) {
-  border-bottom: 1px solid #e0e0e0;
-}
-
-.c1 {
-  color: #0366d6;
-  margin-bottom: 32px;
-}
-
-.c3:not(:last-child):not(:only-child) {
-  margin-bottom: 32px;
-}
-
-@media (max-width:48em) {
-  .c4 {
-    -webkit-flex: 0 0 92px;
-    -ms-flex: 0 0 92px;
-    flex: 0 0 92px;
-  }
-}
-
-@media (max-width:48em) {
-  .c13 {
-    height: calc(382px * 7/9);
-  }
-}
-
-<div
-  className="c0"
->
-  <a
-    className="c1"
-    href="https://www.facebook.com/natgeo/videos/10156364216738951/"
-  >
-    https://www.facebook.com/natgeo/videos/10156364216738951/
-  </a>
-  <a
-    className="c2 microlink_card c3"
-    direction="ltr"
-    href="https://www.facebook.com/natgeo/videos/10156364216738951/"
-    rel="noopener noreferrer"
-    target="_blank"
-  >
-    <div
-      className="c4 c5 microlink_card__media microlink_card__media_image"
-    />
-    <div
-      className="c6 microlink_card__content"
-    >
-      <span
-        className="c7"
-      />
-      <span
-        className="c8"
-      />
-      <span
-        className="c8"
-        style={
-          Object {
-            "marginBottom": "12px",
-          }
-        }
-      />
-      <span
-        className="c9"
-      />
-    </div>
-  </a>
-  <a
-    className="c2 microlink_card c3"
-    direction="ltr"
-    href="https://www.facebook.com/natgeo/videos/10156364216738951/"
-    rel="noopener noreferrer"
-    target="_blank"
-  >
-    <div
-      className="c10 c5 microlink_card__media microlink_card__media_image"
-    />
-    <div
-      className="c11 microlink_card__content"
-    >
-      <span
-        className="c12"
-      />
-      <span
-        className="c9"
-      />
-    </div>
-  </a>
-  <a
-    className="c13 microlink_card c3"
-    direction="ltr"
-    href="https://www.facebook.com/natgeo/videos/10156364216738951/"
-    rel="noopener noreferrer"
-    target="_blank"
-  >
-    <div
-      className="c14 c5 microlink_card__media microlink_card__media_image"
-    />
-    <div
-      className="c15 microlink_card__content"
-    >
-      <span
-        className="c16"
-      />
-      <span
-        className="c8"
-      />
-      <span
-        className="c8"
-        style={
-          Object {
-            "marginBottom": "12px",
-          }
-        }
-      />
-      <span
-        className="c9"
-      />
-    </div>
-  </a>
-</div>
-`;
-
-exports[`Storyshots setData function 1`] = `
-.c6 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c11 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c15 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c4 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-}
-
-.c4::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c4::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c10 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 48px;
-  -ms-flex: 0 0 48px;
-  flex: 0 0 48px;
-}
-
-.c10::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c10::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c14 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-
-.c14::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c14::before {
-  padding-bottom: 0;
-}
-
-.c14::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c5 {
-  -webkit-animation: kHwByW 1.25s linear infinite;
-  animation: kHwByW 1.25s linear infinite;
-}
-
-.c7 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c12 {
-  opacity: 0.8;
-  height: 16px;
-  width: 75%;
-  display: block;
-  background: #e1e8ed;
-  margin: 0 20px 0 0;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c16 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-}
-
-.c8 {
-  opacity: 0.8;
-  height: 14px;
-  width: 95%;
-  display: block;
-  position: relative;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c9 {
-  opacity: 0.8;
-  height: 12px;
-  width: 30%;
-  display: block;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: .25s;
-  animation-delay: .25s;
-  height: 10px;
-}
-
-.c2 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-}
-
-.c2:active,
-.c2:hover {
-  outline: 0;
-}
-
-.c13 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  height: 382px;
-}
-
-.c13:active,
-.c13:hover {
-  outline: 0;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  padding-bottom: 32px;
-  margin-bottom: 32px;
-}
-
-.c0:not(:last-child):not(:only-child) {
-  border-bottom: 1px solid #e0e0e0;
-}
-
-.c1 {
-  color: #0366d6;
-  margin-bottom: 32px;
-}
-
-.c3:not(:last-child):not(:only-child) {
-  margin-bottom: 32px;
-}
-
-@media (max-width:48em) {
-  .c4 {
-    -webkit-flex: 0 0 92px;
-    -ms-flex: 0 0 92px;
-    flex: 0 0 92px;
-  }
-}
-
-@media (max-width:48em) {
-  .c13 {
-    height: calc(382px * 7/9);
-  }
-}
-
-<div
-  className="c0"
->
-  <a
-    className="c1"
-    href="https://microlink.io"
-  >
-    https://microlink.io
-  </a>
-  <a
-    className="c2 microlink_card c3"
-    direction="ltr"
-    href="https://microlink.io"
-    rel="noopener noreferrer"
-    target="_blank"
-  >
-    <div
-      className="c4 c5 microlink_card__media microlink_card__media_image"
-    />
-    <div
-      className="c6 microlink_card__content"
-    >
-      <span
-        className="c7"
-      />
-      <span
-        className="c8"
-      />
-      <span
-        className="c8"
-        style={
-          Object {
-            "marginBottom": "12px",
-          }
-        }
-      />
-      <span
-        className="c9"
-      />
-    </div>
-  </a>
-  <a
-    className="c2 microlink_card c3"
-    direction="ltr"
-    href="https://microlink.io"
-    rel="noopener noreferrer"
-    target="_blank"
-  >
-    <div
-      className="c10 c5 microlink_card__media microlink_card__media_image"
-    />
-    <div
-      className="c11 microlink_card__content"
-    >
-      <span
-        className="c12"
-      />
-      <span
-        className="c9"
-      />
-    </div>
-  </a>
-  <a
-    className="c13 microlink_card c3"
-    direction="ltr"
-    href="https://microlink.io"
-    rel="noopener noreferrer"
-    target="_blank"
-  >
-    <div
-      className="c14 c5 microlink_card__media microlink_card__media_image"
-    />
-    <div
-      className="c15 microlink_card__content"
-    >
-      <span
-        className="c16"
-      />
-      <span
-        className="c8"
-      />
-      <span
-        className="c8"
-        style={
-          Object {
-            "marginBottom": "12px",
-          }
-        }
-      />
-      <span
-        className="c9"
-      />
-    </div>
-  </a>
-</div>
-`;
-
-exports[`Storyshots setData object 1`] = `
-.c6 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c11 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c15 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c4 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-}
-
-.c4::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c4::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c10 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 48px;
-  -ms-flex: 0 0 48px;
-  flex: 0 0 48px;
-}
-
-.c10::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c10::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c14 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-
-.c14::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c14::before {
-  padding-bottom: 0;
-}
-
-.c14::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c5 {
-  -webkit-animation: kHwByW 1.25s linear infinite;
-  animation: kHwByW 1.25s linear infinite;
-}
-
-.c7 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c12 {
-  opacity: 0.8;
-  height: 16px;
-  width: 75%;
-  display: block;
-  background: #e1e8ed;
-  margin: 0 20px 0 0;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c16 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-}
-
-.c8 {
-  opacity: 0.8;
-  height: 14px;
-  width: 95%;
-  display: block;
-  position: relative;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c9 {
-  opacity: 0.8;
-  height: 12px;
-  width: 30%;
-  display: block;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: .25s;
-  animation-delay: .25s;
-  height: 10px;
-}
-
-.c2 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-}
-
-.c2:active,
-.c2:hover {
-  outline: 0;
-}
-
-.c13 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  height: 382px;
-}
-
-.c13:active,
-.c13:hover {
-  outline: 0;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  padding-bottom: 32px;
-  margin-bottom: 32px;
-}
-
-.c0:not(:last-child):not(:only-child) {
-  border-bottom: 1px solid #e0e0e0;
-}
-
-.c1 {
-  color: #0366d6;
-  margin-bottom: 32px;
-}
-
-.c3:not(:last-child):not(:only-child) {
-  margin-bottom: 32px;
-}
-
-@media (max-width:48em) {
-  .c4 {
-    -webkit-flex: 0 0 92px;
-    -ms-flex: 0 0 92px;
-    flex: 0 0 92px;
-  }
-}
-
-@media (max-width:48em) {
-  .c13 {
-    height: calc(382px * 7/9);
-  }
-}
-
-<div
-  className="c0"
->
-  <a
-    className="c1"
-    href="https://microlink.io"
-  >
-    https://microlink.io
-  </a>
-  <a
-    className="c2 microlink_card c3"
-    direction="ltr"
-    href="https://microlink.io"
-    rel="noopener noreferrer"
-    target="_blank"
-  >
-    <div
-      className="c4 c5 microlink_card__media microlink_card__media_image"
-    />
-    <div
-      className="c6 microlink_card__content"
-    >
-      <span
-        className="c7"
-      />
-      <span
-        className="c8"
-      />
-      <span
-        className="c8"
-        style={
-          Object {
-            "marginBottom": "12px",
-          }
-        }
-      />
-      <span
-        className="c9"
-      />
-    </div>
-  </a>
-  <a
-    className="c2 microlink_card c3"
-    direction="ltr"
-    href="https://microlink.io"
-    rel="noopener noreferrer"
-    target="_blank"
-  >
-    <div
-      className="c10 c5 microlink_card__media microlink_card__media_image"
-    />
-    <div
-      className="c11 microlink_card__content"
-    >
-      <span
-        className="c12"
-      />
-      <span
-        className="c9"
-      />
-    </div>
-  </a>
-  <a
-    className="c13 microlink_card c3"
-    direction="ltr"
-    href="https://microlink.io"
-    rel="noopener noreferrer"
-    target="_blank"
-  >
-    <div
-      className="c14 c5 microlink_card__media microlink_card__media_image"
-    />
-    <div
-      className="c15 microlink_card__content"
-    >
-      <span
-        className="c16"
-      />
-      <span
-        className="c8"
-      />
-      <span
-        className="c8"
-        style={
-          Object {
-            "marginBottom": "12px",
-          }
-        }
-      />
-      <span
-        className="c9"
-      />
-    </div>
-  </a>
-</div>
-`;
-
-exports[`Storyshots setData prefer media 1`] = `
-Array [
-  .c6 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c4 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-}
-
-.c4::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c4::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c5 {
-  -webkit-animation: kHwByW 1.25s linear infinite;
-  animation: kHwByW 1.25s linear infinite;
-}
-
-.c7 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c8 {
-  opacity: 0.8;
-  height: 14px;
-  width: 95%;
-  display: block;
-  position: relative;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c9 {
-  opacity: 0.8;
-  height: 12px;
-  width: 30%;
-  display: block;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: .25s;
-  animation-delay: .25s;
-  height: 10px;
-}
-
-.c2 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-}
-
-.c2:active,
-.c2:hover {
-  outline: 0;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  padding-bottom: 32px;
-  margin-bottom: 32px;
-}
-
-.c0:not(:last-child):not(:only-child) {
-  border-bottom: 1px solid #e0e0e0;
-}
-
-.c1 {
-  color: #0366d6;
-  margin-bottom: 32px;
-}
-
-.c3:not(:last-child):not(:only-child) {
-  margin-bottom: 32px;
-}
-
-@media (max-width:48em) {
-  .c4 {
-    -webkit-flex: 0 0 92px;
-    -ms-flex: 0 0 92px;
-    flex: 0 0 92px;
-  }
-}
-
-<div
-    className="c0"
-  >
-    <a
-      className="c1"
-      href="https://youtube.com"
-    >
-      https://youtube.com
-    </a>
-    <a
-      className="c2 microlink_card c3"
-      direction="ltr"
-      href="https://youtube.com"
-      rel="noopener noreferrer"
-      target="_blank"
-    >
-      <div
-        className="c4 c5 microlink_card__media microlink_card__media_image"
-      />
-      <div
-        className="c6 microlink_card__content"
-      >
-        <span
-          className="c7"
-        />
-        <span
-          className="c8"
-        />
-        <span
-          className="c8"
-          style={
-            Object {
-              "marginBottom": "12px",
-            }
-          }
-        />
-        <span
-          className="c9"
-        />
-      </div>
-    </a>
-  </div>,
-  .c6 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c4 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-}
-
-.c4::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c4::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c5 {
-  -webkit-animation: kHwByW 1.25s linear infinite;
-  animation: kHwByW 1.25s linear infinite;
-}
-
-.c7 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c8 {
-  opacity: 0.8;
-  height: 14px;
-  width: 95%;
-  display: block;
-  position: relative;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c9 {
-  opacity: 0.8;
-  height: 12px;
-  width: 30%;
-  display: block;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: .25s;
-  animation-delay: .25s;
-  height: 10px;
-}
-
-.c2 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-}
-
-.c2:active,
-.c2:hover {
-  outline: 0;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  padding-bottom: 32px;
-  margin-bottom: 32px;
-}
-
-.c0:not(:last-child):not(:only-child) {
-  border-bottom: 1px solid #e0e0e0;
-}
-
-.c1 {
-  color: #0366d6;
-  margin-bottom: 32px;
-}
-
-.c3:not(:last-child):not(:only-child) {
-  margin-bottom: 32px;
-}
-
-@media (max-width:48em) {
-  .c4 {
-    -webkit-flex: 0 0 92px;
-    -ms-flex: 0 0 92px;
-    flex: 0 0 92px;
-  }
-}
-
-<div
-    className="c0"
-  >
-    <a
-      className="c1"
-      href="https://example.com"
-    >
-      https://example.com
-    </a>
-    <a
-      className="c2 microlink_card c3"
-      direction="ltr"
-      href="https://example.com"
-      rel="noopener noreferrer"
-      target="_blank"
-    >
-      <div
-        className="c4 c5 microlink_card__media microlink_card__media_image"
-      />
-      <div
-        className="c6 microlink_card__content"
-      >
-        <span
-          className="c7"
-        />
-        <span
-          className="c8"
-        />
-        <span
-          className="c8"
-          style={
-            Object {
-              "marginBottom": "12px",
-            }
-          }
-        />
-        <span
-          className="c9"
-        />
-      </div>
-    </a>
-  </div>,
-]
-`;
-
-exports[`Storyshots style border radius 1`] = `
-Array [
-  .c6 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c11 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c15 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c4 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-}
-
-.c4::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c4::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c10 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 48px;
-  -ms-flex: 0 0 48px;
-  flex: 0 0 48px;
-}
-
-.c10::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c10::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c14 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-
-.c14::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c14::before {
-  padding-bottom: 0;
-}
-
-.c14::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c5 {
-  -webkit-animation: kHwByW 1.25s linear infinite;
-  animation: kHwByW 1.25s linear infinite;
-}
-
-.c7 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c12 {
-  opacity: 0.8;
-  height: 16px;
-  width: 75%;
-  display: block;
-  background: #e1e8ed;
-  margin: 0 20px 0 0;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c16 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-}
-
-.c8 {
-  opacity: 0.8;
-  height: 14px;
-  width: 95%;
-  display: block;
-  position: relative;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c9 {
-  opacity: 0.8;
-  height: 12px;
-  width: 30%;
-  display: block;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: .25s;
-  animation-delay: .25s;
-  height: 10px;
-}
-
-.c2 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-}
-
-.c2:active,
-.c2:hover {
-  outline: 0;
-}
-
-.c13 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  height: 382px;
-}
-
-.c13:active,
-.c13:hover {
-  outline: 0;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  padding-bottom: 32px;
-  margin-bottom: 32px;
-}
-
-.c0:not(:last-child):not(:only-child) {
-  border-bottom: 1px solid #e0e0e0;
-}
-
-.c1 {
-  color: #0366d6;
-  margin-bottom: 32px;
-}
-
-.c3:not(:last-child):not(:only-child) {
-  margin-bottom: 32px;
-}
-
-@media (max-width:48em) {
-  .c4 {
-    -webkit-flex: 0 0 92px;
-    -ms-flex: 0 0 92px;
-    flex: 0 0 92px;
-  }
-}
-
-@media (max-width:48em) {
-  .c13 {
-    height: calc(382px * 7/9);
-  }
-}
-
-<div
-    className="c0"
-  >
-    <a
-      className="c1"
-      href="https://www.apple.com/music/"
-    >
-      https://www.apple.com/music/
-    </a>
-    <a
-      className="c2 microlink_card c3"
-      direction="ltr"
-      href="https://www.apple.com/music/"
-      rel="noopener noreferrer"
-      style={
-        Object {
-          "borderRadius": ".42857em",
-          "marginBottom": "20px",
-        }
-      }
-      target="_blank"
-    >
-      <div
-        className="c4 c5 microlink_card__media microlink_card__media_image"
-      />
-      <div
-        className="c6 microlink_card__content"
-      >
-        <span
-          className="c7"
-        />
-        <span
-          className="c8"
-        />
-        <span
-          className="c8"
-          style={
-            Object {
-              "marginBottom": "12px",
-            }
-          }
-        />
-        <span
-          className="c9"
-        />
-      </div>
-    </a>
-    <a
-      className="c2 microlink_card c3"
-      direction="ltr"
-      href="https://www.apple.com/music/"
-      rel="noopener noreferrer"
-      style={
-        Object {
-          "borderRadius": ".42857em",
-          "marginBottom": "20px",
-        }
-      }
-      target="_blank"
-    >
-      <div
-        className="c10 c5 microlink_card__media microlink_card__media_image"
-      />
-      <div
-        className="c11 microlink_card__content"
-      >
-        <span
-          className="c12"
-        />
-        <span
-          className="c9"
-        />
-      </div>
-    </a>
-    <a
-      className="c13 microlink_card c3"
-      direction="ltr"
-      href="https://www.apple.com/music/"
-      rel="noopener noreferrer"
-      style={
-        Object {
-          "borderRadius": ".42857em",
-          "marginBottom": "20px",
-        }
-      }
-      target="_blank"
-    >
-      <div
-        className="c14 c5 microlink_card__media microlink_card__media_image"
-      />
-      <div
-        className="c15 microlink_card__content"
-      >
-        <span
-          className="c16"
-        />
-        <span
-          className="c8"
-        />
-        <span
-          className="c8"
-          style={
-            Object {
-              "marginBottom": "12px",
-            }
-          }
-        />
-        <span
-          className="c9"
-        />
-      </div>
-    </a>
-  </div>,
-  .c6 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c11 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c15 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c4 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-}
-
-.c4::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c4::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c10 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 48px;
-  -ms-flex: 0 0 48px;
-  flex: 0 0 48px;
-}
-
-.c10::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c10::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c14 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-
-.c14::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c14::before {
-  padding-bottom: 0;
-}
-
-.c14::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c5 {
-  -webkit-animation: kHwByW 1.25s linear infinite;
-  animation: kHwByW 1.25s linear infinite;
-}
-
-.c7 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c12 {
-  opacity: 0.8;
-  height: 16px;
-  width: 75%;
-  display: block;
-  background: #e1e8ed;
-  margin: 0 20px 0 0;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c16 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-}
-
-.c8 {
-  opacity: 0.8;
-  height: 14px;
-  width: 95%;
-  display: block;
-  position: relative;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c9 {
-  opacity: 0.8;
-  height: 12px;
-  width: 30%;
-  display: block;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: .25s;
-  animation-delay: .25s;
-  height: 10px;
-}
-
-.c2 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-}
-
-.c2:active,
-.c2:hover {
-  outline: 0;
-}
-
-.c13 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  height: 382px;
-}
-
-.c13:active,
-.c13:hover {
-  outline: 0;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  padding-bottom: 32px;
-  margin-bottom: 32px;
-}
-
-.c0:not(:last-child):not(:only-child) {
-  border-bottom: 1px solid #e0e0e0;
-}
-
-.c1 {
-  color: #0366d6;
-  margin-bottom: 32px;
-}
-
-.c3:not(:last-child):not(:only-child) {
-  margin-bottom: 32px;
-}
-
-@media (max-width:48em) {
-  .c4 {
-    -webkit-flex: 0 0 92px;
-    -ms-flex: 0 0 92px;
-    flex: 0 0 92px;
-  }
-}
-
-@media (max-width:48em) {
-  .c13 {
-    height: calc(382px * 7/9);
-  }
-}
-
-<div
-    className="c0"
-  >
-    <a
-      className="c1"
-      href="https://microlink.io"
-    >
-      https://microlink.io
-    </a>
-    <a
-      className="c2 microlink_card c3"
-      direction="ltr"
-      href="https://microlink.io"
-      rel="noopener noreferrer"
-      style={
-        Object {
-          "borderRadius": "6px",
-          "marginBottom": "20px",
-        }
-      }
-      target="_blank"
-    >
-      <div
-        className="c4 c5 microlink_card__media microlink_card__media_image"
-      />
-      <div
-        className="c6 microlink_card__content"
-      >
-        <span
-          className="c7"
-        />
-        <span
-          className="c8"
-        />
-        <span
-          className="c8"
-          style={
-            Object {
-              "marginBottom": "12px",
-            }
-          }
-        />
-        <span
-          className="c9"
-        />
-      </div>
-    </a>
-    <a
-      className="c2 microlink_card c3"
-      direction="ltr"
-      href="https://microlink.io"
-      rel="noopener noreferrer"
-      style={
-        Object {
-          "borderRadius": "6px",
-          "marginBottom": "20px",
-        }
-      }
-      target="_blank"
-    >
-      <div
-        className="c10 c5 microlink_card__media microlink_card__media_image"
-      />
-      <div
-        className="c11 microlink_card__content"
-      >
-        <span
-          className="c12"
-        />
-        <span
-          className="c9"
-        />
-      </div>
-    </a>
-    <a
-      className="c13 microlink_card c3"
-      direction="ltr"
-      href="https://microlink.io"
-      rel="noopener noreferrer"
-      style={
-        Object {
-          "borderRadius": "6px",
-          "marginBottom": "20px",
-        }
-      }
-      target="_blank"
-    >
-      <div
-        className="c14 c5 microlink_card__media microlink_card__media_image"
-      />
-      <div
-        className="c15 microlink_card__content"
-      >
-        <span
-          className="c16"
-        />
-        <span
-          className="c8"
-        />
-        <span
-          className="c8"
-          style={
-            Object {
-              "marginBottom": "12px",
-            }
-          }
-        />
-        <span
-          className="c9"
-        />
-      </div>
-    </a>
-  </div>,
-  .c6 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c11 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c15 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c4 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-}
-
-.c4::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c4::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c10 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 48px;
-  -ms-flex: 0 0 48px;
-  flex: 0 0 48px;
-}
-
-.c10::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c10::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c14 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-
-.c14::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c14::before {
-  padding-bottom: 0;
-}
-
-.c14::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c5 {
-  -webkit-animation: kHwByW 1.25s linear infinite;
-  animation: kHwByW 1.25s linear infinite;
-}
-
-.c7 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c12 {
-  opacity: 0.8;
-  height: 16px;
-  width: 75%;
-  display: block;
-  background: #e1e8ed;
-  margin: 0 20px 0 0;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c16 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-}
-
-.c8 {
-  opacity: 0.8;
-  height: 14px;
-  width: 95%;
-  display: block;
-  position: relative;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c9 {
-  opacity: 0.8;
-  height: 12px;
-  width: 30%;
-  display: block;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: .25s;
-  animation-delay: .25s;
-  height: 10px;
-}
-
-.c2 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-}
-
-.c2:active,
-.c2:hover {
-  outline: 0;
-}
-
-.c13 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  height: 382px;
-}
-
-.c13:active,
-.c13:hover {
-  outline: 0;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  padding-bottom: 32px;
-  margin-bottom: 32px;
-}
-
-.c0:not(:last-child):not(:only-child) {
-  border-bottom: 1px solid #e0e0e0;
-}
-
-.c1 {
-  color: #0366d6;
-  margin-bottom: 32px;
-}
-
-.c3:not(:last-child):not(:only-child) {
-  margin-bottom: 32px;
-}
-
-@media (max-width:48em) {
-  .c4 {
-    -webkit-flex: 0 0 92px;
-    -ms-flex: 0 0 92px;
-    flex: 0 0 92px;
-  }
-}
-
-@media (max-width:48em) {
-  .c13 {
-    height: calc(382px * 7/9);
-  }
-}
-
-<div
-    className="c0"
-  >
-    <a
-      className="c1"
-      href="https://microlink.io"
-    >
-      https://microlink.io
-    </a>
-    <a
-      className="c2 microlink_card c3"
-      direction="ltr"
-      href="https://microlink.io"
-      rel="noopener noreferrer"
-      style={
-        Object {
-          "borderRadius": "10px",
-          "marginBottom": "20px",
-        }
-      }
-      target="_blank"
-    >
-      <div
-        className="c4 c5 microlink_card__media microlink_card__media_image"
-      />
-      <div
-        className="c6 microlink_card__content"
-      >
-        <span
-          className="c7"
-        />
-        <span
-          className="c8"
-        />
-        <span
-          className="c8"
-          style={
-            Object {
-              "marginBottom": "12px",
-            }
-          }
-        />
-        <span
-          className="c9"
-        />
-      </div>
-    </a>
-    <a
-      className="c2 microlink_card c3"
-      direction="ltr"
-      href="https://microlink.io"
-      rel="noopener noreferrer"
-      style={
-        Object {
-          "borderRadius": "10px",
-          "marginBottom": "20px",
-        }
-      }
-      target="_blank"
-    >
-      <div
-        className="c10 c5 microlink_card__media microlink_card__media_image"
-      />
-      <div
-        className="c11 microlink_card__content"
-      >
-        <span
-          className="c12"
-        />
-        <span
-          className="c9"
-        />
-      </div>
-    </a>
-    <a
-      className="c13 microlink_card c3"
-      direction="ltr"
-      href="https://microlink.io"
-      rel="noopener noreferrer"
-      style={
-        Object {
-          "borderRadius": "10px",
-          "marginBottom": "20px",
-        }
-      }
-      target="_blank"
-    >
-      <div
-        className="c14 c5 microlink_card__media microlink_card__media_image"
-      />
-      <div
-        className="c15 microlink_card__content"
-      >
-        <span
-          className="c16"
-        />
-        <span
-          className="c8"
-        />
-        <span
-          className="c8"
-          style={
-            Object {
-              "marginBottom": "12px",
-            }
-          }
-        />
-        <span
-          className="c9"
-        />
-      </div>
-    </a>
-  </div>,
-]
-`;
-
-exports[`Storyshots style height 1`] = `
-Array [
-  .c6 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c11 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c15 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c4 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-}
-
-.c4::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c4::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c10 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 48px;
-  -ms-flex: 0 0 48px;
-  flex: 0 0 48px;
-}
-
-.c10::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c10::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c14 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-
-.c14::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c14::before {
-  padding-bottom: 0;
-}
-
-.c14::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c5 {
-  -webkit-animation: kHwByW 1.25s linear infinite;
-  animation: kHwByW 1.25s linear infinite;
-}
-
-.c7 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c12 {
-  opacity: 0.8;
-  height: 16px;
-  width: 75%;
-  display: block;
-  background: #e1e8ed;
-  margin: 0 20px 0 0;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c16 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-}
-
-.c8 {
-  opacity: 0.8;
-  height: 14px;
-  width: 95%;
-  display: block;
-  position: relative;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c9 {
-  opacity: 0.8;
-  height: 12px;
-  width: 30%;
-  display: block;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: .25s;
-  animation-delay: .25s;
-  height: 10px;
-}
-
-.c2 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-}
-
-.c2:active,
-.c2:hover {
-  outline: 0;
-}
-
-.c13 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  height: 382px;
-}
-
-.c13:active,
-.c13:hover {
-  outline: 0;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  padding-bottom: 32px;
-  margin-bottom: 32px;
-}
-
-.c0:not(:last-child):not(:only-child) {
-  border-bottom: 1px solid #e0e0e0;
-}
-
-.c1 {
-  color: #0366d6;
-  margin-bottom: 32px;
-}
-
-.c3:not(:last-child):not(:only-child) {
-  margin-bottom: 32px;
-}
-
-@media (max-width:48em) {
-  .c4 {
-    -webkit-flex: 0 0 92px;
-    -ms-flex: 0 0 92px;
-    flex: 0 0 92px;
-  }
-}
-
-@media (max-width:48em) {
-  .c13 {
-    height: calc(382px * 7/9);
-  }
-}
-
-<div
-    className="c0"
-  >
-    <a
-      className="c1"
-      href="https://www.apple.com/music/"
-    >
-      https://www.apple.com/music/
-    </a>
-    <a
-      className="c2 microlink_card c3"
-      direction="ltr"
-      href="https://www.apple.com/music/"
-      rel="noopener noreferrer"
-      style={
-        Object {
-          "height": "150px",
-          "marginBottom": "20px",
-        }
-      }
-      target="_blank"
-    >
-      <div
-        className="c4 c5 microlink_card__media microlink_card__media_image"
-      />
-      <div
-        className="c6 microlink_card__content"
-      >
-        <span
-          className="c7"
-        />
-        <span
-          className="c8"
-        />
-        <span
-          className="c8"
-          style={
-            Object {
-              "marginBottom": "12px",
-            }
-          }
-        />
-        <span
-          className="c9"
-        />
-      </div>
-    </a>
-    <a
-      className="c2 microlink_card c3"
-      direction="ltr"
-      href="https://www.apple.com/music/"
-      rel="noopener noreferrer"
-      style={
-        Object {
-          "height": "150px",
-          "marginBottom": "20px",
-        }
-      }
-      target="_blank"
-    >
-      <div
-        className="c10 c5 microlink_card__media microlink_card__media_image"
-      />
-      <div
-        className="c11 microlink_card__content"
-      >
-        <span
-          className="c12"
-        />
-        <span
-          className="c9"
-        />
-      </div>
-    </a>
-    <a
-      className="c13 microlink_card c3"
-      direction="ltr"
-      href="https://www.apple.com/music/"
-      rel="noopener noreferrer"
-      style={
-        Object {
-          "height": "150px",
-          "marginBottom": "20px",
-        }
-      }
-      target="_blank"
-    >
-      <div
-        className="c14 c5 microlink_card__media microlink_card__media_image"
-      />
-      <div
-        className="c15 microlink_card__content"
-      >
-        <span
-          className="c16"
-        />
-        <span
-          className="c8"
-        />
-        <span
-          className="c8"
-          style={
-            Object {
-              "marginBottom": "12px",
-            }
-          }
-        />
-        <span
-          className="c9"
-        />
-      </div>
-    </a>
-  </div>,
-  .c6 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c11 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c15 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c4 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-}
-
-.c4::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c4::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c10 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 48px;
-  -ms-flex: 0 0 48px;
-  flex: 0 0 48px;
-}
-
-.c10::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c10::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c14 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-
-.c14::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c14::before {
-  padding-bottom: 0;
-}
-
-.c14::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c5 {
-  -webkit-animation: kHwByW 1.25s linear infinite;
-  animation: kHwByW 1.25s linear infinite;
-}
-
-.c7 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c12 {
-  opacity: 0.8;
-  height: 16px;
-  width: 75%;
-  display: block;
-  background: #e1e8ed;
-  margin: 0 20px 0 0;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c16 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-}
-
-.c8 {
-  opacity: 0.8;
-  height: 14px;
-  width: 95%;
-  display: block;
-  position: relative;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c9 {
-  opacity: 0.8;
-  height: 12px;
-  width: 30%;
-  display: block;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: .25s;
-  animation-delay: .25s;
-  height: 10px;
-}
-
-.c2 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-}
-
-.c2:active,
-.c2:hover {
-  outline: 0;
-}
-
-.c13 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  height: 382px;
-}
-
-.c13:active,
-.c13:hover {
-  outline: 0;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  padding-bottom: 32px;
-  margin-bottom: 32px;
-}
-
-.c0:not(:last-child):not(:only-child) {
-  border-bottom: 1px solid #e0e0e0;
-}
-
-.c1 {
-  color: #0366d6;
-  margin-bottom: 32px;
-}
-
-.c3:not(:last-child):not(:only-child) {
-  margin-bottom: 32px;
-}
-
-@media (max-width:48em) {
-  .c4 {
-    -webkit-flex: 0 0 92px;
-    -ms-flex: 0 0 92px;
-    flex: 0 0 92px;
-  }
-}
-
-@media (max-width:48em) {
-  .c13 {
-    height: calc(382px * 7/9);
-  }
-}
-
-<div
-    className="c0"
-  >
-    <a
-      className="c1"
-      href="https://microlink.io"
-    >
-      https://microlink.io
-    </a>
-    <a
-      className="c2 microlink_card c3"
-      direction="ltr"
-      href="https://microlink.io"
-      rel="noopener noreferrer"
-      style={
-        Object {
-          "height": "175px",
-          "marginBottom": "20px",
-        }
-      }
-      target="_blank"
-    >
-      <div
-        className="c4 c5 microlink_card__media microlink_card__media_image"
-      />
-      <div
-        className="c6 microlink_card__content"
-      >
-        <span
-          className="c7"
-        />
-        <span
-          className="c8"
-        />
-        <span
-          className="c8"
-          style={
-            Object {
-              "marginBottom": "12px",
-            }
-          }
-        />
-        <span
-          className="c9"
-        />
-      </div>
-    </a>
-    <a
-      className="c2 microlink_card c3"
-      direction="ltr"
-      href="https://microlink.io"
-      rel="noopener noreferrer"
-      style={
-        Object {
-          "height": "175px",
-          "marginBottom": "20px",
-        }
-      }
-      target="_blank"
-    >
-      <div
-        className="c10 c5 microlink_card__media microlink_card__media_image"
-      />
-      <div
-        className="c11 microlink_card__content"
-      >
-        <span
-          className="c12"
-        />
-        <span
-          className="c9"
-        />
-      </div>
-    </a>
-    <a
-      className="c13 microlink_card c3"
-      direction="ltr"
-      href="https://microlink.io"
-      rel="noopener noreferrer"
-      style={
-        Object {
-          "height": "175px",
-          "marginBottom": "20px",
-        }
-      }
-      target="_blank"
-    >
-      <div
-        className="c14 c5 microlink_card__media microlink_card__media_image"
-      />
-      <div
-        className="c15 microlink_card__content"
-      >
-        <span
-          className="c16"
-        />
-        <span
-          className="c8"
-        />
-        <span
-          className="c8"
-          style={
-            Object {
-              "marginBottom": "12px",
-            }
-          }
-        />
-        <span
-          className="c9"
-        />
-      </div>
-    </a>
-  </div>,
-  .c6 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c11 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c15 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c4 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-}
-
-.c4::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c4::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c10 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 48px;
-  -ms-flex: 0 0 48px;
-  flex: 0 0 48px;
-}
-
-.c10::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c10::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c14 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-
-.c14::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c14::before {
-  padding-bottom: 0;
-}
-
-.c14::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c5 {
-  -webkit-animation: kHwByW 1.25s linear infinite;
-  animation: kHwByW 1.25s linear infinite;
-}
-
-.c7 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c12 {
-  opacity: 0.8;
-  height: 16px;
-  width: 75%;
-  display: block;
-  background: #e1e8ed;
-  margin: 0 20px 0 0;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c16 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-}
-
-.c8 {
-  opacity: 0.8;
-  height: 14px;
-  width: 95%;
-  display: block;
-  position: relative;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c9 {
-  opacity: 0.8;
-  height: 12px;
-  width: 30%;
-  display: block;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: .25s;
-  animation-delay: .25s;
-  height: 10px;
-}
-
-.c2 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-}
-
-.c2:active,
-.c2:hover {
-  outline: 0;
-}
-
-.c13 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  height: 382px;
-}
-
-.c13:active,
-.c13:hover {
-  outline: 0;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  padding-bottom: 32px;
-  margin-bottom: 32px;
-}
-
-.c0:not(:last-child):not(:only-child) {
-  border-bottom: 1px solid #e0e0e0;
-}
-
-.c1 {
-  color: #0366d6;
-  margin-bottom: 32px;
-}
-
-.c3:not(:last-child):not(:only-child) {
-  margin-bottom: 32px;
-}
-
-@media (max-width:48em) {
-  .c4 {
-    -webkit-flex: 0 0 92px;
-    -ms-flex: 0 0 92px;
-    flex: 0 0 92px;
-  }
-}
-
-@media (max-width:48em) {
-  .c13 {
-    height: calc(382px * 7/9);
-  }
-}
-
-<div
-    className="c0"
-  >
-    <a
-      className="c1"
-      href="https://microlink.io"
-    >
-      https://microlink.io
-    </a>
-    <a
-      className="c2 microlink_card c3"
-      direction="ltr"
-      href="https://microlink.io"
-      rel="noopener noreferrer"
-      style={
-        Object {
-          "height": "200px",
-          "marginBottom": "20px",
-        }
-      }
-      target="_blank"
-    >
-      <div
-        className="c4 c5 microlink_card__media microlink_card__media_image"
-      />
-      <div
-        className="c6 microlink_card__content"
-      >
-        <span
-          className="c7"
-        />
-        <span
-          className="c8"
-        />
-        <span
-          className="c8"
-          style={
-            Object {
-              "marginBottom": "12px",
-            }
-          }
-        />
-        <span
-          className="c9"
-        />
-      </div>
-    </a>
-    <a
-      className="c2 microlink_card c3"
-      direction="ltr"
-      href="https://microlink.io"
-      rel="noopener noreferrer"
-      style={
-        Object {
-          "height": "200px",
-          "marginBottom": "20px",
-        }
-      }
-      target="_blank"
-    >
-      <div
-        className="c10 c5 microlink_card__media microlink_card__media_image"
-      />
-      <div
-        className="c11 microlink_card__content"
-      >
-        <span
-          className="c12"
-        />
-        <span
-          className="c9"
-        />
-      </div>
-    </a>
-    <a
-      className="c13 microlink_card c3"
-      direction="ltr"
-      href="https://microlink.io"
-      rel="noopener noreferrer"
-      style={
-        Object {
-          "height": "200px",
-          "marginBottom": "20px",
-        }
-      }
-      target="_blank"
-    >
-      <div
-        className="c14 c5 microlink_card__media microlink_card__media_image"
-      />
-      <div
-        className="c15 microlink_card__content"
-      >
-        <span
-          className="c16"
-        />
-        <span
-          className="c8"
-        />
-        <span
-          className="c8"
-          style={
-            Object {
-              "marginBottom": "12px",
-            }
-          }
-        />
-        <span
-          className="c9"
-        />
-      </div>
-    </a>
-  </div>,
-  .c6 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c11 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c15 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c4 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-}
-
-.c4::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c4::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c10 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 48px;
-  -ms-flex: 0 0 48px;
-  flex: 0 0 48px;
-}
-
-.c10::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c10::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c14 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-
-.c14::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c14::before {
-  padding-bottom: 0;
-}
-
-.c14::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c5 {
-  -webkit-animation: kHwByW 1.25s linear infinite;
-  animation: kHwByW 1.25s linear infinite;
-}
-
-.c7 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c12 {
-  opacity: 0.8;
-  height: 16px;
-  width: 75%;
-  display: block;
-  background: #e1e8ed;
-  margin: 0 20px 0 0;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c16 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-}
-
-.c8 {
-  opacity: 0.8;
-  height: 14px;
-  width: 95%;
-  display: block;
-  position: relative;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c9 {
-  opacity: 0.8;
-  height: 12px;
-  width: 30%;
-  display: block;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: .25s;
-  animation-delay: .25s;
-  height: 10px;
-}
-
-.c2 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-}
-
-.c2:active,
-.c2:hover {
-  outline: 0;
-}
-
-.c13 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  height: 382px;
-}
-
-.c13:active,
-.c13:hover {
-  outline: 0;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  padding-bottom: 32px;
-  margin-bottom: 32px;
-}
-
-.c0:not(:last-child):not(:only-child) {
-  border-bottom: 1px solid #e0e0e0;
-}
-
-.c1 {
-  color: #0366d6;
-  margin-bottom: 32px;
-}
-
-.c3:not(:last-child):not(:only-child) {
-  margin-bottom: 32px;
-}
-
-@media (max-width:48em) {
-  .c4 {
-    -webkit-flex: 0 0 92px;
-    -ms-flex: 0 0 92px;
-    flex: 0 0 92px;
-  }
-}
-
-@media (max-width:48em) {
-  .c13 {
-    height: calc(382px * 7/9);
-  }
-}
-
-<div
-    className="c0"
-  >
-    <a
-      className="c1"
-      href="https://microlink.io"
-    >
-      https://microlink.io
-    </a>
-    <a
-      className="c2 microlink_card c3"
-      direction="ltr"
-      href="https://microlink.io"
-      rel="noopener noreferrer"
-      style={
-        Object {
-          "height": "250px",
-          "marginBottom": "20px",
-        }
-      }
-      target="_blank"
-    >
-      <div
-        className="c4 c5 microlink_card__media microlink_card__media_image"
-      />
-      <div
-        className="c6 microlink_card__content"
-      >
-        <span
-          className="c7"
-        />
-        <span
-          className="c8"
-        />
-        <span
-          className="c8"
-          style={
-            Object {
-              "marginBottom": "12px",
-            }
-          }
-        />
-        <span
-          className="c9"
-        />
-      </div>
-    </a>
-    <a
-      className="c2 microlink_card c3"
-      direction="ltr"
-      href="https://microlink.io"
-      rel="noopener noreferrer"
-      style={
-        Object {
-          "height": "250px",
-          "marginBottom": "20px",
-        }
-      }
-      target="_blank"
-    >
-      <div
-        className="c10 c5 microlink_card__media microlink_card__media_image"
-      />
-      <div
-        className="c11 microlink_card__content"
-      >
-        <span
-          className="c12"
-        />
-        <span
-          className="c9"
-        />
-      </div>
-    </a>
-    <a
-      className="c13 microlink_card c3"
-      direction="ltr"
-      href="https://microlink.io"
-      rel="noopener noreferrer"
-      style={
-        Object {
-          "height": "250px",
-          "marginBottom": "20px",
-        }
-      }
-      target="_blank"
-    >
-      <div
-        className="c14 c5 microlink_card__media microlink_card__media_image"
-      />
-      <div
-        className="c15 microlink_card__content"
-      >
-        <span
-          className="c16"
-        />
-        <span
-          className="c8"
-        />
-        <span
-          className="c8"
-          style={
-            Object {
-              "marginBottom": "12px",
-            }
-          }
-        />
-        <span
-          className="c9"
-        />
-      </div>
-    </a>
-  </div>,
-  .c6 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c11 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c15 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c4 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-}
-
-.c4::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c4::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c10 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 48px;
-  -ms-flex: 0 0 48px;
-  flex: 0 0 48px;
-}
-
-.c10::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c10::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c14 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-
-.c14::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c14::before {
-  padding-bottom: 0;
-}
-
-.c14::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c5 {
-  -webkit-animation: kHwByW 1.25s linear infinite;
-  animation: kHwByW 1.25s linear infinite;
-}
-
-.c7 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c12 {
-  opacity: 0.8;
-  height: 16px;
-  width: 75%;
-  display: block;
-  background: #e1e8ed;
-  margin: 0 20px 0 0;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c16 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-}
-
-.c8 {
-  opacity: 0.8;
-  height: 14px;
-  width: 95%;
-  display: block;
-  position: relative;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c9 {
-  opacity: 0.8;
-  height: 12px;
-  width: 30%;
-  display: block;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: .25s;
-  animation-delay: .25s;
-  height: 10px;
-}
-
-.c2 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-}
-
-.c2:active,
-.c2:hover {
-  outline: 0;
-}
-
-.c13 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  height: 382px;
-}
-
-.c13:active,
-.c13:hover {
-  outline: 0;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  padding-bottom: 32px;
-  margin-bottom: 32px;
-}
-
-.c0:not(:last-child):not(:only-child) {
-  border-bottom: 1px solid #e0e0e0;
-}
-
-.c1 {
-  color: #0366d6;
-  margin-bottom: 32px;
-}
-
-.c3:not(:last-child):not(:only-child) {
-  margin-bottom: 32px;
-}
-
-@media (max-width:48em) {
-  .c4 {
-    -webkit-flex: 0 0 92px;
-    -ms-flex: 0 0 92px;
-    flex: 0 0 92px;
-  }
-}
-
-@media (max-width:48em) {
-  .c13 {
-    height: calc(382px * 7/9);
-  }
-}
-
-<div
-    className="c0"
-  >
-    <a
-      className="c1"
-      href="https://microlink.io"
-    >
-      https://microlink.io
-    </a>
-    <a
-      className="c2 microlink_card c3"
-      direction="ltr"
-      href="https://microlink.io"
-      rel="noopener noreferrer"
-      style={
-        Object {
-          "height": "300px",
-          "marginBottom": "20px",
-        }
-      }
-      target="_blank"
-    >
-      <div
-        className="c4 c5 microlink_card__media microlink_card__media_image"
-      />
-      <div
-        className="c6 microlink_card__content"
-      >
-        <span
-          className="c7"
-        />
-        <span
-          className="c8"
-        />
-        <span
-          className="c8"
-          style={
-            Object {
-              "marginBottom": "12px",
-            }
-          }
-        />
-        <span
-          className="c9"
-        />
-      </div>
-    </a>
-    <a
-      className="c2 microlink_card c3"
-      direction="ltr"
-      href="https://microlink.io"
-      rel="noopener noreferrer"
-      style={
-        Object {
-          "height": "300px",
-          "marginBottom": "20px",
-        }
-      }
-      target="_blank"
-    >
-      <div
-        className="c10 c5 microlink_card__media microlink_card__media_image"
-      />
-      <div
-        className="c11 microlink_card__content"
-      >
-        <span
-          className="c12"
-        />
-        <span
-          className="c9"
-        />
-      </div>
-    </a>
-    <a
-      className="c13 microlink_card c3"
-      direction="ltr"
-      href="https://microlink.io"
-      rel="noopener noreferrer"
-      style={
-        Object {
-          "height": "300px",
-          "marginBottom": "20px",
-        }
-      }
-      target="_blank"
-    >
-      <div
-        className="c14 c5 microlink_card__media microlink_card__media_image"
-      />
-      <div
-        className="c15 microlink_card__content"
-      >
-        <span
-          className="c16"
-        />
-        <span
-          className="c8"
-        />
-        <span
-          className="c8"
-          style={
-            Object {
-              "marginBottom": "12px",
-            }
-          }
-        />
-        <span
-          className="c9"
-        />
-      </div>
-    </a>
-  </div>,
-  .c6 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c11 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c15 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c4 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-}
-
-.c4::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c4::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c10 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 48px;
-  -ms-flex: 0 0 48px;
-  flex: 0 0 48px;
-}
-
-.c10::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c10::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c14 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-
-.c14::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c14::before {
-  padding-bottom: 0;
-}
-
-.c14::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c5 {
-  -webkit-animation: kHwByW 1.25s linear infinite;
-  animation: kHwByW 1.25s linear infinite;
-}
-
-.c7 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c12 {
-  opacity: 0.8;
-  height: 16px;
-  width: 75%;
-  display: block;
-  background: #e1e8ed;
-  margin: 0 20px 0 0;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c16 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-}
-
-.c8 {
-  opacity: 0.8;
-  height: 14px;
-  width: 95%;
-  display: block;
-  position: relative;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c9 {
-  opacity: 0.8;
-  height: 12px;
-  width: 30%;
-  display: block;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: .25s;
-  animation-delay: .25s;
-  height: 10px;
-}
-
-.c2 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-}
-
-.c2:active,
-.c2:hover {
-  outline: 0;
-}
-
-.c13 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  height: 382px;
-}
-
-.c13:active,
-.c13:hover {
-  outline: 0;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  padding-bottom: 32px;
-  margin-bottom: 32px;
-}
-
-.c0:not(:last-child):not(:only-child) {
-  border-bottom: 1px solid #e0e0e0;
-}
-
-.c1 {
-  color: #0366d6;
-  margin-bottom: 32px;
-}
-
-.c3:not(:last-child):not(:only-child) {
-  margin-bottom: 32px;
-}
-
-@media (max-width:48em) {
-  .c4 {
-    -webkit-flex: 0 0 92px;
-    -ms-flex: 0 0 92px;
-    flex: 0 0 92px;
-  }
-}
-
-@media (max-width:48em) {
-  .c13 {
-    height: calc(382px * 7/9);
-  }
-}
-
-<div
-    className="c0"
-  >
-    <a
-      className="c1"
-      href="https://microlink.io"
-    >
-      https://microlink.io
-    </a>
-    <a
-      className="c2 microlink_card c3"
-      direction="ltr"
-      href="https://microlink.io"
-      rel="noopener noreferrer"
-      style={
-        Object {
-          "height": "350px",
-          "marginBottom": "20px",
-        }
-      }
-      target="_blank"
-    >
-      <div
-        className="c4 c5 microlink_card__media microlink_card__media_image"
-      />
-      <div
-        className="c6 microlink_card__content"
-      >
-        <span
-          className="c7"
-        />
-        <span
-          className="c8"
-        />
-        <span
-          className="c8"
-          style={
-            Object {
-              "marginBottom": "12px",
-            }
-          }
-        />
-        <span
-          className="c9"
-        />
-      </div>
-    </a>
-    <a
-      className="c2 microlink_card c3"
-      direction="ltr"
-      href="https://microlink.io"
-      rel="noopener noreferrer"
-      style={
-        Object {
-          "height": "350px",
-          "marginBottom": "20px",
-        }
-      }
-      target="_blank"
-    >
-      <div
-        className="c10 c5 microlink_card__media microlink_card__media_image"
-      />
-      <div
-        className="c11 microlink_card__content"
-      >
-        <span
-          className="c12"
-        />
-        <span
-          className="c9"
-        />
-      </div>
-    </a>
-    <a
-      className="c13 microlink_card c3"
-      direction="ltr"
-      href="https://microlink.io"
-      rel="noopener noreferrer"
-      style={
-        Object {
-          "height": "350px",
-          "marginBottom": "20px",
-        }
-      }
-      target="_blank"
-    >
-      <div
-        className="c14 c5 microlink_card__media microlink_card__media_image"
-      />
-      <div
-        className="c15 microlink_card__content"
-      >
-        <span
-          className="c16"
-        />
-        <span
-          className="c8"
-        />
-        <span
-          className="c8"
-          style={
-            Object {
-              "marginBottom": "12px",
-            }
-          }
-        />
-        <span
-          className="c9"
-        />
-      </div>
-    </a>
-  </div>,
-]
-`;
-
-exports[`Storyshots style misc 1`] = `
-.c6 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c11 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c15 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c4 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-}
-
-.c4::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c4::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c10 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 48px;
-  -ms-flex: 0 0 48px;
-  flex: 0 0 48px;
-}
-
-.c10::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c10::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c14 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-
-.c14::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c14::before {
-  padding-bottom: 0;
-}
-
-.c14::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c5 {
-  -webkit-animation: kHwByW 1.25s linear infinite;
-  animation: kHwByW 1.25s linear infinite;
-}
-
-.c7 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c12 {
-  opacity: 0.8;
-  height: 16px;
-  width: 75%;
-  display: block;
-  background: #e1e8ed;
-  margin: 0 20px 0 0;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c16 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-}
-
-.c8 {
-  opacity: 0.8;
-  height: 14px;
-  width: 95%;
-  display: block;
-  position: relative;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c9 {
-  opacity: 0.8;
-  height: 12px;
-  width: 30%;
-  display: block;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: .25s;
-  animation-delay: .25s;
-  height: 10px;
-}
-
-.c2 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-}
-
-.c2:active,
-.c2:hover {
-  outline: 0;
-}
-
-.c13 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  height: 382px;
-}
-
-.c13:active,
-.c13:hover {
-  outline: 0;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  padding-bottom: 32px;
-  margin-bottom: 32px;
-}
-
-.c0:not(:last-child):not(:only-child) {
-  border-bottom: 1px solid #e0e0e0;
-}
-
-.c1 {
-  color: #0366d6;
-  margin-bottom: 32px;
-}
-
-.c3:not(:last-child):not(:only-child) {
-  margin-bottom: 32px;
-}
-
-@media (max-width:48em) {
-  .c4 {
-    -webkit-flex: 0 0 92px;
-    -ms-flex: 0 0 92px;
-    flex: 0 0 92px;
-  }
-}
-
-@media (max-width:48em) {
-  .c13 {
-    height: calc(382px * 7/9);
-  }
-}
-
-<div
-  className="c0"
->
-  <a
-    className="c1"
-    href="https://www.apple.com/music/"
-  >
-    https://www.apple.com/music/
-  </a>
-  <a
-    className="c2 microlink_card c3"
-    direction="ltr"
-    href="https://www.apple.com/music/"
-    rel="noopener noreferrer"
-    style={
-      Object {
-        "boxShadow": "0 1px 4px 0 hsla(0, 0%, 0%, 0.2)",
-        "fontFamily": "Nitti, \\"Microsoft YaHei\\", 微软雅黑, monospace",
-        "marginBottom": "20px",
-      }
-    }
-    target="_blank"
-  >
-    <div
-      className="c4 c5 microlink_card__media microlink_card__media_image"
-    />
-    <div
-      className="c6 microlink_card__content"
-    >
-      <span
-        className="c7"
-      />
-      <span
-        className="c8"
-      />
-      <span
-        className="c8"
-        style={
-          Object {
-            "marginBottom": "12px",
-          }
-        }
-      />
-      <span
-        className="c9"
-      />
-    </div>
-  </a>
-  <a
-    className="c2 microlink_card c3"
-    direction="ltr"
-    href="https://www.apple.com/music/"
-    rel="noopener noreferrer"
-    style={
-      Object {
-        "boxShadow": "0 1px 4px 0 hsla(0, 0%, 0%, 0.2)",
-        "fontFamily": "Nitti, \\"Microsoft YaHei\\", 微软雅黑, monospace",
-        "marginBottom": "20px",
-      }
-    }
-    target="_blank"
-  >
-    <div
-      className="c10 c5 microlink_card__media microlink_card__media_image"
-    />
-    <div
-      className="c11 microlink_card__content"
-    >
-      <span
-        className="c12"
-      />
-      <span
-        className="c9"
-      />
-    </div>
-  </a>
-  <a
-    className="c13 microlink_card c3"
-    direction="ltr"
-    href="https://www.apple.com/music/"
-    rel="noopener noreferrer"
-    style={
-      Object {
-        "boxShadow": "0 1px 4px 0 hsla(0, 0%, 0%, 0.2)",
-        "fontFamily": "Nitti, \\"Microsoft YaHei\\", 微软雅黑, monospace",
-        "marginBottom": "20px",
-      }
-    }
-    target="_blank"
-  >
-    <div
-      className="c14 c5 microlink_card__media microlink_card__media_image"
-    />
-    <div
-      className="c15 microlink_card__content"
-    >
-      <span
-        className="c16"
-      />
-      <span
-        className="c8"
-      />
-      <span
-        className="c8"
-        style={
-          Object {
-            "marginBottom": "12px",
-          }
-        }
-      />
-      <span
-        className="c9"
-      />
-    </div>
-  </a>
-</div>
-`;
-
-exports[`Storyshots style width 1`] = `
-Array [
-  .c6 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c11 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c15 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c4 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-}
-
-.c4::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c4::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c10 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 48px;
-  -ms-flex: 0 0 48px;
-  flex: 0 0 48px;
-}
-
-.c10::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c10::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c14 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-
-.c14::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c14::before {
-  padding-bottom: 0;
-}
-
-.c14::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c5 {
-  -webkit-animation: kHwByW 1.25s linear infinite;
-  animation: kHwByW 1.25s linear infinite;
-}
-
-.c7 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c12 {
-  opacity: 0.8;
-  height: 16px;
-  width: 75%;
-  display: block;
-  background: #e1e8ed;
-  margin: 0 20px 0 0;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c16 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-}
-
-.c8 {
-  opacity: 0.8;
-  height: 14px;
-  width: 95%;
-  display: block;
-  position: relative;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c9 {
-  opacity: 0.8;
-  height: 12px;
-  width: 30%;
-  display: block;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: .25s;
-  animation-delay: .25s;
-  height: 10px;
-}
-
-.c2 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-}
-
-.c2:active,
-.c2:hover {
-  outline: 0;
-}
-
-.c13 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  height: 382px;
-}
-
-.c13:active,
-.c13:hover {
-  outline: 0;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  padding-bottom: 32px;
-  margin-bottom: 32px;
-}
-
-.c0:not(:last-child):not(:only-child) {
-  border-bottom: 1px solid #e0e0e0;
-}
-
-.c1 {
-  color: #0366d6;
-  margin-bottom: 32px;
-}
-
-.c3:not(:last-child):not(:only-child) {
-  margin-bottom: 32px;
-}
-
-@media (max-width:48em) {
-  .c4 {
-    -webkit-flex: 0 0 92px;
-    -ms-flex: 0 0 92px;
-    flex: 0 0 92px;
-  }
-}
-
-@media (max-width:48em) {
-  .c13 {
-    height: calc(382px * 7/9);
-  }
-}
-
-<div
-    className="c0"
-  >
-    <a
-      className="c1"
-      href="https://www.apple.com/music/"
-    >
-      https://www.apple.com/music/
-    </a>
-    <a
-      className="c2 microlink_card c3"
-      direction="ltr"
-      href="https://www.apple.com/music/"
-      rel="noopener noreferrer"
-      style={
-        Object {
-          "marginBottom": "20px",
-          "width": "300px",
-        }
-      }
-      target="_blank"
-    >
-      <div
-        className="c4 c5 microlink_card__media microlink_card__media_image"
-      />
-      <div
-        className="c6 microlink_card__content"
-      >
-        <span
-          className="c7"
-        />
-        <span
-          className="c8"
-        />
-        <span
-          className="c8"
-          style={
-            Object {
-              "marginBottom": "12px",
-            }
-          }
-        />
-        <span
-          className="c9"
-        />
-      </div>
-    </a>
-    <a
-      className="c2 microlink_card c3"
-      direction="ltr"
-      href="https://www.apple.com/music/"
-      rel="noopener noreferrer"
-      style={
-        Object {
-          "marginBottom": "20px",
-          "width": "300px",
-        }
-      }
-      target="_blank"
-    >
-      <div
-        className="c10 c5 microlink_card__media microlink_card__media_image"
-      />
-      <div
-        className="c11 microlink_card__content"
-      >
-        <span
-          className="c12"
-        />
-        <span
-          className="c9"
-        />
-      </div>
-    </a>
-    <a
-      className="c13 microlink_card c3"
-      direction="ltr"
-      href="https://www.apple.com/music/"
-      rel="noopener noreferrer"
-      style={
-        Object {
-          "marginBottom": "20px",
-          "width": "300px",
-        }
-      }
-      target="_blank"
-    >
-      <div
-        className="c14 c5 microlink_card__media microlink_card__media_image"
-      />
-      <div
-        className="c15 microlink_card__content"
-      >
-        <span
-          className="c16"
-        />
-        <span
-          className="c8"
-        />
-        <span
-          className="c8"
-          style={
-            Object {
-              "marginBottom": "12px",
-            }
-          }
-        />
-        <span
-          className="c9"
-        />
-      </div>
-    </a>
-  </div>,
-  .c6 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c11 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c15 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c4 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-}
-
-.c4::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c4::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c10 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 48px;
-  -ms-flex: 0 0 48px;
-  flex: 0 0 48px;
-}
-
-.c10::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c10::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c14 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-
-.c14::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c14::before {
-  padding-bottom: 0;
-}
-
-.c14::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c5 {
-  -webkit-animation: kHwByW 1.25s linear infinite;
-  animation: kHwByW 1.25s linear infinite;
-}
-
-.c7 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c12 {
-  opacity: 0.8;
-  height: 16px;
-  width: 75%;
-  display: block;
-  background: #e1e8ed;
-  margin: 0 20px 0 0;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c16 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-}
-
-.c8 {
-  opacity: 0.8;
-  height: 14px;
-  width: 95%;
-  display: block;
-  position: relative;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c9 {
-  opacity: 0.8;
-  height: 12px;
-  width: 30%;
-  display: block;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: .25s;
-  animation-delay: .25s;
-  height: 10px;
-}
-
-.c2 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-}
-
-.c2:active,
-.c2:hover {
-  outline: 0;
-}
-
-.c13 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  height: 382px;
-}
-
-.c13:active,
-.c13:hover {
-  outline: 0;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  padding-bottom: 32px;
-  margin-bottom: 32px;
-}
-
-.c0:not(:last-child):not(:only-child) {
-  border-bottom: 1px solid #e0e0e0;
-}
-
-.c1 {
-  color: #0366d6;
-  margin-bottom: 32px;
-}
-
-.c3:not(:last-child):not(:only-child) {
-  margin-bottom: 32px;
-}
-
-@media (max-width:48em) {
-  .c4 {
-    -webkit-flex: 0 0 92px;
-    -ms-flex: 0 0 92px;
-    flex: 0 0 92px;
-  }
-}
-
-@media (max-width:48em) {
-  .c13 {
-    height: calc(382px * 7/9);
-  }
-}
-
-<div
-    className="c0"
-  >
-    <a
-      className="c1"
-      href="https://microlink.io"
-    >
-      https://microlink.io
-    </a>
-    <a
-      className="c2 microlink_card c3"
-      direction="ltr"
-      href="https://microlink.io"
-      rel="noopener noreferrer"
-      style={
-        Object {
-          "marginBottom": "20px",
-          "width": "400px",
-        }
-      }
-      target="_blank"
-    >
-      <div
-        className="c4 c5 microlink_card__media microlink_card__media_image"
-      />
-      <div
-        className="c6 microlink_card__content"
-      >
-        <span
-          className="c7"
-        />
-        <span
-          className="c8"
-        />
-        <span
-          className="c8"
-          style={
-            Object {
-              "marginBottom": "12px",
-            }
-          }
-        />
-        <span
-          className="c9"
-        />
-      </div>
-    </a>
-    <a
-      className="c2 microlink_card c3"
-      direction="ltr"
-      href="https://microlink.io"
-      rel="noopener noreferrer"
-      style={
-        Object {
-          "marginBottom": "20px",
-          "width": "400px",
-        }
-      }
-      target="_blank"
-    >
-      <div
-        className="c10 c5 microlink_card__media microlink_card__media_image"
-      />
-      <div
-        className="c11 microlink_card__content"
-      >
-        <span
-          className="c12"
-        />
-        <span
-          className="c9"
-        />
-      </div>
-    </a>
-    <a
-      className="c13 microlink_card c3"
-      direction="ltr"
-      href="https://microlink.io"
-      rel="noopener noreferrer"
-      style={
-        Object {
-          "marginBottom": "20px",
-          "width": "400px",
-        }
-      }
-      target="_blank"
-    >
-      <div
-        className="c14 c5 microlink_card__media microlink_card__media_image"
-      />
-      <div
-        className="c15 microlink_card__content"
-      >
-        <span
-          className="c16"
-        />
-        <span
-          className="c8"
-        />
-        <span
-          className="c8"
-          style={
-            Object {
-              "marginBottom": "12px",
-            }
-          }
-        />
-        <span
-          className="c9"
-        />
-      </div>
-    </a>
-  </div>,
-  .c6 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c11 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c15 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c4 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-}
-
-.c4::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c4::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c10 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 48px;
-  -ms-flex: 0 0 48px;
-  flex: 0 0 48px;
-}
-
-.c10::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c10::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c14 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-
-.c14::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c14::before {
-  padding-bottom: 0;
-}
-
-.c14::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c5 {
-  -webkit-animation: kHwByW 1.25s linear infinite;
-  animation: kHwByW 1.25s linear infinite;
-}
-
-.c7 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c12 {
-  opacity: 0.8;
-  height: 16px;
-  width: 75%;
-  display: block;
-  background: #e1e8ed;
-  margin: 0 20px 0 0;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c16 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-}
-
-.c8 {
-  opacity: 0.8;
-  height: 14px;
-  width: 95%;
-  display: block;
-  position: relative;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c9 {
-  opacity: 0.8;
-  height: 12px;
-  width: 30%;
-  display: block;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: .25s;
-  animation-delay: .25s;
-  height: 10px;
-}
-
-.c2 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-}
-
-.c2:active,
-.c2:hover {
-  outline: 0;
-}
-
-.c13 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  height: 382px;
-}
-
-.c13:active,
-.c13:hover {
-  outline: 0;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  padding-bottom: 32px;
-  margin-bottom: 32px;
-}
-
-.c0:not(:last-child):not(:only-child) {
-  border-bottom: 1px solid #e0e0e0;
-}
-
-.c1 {
-  color: #0366d6;
-  margin-bottom: 32px;
-}
-
-.c3:not(:last-child):not(:only-child) {
-  margin-bottom: 32px;
-}
-
-@media (max-width:48em) {
-  .c4 {
-    -webkit-flex: 0 0 92px;
-    -ms-flex: 0 0 92px;
-    flex: 0 0 92px;
-  }
-}
-
-@media (max-width:48em) {
-  .c13 {
-    height: calc(382px * 7/9);
-  }
-}
-
-<div
-    className="c0"
-  >
-    <a
-      className="c1"
-      href="https://microlink.io"
-    >
-      https://microlink.io
-    </a>
-    <a
-      className="c2 microlink_card c3"
-      direction="ltr"
-      href="https://microlink.io"
-      rel="noopener noreferrer"
-      style={
-        Object {
-          "marginBottom": "20px",
-          "width": "500px",
-        }
-      }
-      target="_blank"
-    >
-      <div
-        className="c4 c5 microlink_card__media microlink_card__media_image"
-      />
-      <div
-        className="c6 microlink_card__content"
-      >
-        <span
-          className="c7"
-        />
-        <span
-          className="c8"
-        />
-        <span
-          className="c8"
-          style={
-            Object {
-              "marginBottom": "12px",
-            }
-          }
-        />
-        <span
-          className="c9"
-        />
-      </div>
-    </a>
-    <a
-      className="c2 microlink_card c3"
-      direction="ltr"
-      href="https://microlink.io"
-      rel="noopener noreferrer"
-      style={
-        Object {
-          "marginBottom": "20px",
-          "width": "500px",
-        }
-      }
-      target="_blank"
-    >
-      <div
-        className="c10 c5 microlink_card__media microlink_card__media_image"
-      />
-      <div
-        className="c11 microlink_card__content"
-      >
-        <span
-          className="c12"
-        />
-        <span
-          className="c9"
-        />
-      </div>
-    </a>
-    <a
-      className="c13 microlink_card c3"
-      direction="ltr"
-      href="https://microlink.io"
-      rel="noopener noreferrer"
-      style={
-        Object {
-          "marginBottom": "20px",
-          "width": "500px",
-        }
-      }
-      target="_blank"
-    >
-      <div
-        className="c14 c5 microlink_card__media microlink_card__media_image"
-      />
-      <div
-        className="c15 microlink_card__content"
-      >
-        <span
-          className="c16"
-        />
-        <span
-          className="c8"
-        />
-        <span
-          className="c8"
-          style={
-            Object {
-              "marginBottom": "12px",
-            }
-          }
-        />
-        <span
-          className="c9"
-        />
-      </div>
-    </a>
-  </div>,
-  .c6 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c11 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c15 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c4 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-}
-
-.c4::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c4::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c10 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 48px;
-  -ms-flex: 0 0 48px;
-  flex: 0 0 48px;
-}
-
-.c10::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c10::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c14 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-
-.c14::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c14::before {
-  padding-bottom: 0;
-}
-
-.c14::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c5 {
-  -webkit-animation: kHwByW 1.25s linear infinite;
-  animation: kHwByW 1.25s linear infinite;
-}
-
-.c7 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c12 {
-  opacity: 0.8;
-  height: 16px;
-  width: 75%;
-  display: block;
-  background: #e1e8ed;
-  margin: 0 20px 0 0;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c16 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-}
-
-.c8 {
-  opacity: 0.8;
-  height: 14px;
-  width: 95%;
-  display: block;
-  position: relative;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c9 {
-  opacity: 0.8;
-  height: 12px;
-  width: 30%;
-  display: block;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: .25s;
-  animation-delay: .25s;
-  height: 10px;
-}
-
-.c2 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-}
-
-.c2:active,
-.c2:hover {
-  outline: 0;
-}
-
-.c13 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  height: 382px;
-}
-
-.c13:active,
-.c13:hover {
-  outline: 0;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  padding-bottom: 32px;
-  margin-bottom: 32px;
-}
-
-.c0:not(:last-child):not(:only-child) {
-  border-bottom: 1px solid #e0e0e0;
-}
-
-.c1 {
-  color: #0366d6;
-  margin-bottom: 32px;
-}
-
-.c3:not(:last-child):not(:only-child) {
-  margin-bottom: 32px;
-}
-
-@media (max-width:48em) {
-  .c4 {
-    -webkit-flex: 0 0 92px;
-    -ms-flex: 0 0 92px;
-    flex: 0 0 92px;
-  }
-}
-
-@media (max-width:48em) {
-  .c13 {
-    height: calc(382px * 7/9);
-  }
-}
-
-<div
-    className="c0"
-  >
-    <a
-      className="c1"
-      href="https://microlink.io"
-    >
-      https://microlink.io
-    </a>
-    <a
-      className="c2 microlink_card c3"
-      direction="ltr"
-      href="https://microlink.io"
-      rel="noopener noreferrer"
-      style={
-        Object {
-          "marginBottom": "20px",
-          "width": "600px",
-        }
-      }
-      target="_blank"
-    >
-      <div
-        className="c4 c5 microlink_card__media microlink_card__media_image"
-      />
-      <div
-        className="c6 microlink_card__content"
-      >
-        <span
-          className="c7"
-        />
-        <span
-          className="c8"
-        />
-        <span
-          className="c8"
-          style={
-            Object {
-              "marginBottom": "12px",
-            }
-          }
-        />
-        <span
-          className="c9"
-        />
-      </div>
-    </a>
-    <a
-      className="c2 microlink_card c3"
-      direction="ltr"
-      href="https://microlink.io"
-      rel="noopener noreferrer"
-      style={
-        Object {
-          "marginBottom": "20px",
-          "width": "600px",
-        }
-      }
-      target="_blank"
-    >
-      <div
-        className="c10 c5 microlink_card__media microlink_card__media_image"
-      />
-      <div
-        className="c11 microlink_card__content"
-      >
-        <span
-          className="c12"
-        />
-        <span
-          className="c9"
-        />
-      </div>
-    </a>
-    <a
-      className="c13 microlink_card c3"
-      direction="ltr"
-      href="https://microlink.io"
-      rel="noopener noreferrer"
-      style={
-        Object {
-          "marginBottom": "20px",
-          "width": "600px",
-        }
-      }
-      target="_blank"
-    >
-      <div
-        className="c14 c5 microlink_card__media microlink_card__media_image"
-      />
-      <div
-        className="c15 microlink_card__content"
-      >
-        <span
-          className="c16"
-        />
-        <span
-          className="c8"
-        />
-        <span
-          className="c8"
-          style={
-            Object {
-              "marginBottom": "12px",
-            }
-          }
-        />
-        <span
-          className="c9"
-        />
-      </div>
-    </a>
-  </div>,
-  .c6 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c11 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c15 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c4 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-}
-
-.c4::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c4::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c10 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 48px;
-  -ms-flex: 0 0 48px;
-  flex: 0 0 48px;
-}
-
-.c10::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c10::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c14 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-
-.c14::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c14::before {
-  padding-bottom: 0;
-}
-
-.c14::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c5 {
-  -webkit-animation: kHwByW 1.25s linear infinite;
-  animation: kHwByW 1.25s linear infinite;
-}
-
-.c7 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c12 {
-  opacity: 0.8;
-  height: 16px;
-  width: 75%;
-  display: block;
-  background: #e1e8ed;
-  margin: 0 20px 0 0;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c16 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-}
-
-.c8 {
-  opacity: 0.8;
-  height: 14px;
-  width: 95%;
-  display: block;
-  position: relative;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c9 {
-  opacity: 0.8;
-  height: 12px;
-  width: 30%;
-  display: block;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: .25s;
-  animation-delay: .25s;
-  height: 10px;
-}
-
-.c2 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-}
-
-.c2:active,
-.c2:hover {
-  outline: 0;
-}
-
-.c13 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  height: 382px;
-}
-
-.c13:active,
-.c13:hover {
-  outline: 0;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  padding-bottom: 32px;
-  margin-bottom: 32px;
-}
-
-.c0:not(:last-child):not(:only-child) {
-  border-bottom: 1px solid #e0e0e0;
-}
-
-.c1 {
-  color: #0366d6;
-  margin-bottom: 32px;
-}
-
-.c3:not(:last-child):not(:only-child) {
-  margin-bottom: 32px;
-}
-
-@media (max-width:48em) {
-  .c4 {
-    -webkit-flex: 0 0 92px;
-    -ms-flex: 0 0 92px;
-    flex: 0 0 92px;
-  }
-}
-
-@media (max-width:48em) {
-  .c13 {
-    height: calc(382px * 7/9);
-  }
-}
-
-<div
-    className="c0"
-  >
-    <a
-      className="c1"
-      href="https://microlink.io"
-    >
-      https://microlink.io
-    </a>
-    <a
-      className="c2 microlink_card c3"
-      direction="ltr"
-      href="https://microlink.io"
-      rel="noopener noreferrer"
-      style={
-        Object {
-          "marginBottom": "20px",
-          "width": "700px",
-        }
-      }
-      target="_blank"
-    >
-      <div
-        className="c4 c5 microlink_card__media microlink_card__media_image"
-      />
-      <div
-        className="c6 microlink_card__content"
-      >
-        <span
-          className="c7"
-        />
-        <span
-          className="c8"
-        />
-        <span
-          className="c8"
-          style={
-            Object {
-              "marginBottom": "12px",
-            }
-          }
-        />
-        <span
-          className="c9"
-        />
-      </div>
-    </a>
-    <a
-      className="c2 microlink_card c3"
-      direction="ltr"
-      href="https://microlink.io"
-      rel="noopener noreferrer"
-      style={
-        Object {
-          "marginBottom": "20px",
-          "width": "700px",
-        }
-      }
-      target="_blank"
-    >
-      <div
-        className="c10 c5 microlink_card__media microlink_card__media_image"
-      />
-      <div
-        className="c11 microlink_card__content"
-      >
-        <span
-          className="c12"
-        />
-        <span
-          className="c9"
-        />
-      </div>
-    </a>
-    <a
-      className="c13 microlink_card c3"
-      direction="ltr"
-      href="https://microlink.io"
-      rel="noopener noreferrer"
-      style={
-        Object {
-          "marginBottom": "20px",
-          "width": "700px",
-        }
-      }
-      target="_blank"
-    >
-      <div
-        className="c14 c5 microlink_card__media microlink_card__media_image"
-      />
-      <div
-        className="c15 microlink_card__content"
-      >
-        <span
-          className="c16"
-        />
-        <span
-          className="c8"
-        />
-        <span
-          className="c8"
-          style={
-            Object {
-              "marginBottom": "12px",
-            }
-          }
-        />
-        <span
-          className="c9"
-        />
-      </div>
-    </a>
-  </div>,
-  .c6 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c11 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c15 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 10px 15px;
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
-  justify-content: space-around;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c4 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 125px;
-  -ms-flex: 0 0 125px;
-  flex: 0 0 125px;
-}
-
-.c4::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c4::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c10 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 0 0 48px;
-  -ms-flex: 0 0 48px;
-  flex: 0 0 48px;
-}
-
-.c10::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c10::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c14 {
-  background: transparent no-repeat center center / cover;
-  display: block;
-  overflow: hidden;
-  height: auto;
-  position: relative;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-
-.c14::before {
-  content: '';
-  padding-bottom: 100%;
-  display: block;
-}
-
-.c14::before {
-  padding-bottom: 0;
-}
-
-.c14::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  background: #e1e8ed;
-  z-index: 1;
-  -webkit-transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  transition: opacity 150ms cubic-bezier(.25,.8,.25,1),visibility 150ms cubic-bezier(.25,.8,.25,1);
-  will-change: opacity;
-  opacity: 0;
-  visibility: hidden;
-}
-
-.c5 {
-  -webkit-animation: kHwByW 1.25s linear infinite;
-  animation: kHwByW 1.25s linear infinite;
-}
-
-.c7 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c12 {
-  opacity: 0.8;
-  height: 16px;
-  width: 75%;
-  display: block;
-  background: #e1e8ed;
-  margin: 0 20px 0 0;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  height: 15px;
-}
-
-.c16 {
-  opacity: 0.8;
-  height: 16px;
-  width: 60%;
-  display: block;
-  background: #e1e8ed;
-  margin: 2px 0 8px;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-}
-
-.c8 {
-  opacity: 0.8;
-  height: 14px;
-  width: 95%;
-  display: block;
-  position: relative;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c9 {
-  opacity: 0.8;
-  height: 12px;
-  width: 30%;
-  display: block;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: .25s;
-  animation-delay: .25s;
-  height: 10px;
-}
-
-.c2 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-}
-
-.c2:active,
-.c2:hover {
-  outline: 0;
-}
-
-.c13 {
-  max-width: var(--microlink-max-width,500px);
-  background-color: var(--microlink-background-color,#fff);
-  border-width: var(--microlink-border-width,1px);
-  border-style: var(--microlink-border-style,solid);
-  border-color: var(--microlink-border-color,#e1e8ed);
-  color: var(--microlink-color,#181919);
-  overflow: hidden;
-  font-family: InterUI,-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  opacity: 1;
-  position: relative;
-  -webkit-transition-duration: 150ms;
-  transition-duration: 150ms;
-  -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  transition-timing-function: cubic-bezier(.25,.8,.25,1);
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  height: 382px;
-}
-
-.c13:active,
-.c13:hover {
-  outline: 0;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  padding-bottom: 32px;
-  margin-bottom: 32px;
-}
-
-.c0:not(:last-child):not(:only-child) {
-  border-bottom: 1px solid #e0e0e0;
-}
-
-.c1 {
-  color: #0366d6;
-  margin-bottom: 32px;
-}
-
-.c3:not(:last-child):not(:only-child) {
-  margin-bottom: 32px;
-}
-
-@media (max-width:48em) {
-  .c4 {
-    -webkit-flex: 0 0 92px;
-    -ms-flex: 0 0 92px;
-    flex: 0 0 92px;
-  }
-}
-
-@media (max-width:48em) {
-  .c13 {
-    height: calc(382px * 7/9);
-  }
-}
-
-<div
-    className="c0"
-  >
-    <a
-      className="c1"
-      href="https://microlink.io"
-    >
-      https://microlink.io
-    </a>
-    <a
-      className="c2 microlink_card c3"
-      direction="ltr"
-      href="https://microlink.io"
-      rel="noopener noreferrer"
-      style={
-        Object {
-          "marginBottom": "20px",
-          "width": "800px",
-        }
-      }
-      target="_blank"
-    >
-      <div
-        className="c4 c5 microlink_card__media microlink_card__media_image"
-      />
-      <div
-        className="c6 microlink_card__content"
-      >
-        <span
-          className="c7"
-        />
-        <span
-          className="c8"
-        />
-        <span
-          className="c8"
-          style={
-            Object {
-              "marginBottom": "12px",
-            }
-          }
-        />
-        <span
-          className="c9"
-        />
-      </div>
-    </a>
-    <a
-      className="c2 microlink_card c3"
-      direction="ltr"
-      href="https://microlink.io"
-      rel="noopener noreferrer"
-      style={
-        Object {
-          "marginBottom": "20px",
-          "width": "800px",
-        }
-      }
-      target="_blank"
-    >
-      <div
-        className="c10 c5 microlink_card__media microlink_card__media_image"
-      />
-      <div
-        className="c11 microlink_card__content"
-      >
-        <span
-          className="c12"
-        />
-        <span
-          className="c9"
-        />
-      </div>
-    </a>
-    <a
-      className="c13 microlink_card c3"
-      direction="ltr"
-      href="https://microlink.io"
-      rel="noopener noreferrer"
-      style={
-        Object {
-          "marginBottom": "20px",
-          "width": "800px",
-        }
-      }
-      target="_blank"
-    >
-      <div
-        className="c14 c5 microlink_card__media microlink_card__media_image"
-      />
-      <div
-        className="c15 microlink_card__content"
-      >
-        <span
-          className="c16"
-        />
-        <span
-          className="c8"
-        />
-        <span
-          className="c8"
-          style={
-            Object {
-              "marginBottom": "12px",
-            }
-          }
-        />
-        <span
-          className="c9"
-        />
-      </div>
-    </a>
-  </div>,
-]
-`;
diff --git a/packages/react/stories/index.test.js b/packages/react/stories/index.test.js
deleted file mode 100644
index 85639ee0..00000000
--- a/packages/react/stories/index.test.js
+++ /dev/null
@@ -1,24 +0,0 @@
-/* global jest */
-
-import initStoryshots from '@storybook/addon-storyshots'
-import { Headers, Request, Response } from 'node-fetch'
-
-import 'jest-styled-components'
-
-jest.mock('@microlink/mql', () =>
-  require('@microlink/mql/' + require('@microlink/mql/package.json').browser)
-)
-
-if (!globalThis.Headers) {
-  globalThis.Headers = Headers
-}
-
-if (!globalThis.Request) {
-  globalThis.Request = Request
-}
-
-if (!globalThis.Response) {
-  globalThis.Response = Response
-}
-
-initStoryshots()