diff --git a/addons/info/src/__snapshots__/index.test.js.snap b/addons/info/src/__snapshots__/index.test.js.snap
index f25c10f5c4a..3a5b9950bcc 100644
--- a/addons/info/src/__snapshots__/index.test.js.snap
+++ b/addons/info/src/__snapshots__/index.test.js.snap
@@ -1,41 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`addon Info should render <Info /> and external markdown 1`] = `
-.emotion-6 {
-  position: relative;
-  overflow: hidden;
-}
-
-.emotion-4 {
-  position: relative;
-  overflow: auto;
-}
-
-.emotion-4 code {
-  opacity: 0.7;
-}
-
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 0;
-}
-
-.emotion-0 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 0;
-  opacity: 1;
-}
-
 <deprecated>
   <Story
     PropTable={[Function]}
@@ -288,11 +253,11 @@ exports[`addon Info should render <Info /> and external markdown 1`] = `
               >
                 <Wrapper>
                   <div
-                    className="emotion-6 emotion-7"
+                    className="css-fri0s0-Wrapper epklh870"
                   >
                     <Scroller>
                       <div
-                        className="emotion-4 emotion-5"
+                        className="css-1et2y5f-Scroller epklh871"
                       >
                         <SyntaxHighlighter
                           CodeTag={
@@ -340,11 +305,11 @@ exports[`addon Info should render <Info /> and external markdown 1`] = `
                             className="hljs"
                           >
                             <pre
-                              className="hljs emotion-2 emotion-3"
+                              className="hljs css-1x8ad3z-Pre epklh872"
                             >
                               <Code>
                                 <code
-                                  className="emotion-0 emotion-1"
+                                  className="css-1igagyr-Code epklh873"
                                 >
                                   <span
                                     className="token tag"
@@ -811,41 +776,6 @@ exports[`addon Info should render <Info /> and external markdown 1`] = `
 `;
 
 exports[`addon Info should render <Info /> and markdown 1`] = `
-.emotion-6 {
-  position: relative;
-  overflow: hidden;
-}
-
-.emotion-4 {
-  position: relative;
-  overflow: auto;
-}
-
-.emotion-4 code {
-  opacity: 0.7;
-}
-
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 0;
-}
-
-.emotion-0 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 0;
-  opacity: 1;
-}
-
 <deprecated>
   <Story
     PropTable={[Function]}
@@ -1191,11 +1121,11 @@ containing **bold**, *cursive* text, \`code\` and [a link](https://github.com)"
               >
                 <Wrapper>
                   <div
-                    className="emotion-6 emotion-7"
+                    className="css-fri0s0-Wrapper epklh870"
                   >
                     <Scroller>
                       <div
-                        className="emotion-4 emotion-5"
+                        className="css-1et2y5f-Scroller epklh871"
                       >
                         <SyntaxHighlighter
                           CodeTag={
@@ -1243,11 +1173,11 @@ containing **bold**, *cursive* text, \`code\` and [a link](https://github.com)"
                             className="hljs"
                           >
                             <pre
-                              className="hljs emotion-2 emotion-3"
+                              className="hljs css-1x8ad3z-Pre epklh872"
                             >
                               <Code>
                                 <code
-                                  className="emotion-0 emotion-1"
+                                  className="css-1igagyr-Code epklh873"
                                 >
                                   <span
                                     className="token tag"
@@ -1714,41 +1644,6 @@ containing **bold**, *cursive* text, \`code\` and [a link](https://github.com)"
 `;
 
 exports[`addon Info should render component description if story kind matches component 1`] = `
-.emotion-6 {
-  position: relative;
-  overflow: hidden;
-}
-
-.emotion-4 {
-  position: relative;
-  overflow: auto;
-}
-
-.emotion-4 code {
-  opacity: 0.7;
-}
-
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 0;
-}
-
-.emotion-0 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 0;
-  opacity: 1;
-}
-
 <Info>
   <Story
     PropTable={[Function]}
@@ -2022,11 +1917,11 @@ exports[`addon Info should render component description if story kind matches co
             >
               <Wrapper>
                 <div
-                  className="emotion-6 emotion-7"
+                  className="css-fri0s0-Wrapper epklh870"
                 >
                   <Scroller>
                     <div
-                      className="emotion-4 emotion-5"
+                      className="css-1et2y5f-Scroller epklh871"
                     >
                       <SyntaxHighlighter
                         CodeTag={
@@ -2074,11 +1969,11 @@ exports[`addon Info should render component description if story kind matches co
                           className="hljs"
                         >
                           <pre
-                            className="hljs emotion-2 emotion-3"
+                            className="hljs css-1x8ad3z-Pre epklh872"
                           >
                             <Code>
                               <code
-                                className="emotion-0 emotion-1"
+                                className="css-1igagyr-Code epklh873"
                               >
                                 <span
                                   className="token tag"
@@ -2495,41 +2390,6 @@ exports[`addon Info should render component description if story kind matches co
 `;
 
 exports[`addon Info should render component description if story name matches component 1`] = `
-.emotion-6 {
-  position: relative;
-  overflow: hidden;
-}
-
-.emotion-4 {
-  position: relative;
-  overflow: auto;
-}
-
-.emotion-4 code {
-  opacity: 0.7;
-}
-
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 0;
-}
-
-.emotion-0 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 0;
-  opacity: 1;
-}
-
 <Info>
   <Story
     PropTable={[Function]}
@@ -2803,11 +2663,11 @@ exports[`addon Info should render component description if story name matches co
             >
               <Wrapper>
                 <div
-                  className="emotion-6 emotion-7"
+                  className="css-fri0s0-Wrapper epklh870"
                 >
                   <Scroller>
                     <div
-                      className="emotion-4 emotion-5"
+                      className="css-1et2y5f-Scroller epklh871"
                     >
                       <SyntaxHighlighter
                         CodeTag={
@@ -2855,11 +2715,11 @@ exports[`addon Info should render component description if story name matches co
                           className="hljs"
                         >
                           <pre
-                            className="hljs emotion-2 emotion-3"
+                            className="hljs css-1x8ad3z-Pre epklh872"
                           >
                             <Code>
                               <code
-                                className="emotion-0 emotion-1"
+                                className="css-1igagyr-Code epklh873"
                               >
                                 <span
                                   className="token tag"
diff --git a/examples/cra-kitchen-sink/src/stories/__snapshots__/index.stories.storyshot b/examples/cra-kitchen-sink/src/stories/__snapshots__/index.stories.storyshot
index d5d7633cf8a..d1c83b9baa4 100644
--- a/examples/cra-kitchen-sink/src/stories/__snapshots__/index.stories.storyshot
+++ b/examples/cra-kitchen-sink/src/stories/__snapshots__/index.stories.storyshot
@@ -1,107 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Storyshots Button with new info 1`] = `
-.emotion-6 {
-  position: relative;
-  overflow: hidden;
-}
-
-.emotion-4 {
-  position: relative;
-  overflow: auto;
-}
-
-.emotion-4 code {
-  opacity: 0.7;
-}
-
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 0;
-}
-
-.emotion-0 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 0;
-  opacity: 1;
-}
-
-.emotion-70 {
-  border-collapse: collapse;
-  margin-top: 16px;
-  width: auto;
-  table-layout: auto;
-}
-
-.emotion-18 {
-  border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-
-.emotion-8 {
-  padding: 2px 6px;
-  line-height: 18px;
-  vertical-align: middle;
-  padding: 8px 16px;
-}
-
-.emotion-68 {
-  font-size: 14px;
-}
-
-.emotion-30 {
-  border-bottom: 1px solid #eee;
-}
-
-.emotion-20 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #774dd7;
-}
-
-.emotion-22 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #1ea7fd;
-}
-
-.emotion-22 button {
-  color: #37d5d3;
-}
-
-.emotion-22 span {
-  white-space: pre;
-}
-
-.emotion-24 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-}
-
-.emotion-28 {
-  padding: 2px 6px;
-  text-align: left;
-  padding: 8px 16px;
-}
-
 <div>
   <div
     style="position:relative;z-index:0"
@@ -181,16 +80,16 @@ exports[`Storyshots Button with new info 1`] = `
             Story Source
           </h1>
           <div
-            class="emotion-6 emotion-7"
+            class="css-fri0s0-Wrapper epklh870"
           >
             <div
-              class="emotion-4 emotion-5"
+              class="css-1et2y5f-Scroller epklh871"
             >
               <pre
-                class="hljs emotion-2 emotion-3"
+                class="hljs css-1x8ad3z-Pre epklh872"
               >
                 <code
-                  class="emotion-0 emotion-1"
+                  class="css-1igagyr-Code epklh873"
                 >
                   <span
                     class="token tag"
@@ -334,124 +233,124 @@ exports[`Storyshots Button with new info 1`] = `
               "Container" Component
             </h3>
             <table
-              class="emotion-70 emotion-71"
+              class="css-919xfk-Table-Table e1fg2ikb0"
             >
               <thead
-                class="emotion-18 emotion-19"
+                class="css-ig77mj-THead e1fg2ikb1"
               >
                 <tr>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Property
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Type
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Required
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Default
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Description
                   </th>
                 </tr>
               </thead>
               <tbody
-                class="emotion-68 emotion-69"
+                class="css-4b5un0-TBody e1fg2ikb3"
               >
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     children
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       node
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     yes
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     isAmazing
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       bool
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       false
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     age
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       other
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       {
@@ -478,38 +377,38 @@ exports[`Storyshots Button with new info 1`] = `
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     title
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       string
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       the best container ever
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
               </tbody>
diff --git a/examples/cra-kitchen-sink/src/storyshots.test.js b/examples/cra-kitchen-sink/src/storyshots.test.js
index 00b2b446903..6b780d80bf0 100644
--- a/examples/cra-kitchen-sink/src/storyshots.test.js
+++ b/examples/cra-kitchen-sink/src/storyshots.test.js
@@ -1,5 +1,4 @@
 import initStoryshots, { multiSnapshotWithOptions } from '@storybook/addon-storyshots';
-import { createSerializer as emotionCreateSerializer } from 'jest-emotion';
 import path from 'path';
 import { render as renderer, configure } from 'enzyme';
 import Adapter from 'enzyme-adapter-react-16';
@@ -14,5 +13,5 @@ initStoryshots({
   test: multiSnapshotWithOptions({
     renderer,
   }),
-  snapshotSerializers: [createSerializer(), emotionCreateSerializer()],
+  snapshotSerializers: [createSerializer()],
 });
diff --git a/examples/official-storybook/stories/__snapshots__/addon-actions.stories.storyshot b/examples/official-storybook/stories/__snapshots__/addon-actions.stories.storyshot
index 1e5a124ab61..9a9a0acf432 100644
--- a/examples/official-storybook/stories/__snapshots__/addon-actions.stories.storyshot
+++ b/examples/official-storybook/stories/__snapshots__/addon-actions.stories.storyshot
@@ -2,663 +2,103 @@
 
 exports[`Storyshots Addons|Actions All types 1`] = `
 Array [
-  .emotion-0 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  display: inline;
-  text-align: left;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  min-height: 32px;
-  box-sizing: border-box;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-<button
-    class="emotion-0 emotion-1"
+  <button
+    class="css-1pzmux7-Button e1lk8yn73"
   >
     Array
   </button>,
-  .emotion-0 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  display: inline;
-  text-align: left;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  min-height: 32px;
-  box-sizing: border-box;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-<button
-    class="emotion-0 emotion-1"
+  <button
+    class="css-1pzmux7-Button e1lk8yn73"
   >
     Boolean
   </button>,
-  .emotion-0 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  display: inline;
-  text-align: left;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  min-height: 32px;
-  box-sizing: border-box;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-<button
-    class="emotion-0 emotion-1"
+  <button
+    class="css-1pzmux7-Button e1lk8yn73"
   >
     Empty Object
   </button>,
-  .emotion-0 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  display: inline;
-  text-align: left;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  min-height: 32px;
-  box-sizing: border-box;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-<button
-    class="emotion-0 emotion-1"
+  <button
+    class="css-1pzmux7-Button e1lk8yn73"
   >
     File
   </button>,
-  .emotion-0 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  display: inline;
-  text-align: left;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  min-height: 32px;
-  box-sizing: border-box;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-<button
-    class="emotion-0 emotion-1"
+  <button
+    class="css-1pzmux7-Button e1lk8yn73"
   >
     Function A
   </button>,
-  .emotion-0 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  display: inline;
-  text-align: left;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  min-height: 32px;
-  box-sizing: border-box;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-<button
-    class="emotion-0 emotion-1"
+  <button
+    class="css-1pzmux7-Button e1lk8yn73"
   >
     Bound Function B
   </button>,
-  .emotion-0 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  display: inline;
-  text-align: left;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  min-height: 32px;
-  box-sizing: border-box;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-<button
-    class="emotion-0 emotion-1"
+  <button
+    class="css-1pzmux7-Button e1lk8yn73"
   >
     Infinity
   </button>,
-  .emotion-0 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  display: inline;
-  text-align: left;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  min-height: 32px;
-  box-sizing: border-box;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-<button
-    class="emotion-0 emotion-1"
+  <button
+    class="css-1pzmux7-Button e1lk8yn73"
   >
     -Infinity
   </button>,
-  .emotion-0 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  display: inline;
-  text-align: left;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  min-height: 32px;
-  box-sizing: border-box;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-<button
-    class="emotion-0 emotion-1"
+  <button
+    class="css-1pzmux7-Button e1lk8yn73"
   >
     NaN
   </button>,
-  .emotion-0 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  display: inline;
-  text-align: left;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  min-height: 32px;
-  box-sizing: border-box;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-<button
-    class="emotion-0 emotion-1"
+  <button
+    class="css-1pzmux7-Button e1lk8yn73"
   >
     null
   </button>,
-  .emotion-0 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  display: inline;
-  text-align: left;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  min-height: 32px;
-  box-sizing: border-box;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-<button
-    class="emotion-0 emotion-1"
+  <button
+    class="css-1pzmux7-Button e1lk8yn73"
   >
     Number
   </button>,
-  .emotion-0 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  display: inline;
-  text-align: left;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  min-height: 32px;
-  box-sizing: border-box;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-<button
-    class="emotion-0 emotion-1"
+  <button
+    class="css-1pzmux7-Button e1lk8yn73"
   >
     Multiple
   </button>,
-  .emotion-0 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  display: inline;
-  text-align: left;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  min-height: 32px;
-  box-sizing: border-box;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-<button
-    class="emotion-0 emotion-1"
+  <button
+    class="css-1pzmux7-Button e1lk8yn73"
   >
     Plain Object
   </button>,
-  .emotion-0 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  display: inline;
-  text-align: left;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  min-height: 32px;
-  box-sizing: border-box;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-<button
-    class="emotion-0 emotion-1"
+  <button
+    class="css-1pzmux7-Button e1lk8yn73"
   >
     Object (depth: 2)
   </button>,
-  .emotion-0 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  display: inline;
-  text-align: left;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  min-height: 32px;
-  box-sizing: border-box;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-<button
-    class="emotion-0 emotion-1"
+  <button
+    class="css-1pzmux7-Button e1lk8yn73"
   >
     RegExp
   </button>,
-  .emotion-0 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  display: inline;
-  text-align: left;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  min-height: 32px;
-  box-sizing: border-box;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-<button
-    class="emotion-0 emotion-1"
+  <button
+    class="css-1pzmux7-Button e1lk8yn73"
   >
     String
   </button>,
-  .emotion-0 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  display: inline;
-  text-align: left;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  min-height: 32px;
-  box-sizing: border-box;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-<button
-    class="emotion-0 emotion-1"
+  <button
+    class="css-1pzmux7-Button e1lk8yn73"
   >
     Symbol
   </button>,
-  .emotion-0 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  display: inline;
-  text-align: left;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  min-height: 32px;
-  box-sizing: border-box;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-<button
-    class="emotion-0 emotion-1"
+  <button
+    class="css-1pzmux7-Button e1lk8yn73"
   >
     SyntheticEvent
   </button>,
-  .emotion-0 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  display: inline;
-  text-align: left;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  min-height: 32px;
-  box-sizing: border-box;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-<button
-    class="emotion-0 emotion-1"
+  <button
+    class="css-1pzmux7-Button e1lk8yn73"
   >
     undefined
   </button>,
-  .emotion-0 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  display: inline;
-  text-align: left;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  min-height: 32px;
-  box-sizing: border-box;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-<button
-    class="emotion-0 emotion-1"
+  <button
+    class="css-1pzmux7-Button e1lk8yn73"
   >
     Window
   </button>,
@@ -666,216 +106,48 @@ Array [
 `;
 
 exports[`Storyshots Addons|Actions Basic example 1`] = `
-.emotion-0 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  display: inline;
-  text-align: left;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  min-height: 32px;
-  box-sizing: border-box;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
 <button
-  class="emotion-0 emotion-1"
+  class="css-1pzmux7-Button e1lk8yn73"
 >
   Hello World
 </button>
 `;
 
 exports[`Storyshots Addons|Actions Circular Payload 1`] = `
-.emotion-0 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  display: inline;
-  text-align: left;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  min-height: 32px;
-  box-sizing: border-box;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
 <button
-  class="emotion-0 emotion-1"
+  class="css-1pzmux7-Button e1lk8yn73"
 >
   Circular Payload
 </button>
 `;
 
 exports[`Storyshots Addons|Actions Decorated action + config 1`] = `
-.emotion-0 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  display: inline;
-  text-align: left;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  min-height: 32px;
-  box-sizing: border-box;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
 <button
-  class="emotion-0 emotion-1"
+  class="css-1pzmux7-Button e1lk8yn73"
 >
   Moving away from this story will persist the action logger
 </button>
 `;
 
 exports[`Storyshots Addons|Actions Decorated action 1`] = `
-.emotion-0 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  display: inline;
-  text-align: left;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  min-height: 32px;
-  box-sizing: border-box;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
 <button
-  class="emotion-0 emotion-1"
+  class="css-1pzmux7-Button e1lk8yn73"
 >
   Native Event
 </button>
 `;
 
 exports[`Storyshots Addons|Actions Decorated actions + config 1`] = `
-.emotion-0 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  display: inline;
-  text-align: left;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  min-height: 32px;
-  box-sizing: border-box;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
 <button
-  class="emotion-0 emotion-1"
+  class="css-1pzmux7-Button e1lk8yn73"
 >
   Moving away from this story will persist the action logger
 </button>
 `;
 
 exports[`Storyshots Addons|Actions Decorated actions 1`] = `
-.emotion-0 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  display: inline;
-  text-align: left;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  min-height: 32px;
-  box-sizing: border-box;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
 <button
-  class="emotion-0 emotion-1"
+  class="css-1pzmux7-Button e1lk8yn73"
 >
   Native Event
 </button>
@@ -883,69 +155,13 @@ exports[`Storyshots Addons|Actions Decorated actions 1`] = `
 
 exports[`Storyshots Addons|Actions Limit Action Output 1`] = `
 Array [
-  .emotion-0 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  display: inline;
-  text-align: left;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  min-height: 32px;
-  box-sizing: border-box;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-<button
-    class="emotion-0 emotion-1"
+  <button
+    class="css-1pzmux7-Button e1lk8yn73"
   >
     False
   </button>,
-  .emotion-0 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  display: inline;
-  text-align: left;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  min-height: 32px;
-  box-sizing: border-box;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-<button
-    class="emotion-0 emotion-1"
+  <button
+    class="css-1pzmux7-Button e1lk8yn73"
   >
     True
   </button>,
@@ -953,144 +169,32 @@ Array [
 `;
 
 exports[`Storyshots Addons|Actions Multiple actions + config 1`] = `
-.emotion-0 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  display: inline;
-  text-align: left;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  min-height: 32px;
-  box-sizing: border-box;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
 <button
-  class="emotion-0 emotion-1"
+  class="css-1pzmux7-Button e1lk8yn73"
 >
   Moving away from this story will persist the action logger
 </button>
 `;
 
 exports[`Storyshots Addons|Actions Multiple actions 1`] = `
-.emotion-0 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  display: inline;
-  text-align: left;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  min-height: 32px;
-  box-sizing: border-box;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
 <button
-  class="emotion-0 emotion-1"
+  class="css-1pzmux7-Button e1lk8yn73"
 >
   Hello World
 </button>
 `;
 
 exports[`Storyshots Addons|Actions Multiple actions as object 1`] = `
-.emotion-0 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  display: inline;
-  text-align: left;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  min-height: 32px;
-  box-sizing: border-box;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
 <button
-  class="emotion-0 emotion-1"
+  class="css-1pzmux7-Button e1lk8yn73"
 >
   Hello World
 </button>
 `;
 
 exports[`Storyshots Addons|Actions Multiple actions, object + config 1`] = `
-.emotion-0 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  display: inline;
-  text-align: left;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  min-height: 32px;
-  box-sizing: border-box;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
 <button
-  class="emotion-0 emotion-1"
+  class="css-1pzmux7-Button e1lk8yn73"
 >
   Moving away from this story will persist the action logger
 </button>
@@ -1101,36 +205,8 @@ Array [
   <p>
     Moving away from this story will persist the action logger
   </p>,
-  .emotion-0 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  display: inline;
-  text-align: left;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  min-height: 32px;
-  box-sizing: border-box;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-<button
-    class="emotion-0 emotion-1"
+  <button
+    class="css-1pzmux7-Button e1lk8yn73"
   >
     Object (configured clearOnStoryChange: false)
   </button>,
@@ -1138,108 +214,24 @@ Array [
 `;
 
 exports[`Storyshots Addons|Actions Reserved keyword as name 1`] = `
-.emotion-0 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  display: inline;
-  text-align: left;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  min-height: 32px;
-  box-sizing: border-box;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
 <button
-  class="emotion-0 emotion-1"
+  class="css-1pzmux7-Button e1lk8yn73"
 >
   Delete
 </button>
 `;
 
 exports[`Storyshots Addons|Actions configureActionsDepth 1`] = `
-.emotion-0 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  display: inline;
-  text-align: left;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  min-height: 32px;
-  box-sizing: border-box;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
 <button
-  class="emotion-0 emotion-1"
+  class="css-1pzmux7-Button e1lk8yn73"
 >
   Object (configured depth: 2)
 </button>
 `;
 
 exports[`Storyshots Addons|Actions.deprecated Decorated Action 1`] = `
-.emotion-0 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  display: inline;
-  text-align: left;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  min-height: 32px;
-  box-sizing: border-box;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
 <button
-  class="emotion-0 emotion-1"
+  class="css-1pzmux7-Button e1lk8yn73"
 >
   Native Event
 </button>
diff --git a/examples/official-storybook/stories/__snapshots__/addon-events.stories.storyshot b/examples/official-storybook/stories/__snapshots__/addon-events.stories.storyshot
index eb2b3abf049..2d1c3b89623 100644
--- a/examples/official-storybook/stories/__snapshots__/addon-events.stories.storyshot
+++ b/examples/official-storybook/stories/__snapshots__/addon-events.stories.storyshot
@@ -1,19 +1,11 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Storyshots Addons|Events Logger 1`] = `
-.emotion-2 {
-  padding: 20px;
-}
-
-.emotion-0 {
-  margin: 0;
-}
-
 <div
-  class="emotion-2 emotion-3"
+  class="css-124l3n3-Wrapper e1igy6c50"
 >
   <h1
-    class="emotion-0 emotion-1"
+    class="css-hfjtt6-Title e1igy6c51"
   >
     Logger
   </h1>
@@ -22,19 +14,11 @@ exports[`Storyshots Addons|Events Logger 1`] = `
 `;
 
 exports[`Storyshots Addons|Events.deprecated Logger 1`] = `
-.emotion-2 {
-  padding: 20px;
-}
-
-.emotion-0 {
-  margin: 0;
-}
-
 <div
-  class="emotion-2 emotion-3"
+  class="css-124l3n3-Wrapper e1igy6c50"
 >
   <h1
-    class="emotion-0 emotion-1"
+    class="css-hfjtt6-Title e1igy6c51"
   >
     Logger
   </h1>
diff --git a/examples/official-storybook/stories/__snapshots__/addon-info.stories.storyshot b/examples/official-storybook/stories/__snapshots__/addon-info.stories.storyshot
index 4135c0fa3d5..e5f8156ece4 100644
--- a/examples/official-storybook/stories/__snapshots__/addon-info.stories.storyshot
+++ b/examples/official-storybook/stories/__snapshots__/addon-info.stories.storyshot
@@ -1,254 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Storyshots Addons|Info/Decorator Use Info as story decorator 1`] = `
-.emotion-6 {
-  position: relative;
-  overflow: hidden;
-}
-
-.emotion-4 {
-  position: relative;
-  overflow: auto;
-}
-
-.emotion-4 code {
-  padding-right: 10px;
-  opacity: 0.7;
-}
-
-.emotion-4 * .token {
-  font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
-  -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.string {
-  color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
-  color: #393A34;
-}
-
-.emotion-4 * .token.operator {
-  color: #393A34;
-}
-
-.emotion-4 * .token.url {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.number {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.function {
-  color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
-  color: #9a050f;
-}
-
-.emotion-4 * .token.important {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
-  font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
-  color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
-  color: #800000;
-}
-
-.emotion-4 * .token.selector {
-  color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.property {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
-  background: #ffff00;
-  color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
-  color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
-  opacity: 0.7;
-}
-
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 0;
-}
-
-.emotion-0 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 0;
-  opacity: 1;
-}
-
-.emotion-70 {
-  border-collapse: collapse;
-  margin-top: 16px;
-  width: auto;
-  table-layout: auto;
-}
-
-.emotion-18 {
-  border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-
-.emotion-8 {
-  padding: 2px 6px;
-  line-height: 18px;
-  vertical-align: middle;
-  padding: 8px 16px;
-}
-
-.emotion-68 {
-  font-size: 14px;
-}
-
-.emotion-30 {
-  border-bottom: 1px solid #eee;
-}
-
-.emotion-20 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #774dd7;
-}
-
-.emotion-22 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #1ea7fd;
-}
-
-.emotion-22 button {
-  color: #37d5d3;
-}
-
-.emotion-22 span {
-  white-space: pre;
-}
-
-.emotion-24 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-}
-
-.emotion-28 {
-  padding: 2px 6px;
-  text-align: left;
-  padding: 8px 16px;
-}
-
 <div>
   <div
     style="position:relative;z-index:0"
@@ -311,16 +63,16 @@ exports[`Storyshots Addons|Info/Decorator Use Info as story decorator 1`] = `
             Story Source
           </h1>
           <div
-            class="emotion-6 emotion-7"
+            class="css-fri0s0-Wrapper epklh870"
           >
             <div
-              class="emotion-4 emotion-5"
+              class="css-1y75e3d-Scroller epklh871"
             >
               <pre
-                class="hljs emotion-2 emotion-3"
+                class="hljs css-1x8ad3z-Pre epklh872"
               >
                 <code
-                  class="emotion-0 emotion-1"
+                  class="css-1igagyr-Code epklh873"
                 >
                   <span
                     class="token tag"
@@ -388,162 +140,162 @@ exports[`Storyshots Addons|Info/Decorator Use Info as story decorator 1`] = `
               "BaseButton" Component
             </h3>
             <table
-              class="emotion-70 emotion-71"
+              class="css-919xfk-Table-Table e1fg2ikb0"
             >
               <thead
-                class="emotion-18 emotion-19"
+                class="css-ig77mj-THead e1fg2ikb1"
               >
                 <tr>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Property
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Type
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Required
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Default
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Description
                   </th>
                 </tr>
               </thead>
               <tbody
-                class="emotion-68 emotion-69"
+                class="css-4b5un0-TBody e1fg2ikb3"
               >
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     disabled
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       bool
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       false
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     label
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       string
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     yes
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     onClick
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       func
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       onClick
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     style
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       other
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       {}
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
               </tbody>
@@ -557,254 +309,6 @@ exports[`Storyshots Addons|Info/Decorator Use Info as story decorator 1`] = `
 `;
 
 exports[`Storyshots Addons|Info/ForwardRef Displays forwarded ref components correctly 1`] = `
-.emotion-6 {
-  position: relative;
-  overflow: hidden;
-}
-
-.emotion-4 {
-  position: relative;
-  overflow: auto;
-}
-
-.emotion-4 code {
-  padding-right: 10px;
-  opacity: 0.7;
-}
-
-.emotion-4 * .token {
-  font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
-  -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.string {
-  color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
-  color: #393A34;
-}
-
-.emotion-4 * .token.operator {
-  color: #393A34;
-}
-
-.emotion-4 * .token.url {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.number {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.function {
-  color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
-  color: #9a050f;
-}
-
-.emotion-4 * .token.important {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
-  font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
-  color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
-  color: #800000;
-}
-
-.emotion-4 * .token.selector {
-  color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.property {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
-  background: #ffff00;
-  color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
-  color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
-  opacity: 0.7;
-}
-
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 0;
-}
-
-.emotion-0 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 0;
-  opacity: 1;
-}
-
-.emotion-70 {
-  border-collapse: collapse;
-  margin-top: 16px;
-  width: auto;
-  table-layout: auto;
-}
-
-.emotion-18 {
-  border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-
-.emotion-8 {
-  padding: 2px 6px;
-  line-height: 18px;
-  vertical-align: middle;
-  padding: 8px 16px;
-}
-
-.emotion-68 {
-  font-size: 14px;
-}
-
-.emotion-30 {
-  border-bottom: 1px solid #eee;
-}
-
-.emotion-20 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #774dd7;
-}
-
-.emotion-22 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #1ea7fd;
-}
-
-.emotion-22 button {
-  color: #37d5d3;
-}
-
-.emotion-22 span {
-  white-space: pre;
-}
-
-.emotion-24 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-}
-
-.emotion-28 {
-  padding: 2px 6px;
-  text-align: left;
-  padding: 8px 16px;
-}
-
 <div>
   <div
     style="position:relative;z-index:0"
@@ -858,16 +362,16 @@ exports[`Storyshots Addons|Info/ForwardRef Displays forwarded ref components cor
             Story Source
           </h1>
           <div
-            class="emotion-6 emotion-7"
+            class="css-fri0s0-Wrapper epklh870"
           >
             <div
-              class="emotion-4 emotion-5"
+              class="css-1y75e3d-Scroller epklh871"
             >
               <pre
-                class="hljs emotion-2 emotion-3"
+                class="hljs css-1x8ad3z-Pre epklh872"
               >
                 <code
-                  class="emotion-0 emotion-1"
+                  class="css-1igagyr-Code epklh873"
                 >
                   <span
                     class="token operator"
@@ -930,162 +434,162 @@ exports[`Storyshots Addons|Info/ForwardRef Displays forwarded ref components cor
               "BaseButton" Component
             </h3>
             <table
-              class="emotion-70 emotion-71"
+              class="css-919xfk-Table-Table e1fg2ikb0"
             >
               <thead
-                class="emotion-18 emotion-19"
+                class="css-ig77mj-THead e1fg2ikb1"
               >
                 <tr>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Property
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Type
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Required
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Default
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Description
                   </th>
                 </tr>
               </thead>
               <tbody
-                class="emotion-68 emotion-69"
+                class="css-4b5un0-TBody e1fg2ikb3"
               >
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     disabled
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       bool
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       false
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     label
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       string
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     yes
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     onClick
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       func
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       onClick
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     style
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       other
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       {}
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
               </tbody>
@@ -1099,188 +603,6 @@ exports[`Storyshots Addons|Info/ForwardRef Displays forwarded ref components cor
 `;
 
 exports[`Storyshots Addons|Info/GitHub issues #1814 1`] = `
-.emotion-6 {
-  position: relative;
-  overflow: hidden;
-}
-
-.emotion-4 {
-  position: relative;
-  overflow: auto;
-}
-
-.emotion-4 code {
-  padding-right: 10px;
-  opacity: 0.7;
-}
-
-.emotion-4 * .token {
-  font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
-  -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.string {
-  color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
-  color: #393A34;
-}
-
-.emotion-4 * .token.operator {
-  color: #393A34;
-}
-
-.emotion-4 * .token.url {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.number {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.function {
-  color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
-  color: #9a050f;
-}
-
-.emotion-4 * .token.important {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
-  font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
-  color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
-  color: #800000;
-}
-
-.emotion-4 * .token.selector {
-  color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.property {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
-  background: #ffff00;
-  color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
-  color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
-  opacity: 0.7;
-}
-
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 0;
-}
-
-.emotion-0 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 0;
-  opacity: 1;
-}
-
 <div>
   <div
     style="position:relative;z-index:0"
@@ -1342,16 +664,16 @@ exports[`Storyshots Addons|Info/GitHub issues #1814 1`] = `
             Story Source
           </h1>
           <div
-            class="emotion-6 emotion-7"
+            class="css-fri0s0-Wrapper epklh870"
           >
             <div
-              class="emotion-4 emotion-5"
+              class="css-1y75e3d-Scroller epklh871"
             >
               <pre
-                class="hljs emotion-2 emotion-3"
+                class="hljs css-1x8ad3z-Pre epklh872"
               >
                 <code
-                  class="emotion-0 emotion-1"
+                  class="css-1igagyr-Code epklh873"
                 >
                   <span
                     class="token operator"
@@ -1487,254 +809,6 @@ No Display Name
 `;
 
 exports[`Storyshots Addons|Info/JSX Displays JSX in description 1`] = `
-.emotion-6 {
-  position: relative;
-  overflow: hidden;
-}
-
-.emotion-4 {
-  position: relative;
-  overflow: auto;
-}
-
-.emotion-4 code {
-  padding-right: 10px;
-  opacity: 0.7;
-}
-
-.emotion-4 * .token {
-  font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
-  -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.string {
-  color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
-  color: #393A34;
-}
-
-.emotion-4 * .token.operator {
-  color: #393A34;
-}
-
-.emotion-4 * .token.url {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.number {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.function {
-  color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
-  color: #9a050f;
-}
-
-.emotion-4 * .token.important {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
-  font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
-  color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
-  color: #800000;
-}
-
-.emotion-4 * .token.selector {
-  color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.property {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
-  background: #ffff00;
-  color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
-  color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
-  opacity: 0.7;
-}
-
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 0;
-}
-
-.emotion-0 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 0;
-  opacity: 1;
-}
-
-.emotion-70 {
-  border-collapse: collapse;
-  margin-top: 16px;
-  width: auto;
-  table-layout: auto;
-}
-
-.emotion-18 {
-  border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-
-.emotion-8 {
-  padding: 2px 6px;
-  line-height: 18px;
-  vertical-align: middle;
-  padding: 8px 16px;
-}
-
-.emotion-68 {
-  font-size: 14px;
-}
-
-.emotion-30 {
-  border-bottom: 1px solid #eee;
-}
-
-.emotion-20 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #774dd7;
-}
-
-.emotion-22 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #1ea7fd;
-}
-
-.emotion-22 button {
-  color: #37d5d3;
-}
-
-.emotion-22 span {
-  white-space: pre;
-}
-
-.emotion-24 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-}
-
-.emotion-28 {
-  padding: 2px 6px;
-  text-align: left;
-  padding: 8px 16px;
-}
-
 <div>
   <div
     style="position:relative;z-index:0"
@@ -1811,16 +885,16 @@ exports[`Storyshots Addons|Info/JSX Displays JSX in description 1`] = `
             Story Source
           </h1>
           <div
-            class="emotion-6 emotion-7"
+            class="css-fri0s0-Wrapper epklh870"
           >
             <div
-              class="emotion-4 emotion-5"
+              class="css-1y75e3d-Scroller epklh871"
             >
               <pre
-                class="hljs emotion-2 emotion-3"
+                class="hljs css-1x8ad3z-Pre epklh872"
               >
                 <code
-                  class="emotion-0 emotion-1"
+                  class="css-1igagyr-Code epklh873"
                 >
                   <span
                     class="token tag"
@@ -1948,162 +1022,162 @@ exports[`Storyshots Addons|Info/JSX Displays JSX in description 1`] = `
               "BaseButton" Component
             </h3>
             <table
-              class="emotion-70 emotion-71"
+              class="css-919xfk-Table-Table e1fg2ikb0"
             >
               <thead
-                class="emotion-18 emotion-19"
+                class="css-ig77mj-THead e1fg2ikb1"
               >
                 <tr>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Property
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Type
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Required
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Default
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Description
                   </th>
                 </tr>
               </thead>
               <tbody
-                class="emotion-68 emotion-69"
+                class="css-4b5un0-TBody e1fg2ikb3"
               >
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     disabled
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       bool
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       false
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     label
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       string
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     yes
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     onClick
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       func
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       onClick
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     style
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       other
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       {}
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
               </tbody>
@@ -2117,254 +1191,6 @@ exports[`Storyshots Addons|Info/JSX Displays JSX in description 1`] = `
 `;
 
 exports[`Storyshots Addons|Info/Markdown Displays Markdown in description 1`] = `
-.emotion-6 {
-  position: relative;
-  overflow: hidden;
-}
-
-.emotion-4 {
-  position: relative;
-  overflow: auto;
-}
-
-.emotion-4 code {
-  padding-right: 10px;
-  opacity: 0.7;
-}
-
-.emotion-4 * .token {
-  font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
-  -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.string {
-  color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
-  color: #393A34;
-}
-
-.emotion-4 * .token.operator {
-  color: #393A34;
-}
-
-.emotion-4 * .token.url {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.number {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.function {
-  color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
-  color: #9a050f;
-}
-
-.emotion-4 * .token.important {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
-  font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
-  color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
-  color: #800000;
-}
-
-.emotion-4 * .token.selector {
-  color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.property {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
-  background: #ffff00;
-  color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
-  color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
-  opacity: 0.7;
-}
-
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 0;
-}
-
-.emotion-0 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 0;
-  opacity: 1;
-}
-
-.emotion-70 {
-  border-collapse: collapse;
-  margin-top: 16px;
-  width: auto;
-  table-layout: auto;
-}
-
-.emotion-18 {
-  border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-
-.emotion-8 {
-  padding: 2px 6px;
-  line-height: 18px;
-  vertical-align: middle;
-  padding: 8px 16px;
-}
-
-.emotion-68 {
-  font-size: 14px;
-}
-
-.emotion-30 {
-  border-bottom: 1px solid #eee;
-}
-
-.emotion-20 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #774dd7;
-}
-
-.emotion-22 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #1ea7fd;
-}
-
-.emotion-22 button {
-  color: #37d5d3;
-}
-
-.emotion-22 span {
-  white-space: pre;
-}
-
-.emotion-24 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-}
-
-.emotion-28 {
-  padding: 2px 6px;
-  text-align: left;
-  padding: 8px 16px;
-}
-
 <div>
   <div
     style="position:relative;z-index:0"
@@ -2447,16 +1273,16 @@ exports[`Storyshots Addons|Info/Markdown Displays Markdown in description 1`] =
             Story Source
           </h1>
           <div
-            class="emotion-6 emotion-7"
+            class="css-fri0s0-Wrapper epklh870"
           >
             <div
-              class="emotion-4 emotion-5"
+              class="css-1y75e3d-Scroller epklh871"
             >
               <pre
-                class="hljs emotion-2 emotion-3"
+                class="hljs css-1x8ad3z-Pre epklh872"
               >
                 <code
-                  class="emotion-0 emotion-1"
+                  class="css-1igagyr-Code epklh873"
                 >
                   <span
                     class="token tag"
@@ -2584,162 +1410,162 @@ exports[`Storyshots Addons|Info/Markdown Displays Markdown in description 1`] =
               "BaseButton" Component
             </h3>
             <table
-              class="emotion-70 emotion-71"
+              class="css-919xfk-Table-Table e1fg2ikb0"
             >
               <thead
-                class="emotion-18 emotion-19"
+                class="css-ig77mj-THead e1fg2ikb1"
               >
                 <tr>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Property
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Type
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Required
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Default
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Description
                   </th>
                 </tr>
               </thead>
               <tbody
-                class="emotion-68 emotion-69"
+                class="css-4b5un0-TBody e1fg2ikb3"
               >
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     disabled
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       bool
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       false
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     label
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       string
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     yes
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     onClick
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       func
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       onClick
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     style
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       other
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       {}
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
               </tbody>
@@ -2753,254 +1579,6 @@ exports[`Storyshots Addons|Info/Markdown Displays Markdown in description 1`] =
 `;
 
 exports[`Storyshots Addons|Info/Markdown From external Markdown file 1`] = `
-.emotion-6 {
-  position: relative;
-  overflow: hidden;
-}
-
-.emotion-4 {
-  position: relative;
-  overflow: auto;
-}
-
-.emotion-4 code {
-  padding-right: 10px;
-  opacity: 0.7;
-}
-
-.emotion-4 * .token {
-  font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
-  -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.string {
-  color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
-  color: #393A34;
-}
-
-.emotion-4 * .token.operator {
-  color: #393A34;
-}
-
-.emotion-4 * .token.url {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.number {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.function {
-  color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
-  color: #9a050f;
-}
-
-.emotion-4 * .token.important {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
-  font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
-  color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
-  color: #800000;
-}
-
-.emotion-4 * .token.selector {
-  color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.property {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
-  background: #ffff00;
-  color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
-  color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
-  opacity: 0.7;
-}
-
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 0;
-}
-
-.emotion-0 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 0;
-  opacity: 1;
-}
-
-.emotion-70 {
-  border-collapse: collapse;
-  margin-top: 16px;
-  width: auto;
-  table-layout: auto;
-}
-
-.emotion-18 {
-  border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-
-.emotion-8 {
-  padding: 2px 6px;
-  line-height: 18px;
-  vertical-align: middle;
-  padding: 8px 16px;
-}
-
-.emotion-68 {
-  font-size: 14px;
-}
-
-.emotion-30 {
-  border-bottom: 1px solid #eee;
-}
-
-.emotion-20 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #774dd7;
-}
-
-.emotion-22 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #1ea7fd;
-}
-
-.emotion-22 button {
-  color: #37d5d3;
-}
-
-.emotion-22 span {
-  white-space: pre;
-}
-
-.emotion-24 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-}
-
-.emotion-28 {
-  padding: 2px 6px;
-  text-align: left;
-  padding: 8px 16px;
-}
-
 <div>
   <div
     style="position:relative;z-index:0"
@@ -3063,16 +1641,16 @@ exports[`Storyshots Addons|Info/Markdown From external Markdown file 1`] = `
             Story Source
           </h1>
           <div
-            class="emotion-6 emotion-7"
+            class="css-fri0s0-Wrapper epklh870"
           >
             <div
-              class="emotion-4 emotion-5"
+              class="css-1y75e3d-Scroller epklh871"
             >
               <pre
-                class="hljs emotion-2 emotion-3"
+                class="hljs css-1x8ad3z-Pre epklh872"
               >
                 <code
-                  class="emotion-0 emotion-1"
+                  class="css-1igagyr-Code epklh873"
                 >
                   <span
                     class="token tag"
@@ -3200,162 +1778,162 @@ exports[`Storyshots Addons|Info/Markdown From external Markdown file 1`] = `
               "BaseButton" Component
             </h3>
             <table
-              class="emotion-70 emotion-71"
+              class="css-919xfk-Table-Table e1fg2ikb0"
             >
               <thead
-                class="emotion-18 emotion-19"
+                class="css-ig77mj-THead e1fg2ikb1"
               >
                 <tr>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Property
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Type
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Required
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Default
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Description
                   </th>
                 </tr>
               </thead>
               <tbody
-                class="emotion-68 emotion-69"
+                class="css-4b5un0-TBody e1fg2ikb3"
               >
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     disabled
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       bool
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       false
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     label
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       string
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     yes
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     onClick
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       func
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       onClick
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     style
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       other
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       {}
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
               </tbody>
@@ -3369,254 +1947,6 @@ exports[`Storyshots Addons|Info/Markdown From external Markdown file 1`] = `
 `;
 
 exports[`Storyshots Addons|Info/Markdown From internal Markdown file 1`] = `
-.emotion-6 {
-  position: relative;
-  overflow: hidden;
-}
-
-.emotion-4 {
-  position: relative;
-  overflow: auto;
-}
-
-.emotion-4 code {
-  padding-right: 10px;
-  opacity: 0.7;
-}
-
-.emotion-4 * .token {
-  font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
-  -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.string {
-  color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
-  color: #393A34;
-}
-
-.emotion-4 * .token.operator {
-  color: #393A34;
-}
-
-.emotion-4 * .token.url {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.number {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.function {
-  color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
-  color: #9a050f;
-}
-
-.emotion-4 * .token.important {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
-  font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
-  color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
-  color: #800000;
-}
-
-.emotion-4 * .token.selector {
-  color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.property {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
-  background: #ffff00;
-  color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
-  color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
-  opacity: 0.7;
-}
-
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 0;
-}
-
-.emotion-0 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 0;
-  opacity: 1;
-}
-
-.emotion-70 {
-  border-collapse: collapse;
-  margin-top: 16px;
-  width: auto;
-  table-layout: auto;
-}
-
-.emotion-18 {
-  border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-
-.emotion-8 {
-  padding: 2px 6px;
-  line-height: 18px;
-  vertical-align: middle;
-  padding: 8px 16px;
-}
-
-.emotion-68 {
-  font-size: 14px;
-}
-
-.emotion-30 {
-  border-bottom: 1px solid #eee;
-}
-
-.emotion-20 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #774dd7;
-}
-
-.emotion-22 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #1ea7fd;
-}
-
-.emotion-22 button {
-  color: #37d5d3;
-}
-
-.emotion-22 span {
-  white-space: pre;
-}
-
-.emotion-24 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-}
-
-.emotion-28 {
-  padding: 2px 6px;
-  text-align: left;
-  padding: 8px 16px;
-}
-
 <div>
   <div
     style="position:relative;z-index:0"
@@ -3691,16 +2021,16 @@ exports[`Storyshots Addons|Info/Markdown From internal Markdown file 1`] = `
             Story Source
           </h1>
           <div
-            class="emotion-6 emotion-7"
+            class="css-fri0s0-Wrapper epklh870"
           >
             <div
-              class="emotion-4 emotion-5"
+              class="css-1y75e3d-Scroller epklh871"
             >
               <pre
-                class="hljs emotion-2 emotion-3"
+                class="hljs css-1x8ad3z-Pre epklh872"
               >
                 <code
-                  class="emotion-0 emotion-1"
+                  class="css-1igagyr-Code epklh873"
                 >
                   <span
                     class="token tag"
@@ -3828,162 +2158,162 @@ exports[`Storyshots Addons|Info/Markdown From internal Markdown file 1`] = `
               "BaseButton" Component
             </h3>
             <table
-              class="emotion-70 emotion-71"
+              class="css-919xfk-Table-Table e1fg2ikb0"
             >
               <thead
-                class="emotion-18 emotion-19"
+                class="css-ig77mj-THead e1fg2ikb1"
               >
                 <tr>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Property
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Type
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Required
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Default
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Description
                   </th>
                 </tr>
               </thead>
               <tbody
-                class="emotion-68 emotion-69"
+                class="css-4b5un0-TBody e1fg2ikb3"
               >
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     disabled
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       bool
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       false
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     label
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       string
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     yes
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     onClick
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       func
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       onClick
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     style
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       other
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       {}
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
               </tbody>
@@ -3997,188 +2327,6 @@ exports[`Storyshots Addons|Info/Markdown From internal Markdown file 1`] = `
 `;
 
 exports[`Storyshots Addons|Info/Options.TableComponent Use a custom component for the table 1`] = `
-.emotion-6 {
-  position: relative;
-  overflow: hidden;
-}
-
-.emotion-4 {
-  position: relative;
-  overflow: auto;
-}
-
-.emotion-4 code {
-  padding-right: 10px;
-  opacity: 0.7;
-}
-
-.emotion-4 * .token {
-  font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
-  -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.string {
-  color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
-  color: #393A34;
-}
-
-.emotion-4 * .token.operator {
-  color: #393A34;
-}
-
-.emotion-4 * .token.url {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.number {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.function {
-  color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
-  color: #9a050f;
-}
-
-.emotion-4 * .token.important {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
-  font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
-  color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
-  color: #800000;
-}
-
-.emotion-4 * .token.selector {
-  color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.property {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
-  background: #ffff00;
-  color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
-  color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
-  opacity: 0.7;
-}
-
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 0;
-}
-
-.emotion-0 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 0;
-  opacity: 1;
-}
-
 <div>
   <div
     style="position:relative;z-index:0"
@@ -4232,16 +2380,16 @@ exports[`Storyshots Addons|Info/Options.TableComponent Use a custom component fo
             Story Source
           </h1>
           <div
-            class="emotion-6 emotion-7"
+            class="css-fri0s0-Wrapper epklh870"
           >
             <div
-              class="emotion-4 emotion-5"
+              class="css-1y75e3d-Scroller epklh871"
             >
               <pre
-                class="hljs emotion-2 emotion-3"
+                class="hljs css-1x8ad3z-Pre epklh872"
               >
                 <code
-                  class="emotion-0 emotion-1"
+                  class="css-1igagyr-Code epklh873"
                 >
                   <span
                     class="token tag"
@@ -4378,254 +2526,6 @@ exports[`Storyshots Addons|Info/Options.TableComponent Use a custom component fo
 `;
 
 exports[`Storyshots Addons|Info/Options.excludedPropTypes Excludes propTypes that are in the excludedPropTypes array 1`] = `
-.emotion-6 {
-  position: relative;
-  overflow: hidden;
-}
-
-.emotion-4 {
-  position: relative;
-  overflow: auto;
-}
-
-.emotion-4 code {
-  padding-right: 10px;
-  opacity: 0.7;
-}
-
-.emotion-4 * .token {
-  font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
-  -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.string {
-  color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
-  color: #393A34;
-}
-
-.emotion-4 * .token.operator {
-  color: #393A34;
-}
-
-.emotion-4 * .token.url {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.number {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.function {
-  color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
-  color: #9a050f;
-}
-
-.emotion-4 * .token.important {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
-  font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
-  color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
-  color: #800000;
-}
-
-.emotion-4 * .token.selector {
-  color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.property {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
-  background: #ffff00;
-  color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
-  color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
-  opacity: 0.7;
-}
-
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 0;
-}
-
-.emotion-0 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 0;
-  opacity: 1;
-}
-
-.emotion-58 {
-  border-collapse: collapse;
-  margin-top: 16px;
-  width: auto;
-  table-layout: auto;
-}
-
-.emotion-18 {
-  border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-
-.emotion-8 {
-  padding: 2px 6px;
-  line-height: 18px;
-  vertical-align: middle;
-  padding: 8px 16px;
-}
-
-.emotion-56 {
-  font-size: 14px;
-}
-
-.emotion-30 {
-  border-bottom: 1px solid #eee;
-}
-
-.emotion-20 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #774dd7;
-}
-
-.emotion-22 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #1ea7fd;
-}
-
-.emotion-22 button {
-  color: #37d5d3;
-}
-
-.emotion-22 span {
-  white-space: pre;
-}
-
-.emotion-24 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-}
-
-.emotion-28 {
-  padding: 2px 6px;
-  text-align: left;
-  padding: 8px 16px;
-}
-
 <div>
   <div
     style="position:relative;z-index:0"
@@ -4688,16 +2588,16 @@ exports[`Storyshots Addons|Info/Options.excludedPropTypes Excludes propTypes tha
             Story Source
           </h1>
           <div
-            class="emotion-6 emotion-7"
+            class="css-fri0s0-Wrapper epklh870"
           >
             <div
-              class="emotion-4 emotion-5"
+              class="css-1y75e3d-Scroller epklh871"
             >
               <pre
-                class="hljs emotion-2 emotion-3"
+                class="hljs css-1x8ad3z-Pre epklh872"
               >
                 <code
-                  class="emotion-0 emotion-1"
+                  class="css-1igagyr-Code epklh873"
                 >
                   <span
                     class="token tag"
@@ -4765,133 +2665,133 @@ exports[`Storyshots Addons|Info/Options.excludedPropTypes Excludes propTypes tha
               "BaseButton" Component
             </h3>
             <table
-              class="emotion-58 emotion-59"
+              class="css-919xfk-Table-Table e1fg2ikb0"
             >
               <thead
-                class="emotion-18 emotion-19"
+                class="css-ig77mj-THead e1fg2ikb1"
               >
                 <tr>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Property
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Type
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Required
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Default
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Description
                   </th>
                 </tr>
               </thead>
               <tbody
-                class="emotion-56 emotion-57"
+                class="css-4b5un0-TBody e1fg2ikb3"
               >
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     disabled
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       bool
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       false
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     onClick
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       func
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       onClick
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     style
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       other
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       {}
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
               </tbody>
@@ -4905,254 +2805,6 @@ exports[`Storyshots Addons|Info/Options.excludedPropTypes Excludes propTypes tha
 `;
 
 exports[`Storyshots Addons|Info/Options.header Shows or hides Info Addon header 1`] = `
-.emotion-6 {
-  position: relative;
-  overflow: hidden;
-}
-
-.emotion-4 {
-  position: relative;
-  overflow: auto;
-}
-
-.emotion-4 code {
-  padding-right: 10px;
-  opacity: 0.7;
-}
-
-.emotion-4 * .token {
-  font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
-  -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.string {
-  color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
-  color: #393A34;
-}
-
-.emotion-4 * .token.operator {
-  color: #393A34;
-}
-
-.emotion-4 * .token.url {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.number {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.function {
-  color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
-  color: #9a050f;
-}
-
-.emotion-4 * .token.important {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
-  font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
-  color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
-  color: #800000;
-}
-
-.emotion-4 * .token.selector {
-  color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.property {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
-  background: #ffff00;
-  color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
-  color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
-  opacity: 0.7;
-}
-
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 0;
-}
-
-.emotion-0 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 0;
-  opacity: 1;
-}
-
-.emotion-70 {
-  border-collapse: collapse;
-  margin-top: 16px;
-  width: auto;
-  table-layout: auto;
-}
-
-.emotion-18 {
-  border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-
-.emotion-8 {
-  padding: 2px 6px;
-  line-height: 18px;
-  vertical-align: middle;
-  padding: 8px 16px;
-}
-
-.emotion-68 {
-  font-size: 14px;
-}
-
-.emotion-30 {
-  border-bottom: 1px solid #eee;
-}
-
-.emotion-20 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #774dd7;
-}
-
-.emotion-22 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #1ea7fd;
-}
-
-.emotion-22 button {
-  color: #37d5d3;
-}
-
-.emotion-22 span {
-  white-space: pre;
-}
-
-.emotion-24 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-}
-
-.emotion-28 {
-  padding: 2px 6px;
-  text-align: left;
-  padding: 8px 16px;
-}
-
 <div>
   <div
     style="position:relative;z-index:0"
@@ -5201,16 +2853,16 @@ exports[`Storyshots Addons|Info/Options.header Shows or hides Info Addon header
             Story Source
           </h1>
           <div
-            class="emotion-6 emotion-7"
+            class="css-fri0s0-Wrapper epklh870"
           >
             <div
-              class="emotion-4 emotion-5"
+              class="css-1y75e3d-Scroller epklh871"
             >
               <pre
-                class="hljs emotion-2 emotion-3"
+                class="hljs css-1x8ad3z-Pre epklh872"
               >
                 <code
-                  class="emotion-0 emotion-1"
+                  class="css-1igagyr-Code epklh873"
                 >
                   <span
                     class="token tag"
@@ -5278,162 +2930,162 @@ exports[`Storyshots Addons|Info/Options.header Shows or hides Info Addon header
               "BaseButton" Component
             </h3>
             <table
-              class="emotion-70 emotion-71"
+              class="css-919xfk-Table-Table e1fg2ikb0"
             >
               <thead
-                class="emotion-18 emotion-19"
+                class="css-ig77mj-THead e1fg2ikb1"
               >
                 <tr>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Property
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Type
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Required
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Default
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Description
                   </th>
                 </tr>
               </thead>
               <tbody
-                class="emotion-68 emotion-69"
+                class="css-4b5un0-TBody e1fg2ikb3"
               >
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     disabled
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       bool
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       false
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     label
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       string
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     yes
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     onClick
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       func
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       onClick
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     style
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       other
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       {}
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
               </tbody>
@@ -5447,254 +3099,6 @@ exports[`Storyshots Addons|Info/Options.header Shows or hides Info Addon header
 `;
 
 exports[`Storyshots Addons|Info/Options.inline Inlines component inside story 1`] = `
-.emotion-6 {
-  position: relative;
-  overflow: hidden;
-}
-
-.emotion-4 {
-  position: relative;
-  overflow: auto;
-}
-
-.emotion-4 code {
-  padding-right: 10px;
-  opacity: 0.7;
-}
-
-.emotion-4 * .token {
-  font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
-  -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.string {
-  color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
-  color: #393A34;
-}
-
-.emotion-4 * .token.operator {
-  color: #393A34;
-}
-
-.emotion-4 * .token.url {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.number {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.function {
-  color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
-  color: #9a050f;
-}
-
-.emotion-4 * .token.important {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
-  font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
-  color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
-  color: #800000;
-}
-
-.emotion-4 * .token.selector {
-  color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.property {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
-  background: #ffff00;
-  color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
-  color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
-  opacity: 0.7;
-}
-
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 0;
-}
-
-.emotion-0 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 0;
-  opacity: 1;
-}
-
-.emotion-70 {
-  border-collapse: collapse;
-  margin-top: 16px;
-  width: auto;
-  table-layout: auto;
-}
-
-.emotion-18 {
-  border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-
-.emotion-8 {
-  padding: 2px 6px;
-  line-height: 18px;
-  vertical-align: middle;
-  padding: 8px 16px;
-}
-
-.emotion-68 {
-  font-size: 14px;
-}
-
-.emotion-30 {
-  border-bottom: 1px solid #eee;
-}
-
-.emotion-20 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #774dd7;
-}
-
-.emotion-22 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #1ea7fd;
-}
-
-.emotion-22 button {
-  color: #37d5d3;
-}
-
-.emotion-22 span {
-  white-space: pre;
-}
-
-.emotion-24 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-}
-
-.emotion-28 {
-  padding: 2px 6px;
-  text-align: left;
-  padding: 8px 16px;
-}
-
 <div>
   <div>
     <div
@@ -5745,16 +3149,16 @@ exports[`Storyshots Addons|Info/Options.inline Inlines component inside story 1`
           Story Source
         </h1>
         <div
-          class="emotion-6 emotion-7"
+          class="css-fri0s0-Wrapper epklh870"
         >
           <div
-            class="emotion-4 emotion-5"
+            class="css-1y75e3d-Scroller epklh871"
           >
             <pre
-              class="hljs emotion-2 emotion-3"
+              class="hljs css-1x8ad3z-Pre epklh872"
             >
               <code
-                class="emotion-0 emotion-1"
+                class="css-1igagyr-Code epklh873"
               >
                 <span
                   class="token tag"
@@ -5822,162 +3226,162 @@ exports[`Storyshots Addons|Info/Options.inline Inlines component inside story 1`
             "BaseButton" Component
           </h3>
           <table
-            class="emotion-70 emotion-71"
+            class="css-919xfk-Table-Table e1fg2ikb0"
           >
             <thead
-              class="emotion-18 emotion-19"
+              class="css-ig77mj-THead e1fg2ikb1"
             >
               <tr>
                 <th
-                  class="emotion-8 emotion-9"
+                  class="css-6pdatc-Th-TH e1fg2ikb2"
                 >
                   Property
                 </th>
                 <th
-                  class="emotion-8 emotion-9"
+                  class="css-6pdatc-Th-TH e1fg2ikb2"
                 >
                   Type
                 </th>
                 <th
-                  class="emotion-8 emotion-9"
+                  class="css-6pdatc-Th-TH e1fg2ikb2"
                 >
                   Required
                 </th>
                 <th
-                  class="emotion-8 emotion-9"
+                  class="css-6pdatc-Th-TH e1fg2ikb2"
                 >
                   Default
                 </th>
                 <th
-                  class="emotion-8 emotion-9"
+                  class="css-6pdatc-Th-TH e1fg2ikb2"
                 >
                   Description
                 </th>
               </tr>
             </thead>
             <tbody
-              class="emotion-68 emotion-69"
+              class="css-4b5un0-TBody e1fg2ikb3"
             >
               <tr
-                class="emotion-30 emotion-31"
+                class="css-rss5jh-TBodyTR e1fg2ikb4"
               >
                 <td
-                  class="emotion-20 emotion-21"
+                  class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                 >
                   disabled
                 </td>
                 <td
-                  class="emotion-22 emotion-23"
+                  class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                 >
                   <span>
                     bool
                   </span>
                 </td>
                 <td
-                  class="emotion-24 emotion-25"
+                  class="css-6qgefz-Td-TD e1fg2ikb5"
                 >
                   -
                 </td>
                 <td
-                  class="emotion-24 emotion-25"
+                  class="css-6qgefz-Td-TD e1fg2ikb5"
                 >
                   <span>
                     false
                   </span>
                 </td>
                 <td
-                  class="emotion-28 emotion-25"
+                  class="css-a1xhq0-Td-TD e1fg2ikb5"
                 />
               </tr>
               <tr
-                class="emotion-30 emotion-31"
+                class="css-rss5jh-TBodyTR e1fg2ikb4"
               >
                 <td
-                  class="emotion-20 emotion-21"
+                  class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                 >
                   label
                 </td>
                 <td
-                  class="emotion-22 emotion-23"
+                  class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                 >
                   <span>
                     string
                   </span>
                 </td>
                 <td
-                  class="emotion-24 emotion-25"
+                  class="css-6qgefz-Td-TD e1fg2ikb5"
                 >
                   yes
                 </td>
                 <td
-                  class="emotion-24 emotion-25"
+                  class="css-6qgefz-Td-TD e1fg2ikb5"
                 >
                   -
                 </td>
                 <td
-                  class="emotion-28 emotion-25"
+                  class="css-a1xhq0-Td-TD e1fg2ikb5"
                 />
               </tr>
               <tr
-                class="emotion-30 emotion-31"
+                class="css-rss5jh-TBodyTR e1fg2ikb4"
               >
                 <td
-                  class="emotion-20 emotion-21"
+                  class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                 >
                   onClick
                 </td>
                 <td
-                  class="emotion-22 emotion-23"
+                  class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                 >
                   <span>
                     func
                   </span>
                 </td>
                 <td
-                  class="emotion-24 emotion-25"
+                  class="css-6qgefz-Td-TD e1fg2ikb5"
                 >
                   -
                 </td>
                 <td
-                  class="emotion-24 emotion-25"
+                  class="css-6qgefz-Td-TD e1fg2ikb5"
                 >
                   <span>
                     onClick
                   </span>
                 </td>
                 <td
-                  class="emotion-28 emotion-25"
+                  class="css-a1xhq0-Td-TD e1fg2ikb5"
                 />
               </tr>
               <tr
-                class="emotion-30 emotion-31"
+                class="css-rss5jh-TBodyTR e1fg2ikb4"
               >
                 <td
-                  class="emotion-20 emotion-21"
+                  class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                 >
                   style
                 </td>
                 <td
-                  class="emotion-22 emotion-23"
+                  class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                 >
                   <span>
                     other
                   </span>
                 </td>
                 <td
-                  class="emotion-24 emotion-25"
+                  class="css-6qgefz-Td-TD e1fg2ikb5"
                 >
                   -
                 </td>
                 <td
-                  class="emotion-24 emotion-25"
+                  class="css-6qgefz-Td-TD e1fg2ikb5"
                 >
                   <span>
                     {}
                   </span>
                 </td>
                 <td
-                  class="emotion-28 emotion-25"
+                  class="css-a1xhq0-Td-TD e1fg2ikb5"
                 />
               </tr>
             </tbody>
@@ -5990,254 +3394,6 @@ exports[`Storyshots Addons|Info/Options.inline Inlines component inside story 1`
 `;
 
 exports[`Storyshots Addons|Info/Options.propTables Shows additional component prop tables 1`] = `
-.emotion-6 {
-  position: relative;
-  overflow: hidden;
-}
-
-.emotion-4 {
-  position: relative;
-  overflow: auto;
-}
-
-.emotion-4 code {
-  padding-right: 10px;
-  opacity: 0.7;
-}
-
-.emotion-4 * .token {
-  font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
-  -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.string {
-  color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
-  color: #393A34;
-}
-
-.emotion-4 * .token.operator {
-  color: #393A34;
-}
-
-.emotion-4 * .token.url {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.number {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.function {
-  color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
-  color: #9a050f;
-}
-
-.emotion-4 * .token.important {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
-  font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
-  color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
-  color: #800000;
-}
-
-.emotion-4 * .token.selector {
-  color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.property {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
-  background: #ffff00;
-  color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
-  color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
-  opacity: 0.7;
-}
-
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 0;
-}
-
-.emotion-0 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 0;
-  opacity: 1;
-}
-
-.emotion-70 {
-  border-collapse: collapse;
-  margin-top: 16px;
-  width: auto;
-  table-layout: auto;
-}
-
-.emotion-18 {
-  border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-
-.emotion-8 {
-  padding: 2px 6px;
-  line-height: 18px;
-  vertical-align: middle;
-  padding: 8px 16px;
-}
-
-.emotion-68 {
-  font-size: 14px;
-}
-
-.emotion-30 {
-  border-bottom: 1px solid #eee;
-}
-
-.emotion-20 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #774dd7;
-}
-
-.emotion-22 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #1ea7fd;
-}
-
-.emotion-22 button {
-  color: #37d5d3;
-}
-
-.emotion-22 span {
-  white-space: pre;
-}
-
-.emotion-24 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-}
-
-.emotion-28 {
-  padding: 2px 6px;
-  text-align: left;
-  padding: 8px 16px;
-}
-
 <div>
   <div
     style="position:relative;z-index:0"
@@ -6300,16 +3456,16 @@ exports[`Storyshots Addons|Info/Options.propTables Shows additional component pr
             Story Source
           </h1>
           <div
-            class="emotion-6 emotion-7"
+            class="css-fri0s0-Wrapper epklh870"
           >
             <div
-              class="emotion-4 emotion-5"
+              class="css-1y75e3d-Scroller epklh871"
             >
               <pre
-                class="hljs emotion-2 emotion-3"
+                class="hljs css-1x8ad3z-Pre epklh872"
               >
                 <code
-                  class="emotion-0 emotion-1"
+                  class="css-1igagyr-Code epklh873"
                 >
                   <span
                     class="token tag"
@@ -6377,162 +3533,162 @@ exports[`Storyshots Addons|Info/Options.propTables Shows additional component pr
               "BaseButton" Component
             </h3>
             <table
-              class="emotion-70 emotion-71"
+              class="css-919xfk-Table-Table e1fg2ikb0"
             >
               <thead
-                class="emotion-18 emotion-19"
+                class="css-ig77mj-THead e1fg2ikb1"
               >
                 <tr>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Property
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Type
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Required
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Default
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Description
                   </th>
                 </tr>
               </thead>
               <tbody
-                class="emotion-68 emotion-69"
+                class="css-4b5un0-TBody e1fg2ikb3"
               >
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     disabled
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       bool
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       false
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     label
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       string
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     yes
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     onClick
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       func
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       onClick
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     style
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       other
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       {}
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
               </tbody>
@@ -6545,102 +3701,102 @@ exports[`Storyshots Addons|Info/Options.propTables Shows additional component pr
               "FlowTypeButton" Component
             </h3>
             <table
-              class="emotion-70 emotion-71"
+              class="css-919xfk-Table-Table e1fg2ikb0"
             >
               <thead
-                class="emotion-18 emotion-19"
+                class="css-ig77mj-THead e1fg2ikb1"
               >
                 <tr>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Property
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Type
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Required
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Default
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Description
                   </th>
                 </tr>
               </thead>
               <tbody
-                class="emotion-68 emotion-69"
+                class="css-4b5un0-TBody e1fg2ikb3"
               >
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     disabled
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       unknown
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       false
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     onClick
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       unknown
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       onClick
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
               </tbody>
@@ -6654,72 +3810,6 @@ exports[`Storyshots Addons|Info/Options.propTables Shows additional component pr
 `;
 
 exports[`Storyshots Addons|Info/Options.source Shows or hides Info Addon source 1`] = `
-.emotion-62 {
-  border-collapse: collapse;
-  margin-top: 16px;
-  width: auto;
-  table-layout: auto;
-}
-
-.emotion-10 {
-  border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-
-.emotion-0 {
-  padding: 2px 6px;
-  line-height: 18px;
-  vertical-align: middle;
-  padding: 8px 16px;
-}
-
-.emotion-60 {
-  font-size: 14px;
-}
-
-.emotion-22 {
-  border-bottom: 1px solid #eee;
-}
-
-.emotion-12 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #774dd7;
-}
-
-.emotion-14 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #1ea7fd;
-}
-
-.emotion-14 button {
-  color: #37d5d3;
-}
-
-.emotion-14 span {
-  white-space: pre;
-}
-
-.emotion-16 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-}
-
-.emotion-20 {
-  padding: 2px 6px;
-  text-align: left;
-  padding: 8px 16px;
-}
-
 <div>
   <div
     style="position:relative;z-index:0"
@@ -6788,162 +3878,162 @@ exports[`Storyshots Addons|Info/Options.source Shows or hides Info Addon source
               "BaseButton" Component
             </h3>
             <table
-              class="emotion-62 emotion-63"
+              class="css-919xfk-Table-Table e1fg2ikb0"
             >
               <thead
-                class="emotion-10 emotion-11"
+                class="css-ig77mj-THead e1fg2ikb1"
               >
                 <tr>
                   <th
-                    class="emotion-0 emotion-1"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Property
                   </th>
                   <th
-                    class="emotion-0 emotion-1"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Type
                   </th>
                   <th
-                    class="emotion-0 emotion-1"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Required
                   </th>
                   <th
-                    class="emotion-0 emotion-1"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Default
                   </th>
                   <th
-                    class="emotion-0 emotion-1"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Description
                   </th>
                 </tr>
               </thead>
               <tbody
-                class="emotion-60 emotion-61"
+                class="css-4b5un0-TBody e1fg2ikb3"
               >
                 <tr
-                  class="emotion-22 emotion-23"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-12 emotion-13"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     disabled
                   </td>
                   <td
-                    class="emotion-14 emotion-15"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       bool
                     </span>
                   </td>
                   <td
-                    class="emotion-16 emotion-17"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-16 emotion-17"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       false
                     </span>
                   </td>
                   <td
-                    class="emotion-20 emotion-17"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-22 emotion-23"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-12 emotion-13"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     label
                   </td>
                   <td
-                    class="emotion-14 emotion-15"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       string
                     </span>
                   </td>
                   <td
-                    class="emotion-16 emotion-17"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     yes
                   </td>
                   <td
-                    class="emotion-16 emotion-17"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-20 emotion-17"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-22 emotion-23"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-12 emotion-13"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     onClick
                   </td>
                   <td
-                    class="emotion-14 emotion-15"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       func
                     </span>
                   </td>
                   <td
-                    class="emotion-16 emotion-17"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-16 emotion-17"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       onClick
                     </span>
                   </td>
                   <td
-                    class="emotion-20 emotion-17"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-22 emotion-23"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-12 emotion-13"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     style
                   </td>
                   <td
-                    class="emotion-14 emotion-15"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       other
                     </span>
                   </td>
                   <td
-                    class="emotion-16 emotion-17"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-16 emotion-17"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       {}
                     </span>
                   </td>
                   <td
-                    class="emotion-20 emotion-17"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
               </tbody>
@@ -6957,254 +4047,6 @@ exports[`Storyshots Addons|Info/Options.source Shows or hides Info Addon source
 `;
 
 exports[`Storyshots Addons|Info/Options.styles Extend info styles with an object 1`] = `
-.emotion-6 {
-  position: relative;
-  overflow: hidden;
-}
-
-.emotion-4 {
-  position: relative;
-  overflow: auto;
-}
-
-.emotion-4 code {
-  padding-right: 10px;
-  opacity: 0.7;
-}
-
-.emotion-4 * .token {
-  font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
-  -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.string {
-  color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
-  color: #393A34;
-}
-
-.emotion-4 * .token.operator {
-  color: #393A34;
-}
-
-.emotion-4 * .token.url {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.number {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.function {
-  color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
-  color: #9a050f;
-}
-
-.emotion-4 * .token.important {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
-  font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
-  color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
-  color: #800000;
-}
-
-.emotion-4 * .token.selector {
-  color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.property {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
-  background: #ffff00;
-  color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
-  color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
-  opacity: 0.7;
-}
-
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 0;
-}
-
-.emotion-0 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 0;
-  opacity: 1;
-}
-
-.emotion-70 {
-  border-collapse: collapse;
-  margin-top: 16px;
-  width: auto;
-  table-layout: auto;
-}
-
-.emotion-18 {
-  border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-
-.emotion-8 {
-  padding: 2px 6px;
-  line-height: 18px;
-  vertical-align: middle;
-  padding: 8px 16px;
-}
-
-.emotion-68 {
-  font-size: 14px;
-}
-
-.emotion-30 {
-  border-bottom: 1px solid #eee;
-}
-
-.emotion-20 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #774dd7;
-}
-
-.emotion-22 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #1ea7fd;
-}
-
-.emotion-22 button {
-  color: #37d5d3;
-}
-
-.emotion-22 span {
-  white-space: pre;
-}
-
-.emotion-24 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-}
-
-.emotion-28 {
-  padding: 2px 6px;
-  text-align: left;
-  padding: 8px 16px;
-}
-
 <div>
   <div
     style="position:relative;z-index:0"
@@ -7258,16 +4100,16 @@ exports[`Storyshots Addons|Info/Options.styles Extend info styles with an object
             Story Source
           </h1>
           <div
-            class="emotion-6 emotion-7"
+            class="css-fri0s0-Wrapper epklh870"
           >
             <div
-              class="emotion-4 emotion-5"
+              class="css-1y75e3d-Scroller epklh871"
             >
               <pre
-                class="hljs emotion-2 emotion-3"
+                class="hljs css-1x8ad3z-Pre epklh872"
               >
                 <code
-                  class="emotion-0 emotion-1"
+                  class="css-1igagyr-Code epklh873"
                 >
                   <span
                     class="token tag"
@@ -7335,162 +4177,162 @@ exports[`Storyshots Addons|Info/Options.styles Extend info styles with an object
               "BaseButton" Component
             </h3>
             <table
-              class="emotion-70 emotion-71"
+              class="css-919xfk-Table-Table e1fg2ikb0"
             >
               <thead
-                class="emotion-18 emotion-19"
+                class="css-ig77mj-THead e1fg2ikb1"
               >
                 <tr>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Property
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Type
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Required
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Default
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Description
                   </th>
                 </tr>
               </thead>
               <tbody
-                class="emotion-68 emotion-69"
+                class="css-4b5un0-TBody e1fg2ikb3"
               >
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     disabled
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       bool
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       false
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     label
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       string
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     yes
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     onClick
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       func
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       onClick
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     style
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       other
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       {}
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
               </tbody>
@@ -7504,254 +4346,6 @@ exports[`Storyshots Addons|Info/Options.styles Extend info styles with an object
 `;
 
 exports[`Storyshots Addons|Info/Options.styles Full control over styles using a function 1`] = `
-.emotion-6 {
-  position: relative;
-  overflow: hidden;
-}
-
-.emotion-4 {
-  position: relative;
-  overflow: auto;
-}
-
-.emotion-4 code {
-  padding-right: 10px;
-  opacity: 0.7;
-}
-
-.emotion-4 * .token {
-  font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
-  -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.string {
-  color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
-  color: #393A34;
-}
-
-.emotion-4 * .token.operator {
-  color: #393A34;
-}
-
-.emotion-4 * .token.url {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.number {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.function {
-  color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
-  color: #9a050f;
-}
-
-.emotion-4 * .token.important {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
-  font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
-  color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
-  color: #800000;
-}
-
-.emotion-4 * .token.selector {
-  color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.property {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
-  background: #ffff00;
-  color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
-  color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
-  opacity: 0.7;
-}
-
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 0;
-}
-
-.emotion-0 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 0;
-  opacity: 1;
-}
-
-.emotion-70 {
-  border-collapse: collapse;
-  margin-top: 16px;
-  width: auto;
-  table-layout: auto;
-}
-
-.emotion-18 {
-  border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-
-.emotion-8 {
-  padding: 2px 6px;
-  line-height: 18px;
-  vertical-align: middle;
-  padding: 8px 16px;
-}
-
-.emotion-68 {
-  font-size: 14px;
-}
-
-.emotion-30 {
-  border-bottom: 1px solid #eee;
-}
-
-.emotion-20 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #774dd7;
-}
-
-.emotion-22 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #1ea7fd;
-}
-
-.emotion-22 button {
-  color: #37d5d3;
-}
-
-.emotion-22 span {
-  white-space: pre;
-}
-
-.emotion-24 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-}
-
-.emotion-28 {
-  padding: 2px 6px;
-  text-align: left;
-  padding: 8px 16px;
-}
-
 <div>
   <div
     style="position:relative;z-index:0"
@@ -7805,16 +4399,16 @@ exports[`Storyshots Addons|Info/Options.styles Full control over styles using a
             Story Source
           </h1>
           <div
-            class="emotion-6 emotion-7"
+            class="css-fri0s0-Wrapper epklh870"
           >
             <div
-              class="emotion-4 emotion-5"
+              class="css-1y75e3d-Scroller epklh871"
             >
               <pre
-                class="hljs emotion-2 emotion-3"
+                class="hljs css-1x8ad3z-Pre epklh872"
               >
                 <code
-                  class="emotion-0 emotion-1"
+                  class="css-1igagyr-Code epklh873"
                 >
                   <span
                     class="token tag"
@@ -7882,162 +4476,162 @@ exports[`Storyshots Addons|Info/Options.styles Full control over styles using a
               "BaseButton" Component
             </h3>
             <table
-              class="emotion-70 emotion-71"
+              class="css-919xfk-Table-Table e1fg2ikb0"
             >
               <thead
-                class="emotion-18 emotion-19"
+                class="css-ig77mj-THead e1fg2ikb1"
               >
                 <tr>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Property
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Type
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Required
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Default
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Description
                   </th>
                 </tr>
               </thead>
               <tbody
-                class="emotion-68 emotion-69"
+                class="css-4b5un0-TBody e1fg2ikb3"
               >
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     disabled
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       bool
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       false
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     label
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       string
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     yes
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     onClick
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       func
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       onClick
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     style
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       other
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       {}
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
               </tbody>
@@ -8059,254 +4653,6 @@ exports[`Storyshots Addons|Info/Parameters Disable the addon entirely 1`] = `
 `;
 
 exports[`Storyshots Addons|Info/Parameters Overwrite the parameters with markdown variable 1`] = `
-.emotion-6 {
-  position: relative;
-  overflow: hidden;
-}
-
-.emotion-4 {
-  position: relative;
-  overflow: auto;
-}
-
-.emotion-4 code {
-  padding-right: 10px;
-  opacity: 0.7;
-}
-
-.emotion-4 * .token {
-  font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
-  -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.string {
-  color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
-  color: #393A34;
-}
-
-.emotion-4 * .token.operator {
-  color: #393A34;
-}
-
-.emotion-4 * .token.url {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.number {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.function {
-  color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
-  color: #9a050f;
-}
-
-.emotion-4 * .token.important {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
-  font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
-  color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
-  color: #800000;
-}
-
-.emotion-4 * .token.selector {
-  color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.property {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
-  background: #ffff00;
-  color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
-  color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
-  opacity: 0.7;
-}
-
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 0;
-}
-
-.emotion-0 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 0;
-  opacity: 1;
-}
-
-.emotion-70 {
-  border-collapse: collapse;
-  margin-top: 16px;
-  width: auto;
-  table-layout: auto;
-}
-
-.emotion-18 {
-  border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-
-.emotion-8 {
-  padding: 2px 6px;
-  line-height: 18px;
-  vertical-align: middle;
-  padding: 8px 16px;
-}
-
-.emotion-68 {
-  font-size: 14px;
-}
-
-.emotion-30 {
-  border-bottom: 1px solid #eee;
-}
-
-.emotion-20 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #774dd7;
-}
-
-.emotion-22 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #1ea7fd;
-}
-
-.emotion-22 button {
-  color: #37d5d3;
-}
-
-.emotion-22 span {
-  white-space: pre;
-}
-
-.emotion-24 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-}
-
-.emotion-28 {
-  padding: 2px 6px;
-  text-align: left;
-  padding: 8px 16px;
-}
-
 <div>
   <div
     style="position:relative;z-index:0"
@@ -8389,16 +4735,16 @@ exports[`Storyshots Addons|Info/Parameters Overwrite the parameters with markdow
             Story Source
           </h1>
           <div
-            class="emotion-6 emotion-7"
+            class="css-fri0s0-Wrapper epklh870"
           >
             <div
-              class="emotion-4 emotion-5"
+              class="css-1y75e3d-Scroller epklh871"
             >
               <pre
-                class="hljs emotion-2 emotion-3"
+                class="hljs css-1x8ad3z-Pre epklh872"
               >
                 <code
-                  class="emotion-0 emotion-1"
+                  class="css-1igagyr-Code epklh873"
                 >
                   <span
                     class="token tag"
@@ -8526,162 +4872,162 @@ exports[`Storyshots Addons|Info/Parameters Overwrite the parameters with markdow
               "BaseButton" Component
             </h3>
             <table
-              class="emotion-70 emotion-71"
+              class="css-919xfk-Table-Table e1fg2ikb0"
             >
               <thead
-                class="emotion-18 emotion-19"
+                class="css-ig77mj-THead e1fg2ikb1"
               >
                 <tr>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Property
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Type
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Required
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Default
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Description
                   </th>
                 </tr>
               </thead>
               <tbody
-                class="emotion-68 emotion-69"
+                class="css-4b5un0-TBody e1fg2ikb3"
               >
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     disabled
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       bool
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       false
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     label
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       string
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     yes
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     onClick
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       func
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       onClick
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     style
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       other
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       {}
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
               </tbody>
@@ -8695,254 +5041,6 @@ exports[`Storyshots Addons|Info/Parameters Overwrite the parameters with markdow
 `;
 
 exports[`Storyshots Addons|Info/Parameters Overwrite the text parameter with markdown inline 1`] = `
-.emotion-6 {
-  position: relative;
-  overflow: hidden;
-}
-
-.emotion-4 {
-  position: relative;
-  overflow: auto;
-}
-
-.emotion-4 code {
-  padding-right: 10px;
-  opacity: 0.7;
-}
-
-.emotion-4 * .token {
-  font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
-  -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.string {
-  color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
-  color: #393A34;
-}
-
-.emotion-4 * .token.operator {
-  color: #393A34;
-}
-
-.emotion-4 * .token.url {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.number {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.function {
-  color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
-  color: #9a050f;
-}
-
-.emotion-4 * .token.important {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
-  font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
-  color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
-  color: #800000;
-}
-
-.emotion-4 * .token.selector {
-  color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.property {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
-  background: #ffff00;
-  color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
-  color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
-  opacity: 0.7;
-}
-
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 0;
-}
-
-.emotion-0 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 0;
-  opacity: 1;
-}
-
-.emotion-58 {
-  border-collapse: collapse;
-  margin-top: 16px;
-  width: auto;
-  table-layout: auto;
-}
-
-.emotion-18 {
-  border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-
-.emotion-8 {
-  padding: 2px 6px;
-  line-height: 18px;
-  vertical-align: middle;
-  padding: 8px 16px;
-}
-
-.emotion-56 {
-  font-size: 14px;
-}
-
-.emotion-30 {
-  border-bottom: 1px solid #eee;
-}
-
-.emotion-20 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #774dd7;
-}
-
-.emotion-22 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #1ea7fd;
-}
-
-.emotion-22 button {
-  color: #37d5d3;
-}
-
-.emotion-22 span {
-  white-space: pre;
-}
-
-.emotion-24 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-}
-
-.emotion-28 {
-  padding: 2px 6px;
-  text-align: left;
-  padding: 8px 16px;
-}
-
 <div>
   <div>
     <div
@@ -8993,16 +5091,16 @@ exports[`Storyshots Addons|Info/Parameters Overwrite the text parameter with mar
           Story Source
         </h1>
         <div
-          class="emotion-6 emotion-7"
+          class="css-fri0s0-Wrapper epklh870"
         >
           <div
-            class="emotion-4 emotion-5"
+            class="css-1y75e3d-Scroller epklh871"
           >
             <pre
-              class="hljs emotion-2 emotion-3"
+              class="hljs css-1x8ad3z-Pre epklh872"
             >
               <code
-                class="emotion-0 emotion-1"
+                class="css-1igagyr-Code epklh873"
               >
                 <span
                   class="token tag"
@@ -9130,133 +5228,133 @@ exports[`Storyshots Addons|Info/Parameters Overwrite the text parameter with mar
             "BaseButton" Component
           </h3>
           <table
-            class="emotion-58 emotion-59"
+            class="css-919xfk-Table-Table e1fg2ikb0"
           >
             <thead
-              class="emotion-18 emotion-19"
+              class="css-ig77mj-THead e1fg2ikb1"
             >
               <tr>
                 <th
-                  class="emotion-8 emotion-9"
+                  class="css-6pdatc-Th-TH e1fg2ikb2"
                 >
                   Property
                 </th>
                 <th
-                  class="emotion-8 emotion-9"
+                  class="css-6pdatc-Th-TH e1fg2ikb2"
                 >
                   Type
                 </th>
                 <th
-                  class="emotion-8 emotion-9"
+                  class="css-6pdatc-Th-TH e1fg2ikb2"
                 >
                   Required
                 </th>
                 <th
-                  class="emotion-8 emotion-9"
+                  class="css-6pdatc-Th-TH e1fg2ikb2"
                 >
                   Default
                 </th>
                 <th
-                  class="emotion-8 emotion-9"
+                  class="css-6pdatc-Th-TH e1fg2ikb2"
                 >
                   Description
                 </th>
               </tr>
             </thead>
             <tbody
-              class="emotion-56 emotion-57"
+              class="css-4b5un0-TBody e1fg2ikb3"
             >
               <tr
-                class="emotion-30 emotion-31"
+                class="css-rss5jh-TBodyTR e1fg2ikb4"
               >
                 <td
-                  class="emotion-20 emotion-21"
+                  class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                 >
                   disabled
                 </td>
                 <td
-                  class="emotion-22 emotion-23"
+                  class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                 >
                   <span>
                     bool
                   </span>
                 </td>
                 <td
-                  class="emotion-24 emotion-25"
+                  class="css-6qgefz-Td-TD e1fg2ikb5"
                 >
                   -
                 </td>
                 <td
-                  class="emotion-24 emotion-25"
+                  class="css-6qgefz-Td-TD e1fg2ikb5"
                 >
                   <span>
                     false
                   </span>
                 </td>
                 <td
-                  class="emotion-28 emotion-25"
+                  class="css-a1xhq0-Td-TD e1fg2ikb5"
                 />
               </tr>
               <tr
-                class="emotion-30 emotion-31"
+                class="css-rss5jh-TBodyTR e1fg2ikb4"
               >
                 <td
-                  class="emotion-20 emotion-21"
+                  class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                 >
                   onClick
                 </td>
                 <td
-                  class="emotion-22 emotion-23"
+                  class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                 >
                   <span>
                     func
                   </span>
                 </td>
                 <td
-                  class="emotion-24 emotion-25"
+                  class="css-6qgefz-Td-TD e1fg2ikb5"
                 >
                   -
                 </td>
                 <td
-                  class="emotion-24 emotion-25"
+                  class="css-6qgefz-Td-TD e1fg2ikb5"
                 >
                   <span>
                     onClick
                   </span>
                 </td>
                 <td
-                  class="emotion-28 emotion-25"
+                  class="css-a1xhq0-Td-TD e1fg2ikb5"
                 />
               </tr>
               <tr
-                class="emotion-30 emotion-31"
+                class="css-rss5jh-TBodyTR e1fg2ikb4"
               >
                 <td
-                  class="emotion-20 emotion-21"
+                  class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                 >
                   style
                 </td>
                 <td
-                  class="emotion-22 emotion-23"
+                  class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                 >
                   <span>
                     other
                   </span>
                 </td>
                 <td
-                  class="emotion-24 emotion-25"
+                  class="css-6qgefz-Td-TD e1fg2ikb5"
                 >
                   -
                 </td>
                 <td
-                  class="emotion-24 emotion-25"
+                  class="css-6qgefz-Td-TD e1fg2ikb5"
                 >
                   <span>
                     {}
                   </span>
                 </td>
                 <td
-                  class="emotion-28 emotion-25"
+                  class="css-a1xhq0-Td-TD e1fg2ikb5"
                 />
               </tr>
             </tbody>
@@ -9269,254 +5367,6 @@ exports[`Storyshots Addons|Info/Parameters Overwrite the text parameter with mar
 `;
 
 exports[`Storyshots Addons|Info/Parameters Overwriting and extending the parameters and options set stories-wise 1`] = `
-.emotion-6 {
-  position: relative;
-  overflow: hidden;
-}
-
-.emotion-4 {
-  position: relative;
-  overflow: auto;
-}
-
-.emotion-4 code {
-  padding-right: 10px;
-  opacity: 0.7;
-}
-
-.emotion-4 * .token {
-  font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
-  -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.string {
-  color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
-  color: #393A34;
-}
-
-.emotion-4 * .token.operator {
-  color: #393A34;
-}
-
-.emotion-4 * .token.url {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.number {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.function {
-  color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
-  color: #9a050f;
-}
-
-.emotion-4 * .token.important {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
-  font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
-  color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
-  color: #800000;
-}
-
-.emotion-4 * .token.selector {
-  color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.property {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
-  background: #ffff00;
-  color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
-  color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
-  opacity: 0.7;
-}
-
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 0;
-}
-
-.emotion-0 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 0;
-  opacity: 1;
-}
-
-.emotion-58 {
-  border-collapse: collapse;
-  margin-top: 16px;
-  width: auto;
-  table-layout: auto;
-}
-
-.emotion-18 {
-  border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-
-.emotion-8 {
-  padding: 2px 6px;
-  line-height: 18px;
-  vertical-align: middle;
-  padding: 8px 16px;
-}
-
-.emotion-56 {
-  font-size: 14px;
-}
-
-.emotion-30 {
-  border-bottom: 1px solid #eee;
-}
-
-.emotion-20 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #774dd7;
-}
-
-.emotion-22 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #1ea7fd;
-}
-
-.emotion-22 button {
-  color: #37d5d3;
-}
-
-.emotion-22 span {
-  white-space: pre;
-}
-
-.emotion-24 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-}
-
-.emotion-28 {
-  padding: 2px 6px;
-  text-align: left;
-  padding: 8px 16px;
-}
-
 <div>
   <div>
     <div
@@ -9567,16 +5417,16 @@ exports[`Storyshots Addons|Info/Parameters Overwriting and extending the paramet
           Story Source
         </h1>
         <div
-          class="emotion-6 emotion-7"
+          class="css-fri0s0-Wrapper epklh870"
         >
           <div
-            class="emotion-4 emotion-5"
+            class="css-1y75e3d-Scroller epklh871"
           >
             <pre
-              class="hljs emotion-2 emotion-3"
+              class="hljs css-1x8ad3z-Pre epklh872"
             >
               <code
-                class="emotion-0 emotion-1"
+                class="css-1igagyr-Code epklh873"
               >
                 <span
                   class="token tag"
@@ -9644,133 +5494,133 @@ exports[`Storyshots Addons|Info/Parameters Overwriting and extending the paramet
             "BaseButton" Component
           </h3>
           <table
-            class="emotion-58 emotion-59"
+            class="css-919xfk-Table-Table e1fg2ikb0"
           >
             <thead
-              class="emotion-18 emotion-19"
+              class="css-ig77mj-THead e1fg2ikb1"
             >
               <tr>
                 <th
-                  class="emotion-8 emotion-9"
+                  class="css-6pdatc-Th-TH e1fg2ikb2"
                 >
                   Property
                 </th>
                 <th
-                  class="emotion-8 emotion-9"
+                  class="css-6pdatc-Th-TH e1fg2ikb2"
                 >
                   Type
                 </th>
                 <th
-                  class="emotion-8 emotion-9"
+                  class="css-6pdatc-Th-TH e1fg2ikb2"
                 >
                   Required
                 </th>
                 <th
-                  class="emotion-8 emotion-9"
+                  class="css-6pdatc-Th-TH e1fg2ikb2"
                 >
                   Default
                 </th>
                 <th
-                  class="emotion-8 emotion-9"
+                  class="css-6pdatc-Th-TH e1fg2ikb2"
                 >
                   Description
                 </th>
               </tr>
             </thead>
             <tbody
-              class="emotion-56 emotion-57"
+              class="css-4b5un0-TBody e1fg2ikb3"
             >
               <tr
-                class="emotion-30 emotion-31"
+                class="css-rss5jh-TBodyTR e1fg2ikb4"
               >
                 <td
-                  class="emotion-20 emotion-21"
+                  class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                 >
                   disabled
                 </td>
                 <td
-                  class="emotion-22 emotion-23"
+                  class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                 >
                   <span>
                     bool
                   </span>
                 </td>
                 <td
-                  class="emotion-24 emotion-25"
+                  class="css-6qgefz-Td-TD e1fg2ikb5"
                 >
                   -
                 </td>
                 <td
-                  class="emotion-24 emotion-25"
+                  class="css-6qgefz-Td-TD e1fg2ikb5"
                 >
                   <span>
                     false
                   </span>
                 </td>
                 <td
-                  class="emotion-28 emotion-25"
+                  class="css-a1xhq0-Td-TD e1fg2ikb5"
                 />
               </tr>
               <tr
-                class="emotion-30 emotion-31"
+                class="css-rss5jh-TBodyTR e1fg2ikb4"
               >
                 <td
-                  class="emotion-20 emotion-21"
+                  class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                 >
                   onClick
                 </td>
                 <td
-                  class="emotion-22 emotion-23"
+                  class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                 >
                   <span>
                     func
                   </span>
                 </td>
                 <td
-                  class="emotion-24 emotion-25"
+                  class="css-6qgefz-Td-TD e1fg2ikb5"
                 >
                   -
                 </td>
                 <td
-                  class="emotion-24 emotion-25"
+                  class="css-6qgefz-Td-TD e1fg2ikb5"
                 >
                   <span>
                     onClick
                   </span>
                 </td>
                 <td
-                  class="emotion-28 emotion-25"
+                  class="css-a1xhq0-Td-TD e1fg2ikb5"
                 />
               </tr>
               <tr
-                class="emotion-30 emotion-31"
+                class="css-rss5jh-TBodyTR e1fg2ikb4"
               >
                 <td
-                  class="emotion-20 emotion-21"
+                  class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                 >
                   style
                 </td>
                 <td
-                  class="emotion-22 emotion-23"
+                  class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                 >
                   <span>
                     other
                   </span>
                 </td>
                 <td
-                  class="emotion-24 emotion-25"
+                  class="css-6qgefz-Td-TD e1fg2ikb5"
                 >
                   -
                 </td>
                 <td
-                  class="emotion-24 emotion-25"
+                  class="css-6qgefz-Td-TD e1fg2ikb5"
                 >
                   <span>
                     {}
                   </span>
                 </td>
                 <td
-                  class="emotion-28 emotion-25"
+                  class="css-a1xhq0-Td-TD e1fg2ikb5"
                 />
               </tr>
             </tbody>
@@ -9783,254 +5633,6 @@ exports[`Storyshots Addons|Info/Parameters Overwriting and extending the paramet
 `;
 
 exports[`Storyshots Addons|Info/Parameters Using paramaters across all stories 1`] = `
-.emotion-6 {
-  position: relative;
-  overflow: hidden;
-}
-
-.emotion-4 {
-  position: relative;
-  overflow: auto;
-}
-
-.emotion-4 code {
-  padding-right: 10px;
-  opacity: 0.7;
-}
-
-.emotion-4 * .token {
-  font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
-  -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.string {
-  color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
-  color: #393A34;
-}
-
-.emotion-4 * .token.operator {
-  color: #393A34;
-}
-
-.emotion-4 * .token.url {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.number {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.function {
-  color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
-  color: #9a050f;
-}
-
-.emotion-4 * .token.important {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
-  font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
-  color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
-  color: #800000;
-}
-
-.emotion-4 * .token.selector {
-  color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.property {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
-  background: #ffff00;
-  color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
-  color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
-  opacity: 0.7;
-}
-
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 0;
-}
-
-.emotion-0 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 0;
-  opacity: 1;
-}
-
-.emotion-70 {
-  border-collapse: collapse;
-  margin-top: 16px;
-  width: auto;
-  table-layout: auto;
-}
-
-.emotion-18 {
-  border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-
-.emotion-8 {
-  padding: 2px 6px;
-  line-height: 18px;
-  vertical-align: middle;
-  padding: 8px 16px;
-}
-
-.emotion-68 {
-  font-size: 14px;
-}
-
-.emotion-30 {
-  border-bottom: 1px solid #eee;
-}
-
-.emotion-20 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #774dd7;
-}
-
-.emotion-22 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #1ea7fd;
-}
-
-.emotion-22 button {
-  color: #37d5d3;
-}
-
-.emotion-22 span {
-  white-space: pre;
-}
-
-.emotion-24 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-}
-
-.emotion-28 {
-  padding: 2px 6px;
-  text-align: left;
-  padding: 8px 16px;
-}
-
 <div>
   <div>
     <div
@@ -10081,16 +5683,16 @@ exports[`Storyshots Addons|Info/Parameters Using paramaters across all stories 1
           Story Source
         </h1>
         <div
-          class="emotion-6 emotion-7"
+          class="css-fri0s0-Wrapper epklh870"
         >
           <div
-            class="emotion-4 emotion-5"
+            class="css-1y75e3d-Scroller epklh871"
           >
             <pre
-              class="hljs emotion-2 emotion-3"
+              class="hljs css-1x8ad3z-Pre epklh872"
             >
               <code
-                class="emotion-0 emotion-1"
+                class="css-1igagyr-Code epklh873"
               >
                 <span
                   class="token tag"
@@ -10158,162 +5760,162 @@ exports[`Storyshots Addons|Info/Parameters Using paramaters across all stories 1
             "BaseButton" Component
           </h3>
           <table
-            class="emotion-70 emotion-71"
+            class="css-919xfk-Table-Table e1fg2ikb0"
           >
             <thead
-              class="emotion-18 emotion-19"
+              class="css-ig77mj-THead e1fg2ikb1"
             >
               <tr>
                 <th
-                  class="emotion-8 emotion-9"
+                  class="css-6pdatc-Th-TH e1fg2ikb2"
                 >
                   Property
                 </th>
                 <th
-                  class="emotion-8 emotion-9"
+                  class="css-6pdatc-Th-TH e1fg2ikb2"
                 >
                   Type
                 </th>
                 <th
-                  class="emotion-8 emotion-9"
+                  class="css-6pdatc-Th-TH e1fg2ikb2"
                 >
                   Required
                 </th>
                 <th
-                  class="emotion-8 emotion-9"
+                  class="css-6pdatc-Th-TH e1fg2ikb2"
                 >
                   Default
                 </th>
                 <th
-                  class="emotion-8 emotion-9"
+                  class="css-6pdatc-Th-TH e1fg2ikb2"
                 >
                   Description
                 </th>
               </tr>
             </thead>
             <tbody
-              class="emotion-68 emotion-69"
+              class="css-4b5un0-TBody e1fg2ikb3"
             >
               <tr
-                class="emotion-30 emotion-31"
+                class="css-rss5jh-TBodyTR e1fg2ikb4"
               >
                 <td
-                  class="emotion-20 emotion-21"
+                  class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                 >
                   disabled
                 </td>
                 <td
-                  class="emotion-22 emotion-23"
+                  class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                 >
                   <span>
                     bool
                   </span>
                 </td>
                 <td
-                  class="emotion-24 emotion-25"
+                  class="css-6qgefz-Td-TD e1fg2ikb5"
                 >
                   -
                 </td>
                 <td
-                  class="emotion-24 emotion-25"
+                  class="css-6qgefz-Td-TD e1fg2ikb5"
                 >
                   <span>
                     false
                   </span>
                 </td>
                 <td
-                  class="emotion-28 emotion-25"
+                  class="css-a1xhq0-Td-TD e1fg2ikb5"
                 />
               </tr>
               <tr
-                class="emotion-30 emotion-31"
+                class="css-rss5jh-TBodyTR e1fg2ikb4"
               >
                 <td
-                  class="emotion-20 emotion-21"
+                  class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                 >
                   label
                 </td>
                 <td
-                  class="emotion-22 emotion-23"
+                  class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                 >
                   <span>
                     string
                   </span>
                 </td>
                 <td
-                  class="emotion-24 emotion-25"
+                  class="css-6qgefz-Td-TD e1fg2ikb5"
                 >
                   yes
                 </td>
                 <td
-                  class="emotion-24 emotion-25"
+                  class="css-6qgefz-Td-TD e1fg2ikb5"
                 >
                   -
                 </td>
                 <td
-                  class="emotion-28 emotion-25"
+                  class="css-a1xhq0-Td-TD e1fg2ikb5"
                 />
               </tr>
               <tr
-                class="emotion-30 emotion-31"
+                class="css-rss5jh-TBodyTR e1fg2ikb4"
               >
                 <td
-                  class="emotion-20 emotion-21"
+                  class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                 >
                   onClick
                 </td>
                 <td
-                  class="emotion-22 emotion-23"
+                  class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                 >
                   <span>
                     func
                   </span>
                 </td>
                 <td
-                  class="emotion-24 emotion-25"
+                  class="css-6qgefz-Td-TD e1fg2ikb5"
                 >
                   -
                 </td>
                 <td
-                  class="emotion-24 emotion-25"
+                  class="css-6qgefz-Td-TD e1fg2ikb5"
                 >
                   <span>
                     onClick
                   </span>
                 </td>
                 <td
-                  class="emotion-28 emotion-25"
+                  class="css-a1xhq0-Td-TD e1fg2ikb5"
                 />
               </tr>
               <tr
-                class="emotion-30 emotion-31"
+                class="css-rss5jh-TBodyTR e1fg2ikb4"
               >
                 <td
-                  class="emotion-20 emotion-21"
+                  class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                 >
                   style
                 </td>
                 <td
-                  class="emotion-22 emotion-23"
+                  class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                 >
                   <span>
                     other
                   </span>
                 </td>
                 <td
-                  class="emotion-24 emotion-25"
+                  class="css-6qgefz-Td-TD e1fg2ikb5"
                 >
                   -
                 </td>
                 <td
-                  class="emotion-24 emotion-25"
+                  class="css-6qgefz-Td-TD e1fg2ikb5"
                 >
                   <span>
                     {}
                   </span>
                 </td>
                 <td
-                  class="emotion-28 emotion-25"
+                  class="css-a1xhq0-Td-TD e1fg2ikb5"
                 />
               </tr>
             </tbody>
@@ -10326,254 +5928,6 @@ exports[`Storyshots Addons|Info/Parameters Using paramaters across all stories 1
 `;
 
 exports[`Storyshots Addons|Info/React Docgen Comments from Flow declarations 1`] = `
-.emotion-6 {
-  position: relative;
-  overflow: hidden;
-}
-
-.emotion-4 {
-  position: relative;
-  overflow: auto;
-}
-
-.emotion-4 code {
-  padding-right: 10px;
-  opacity: 0.7;
-}
-
-.emotion-4 * .token {
-  font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
-  -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.string {
-  color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
-  color: #393A34;
-}
-
-.emotion-4 * .token.operator {
-  color: #393A34;
-}
-
-.emotion-4 * .token.url {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.number {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.function {
-  color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
-  color: #9a050f;
-}
-
-.emotion-4 * .token.important {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
-  font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
-  color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
-  color: #800000;
-}
-
-.emotion-4 * .token.selector {
-  color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.property {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
-  background: #ffff00;
-  color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
-  color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
-  opacity: 0.7;
-}
-
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 0;
-}
-
-.emotion-0 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 0;
-  opacity: 1;
-}
-
-.emotion-46 {
-  border-collapse: collapse;
-  margin-top: 16px;
-  width: auto;
-  table-layout: auto;
-}
-
-.emotion-18 {
-  border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-
-.emotion-8 {
-  padding: 2px 6px;
-  line-height: 18px;
-  vertical-align: middle;
-  padding: 8px 16px;
-}
-
-.emotion-44 {
-  font-size: 14px;
-}
-
-.emotion-30 {
-  border-bottom: 1px solid #eee;
-}
-
-.emotion-20 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #774dd7;
-}
-
-.emotion-22 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #1ea7fd;
-}
-
-.emotion-22 button {
-  color: #37d5d3;
-}
-
-.emotion-22 span {
-  white-space: pre;
-}
-
-.emotion-24 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-}
-
-.emotion-28 {
-  padding: 2px 6px;
-  text-align: left;
-  padding: 8px 16px;
-}
-
 <div>
   <div
     style="position:relative;z-index:0"
@@ -10636,16 +5990,16 @@ exports[`Storyshots Addons|Info/React Docgen Comments from Flow declarations 1`]
             Story Source
           </h1>
           <div
-            class="emotion-6 emotion-7"
+            class="css-fri0s0-Wrapper epklh870"
           >
             <div
-              class="emotion-4 emotion-5"
+              class="css-1y75e3d-Scroller epklh871"
             >
               <pre
-                class="hljs emotion-2 emotion-3"
+                class="hljs css-1x8ad3z-Pre epklh872"
               >
                 <code
-                  class="emotion-0 emotion-1"
+                  class="css-1igagyr-Code epklh873"
                 >
                   <span
                     class="token tag"
@@ -10773,102 +6127,102 @@ exports[`Storyshots Addons|Info/React Docgen Comments from Flow declarations 1`]
               "FlowTypeButton" Component
             </h3>
             <table
-              class="emotion-46 emotion-47"
+              class="css-919xfk-Table-Table e1fg2ikb0"
             >
               <thead
-                class="emotion-18 emotion-19"
+                class="css-ig77mj-THead e1fg2ikb1"
               >
                 <tr>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Property
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Type
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Required
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Default
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Description
                   </th>
                 </tr>
               </thead>
               <tbody
-                class="emotion-44 emotion-45"
+                class="css-4b5un0-TBody e1fg2ikb3"
               >
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     disabled
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       unknown
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       false
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     onClick
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       unknown
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       onClick
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
               </tbody>
@@ -10882,254 +6236,6 @@ exports[`Storyshots Addons|Info/React Docgen Comments from Flow declarations 1`]
 `;
 
 exports[`Storyshots Addons|Info/React Docgen Comments from PropType declarations 1`] = `
-.emotion-6 {
-  position: relative;
-  overflow: hidden;
-}
-
-.emotion-4 {
-  position: relative;
-  overflow: auto;
-}
-
-.emotion-4 code {
-  padding-right: 10px;
-  opacity: 0.7;
-}
-
-.emotion-4 * .token {
-  font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
-  -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.string {
-  color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
-  color: #393A34;
-}
-
-.emotion-4 * .token.operator {
-  color: #393A34;
-}
-
-.emotion-4 * .token.url {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.number {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.function {
-  color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
-  color: #9a050f;
-}
-
-.emotion-4 * .token.important {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
-  font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
-  color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
-  color: #800000;
-}
-
-.emotion-4 * .token.selector {
-  color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.property {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
-  background: #ffff00;
-  color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
-  color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
-  opacity: 0.7;
-}
-
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 0;
-}
-
-.emotion-0 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 0;
-  opacity: 1;
-}
-
-.emotion-178 {
-  border-collapse: collapse;
-  margin-top: 16px;
-  width: auto;
-  table-layout: auto;
-}
-
-.emotion-18 {
-  border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-
-.emotion-8 {
-  padding: 2px 6px;
-  line-height: 18px;
-  vertical-align: middle;
-  padding: 8px 16px;
-}
-
-.emotion-176 {
-  font-size: 14px;
-}
-
-.emotion-30 {
-  border-bottom: 1px solid #eee;
-}
-
-.emotion-20 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #774dd7;
-}
-
-.emotion-22 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #1ea7fd;
-}
-
-.emotion-22 button {
-  color: #37d5d3;
-}
-
-.emotion-22 span {
-  white-space: pre;
-}
-
-.emotion-24 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-}
-
-.emotion-28 {
-  padding: 2px 6px;
-  text-align: left;
-  padding: 8px 16px;
-}
-
 <div>
   <div
     style="position:relative;z-index:0"
@@ -11192,16 +6298,16 @@ exports[`Storyshots Addons|Info/React Docgen Comments from PropType declarations
             Story Source
           </h1>
           <div
-            class="emotion-6 emotion-7"
+            class="css-fri0s0-Wrapper epklh870"
           >
             <div
-              class="emotion-4 emotion-5"
+              class="css-1y75e3d-Scroller epklh871"
             >
               <pre
-                class="hljs emotion-2 emotion-3"
+                class="hljs css-1x8ad3z-Pre epklh872"
               >
                 <code
-                  class="emotion-0 emotion-1"
+                  class="css-1igagyr-Code epklh873"
                 >
                   <span
                     class="token operator"
@@ -11571,155 +6677,155 @@ exports[`Storyshots Addons|Info/React Docgen Comments from PropType declarations
               "DocgenButton" Component
             </h3>
             <table
-              class="emotion-178 emotion-179"
+              class="css-919xfk-Table-Table e1fg2ikb0"
             >
               <thead
-                class="emotion-18 emotion-19"
+                class="css-ig77mj-THead e1fg2ikb1"
               >
                 <tr>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Property
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Type
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Required
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Default
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Description
                   </th>
                 </tr>
               </thead>
               <tbody
-                class="emotion-176 emotion-177"
+                class="css-4b5un0-TBody e1fg2ikb3"
               >
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     disabled
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       bool
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       false
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     label
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       string
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     yes
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     onClick
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       func
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       onClick
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     one
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       other
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       {
@@ -11736,31 +6842,31 @@ exports[`Storyshots Addons|Info/React Docgen Comments from PropType declarations
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     two
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       other
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       {
@@ -11807,31 +6913,31 @@ exports[`Storyshots Addons|Info/React Docgen Comments from PropType declarations
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     obj
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       object
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       {
@@ -11848,31 +6954,31 @@ exports[`Storyshots Addons|Info/React Docgen Comments from PropType declarations
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     shape
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       other
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       {
@@ -11933,31 +7039,31 @@ exports[`Storyshots Addons|Info/React Docgen Comments from PropType declarations
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     arrayOf
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       other
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       [
@@ -11982,162 +7088,162 @@ exports[`Storyshots Addons|Info/React Docgen Comments from PropType declarations
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     msg
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       other
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       {}
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     enm
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       other
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       News
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     enmEval
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       other
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       Photos
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     union
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       other
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       hello
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     optionalString
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       string
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       Default String
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
               </tbody>
@@ -12151,254 +7257,6 @@ exports[`Storyshots Addons|Info/React Docgen Comments from PropType declarations
 `;
 
 exports[`Storyshots Addons|Info/React Docgen Comments from component declaration 1`] = `
-.emotion-6 {
-  position: relative;
-  overflow: hidden;
-}
-
-.emotion-4 {
-  position: relative;
-  overflow: auto;
-}
-
-.emotion-4 code {
-  padding-right: 10px;
-  opacity: 0.7;
-}
-
-.emotion-4 * .token {
-  font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
-  -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.string {
-  color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
-  color: #393A34;
-}
-
-.emotion-4 * .token.operator {
-  color: #393A34;
-}
-
-.emotion-4 * .token.url {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.number {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.function {
-  color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
-  color: #9a050f;
-}
-
-.emotion-4 * .token.important {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
-  font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
-  color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
-  color: #800000;
-}
-
-.emotion-4 * .token.selector {
-  color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.property {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
-  background: #ffff00;
-  color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
-  color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
-  opacity: 0.7;
-}
-
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 0;
-}
-
-.emotion-0 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 0;
-  opacity: 1;
-}
-
-.emotion-70 {
-  border-collapse: collapse;
-  margin-top: 16px;
-  width: auto;
-  table-layout: auto;
-}
-
-.emotion-18 {
-  border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-
-.emotion-8 {
-  padding: 2px 6px;
-  line-height: 18px;
-  vertical-align: middle;
-  padding: 8px 16px;
-}
-
-.emotion-68 {
-  font-size: 14px;
-}
-
-.emotion-30 {
-  border-bottom: 1px solid #eee;
-}
-
-.emotion-20 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #774dd7;
-}
-
-.emotion-22 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #1ea7fd;
-}
-
-.emotion-22 button {
-  color: #37d5d3;
-}
-
-.emotion-22 span {
-  white-space: pre;
-}
-
-.emotion-24 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-}
-
-.emotion-28 {
-  padding: 2px 6px;
-  text-align: left;
-  padding: 8px 16px;
-}
-
 <div>
   <div
     style="position:relative;z-index:0"
@@ -12461,16 +7319,16 @@ exports[`Storyshots Addons|Info/React Docgen Comments from component declaration
             Story Source
           </h1>
           <div
-            class="emotion-6 emotion-7"
+            class="css-fri0s0-Wrapper epklh870"
           >
             <div
-              class="emotion-4 emotion-5"
+              class="css-1y75e3d-Scroller epklh871"
             >
               <pre
-                class="hljs emotion-2 emotion-3"
+                class="hljs css-1x8ad3z-Pre epklh872"
               >
                 <code
-                  class="emotion-0 emotion-1"
+                  class="css-1igagyr-Code epklh873"
                 >
                   <span
                     class="token tag"
@@ -12598,162 +7456,162 @@ exports[`Storyshots Addons|Info/React Docgen Comments from component declaration
               "BaseButton" Component
             </h3>
             <table
-              class="emotion-70 emotion-71"
+              class="css-919xfk-Table-Table e1fg2ikb0"
             >
               <thead
-                class="emotion-18 emotion-19"
+                class="css-ig77mj-THead e1fg2ikb1"
               >
                 <tr>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Property
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Type
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Required
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Default
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Description
                   </th>
                 </tr>
               </thead>
               <tbody
-                class="emotion-68 emotion-69"
+                class="css-4b5un0-TBody e1fg2ikb3"
               >
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     disabled
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       bool
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       false
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     label
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       string
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     yes
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     onClick
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       func
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       onClick
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     style
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       other
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       {}
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
               </tbody>
@@ -12767,254 +7625,6 @@ exports[`Storyshots Addons|Info/React Docgen Comments from component declaration
 `;
 
 exports[`Storyshots Addons|Info/React Docgen Comments from named export component declaration 1`] = `
-.emotion-6 {
-  position: relative;
-  overflow: hidden;
-}
-
-.emotion-4 {
-  position: relative;
-  overflow: auto;
-}
-
-.emotion-4 code {
-  padding-right: 10px;
-  opacity: 0.7;
-}
-
-.emotion-4 * .token {
-  font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
-  -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.string {
-  color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
-  color: #393A34;
-}
-
-.emotion-4 * .token.operator {
-  color: #393A34;
-}
-
-.emotion-4 * .token.url {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.number {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.function {
-  color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
-  color: #9a050f;
-}
-
-.emotion-4 * .token.important {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
-  font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
-  color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
-  color: #800000;
-}
-
-.emotion-4 * .token.selector {
-  color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.property {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
-  background: #ffff00;
-  color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
-  color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
-  opacity: 0.7;
-}
-
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 0;
-}
-
-.emotion-0 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 0;
-  opacity: 1;
-}
-
-.emotion-70 {
-  border-collapse: collapse;
-  margin-top: 16px;
-  width: auto;
-  table-layout: auto;
-}
-
-.emotion-18 {
-  border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-
-.emotion-8 {
-  padding: 2px 6px;
-  line-height: 18px;
-  vertical-align: middle;
-  padding: 8px 16px;
-}
-
-.emotion-68 {
-  font-size: 14px;
-}
-
-.emotion-30 {
-  border-bottom: 1px solid #eee;
-}
-
-.emotion-20 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #774dd7;
-}
-
-.emotion-22 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #1ea7fd;
-}
-
-.emotion-22 button {
-  color: #37d5d3;
-}
-
-.emotion-22 span {
-  white-space: pre;
-}
-
-.emotion-24 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-}
-
-.emotion-28 {
-  padding: 2px 6px;
-  text-align: left;
-  padding: 8px 16px;
-}
-
 <div>
   <div
     style="position:relative;z-index:0"
@@ -13077,16 +7687,16 @@ exports[`Storyshots Addons|Info/React Docgen Comments from named export componen
             Story Source
           </h1>
           <div
-            class="emotion-6 emotion-7"
+            class="css-fri0s0-Wrapper epklh870"
           >
             <div
-              class="emotion-4 emotion-5"
+              class="css-1y75e3d-Scroller epklh871"
             >
               <pre
-                class="hljs emotion-2 emotion-3"
+                class="hljs css-1x8ad3z-Pre epklh872"
               >
                 <code
-                  class="emotion-0 emotion-1"
+                  class="css-1igagyr-Code epklh873"
                 >
                   <span
                     class="token tag"
@@ -13214,162 +7824,162 @@ exports[`Storyshots Addons|Info/React Docgen Comments from named export componen
               "NamedExportButton" Component
             </h3>
             <table
-              class="emotion-70 emotion-71"
+              class="css-919xfk-Table-Table e1fg2ikb0"
             >
               <thead
-                class="emotion-18 emotion-19"
+                class="css-ig77mj-THead e1fg2ikb1"
               >
                 <tr>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Property
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Type
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Required
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Default
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Description
                   </th>
                 </tr>
               </thead>
               <tbody
-                class="emotion-68 emotion-69"
+                class="css-4b5un0-TBody e1fg2ikb3"
               >
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     disabled
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       bool
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       false
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     label
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       string
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     yes
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     onClick
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       func
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       onClick
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     style
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       other
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       {}
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
               </tbody>
@@ -13383,254 +7993,6 @@ exports[`Storyshots Addons|Info/React Docgen Comments from named export componen
 `;
 
 exports[`Storyshots Addons|Info/Story Source Array prop 1`] = `
-.emotion-6 {
-  position: relative;
-  overflow: hidden;
-}
-
-.emotion-4 {
-  position: relative;
-  overflow: auto;
-}
-
-.emotion-4 code {
-  padding-right: 10px;
-  opacity: 0.7;
-}
-
-.emotion-4 * .token {
-  font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
-  -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.string {
-  color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
-  color: #393A34;
-}
-
-.emotion-4 * .token.operator {
-  color: #393A34;
-}
-
-.emotion-4 * .token.url {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.number {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.function {
-  color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
-  color: #9a050f;
-}
-
-.emotion-4 * .token.important {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
-  font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
-  color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
-  color: #800000;
-}
-
-.emotion-4 * .token.selector {
-  color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.property {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
-  background: #ffff00;
-  color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
-  color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
-  opacity: 0.7;
-}
-
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 0;
-}
-
-.emotion-0 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 0;
-  opacity: 1;
-}
-
-.emotion-34 {
-  border-collapse: collapse;
-  margin-top: 16px;
-  width: auto;
-  table-layout: auto;
-}
-
-.emotion-18 {
-  border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-
-.emotion-8 {
-  padding: 2px 6px;
-  line-height: 18px;
-  vertical-align: middle;
-  padding: 8px 16px;
-}
-
-.emotion-32 {
-  font-size: 14px;
-}
-
-.emotion-30 {
-  border-bottom: 1px solid #eee;
-}
-
-.emotion-20 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #774dd7;
-}
-
-.emotion-22 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #1ea7fd;
-}
-
-.emotion-22 button {
-  color: #37d5d3;
-}
-
-.emotion-22 span {
-  white-space: pre;
-}
-
-.emotion-24 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-}
-
-.emotion-28 {
-  padding: 2px 6px;
-  text-align: left;
-  padding: 8px 16px;
-}
-
 <div>
   <div
     style="position:relative;z-index:0"
@@ -13759,16 +8121,16 @@ exports[`Storyshots Addons|Info/Story Source Array prop 1`] = `
             Story Source
           </h1>
           <div
-            class="emotion-6 emotion-7"
+            class="css-fri0s0-Wrapper epklh870"
           >
             <div
-              class="emotion-4 emotion-5"
+              class="css-1y75e3d-Scroller epklh871"
             >
               <pre
-                class="hljs emotion-2 emotion-3"
+                class="hljs css-1x8ad3z-Pre epklh872"
               >
                 <code
-                  class="emotion-0 emotion-1"
+                  class="css-1igagyr-Code epklh873"
                 >
                   <span
                     class="token tag"
@@ -14336,71 +8698,71 @@ exports[`Storyshots Addons|Info/Story Source Array prop 1`] = `
               "TableComponent" Component
             </h3>
             <table
-              class="emotion-34 emotion-35"
+              class="css-919xfk-Table-Table e1fg2ikb0"
             >
               <thead
-                class="emotion-18 emotion-19"
+                class="css-ig77mj-THead e1fg2ikb1"
               >
                 <tr>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Property
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Type
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Required
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Default
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Description
                   </th>
                 </tr>
               </thead>
               <tbody
-                class="emotion-32 emotion-33"
+                class="css-4b5un0-TBody e1fg2ikb3"
               >
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     propDefinitions
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       other
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       []
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
               </tbody>
@@ -14414,254 +8776,6 @@ exports[`Storyshots Addons|Info/Story Source Array prop 1`] = `
 `;
 
 exports[`Storyshots Addons|Info/Story Source Children 1`] = `
-.emotion-6 {
-  position: relative;
-  overflow: hidden;
-}
-
-.emotion-4 {
-  position: relative;
-  overflow: auto;
-}
-
-.emotion-4 code {
-  padding-right: 10px;
-  opacity: 0.7;
-}
-
-.emotion-4 * .token {
-  font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
-  -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.string {
-  color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
-  color: #393A34;
-}
-
-.emotion-4 * .token.operator {
-  color: #393A34;
-}
-
-.emotion-4 * .token.url {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.number {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.function {
-  color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
-  color: #9a050f;
-}
-
-.emotion-4 * .token.important {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
-  font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
-  color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
-  color: #800000;
-}
-
-.emotion-4 * .token.selector {
-  color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.property {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
-  background: #ffff00;
-  color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
-  color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
-  opacity: 0.7;
-}
-
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 0;
-}
-
-.emotion-0 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 0;
-  opacity: 1;
-}
-
-.emotion-70 {
-  border-collapse: collapse;
-  margin-top: 16px;
-  width: auto;
-  table-layout: auto;
-}
-
-.emotion-18 {
-  border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-
-.emotion-8 {
-  padding: 2px 6px;
-  line-height: 18px;
-  vertical-align: middle;
-  padding: 8px 16px;
-}
-
-.emotion-68 {
-  font-size: 14px;
-}
-
-.emotion-30 {
-  border-bottom: 1px solid #eee;
-}
-
-.emotion-20 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #774dd7;
-}
-
-.emotion-22 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #1ea7fd;
-}
-
-.emotion-22 button {
-  color: #37d5d3;
-}
-
-.emotion-22 span {
-  white-space: pre;
-}
-
-.emotion-24 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-}
-
-.emotion-28 {
-  padding: 2px 6px;
-  text-align: left;
-  padding: 8px 16px;
-}
-
 <div>
   <div
     style="position:relative;z-index:0"
@@ -14718,16 +8832,16 @@ exports[`Storyshots Addons|Info/Story Source Children 1`] = `
             Story Source
           </h1>
           <div
-            class="emotion-6 emotion-7"
+            class="css-fri0s0-Wrapper epklh870"
           >
             <div
-              class="emotion-4 emotion-5"
+              class="css-1y75e3d-Scroller epklh871"
             >
               <pre
-                class="hljs emotion-2 emotion-3"
+                class="hljs css-1x8ad3z-Pre epklh872"
               >
                 <code
-                  class="emotion-0 emotion-1"
+                  class="css-1igagyr-Code epklh873"
                 >
                   <span
                     class="token operator"
@@ -14910,162 +9024,162 @@ onClick
               "BaseButton" Component
             </h3>
             <table
-              class="emotion-70 emotion-71"
+              class="css-919xfk-Table-Table e1fg2ikb0"
             >
               <thead
-                class="emotion-18 emotion-19"
+                class="css-ig77mj-THead e1fg2ikb1"
               >
                 <tr>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Property
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Type
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Required
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Default
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Description
                   </th>
                 </tr>
               </thead>
               <tbody
-                class="emotion-68 emotion-69"
+                class="css-4b5un0-TBody e1fg2ikb3"
               >
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     disabled
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       bool
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       false
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     label
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       string
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     yes
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     onClick
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       func
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       onClick
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     style
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       other
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       {}
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
               </tbody>
@@ -15089,254 +9203,6 @@ onClick
 `;
 
 exports[`Storyshots Addons|Info/Story Source Many props 1`] = `
-.emotion-6 {
-  position: relative;
-  overflow: hidden;
-}
-
-.emotion-4 {
-  position: relative;
-  overflow: auto;
-}
-
-.emotion-4 code {
-  padding-right: 10px;
-  opacity: 0.7;
-}
-
-.emotion-4 * .token {
-  font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
-  -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.string {
-  color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
-  color: #393A34;
-}
-
-.emotion-4 * .token.operator {
-  color: #393A34;
-}
-
-.emotion-4 * .token.url {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.number {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.function {
-  color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
-  color: #9a050f;
-}
-
-.emotion-4 * .token.important {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
-  font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
-  color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
-  color: #800000;
-}
-
-.emotion-4 * .token.selector {
-  color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.property {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
-  background: #ffff00;
-  color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
-  color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
-  opacity: 0.7;
-}
-
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 0;
-}
-
-.emotion-0 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 0;
-  opacity: 1;
-}
-
-.emotion-70 {
-  border-collapse: collapse;
-  margin-top: 16px;
-  width: auto;
-  table-layout: auto;
-}
-
-.emotion-18 {
-  border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-
-.emotion-8 {
-  padding: 2px 6px;
-  line-height: 18px;
-  vertical-align: middle;
-  padding: 8px 16px;
-}
-
-.emotion-68 {
-  font-size: 14px;
-}
-
-.emotion-30 {
-  border-bottom: 1px solid #eee;
-}
-
-.emotion-20 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #774dd7;
-}
-
-.emotion-22 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #1ea7fd;
-}
-
-.emotion-22 button {
-  color: #37d5d3;
-}
-
-.emotion-22 span {
-  white-space: pre;
-}
-
-.emotion-24 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-}
-
-.emotion-28 {
-  padding: 2px 6px;
-  text-align: left;
-  padding: 8px 16px;
-}
-
 <div>
   <div
     style="position:relative;z-index:0"
@@ -15391,16 +9257,16 @@ exports[`Storyshots Addons|Info/Story Source Many props 1`] = `
             Story Source
           </h1>
           <div
-            class="emotion-6 emotion-7"
+            class="css-fri0s0-Wrapper epklh870"
           >
             <div
-              class="emotion-4 emotion-5"
+              class="css-1y75e3d-Scroller epklh871"
             >
               <pre
-                class="hljs emotion-2 emotion-3"
+                class="hljs css-1x8ad3z-Pre epklh872"
               >
                 <code
-                  class="emotion-0 emotion-1"
+                  class="css-1igagyr-Code epklh873"
                 >
                   <span
                     class="token tag"
@@ -15535,162 +9401,162 @@ exports[`Storyshots Addons|Info/Story Source Many props 1`] = `
               "BaseButton" Component
             </h3>
             <table
-              class="emotion-70 emotion-71"
+              class="css-919xfk-Table-Table e1fg2ikb0"
             >
               <thead
-                class="emotion-18 emotion-19"
+                class="css-ig77mj-THead e1fg2ikb1"
               >
                 <tr>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Property
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Type
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Required
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Default
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Description
                   </th>
                 </tr>
               </thead>
               <tbody
-                class="emotion-68 emotion-69"
+                class="css-4b5un0-TBody e1fg2ikb3"
               >
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     disabled
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       bool
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       false
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     label
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       string
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     yes
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     onClick
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       func
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       onClick
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     style
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       other
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       {}
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
               </tbody>
@@ -15704,254 +9570,6 @@ exports[`Storyshots Addons|Info/Story Source Many props 1`] = `
 `;
 
 exports[`Storyshots Addons|Info/Story Source Object prop 1`] = `
-.emotion-6 {
-  position: relative;
-  overflow: hidden;
-}
-
-.emotion-4 {
-  position: relative;
-  overflow: auto;
-}
-
-.emotion-4 code {
-  padding-right: 10px;
-  opacity: 0.7;
-}
-
-.emotion-4 * .token {
-  font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
-  -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.string {
-  color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
-  color: #393A34;
-}
-
-.emotion-4 * .token.operator {
-  color: #393A34;
-}
-
-.emotion-4 * .token.url {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.number {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.function {
-  color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
-  color: #9a050f;
-}
-
-.emotion-4 * .token.important {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
-  font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
-  color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
-  color: #800000;
-}
-
-.emotion-4 * .token.selector {
-  color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.property {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
-  background: #ffff00;
-  color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
-  color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
-  opacity: 0.7;
-}
-
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 0;
-}
-
-.emotion-0 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 0;
-  opacity: 1;
-}
-
-.emotion-70 {
-  border-collapse: collapse;
-  margin-top: 16px;
-  width: auto;
-  table-layout: auto;
-}
-
-.emotion-18 {
-  border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-
-.emotion-8 {
-  padding: 2px 6px;
-  line-height: 18px;
-  vertical-align: middle;
-  padding: 8px 16px;
-}
-
-.emotion-68 {
-  font-size: 14px;
-}
-
-.emotion-30 {
-  border-bottom: 1px solid #eee;
-}
-
-.emotion-20 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #774dd7;
-}
-
-.emotion-22 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #1ea7fd;
-}
-
-.emotion-22 button {
-  color: #37d5d3;
-}
-
-.emotion-22 span {
-  white-space: pre;
-}
-
-.emotion-24 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-}
-
-.emotion-28 {
-  padding: 2px 6px;
-  text-align: left;
-  padding: 8px 16px;
-}
-
 <div>
   <div
     style="position:relative;z-index:0"
@@ -16006,16 +9624,16 @@ exports[`Storyshots Addons|Info/Story Source Object prop 1`] = `
             Story Source
           </h1>
           <div
-            class="emotion-6 emotion-7"
+            class="css-fri0s0-Wrapper epklh870"
           >
             <div
-              class="emotion-4 emotion-5"
+              class="css-1y75e3d-Scroller epklh871"
             >
               <pre
-                class="hljs emotion-2 emotion-3"
+                class="hljs css-1x8ad3z-Pre epklh872"
               >
                 <code
-                  class="emotion-0 emotion-1"
+                  class="css-1igagyr-Code epklh873"
                 >
                   <span
                     class="token tag"
@@ -16226,162 +9844,162 @@ exports[`Storyshots Addons|Info/Story Source Object prop 1`] = `
               "BaseButton" Component
             </h3>
             <table
-              class="emotion-70 emotion-71"
+              class="css-919xfk-Table-Table e1fg2ikb0"
             >
               <thead
-                class="emotion-18 emotion-19"
+                class="css-ig77mj-THead e1fg2ikb1"
               >
                 <tr>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Property
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Type
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Required
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Default
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Description
                   </th>
                 </tr>
               </thead>
               <tbody
-                class="emotion-68 emotion-69"
+                class="css-4b5un0-TBody e1fg2ikb3"
               >
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     disabled
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       bool
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       false
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     label
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       string
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     yes
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     onClick
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       func
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       onClick
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     style
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       other
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       {}
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
               </tbody>
@@ -16395,254 +10013,6 @@ exports[`Storyshots Addons|Info/Story Source Object prop 1`] = `
 `;
 
 exports[`Storyshots Addons|Info/Story Source One prop 1`] = `
-.emotion-6 {
-  position: relative;
-  overflow: hidden;
-}
-
-.emotion-4 {
-  position: relative;
-  overflow: auto;
-}
-
-.emotion-4 code {
-  padding-right: 10px;
-  opacity: 0.7;
-}
-
-.emotion-4 * .token {
-  font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
-  -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.string {
-  color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
-  color: #393A34;
-}
-
-.emotion-4 * .token.operator {
-  color: #393A34;
-}
-
-.emotion-4 * .token.url {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.number {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.function {
-  color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
-  color: #9a050f;
-}
-
-.emotion-4 * .token.important {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
-  font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
-  color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
-  color: #800000;
-}
-
-.emotion-4 * .token.selector {
-  color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.property {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
-  background: #ffff00;
-  color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
-  color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
-  opacity: 0.7;
-}
-
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 0;
-}
-
-.emotion-0 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 0;
-  opacity: 1;
-}
-
-.emotion-70 {
-  border-collapse: collapse;
-  margin-top: 16px;
-  width: auto;
-  table-layout: auto;
-}
-
-.emotion-18 {
-  border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-
-.emotion-8 {
-  padding: 2px 6px;
-  line-height: 18px;
-  vertical-align: middle;
-  padding: 8px 16px;
-}
-
-.emotion-68 {
-  font-size: 14px;
-}
-
-.emotion-30 {
-  border-bottom: 1px solid #eee;
-}
-
-.emotion-20 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #774dd7;
-}
-
-.emotion-22 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #1ea7fd;
-}
-
-.emotion-22 button {
-  color: #37d5d3;
-}
-
-.emotion-22 span {
-  white-space: pre;
-}
-
-.emotion-24 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-}
-
-.emotion-28 {
-  padding: 2px 6px;
-  text-align: left;
-  padding: 8px 16px;
-}
-
 <div>
   <div
     style="position:relative;z-index:0"
@@ -16696,16 +10066,16 @@ exports[`Storyshots Addons|Info/Story Source One prop 1`] = `
             Story Source
           </h1>
           <div
-            class="emotion-6 emotion-7"
+            class="css-fri0s0-Wrapper epklh870"
           >
             <div
-              class="emotion-4 emotion-5"
+              class="css-1y75e3d-Scroller epklh871"
             >
               <pre
-                class="hljs emotion-2 emotion-3"
+                class="hljs css-1x8ad3z-Pre epklh872"
               >
                 <code
-                  class="emotion-0 emotion-1"
+                  class="css-1igagyr-Code epklh873"
                 >
                   <span
                     class="token tag"
@@ -16773,162 +10143,162 @@ exports[`Storyshots Addons|Info/Story Source One prop 1`] = `
               "BaseButton" Component
             </h3>
             <table
-              class="emotion-70 emotion-71"
+              class="css-919xfk-Table-Table e1fg2ikb0"
             >
               <thead
-                class="emotion-18 emotion-19"
+                class="css-ig77mj-THead e1fg2ikb1"
               >
                 <tr>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Property
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Type
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Required
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Default
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Description
                   </th>
                 </tr>
               </thead>
               <tbody
-                class="emotion-68 emotion-69"
+                class="css-4b5un0-TBody e1fg2ikb3"
               >
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     disabled
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       bool
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       false
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     label
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       string
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     yes
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     onClick
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       func
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       onClick
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     style
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       other
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       {}
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
               </tbody>
@@ -16942,254 +10312,6 @@ exports[`Storyshots Addons|Info/Story Source One prop 1`] = `
 `;
 
 exports[`Storyshots Addons|Info/deprecated Displays Markdown in description 1`] = `
-.emotion-6 {
-  position: relative;
-  overflow: hidden;
-}
-
-.emotion-4 {
-  position: relative;
-  overflow: auto;
-}
-
-.emotion-4 code {
-  padding-right: 10px;
-  opacity: 0.7;
-}
-
-.emotion-4 * .token {
-  font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
-  -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.string {
-  color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
-  color: #393A34;
-}
-
-.emotion-4 * .token.operator {
-  color: #393A34;
-}
-
-.emotion-4 * .token.url {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.number {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.function {
-  color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
-  color: #9a050f;
-}
-
-.emotion-4 * .token.important {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
-  font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
-  color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
-  color: #800000;
-}
-
-.emotion-4 * .token.selector {
-  color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.property {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
-  background: #ffff00;
-  color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
-  color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
-  opacity: 0.7;
-}
-
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 0;
-}
-
-.emotion-0 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 0;
-  opacity: 1;
-}
-
-.emotion-70 {
-  border-collapse: collapse;
-  margin-top: 16px;
-  width: auto;
-  table-layout: auto;
-}
-
-.emotion-18 {
-  border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-
-.emotion-8 {
-  padding: 2px 6px;
-  line-height: 18px;
-  vertical-align: middle;
-  padding: 8px 16px;
-}
-
-.emotion-68 {
-  font-size: 14px;
-}
-
-.emotion-30 {
-  border-bottom: 1px solid #eee;
-}
-
-.emotion-20 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #774dd7;
-}
-
-.emotion-22 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-  color: #1ea7fd;
-}
-
-.emotion-22 button {
-  color: #37d5d3;
-}
-
-.emotion-22 span {
-  white-space: pre;
-}
-
-.emotion-24 {
-  padding: 2px 6px;
-  white-space: nowrap;
-  font-family: Monaco,Consolas,"Courier New",monospace;
-  text-align: left;
-  padding: 8px 16px;
-}
-
-.emotion-28 {
-  padding: 2px 6px;
-  text-align: left;
-  padding: 8px 16px;
-}
-
 <div>
   <div
     style="position:relative;z-index:0"
@@ -17272,16 +10394,16 @@ exports[`Storyshots Addons|Info/deprecated Displays Markdown in description 1`]
             Story Source
           </h1>
           <div
-            class="emotion-6 emotion-7"
+            class="css-fri0s0-Wrapper epklh870"
           >
             <div
-              class="emotion-4 emotion-5"
+              class="css-1y75e3d-Scroller epklh871"
             >
               <pre
-                class="hljs emotion-2 emotion-3"
+                class="hljs css-1x8ad3z-Pre epklh872"
               >
                 <code
-                  class="emotion-0 emotion-1"
+                  class="css-1igagyr-Code epklh873"
                 >
                   <span
                     class="token tag"
@@ -17409,162 +10531,162 @@ exports[`Storyshots Addons|Info/deprecated Displays Markdown in description 1`]
               "BaseButton" Component
             </h3>
             <table
-              class="emotion-70 emotion-71"
+              class="css-919xfk-Table-Table e1fg2ikb0"
             >
               <thead
-                class="emotion-18 emotion-19"
+                class="css-ig77mj-THead e1fg2ikb1"
               >
                 <tr>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Property
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Type
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Required
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Default
                   </th>
                   <th
-                    class="emotion-8 emotion-9"
+                    class="css-6pdatc-Th-TH e1fg2ikb2"
                   >
                     Description
                   </th>
                 </tr>
               </thead>
               <tbody
-                class="emotion-68 emotion-69"
+                class="css-4b5un0-TBody e1fg2ikb3"
               >
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     disabled
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       bool
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       false
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     label
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       string
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     yes
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     onClick
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       func
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       onClick
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
                 <tr
-                  class="emotion-30 emotion-31"
+                  class="css-rss5jh-TBodyTR e1fg2ikb4"
                 >
                   <td
-                    class="emotion-20 emotion-21"
+                    class="css-v0hv6k-Td-TD-TDName e1fg2ikb6"
                   >
                     style
                   </td>
                   <td
-                    class="emotion-22 emotion-23"
+                    class="css-yv1lmn-Td-TD-TDType e1fg2ikb7"
                   >
                     <span>
                       other
                     </span>
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     -
                   </td>
                   <td
-                    class="emotion-24 emotion-25"
+                    class="css-6qgefz-Td-TD e1fg2ikb5"
                   >
                     <span>
                       {}
                     </span>
                   </td>
                   <td
-                    class="emotion-28 emotion-25"
+                    class="css-a1xhq0-Td-TD e1fg2ikb5"
                   />
                 </tr>
               </tbody>
diff --git a/examples/official-storybook/stories/__snapshots__/addon-links.stories.storyshot b/examples/official-storybook/stories/__snapshots__/addon-links.stories.storyshot
index 5ad349309e8..1b8f3818d40 100644
--- a/examples/official-storybook/stories/__snapshots__/addon-links.stories.storyshot
+++ b/examples/official-storybook/stories/__snapshots__/addon-links.stories.storyshot
@@ -23,12 +23,8 @@ exports[`Storyshots Addons|Links.Href log 1`] = `
 `;
 
 exports[`Storyshots Addons|Links.Link First 1`] = `
-.emotion-0 {
-  color: inherit;
-}
-
 <a
-  class="emotion-0 emotion-1"
+  class="css-1a69rwi-A e10n0hn00"
   href="/"
 >
   Go to Second
@@ -36,12 +32,8 @@ exports[`Storyshots Addons|Links.Link First 1`] = `
 `;
 
 exports[`Storyshots Addons|Links.Link Second 1`] = `
-.emotion-0 {
-  color: inherit;
-}
-
 <a
-  class="emotion-0 emotion-1"
+  class="css-1a69rwi-A e10n0hn00"
   href="/"
 >
   Go to First
@@ -55,12 +47,8 @@ Array [
   >
     Scroll down to see the link
   </div>,
-  .emotion-0 {
-  color: inherit;
-}
-
-<a
-    class="emotion-0 emotion-1"
+  <a
+    class="css-1a69rwi-A e10n0hn00"
     href="/"
   >
     Go to Second
@@ -75,12 +63,8 @@ Array [
   >
     Scroll down to see the link
   </div>,
-  .emotion-0 {
-  color: inherit;
-}
-
-<a
-    class="emotion-0 emotion-1"
+  <a
+    class="css-1a69rwi-A e10n0hn00"
     href="/"
   >
     Go to First
@@ -89,12 +73,8 @@ Array [
 `;
 
 exports[`Storyshots Addons|Links.Select First 1`] = `
-.emotion-0 {
-  color: inherit;
-}
-
 <a
-  class="emotion-0 emotion-1"
+  class="css-1a69rwi-A e10n0hn00"
   href="/"
 >
   Go back
@@ -121,12 +101,8 @@ exports[`Storyshots Addons|Links.Select Index 1`] = `
 `;
 
 exports[`Storyshots Addons|Links.Select Second 1`] = `
-.emotion-0 {
-  color: inherit;
-}
-
 <a
-  class="emotion-0 emotion-1"
+  class="css-1a69rwi-A e10n0hn00"
   href="/"
 >
   Go back
@@ -134,12 +110,8 @@ exports[`Storyshots Addons|Links.Select Second 1`] = `
 `;
 
 exports[`Storyshots Addons|Links.Select Third 1`] = `
-.emotion-0 {
-  color: inherit;
-}
-
 <a
-  class="emotion-0 emotion-1"
+  class="css-1a69rwi-A e10n0hn00"
   href="/"
 >
   Go back
diff --git a/examples/official-storybook/stories/__snapshots__/addon-viewport.stories.storyshot b/examples/official-storybook/stories/__snapshots__/addon-viewport.stories.storyshot
index 856f526a52f..46c2fc8a91b 100644
--- a/examples/official-storybook/stories/__snapshots__/addon-viewport.stories.storyshot
+++ b/examples/official-storybook/stories/__snapshots__/addon-viewport.stories.storyshot
@@ -2,7 +2,7 @@
 
 exports[`Storyshots Addons|Viewport default 1`] = `
 <div
-  class="emotion-0 emotion-1"
+  class="css-mpcyc0-Panel ehw333c0"
 >
   I don't have problems being rendered using the default viewport.
 </div>
@@ -10,7 +10,7 @@ exports[`Storyshots Addons|Viewport default 1`] = `
 
 exports[`Storyshots Addons|Viewport.Custom Default (Kindle Fire 2) Inherited 1`] = `
 <div
-  class="emotion-0 emotion-1"
+  class="css-mpcyc0-Panel ehw333c0"
 >
   I've inherited 
   <b>
@@ -22,7 +22,7 @@ exports[`Storyshots Addons|Viewport.Custom Default (Kindle Fire 2) Inherited 1`]
 
 exports[`Storyshots Addons|Viewport.Custom Default (Kindle Fire 2) Overridden via "withViewport" parameterized decorator 1`] = `
 <div
-  class="emotion-0 emotion-1"
+  class="css-mpcyc0-Panel ehw333c0"
 >
   I respect my parents but I should be looking good on 
   <b>
diff --git a/examples/official-storybook/stories/__snapshots__/core.stories.storyshot b/examples/official-storybook/stories/__snapshots__/core.stories.storyshot
index e082d1369a5..7dd56096035 100644
--- a/examples/official-storybook/stories/__snapshots__/core.stories.storyshot
+++ b/examples/official-storybook/stories/__snapshots__/core.stories.storyshot
@@ -1,36 +1,8 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Storyshots Core|Events Force re-render 1`] = `
-.emotion-0 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  display: inline;
-  text-align: left;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  min-height: 32px;
-  box-sizing: border-box;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
 <button
-  class="emotion-0 emotion-1"
+  class="css-1pzmux7-Button e1lk8yn73"
 >
   Clicked: 0
 </button>
diff --git a/examples/official-storybook/tests/storyshots.test.js b/examples/official-storybook/tests/storyshots.test.js
index b12e7214965..256d81f7c02 100644
--- a/examples/official-storybook/tests/storyshots.test.js
+++ b/examples/official-storybook/tests/storyshots.test.js
@@ -1,5 +1,4 @@
 import path from 'path';
-import { createSerializer as emotionCreateSerializer } from 'jest-emotion';
 import initStoryshots, { multiSnapshotWithOptions } from '@storybook/addon-storyshots';
 import { render as renderer } from 'enzyme';
 import { createSerializer } from 'enzyme-to-json';
@@ -12,5 +11,5 @@ initStoryshots({
   test: multiSnapshotWithOptions({
     renderer,
   }),
-  snapshotSerializers: [createSerializer(), emotionCreateSerializer()],
+  snapshotSerializers: [createSerializer()],
 });
diff --git a/jest.config.js b/jest.config.js
index 763c9f19c40..33e04c4c7f7 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -23,7 +23,6 @@ module.exports = {
     '<rootDir>/lib',
     '<rootDir>/examples/official-storybook',
   ],
-  snapshotSerializers: ['jest-emotion'],
   transform: {
     '^.+\\.jsx?$': '<rootDir>/scripts/babel-jest.js',
     '^.+\\.tsx?$': '<rootDir>/node_modules/ts-jest',
diff --git a/lib/components/src/form/__snapshots__/form.stories.storyshot b/lib/components/src/form/__snapshots__/form.stories.storyshot
index cad94608d23..ff1e1c598eb 100644
--- a/lib/components/src/form/__snapshots__/form.stories.storyshot
+++ b/lib/components/src/form/__snapshots__/form.stories.storyshot
@@ -1,131 +1,32 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Storyshots Components|Form/Button alignment 1`] = `
-.emotion-12 > * {
-  margin-top: 10px;
-}
-
-.emotion-12 > *:nth-child(0) {
-  margin-top: 0;
-}
-
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-.emotion-8 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  width: 100%;
-  text-align: left;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  min-height: 32px;
-  box-sizing: border-box;
-}
-
-.emotion-8:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-.emotion-0 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  width: 100%;
-  text-align: right;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  min-height: 32px;
-  box-sizing: border-box;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-.emotion-4 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  width: 100%;
-  text-align: center;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  min-height: 32px;
-  box-sizing: border-box;
-}
-
-.emotion-4:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
 <div
-  class="emotion-12 emotion-13"
+  class="css-1mvfu07-Container ecq4n7c0"
 >
   <div
-    class="emotion-2 emotion-3"
+    class="css-1nttea4-Flexed e1cifqpq0"
   >
     <button
-      class="emotion-0 emotion-1"
+      class="css-h3sobf-Button e1lk8yn73"
     >
       click this button
     </button>
   </div>
   <div
-    class="emotion-2 emotion-3"
+    class="css-1nttea4-Flexed e1cifqpq0"
   >
     <button
-      class="emotion-4 emotion-1"
+      class="css-f5ome0-Button e1lk8yn73"
     >
       click this button
     </button>
   </div>
   <div
-    class="emotion-2 emotion-3"
+    class="css-1nttea4-Flexed e1cifqpq0"
   >
     <button
-      class="emotion-8 emotion-1"
+      class="css-4ds05y-Button e1lk8yn73"
     >
       click this button
     </button>
@@ -134,133 +35,32 @@ exports[`Storyshots Components|Form/Button alignment 1`] = `
 `;
 
 exports[`Storyshots Components|Form/Button sizes 1`] = `
-.emotion-12 > * {
-  margin-top: 10px;
-}
-
-.emotion-12 > *:nth-child(0) {
-  margin-top: 0;
-}
-
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-.emotion-0 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  display: inline;
-  text-align: left;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  min-height: 32px;
-  box-sizing: border-box;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-.emotion-4 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  text-align: left;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  min-height: 32px;
-  box-sizing: border-box;
-}
-
-.emotion-4:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-.emotion-8 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  width: 100%;
-  text-align: left;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  min-height: 32px;
-  box-sizing: border-box;
-}
-
-.emotion-8:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
 <div
-  class="emotion-12 emotion-13"
+  class="css-1mvfu07-Container ecq4n7c0"
 >
   <div
-    class="emotion-2 emotion-3"
+    class="css-1nttea4-Flexed e1cifqpq0"
   >
     <button
-      class="emotion-0 emotion-1"
+      class="css-1pzmux7-Button e1lk8yn73"
     >
       click this button
     </button>
   </div>
   <div
-    class="emotion-2 emotion-3"
+    class="css-1nttea4-Flexed e1cifqpq0"
   >
     <button
-      class="emotion-4 emotion-1"
+      class="css-1hyuh0l-Button e1lk8yn73"
     >
       click this button
     </button>
   </div>
   <div
-    class="emotion-2 emotion-3"
+    class="css-1nttea4-Flexed e1cifqpq0"
   >
     <button
-      class="emotion-8 emotion-1"
+      class="css-4ds05y-Button e1lk8yn73"
     >
       click this button
     </button>
@@ -269,171 +69,41 @@ exports[`Storyshots Components|Form/Button sizes 1`] = `
 `;
 
 exports[`Storyshots Components|Form/Button validations 1`] = `
-.emotion-16 > * {
-  margin-top: 10px;
-}
-
-.emotion-16 > *:nth-child(0) {
-  margin-top: 0;
-}
-
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-.emotion-12 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  width: 100%;
-  text-align: left;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  min-height: 32px;
-  box-sizing: border-box;
-}
-
-.emotion-12:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-.emotion-0 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  width: 100%;
-  text-align: left;
-  border-bottom-color: #d53535;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  min-height: 32px;
-  box-sizing: border-box;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-.emotion-4 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  width: 100%;
-  text-align: left;
-  border-bottom-color: orange;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  min-height: 32px;
-  box-sizing: border-box;
-}
-
-.emotion-4:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-.emotion-8 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  width: 100%;
-  text-align: left;
-  border-bottom-color: #09833a;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  min-height: 32px;
-  box-sizing: border-box;
-}
-
-.emotion-8:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
 <div
-  class="emotion-16 emotion-17"
+  class="css-1mvfu07-Container ecq4n7c0"
 >
   <div
-    class="emotion-2 emotion-3"
+    class="css-1nttea4-Flexed e1cifqpq0"
   >
     <button
-      class="emotion-0 emotion-1"
+      class="css-wvpv7w-Button e1lk8yn73"
     >
       click this button
     </button>
   </div>
   <div
-    class="emotion-2 emotion-3"
+    class="css-1nttea4-Flexed e1cifqpq0"
   >
     <button
-      class="emotion-4 emotion-1"
+      class="css-1g2cn2b-Button e1lk8yn73"
     >
       click this button
     </button>
   </div>
   <div
-    class="emotion-2 emotion-3"
+    class="css-1nttea4-Flexed e1cifqpq0"
   >
     <button
-      class="emotion-8 emotion-1"
+      class="css-c7m30k-Button e1lk8yn73"
     >
       click this button
     </button>
   </div>
   <div
-    class="emotion-2 emotion-3"
+    class="css-1nttea4-Flexed e1cifqpq0"
   >
     <button
-      class="emotion-12 emotion-1"
+      class="css-4ds05y-Button e1lk8yn73"
     >
       click this button
     </button>
@@ -442,148 +112,22 @@ exports[`Storyshots Components|Form/Button validations 1`] = `
 `;
 
 exports[`Storyshots Components|Form/Button with knobs 1`] = `
-.emotion-0 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  display: inline;
-  text-align: left;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  min-height: 32px;
-  box-sizing: border-box;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
 <button
-  class="emotion-0 emotion-1"
+  class="css-1pzmux7-Button e1lk8yn73"
 >
   💌  love letter to storybook team
 </button>
 `;
 
 exports[`Storyshots Components|Form/Select sizes 1`] = `
-.emotion-12 > * {
-  margin-top: 10px;
-}
-
-.emotion-12 > *:nth-child(0) {
-  margin-top: 0;
-}
-
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-.emotion-0 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  display: inline;
-  text-align: left;
-  height: 32px;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  padding-right: 20px;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-.emotion-4 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  text-align: left;
-  height: 32px;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  padding-right: 20px;
-}
-
-.emotion-4:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-.emotion-8 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  width: 100%;
-  text-align: left;
-  height: 32px;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  padding-right: 20px;
-}
-
-.emotion-8:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
 <div
-  class="emotion-12 emotion-13"
+  class="css-1mvfu07-Container ecq4n7c0"
 >
   <div
-    class="emotion-2 emotion-3"
+    class="css-1nttea4-Flexed e1cifqpq0"
   >
     <select
-      class="emotion-0 emotion-1"
+      class="css-bsjfx3-Select e1lk8yn71"
     >
       <option
         value="val1"
@@ -604,10 +148,10 @@ exports[`Storyshots Components|Form/Select sizes 1`] = `
     </select>
   </div>
   <div
-    class="emotion-2 emotion-3"
+    class="css-1nttea4-Flexed e1cifqpq0"
   >
     <select
-      class="emotion-4 emotion-1"
+      class="css-1mq6ser-Select e1lk8yn71"
     >
       <option
         value="val1"
@@ -628,10 +172,10 @@ exports[`Storyshots Components|Form/Select sizes 1`] = `
     </select>
   </div>
   <div
-    class="emotion-2 emotion-3"
+    class="css-1nttea4-Flexed e1cifqpq0"
   >
     <select
-      class="emotion-8 emotion-1"
+      class="css-170lhp0-Select e1lk8yn71"
     >
       <option
         value="val1"
@@ -655,130 +199,11 @@ exports[`Storyshots Components|Form/Select sizes 1`] = `
 `;
 
 exports[`Storyshots Components|Form/Select validations 1`] = `
-.emotion-8 > * {
-  margin-top: 10px;
-}
-
-.emotion-8 > *:nth-child(0) {
-  margin-top: 0;
-}
-
-.emotion-6 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  width: 100%;
-  text-align: left;
-  height: 32px;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  padding-right: 20px;
-}
-
-.emotion-6:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-.emotion-0 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  width: 100%;
-  text-align: left;
-  border-bottom-color: #d53535;
-  height: 32px;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  padding-right: 20px;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-.emotion-2 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  width: 100%;
-  text-align: left;
-  border-bottom-color: orange;
-  height: 32px;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  padding-right: 20px;
-}
-
-.emotion-2:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-.emotion-4 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  width: 100%;
-  text-align: left;
-  border-bottom-color: #09833a;
-  height: 32px;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  padding-right: 20px;
-}
-
-.emotion-4:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
 <div
-  class="emotion-8 emotion-9"
+  class="css-1mvfu07-Container ecq4n7c0"
 >
   <select
-    class="emotion-0 emotion-1"
+    class="css-hxwf21-Select e1lk8yn71"
   >
     <option
       value="val1"
@@ -798,7 +223,7 @@ exports[`Storyshots Components|Form/Select validations 1`] = `
     </option>
   </select>
   <select
-    class="emotion-2 emotion-1"
+    class="css-1pbuugy-Select e1lk8yn71"
   >
     <option
       value="val1"
@@ -818,7 +243,7 @@ exports[`Storyshots Components|Form/Select validations 1`] = `
     </option>
   </select>
   <select
-    class="emotion-4 emotion-1"
+    class="css-p4579u-Select e1lk8yn71"
   >
     <option
       value="val1"
@@ -838,7 +263,7 @@ exports[`Storyshots Components|Form/Select validations 1`] = `
     </option>
   </select>
   <select
-    class="emotion-6 emotion-1"
+    class="css-170lhp0-Select e1lk8yn71"
   >
     <option
       value="val1"
@@ -861,127 +286,37 @@ exports[`Storyshots Components|Form/Select validations 1`] = `
 `;
 
 exports[`Storyshots Components|Form/Textarea alignment 1`] = `
-.emotion-12 > * {
-  margin-top: 10px;
-}
-
-.emotion-12 > *:nth-child(0) {
-  margin-top: 0;
-}
-
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-.emotion-8 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  width: 100%;
-  text-align: left;
-  min-height: 32px;
-  padding-top: 5px;
-  padding-bottom: 5px;
-  overflow: visible;
-}
-
-.emotion-8:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-.emotion-0 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  width: 100%;
-  text-align: right;
-  min-height: 32px;
-  padding-top: 5px;
-  padding-bottom: 5px;
-  overflow: visible;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-.emotion-4 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  width: 100%;
-  text-align: center;
-  min-height: 32px;
-  padding-top: 5px;
-  padding-bottom: 5px;
-  overflow: visible;
-}
-
-.emotion-4:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
 <div
-  class="emotion-12 emotion-13"
+  class="css-1mvfu07-Container ecq4n7c0"
 >
   <div
-    class="emotion-2 emotion-3"
+    class="css-1nttea4-Flexed e1cifqpq0"
   >
     <textarea
       align="end"
-      class="emotion-0 emotion-1"
+      class="css-ok7c03-Textarea e1lk8yn72"
       style="height:0"
     >
       text
     </textarea>
   </div>
   <div
-    class="emotion-2 emotion-3"
+    class="css-1nttea4-Flexed e1cifqpq0"
   >
     <textarea
       align="center"
-      class="emotion-4 emotion-1"
+      class="css-djty3k-Textarea e1lk8yn72"
       style="height:0"
     >
       text
     </textarea>
   </div>
   <div
-    class="emotion-2 emotion-3"
+    class="css-1nttea4-Flexed e1cifqpq0"
   >
     <textarea
       align="start"
-      class="emotion-8 emotion-1"
+      class="css-pul98m-Textarea e1lk8yn72"
       style="height:0"
     >
       text
@@ -991,126 +326,34 @@ exports[`Storyshots Components|Form/Textarea alignment 1`] = `
 `;
 
 exports[`Storyshots Components|Form/Textarea sizes 1`] = `
-.emotion-12 > * {
-  margin-top: 10px;
-}
-
-.emotion-12 > *:nth-child(0) {
-  margin-top: 0;
-}
-
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-.emotion-8 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  width: 100%;
-  text-align: left;
-  min-height: 32px;
-  padding-top: 5px;
-  padding-bottom: 5px;
-  overflow: visible;
-}
-
-.emotion-8:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-.emotion-0 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  display: inline;
-  text-align: left;
-  min-height: 32px;
-  padding-top: 5px;
-  padding-bottom: 5px;
-  overflow: visible;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-.emotion-4 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  text-align: left;
-  min-height: 32px;
-  padding-top: 5px;
-  padding-bottom: 5px;
-  overflow: visible;
-}
-
-.emotion-4:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
 <div
-  class="emotion-12 emotion-13"
+  class="css-1mvfu07-Container ecq4n7c0"
 >
   <div
-    class="emotion-2 emotion-3"
+    class="css-1nttea4-Flexed e1cifqpq0"
   >
     <textarea
-      class="emotion-0 emotion-1"
+      class="css-fpmx1h-Textarea e1lk8yn72"
       style="height:0"
     >
       text
     </textarea>
   </div>
   <div
-    class="emotion-2 emotion-3"
+    class="css-1nttea4-Flexed e1cifqpq0"
   >
     <textarea
-      class="emotion-4 emotion-1"
+      class="css-5rqdpj-Textarea e1lk8yn72"
       style="height:0"
     >
       text
     </textarea>
   </div>
   <div
-    class="emotion-2 emotion-3"
+    class="css-1nttea4-Flexed e1cifqpq0"
   >
     <textarea
-      class="emotion-8 emotion-1"
+      class="css-pul98m-Textarea e1lk8yn72"
       style="height:0"
     >
       text
@@ -1120,132 +363,14 @@ exports[`Storyshots Components|Form/Textarea sizes 1`] = `
 `;
 
 exports[`Storyshots Components|Form/Textarea validations 1`] = `
-.emotion-16 > * {
-  margin-top: 10px;
-}
-
-.emotion-16 > *:nth-child(0) {
-  margin-top: 0;
-}
-
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-.emotion-12 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  width: 100%;
-  text-align: left;
-  min-height: 32px;
-  padding-top: 5px;
-  padding-bottom: 5px;
-  overflow: visible;
-}
-
-.emotion-12:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-.emotion-0 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  width: 100%;
-  text-align: left;
-  border-bottom-color: #d53535;
-  min-height: 32px;
-  padding-top: 5px;
-  padding-bottom: 5px;
-  overflow: visible;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-.emotion-4 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  width: 100%;
-  text-align: left;
-  border-bottom-color: orange;
-  min-height: 32px;
-  padding-top: 5px;
-  padding-bottom: 5px;
-  overflow: visible;
-}
-
-.emotion-4:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-.emotion-8 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  width: 100%;
-  text-align: left;
-  border-bottom-color: #09833a;
-  min-height: 32px;
-  padding-top: 5px;
-  padding-bottom: 5px;
-  overflow: visible;
-}
-
-.emotion-8:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
 <div
-  class="emotion-16 emotion-17"
+  class="css-1mvfu07-Container ecq4n7c0"
 >
   <div
-    class="emotion-2 emotion-3"
+    class="css-1nttea4-Flexed e1cifqpq0"
   >
     <textarea
-      class="emotion-0 emotion-1"
+      class="css-vcj5vs-Textarea e1lk8yn72"
       style="height:0"
       valid="error"
     >
@@ -1253,10 +378,10 @@ exports[`Storyshots Components|Form/Textarea validations 1`] = `
     </textarea>
   </div>
   <div
-    class="emotion-2 emotion-3"
+    class="css-1nttea4-Flexed e1cifqpq0"
   >
     <textarea
-      class="emotion-4 emotion-1"
+      class="css-1orv7tn-Textarea e1lk8yn72"
       style="height:0"
       valid="warn"
     >
@@ -1264,10 +389,10 @@ exports[`Storyshots Components|Form/Textarea validations 1`] = `
     </textarea>
   </div>
   <div
-    class="emotion-2 emotion-3"
+    class="css-1nttea4-Flexed e1cifqpq0"
   >
     <textarea
-      class="emotion-8 emotion-1"
+      class="css-1gb1gub-Textarea e1lk8yn72"
       style="height:0"
       valid="valid"
     >
@@ -1275,10 +400,10 @@ exports[`Storyshots Components|Form/Textarea validations 1`] = `
     </textarea>
   </div>
   <div
-    class="emotion-2 emotion-3"
+    class="css-1nttea4-Flexed e1cifqpq0"
   >
     <textarea
-      class="emotion-12 emotion-1"
+      class="css-pul98m-Textarea e1lk8yn72"
       style="height:0"
     >
       text
@@ -1288,33 +413,8 @@ exports[`Storyshots Components|Form/Textarea validations 1`] = `
 `;
 
 exports[`Storyshots Components|Form/Textarea with knobs (controlled) 1`] = `
-.emotion-0 {
-  padding: 0 10px;
-  color: #444;
-  background: rgba(0,0,0,0.1);
-  border-radius: 4px;
-  -webkit-transition: border-bottom-color .3s linear;
-  transition: border-bottom-color .3s linear;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  box-sizing: border-box;
-  position: relative;
-  width: 100%;
-  text-align: left;
-  min-height: 32px;
-  padding-top: 5px;
-  padding-bottom: 5px;
-  overflow: visible;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
 <textarea
-  class="emotion-0 emotion-1"
+  class="css-pul98m-Textarea e1lk8yn72"
   style="height:0"
 >
   OMG, multiple lines!
diff --git a/lib/components/src/grid/__snapshots__/grid.stories.storyshot b/lib/components/src/grid/__snapshots__/grid.stories.storyshot
index d34ad5fdb00..98567c17d74 100644
--- a/lib/components/src/grid/__snapshots__/grid.stories.storyshot
+++ b/lib/components/src/grid/__snapshots__/grid.stories.storyshot
@@ -2,57 +2,25 @@
 
 exports[`Storyshots Components|Grid col 1`] = `
 Array [
-  .emotion-0 {
-  background: silver;
-  display: inline-block;
-  padding: 20px;
-}
-
-<span
-    class="emotion-0 emotion-1"
+  <span
+    class="css-1bdt3um-PlaceholderInline ea0irds1"
     color="silver"
   />,
-  .emotion-6 {
-  display: inline-block;
-  vertical-align: inherit;
-}
-
-.emotion-6 > * {
-  margin-left: 10px;
-  vertical-align: inherit;
-}
-
-.emotion-6 > *:nth-child(0) {
-  margin-left: 0;
-}
-
-.emotion-0 {
-  background: hotpink;
-  display: inline-block;
-  padding: 20px;
-}
-
-<div
-    class="emotion-6 emotion-7"
+  <div
+    class="css-14cpgt7-Container ecq4n7c0"
   >
     <span
-      class="emotion-0 emotion-1"
+      class="css-ol8bih-PlaceholderInline ea0irds1"
     />
     <span
-      class="emotion-0 emotion-1"
+      class="css-ol8bih-PlaceholderInline ea0irds1"
     />
     <span
-      class="emotion-0 emotion-1"
+      class="css-ol8bih-PlaceholderInline ea0irds1"
     />
   </div>,
-  .emotion-0 {
-  background: silver;
-  display: inline-block;
-  padding: 20px;
-}
-
-<span
-    class="emotion-0 emotion-1"
+  <span
+    class="css-1bdt3um-PlaceholderInline ea0irds1"
     color="silver"
   />,
 ]
@@ -60,59 +28,25 @@ Array [
 
 exports[`Storyshots Components|Grid col outer 1`] = `
 Array [
-  .emotion-0 {
-  background: silver;
-  display: inline-block;
-  padding: 20px;
-}
-
-<span
-    class="emotion-0 emotion-1"
+  <span
+    class="css-1bdt3um-PlaceholderInline ea0irds1"
     color="silver"
   />,
-  .emotion-0 {
-  background: hotpink;
-  display: inline-block;
-  padding: 20px;
-}
-
-.emotion-6 {
-  display: inline-block;
-  vertical-align: inherit;
-  margin-left: 10px;
-  margin-right: 10px;
-}
-
-.emotion-6 > * {
-  margin-left: 10px;
-  vertical-align: inherit;
-}
-
-.emotion-6 > *:nth-child(0) {
-  margin-left: 0;
-}
-
-<div
-    class="emotion-6 emotion-7"
+  <div
+    class="css-1ufl575-Container ecq4n7c0"
   >
     <span
-      class="emotion-0 emotion-1"
+      class="css-ol8bih-PlaceholderInline ea0irds1"
     />
     <span
-      class="emotion-0 emotion-1"
+      class="css-ol8bih-PlaceholderInline ea0irds1"
     />
     <span
-      class="emotion-0 emotion-1"
+      class="css-ol8bih-PlaceholderInline ea0irds1"
     />
   </div>,
-  .emotion-0 {
-  background: silver;
-  display: inline-block;
-  padding: 20px;
-}
-
-<span
-    class="emotion-0 emotion-1"
+  <span
+    class="css-1bdt3um-PlaceholderInline ea0irds1"
     color="silver"
   />,
 ]
@@ -120,48 +54,25 @@ Array [
 
 exports[`Storyshots Components|Grid row 1`] = `
 Array [
-  .emotion-0 {
-  background: silver;
-  padding: 20px;
-}
-
-<div
-    class="emotion-0 emotion-1"
+  <div
+    class="css-sekvhc-PlaceholderBlock ea0irds0"
     color="silver"
   />,
-  .emotion-6 > * {
-  margin-top: 10px;
-}
-
-.emotion-6 > *:nth-child(0) {
-  margin-top: 0;
-}
-
-.emotion-0 {
-  background: hotpink;
-  padding: 20px;
-}
-
-<div
-    class="emotion-6 emotion-7"
+  <div
+    class="css-1mvfu07-Container ecq4n7c0"
   >
     <div
-      class="emotion-0 emotion-1"
+      class="css-19zkc89-PlaceholderBlock ea0irds0"
     />
     <div
-      class="emotion-0 emotion-1"
+      class="css-19zkc89-PlaceholderBlock ea0irds0"
     />
     <div
-      class="emotion-0 emotion-1"
+      class="css-19zkc89-PlaceholderBlock ea0irds0"
     />
   </div>,
-  .emotion-0 {
-  background: silver;
-  padding: 20px;
-}
-
-<div
-    class="emotion-0 emotion-1"
+  <div
+    class="css-sekvhc-PlaceholderBlock ea0irds0"
     color="silver"
   />,
 ]
@@ -169,53 +80,25 @@ Array [
 
 exports[`Storyshots Components|Grid row multiply 1`] = `
 Array [
-  .emotion-0 {
-  background: silver;
-  padding: 20px;
-}
-
-<div
-    class="emotion-0 emotion-1"
+  <div
+    class="css-sekvhc-PlaceholderBlock ea0irds0"
     color="silver"
   />,
-  .emotion-0 {
-  background: hotpink;
-  padding: 20px;
-}
-
-.emotion-6 {
-  margin-top: 5px;
-  margin-bottom: 5px;
-}
-
-.emotion-6 > * {
-  margin-top: 30px;
-}
-
-.emotion-6 > *:nth-child(0) {
-  margin-top: 0;
-}
-
-<div
-    class="emotion-6 emotion-7"
+  <div
+    class="css-tch0nx-Container ecq4n7c0"
   >
     <div
-      class="emotion-0 emotion-1"
+      class="css-19zkc89-PlaceholderBlock ea0irds0"
     />
     <div
-      class="emotion-0 emotion-1"
+      class="css-19zkc89-PlaceholderBlock ea0irds0"
     />
     <div
-      class="emotion-0 emotion-1"
+      class="css-19zkc89-PlaceholderBlock ea0irds0"
     />
   </div>,
-  .emotion-0 {
-  background: silver;
-  padding: 20px;
-}
-
-<div
-    class="emotion-0 emotion-1"
+  <div
+    class="css-sekvhc-PlaceholderBlock ea0irds0"
     color="silver"
   />,
 ]
@@ -223,53 +106,25 @@ Array [
 
 exports[`Storyshots Components|Grid row outer 1`] = `
 Array [
-  .emotion-0 {
-  background: silver;
-  padding: 20px;
-}
-
-<div
-    class="emotion-0 emotion-1"
+  <div
+    class="css-sekvhc-PlaceholderBlock ea0irds0"
     color="silver"
   />,
-  .emotion-0 {
-  background: hotpink;
-  padding: 20px;
-}
-
-.emotion-6 {
-  margin-top: 10px;
-  margin-bottom: 10px;
-}
-
-.emotion-6 > * {
-  margin-top: 10px;
-}
-
-.emotion-6 > *:nth-child(0) {
-  margin-top: 0;
-}
-
-<div
-    class="emotion-6 emotion-7"
+  <div
+    class="css-1lrgwpd-Container ecq4n7c0"
   >
     <div
-      class="emotion-0 emotion-1"
+      class="css-19zkc89-PlaceholderBlock ea0irds0"
     />
     <div
-      class="emotion-0 emotion-1"
+      class="css-19zkc89-PlaceholderBlock ea0irds0"
     />
     <div
-      class="emotion-0 emotion-1"
+      class="css-19zkc89-PlaceholderBlock ea0irds0"
     />
   </div>,
-  .emotion-0 {
-  background: silver;
-  padding: 20px;
-}
-
-<div
-    class="emotion-0 emotion-1"
+  <div
+    class="css-sekvhc-PlaceholderBlock ea0irds0"
     color="silver"
   />,
 ]
diff --git a/lib/components/src/heading/__snapshots__/heading.stories.storyshot b/lib/components/src/heading/__snapshots__/heading.stories.storyshot
index 4cad06025af..6e116315642 100644
--- a/lib/components/src/heading/__snapshots__/heading.stories.storyshot
+++ b/lib/components/src/heading/__snapshots__/heading.stories.storyshot
@@ -1,142 +1,15 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Storyshots Components|Heading types 1`] = `
-.emotion-4 {
-  margin: 10px;
-  border: 1px dashed deepskyblue;
-}
-
-.emotion-0 {
-  color: currentColor;
-  font-weight: normal;
-  font-family: -apple-system,".SFNSText-Regular","San Francisco",BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Lucida Grande","Arial",sans-serif;
-  margin: 0;
-  padding: 0;
-  line-height: 1.2em;
-  display: block;
-  color: #444;
-  line-height: 1em;
-}
-
-.emotion-0 > sub {
-  display: block;
-  padding-top: 5px;
-  line-height: 1.2em;
-  font-size: 14px;
-}
-
-.emotion-0 > sub {
-  color: rgba(0,0,0,0.4);
-}
-
-.emotion-18 {
-  color: currentColor;
-  font-weight: normal;
-  font-family: -apple-system,".SFNSText-Regular","San Francisco",BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Lucida Grande","Arial",sans-serif;
-  margin: 0;
-  padding: 0;
-  line-height: 1.2em;
-  display: block;
-  color: rgba(0,0,0,0.4);
-  line-height: 1em;
-  font-size: 22px;
-}
-
-.emotion-18 > sub {
-  display: block;
-  padding-top: 5px;
-  line-height: 1.2em;
-  font-size: 14px;
-}
-
-.emotion-18 > sub {
-  color: rgba(0,0,0,0.4);
-}
-
-.emotion-30 {
-  color: currentColor;
-  font-weight: normal;
-  font-family: -apple-system,".SFNSText-Regular","San Francisco",BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Lucida Grande","Arial",sans-serif;
-  margin: 0;
-  padding: 0;
-  line-height: 1.2em;
-  display: block;
-  color: rgba(0,0,0,0.4);
-  -webkit-letter-spacing: 4.3px;
-  -moz-letter-spacing: 4.3px;
-  -ms-letter-spacing: 4.3px;
-  letter-spacing: 4.3px;
-  font-weight: 400;
-  font-size: 10px;
-}
-
-.emotion-30 > sub {
-  display: block;
-  padding-top: 5px;
-  line-height: 1.2em;
-  font-size: 14px;
-}
-
-.emotion-36 {
-  color: currentColor;
-  font-weight: normal;
-  font-family: -apple-system,".SFNSText-Regular","San Francisco",BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Lucida Grande","Arial",sans-serif;
-  margin: 0;
-  padding: 0;
-  line-height: 1.2em;
-  display: block;
-  color: rgba(0,0,0,0.4);
-  -webkit-letter-spacing: 4.3px;
-  -moz-letter-spacing: 4.3px;
-  -ms-letter-spacing: 4.3px;
-  letter-spacing: 4.3px;
-  font-weight: 400;
-  font-size: 10px;
-  text-transform: uppercase;
-}
-
-.emotion-36 > sub {
-  display: block;
-  padding-top: 5px;
-  line-height: 1.2em;
-  font-size: 14px;
-}
-
-.emotion-40 {
-  color: currentColor;
-  font-weight: normal;
-  font-family: -apple-system,".SFNSText-Regular","San Francisco",BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Lucida Grande","Arial",sans-serif;
-  margin: 0;
-  padding: 0;
-  line-height: 1.2em;
-  display: block;
-  color: rgba(0,0,0,0.4);
-  -webkit-letter-spacing: 4.3px;
-  -moz-letter-spacing: 4.3px;
-  -ms-letter-spacing: 4.3px;
-  letter-spacing: 4.3px;
-  font-weight: 400;
-  font-size: 10px;
-  -webkit-text-decoration: underline;
-  text-decoration: underline;
-}
-
-.emotion-40 > sub {
-  display: block;
-  padding-top: 5px;
-  line-height: 1.2em;
-  font-size: 14px;
-}
-
 <div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-ys6tvt-Holder e1662bpg0"
   >
     <header
-      class="emotion-2 emotion-3"
+      class="css-yfonvn-Container e1mflg051"
     >
       <h1
-        class="emotion-0 emotion-1"
+        class="css-4bak20-getElement e1mflg050"
       >
         <span>
           DEFAULT WITH ALL CAPS
@@ -145,13 +18,13 @@ exports[`Storyshots Components|Heading types 1`] = `
     </header>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-ys6tvt-Holder e1662bpg0"
   >
     <header
-      class="emotion-2 emotion-3"
+      class="css-yfonvn-Container e1mflg051"
     >
       <h1
-        class="emotion-0 emotion-1"
+        class="css-4bak20-getElement e1mflg050"
       >
         <span>
           THIS LONG DEFAULT WITH ALL CAPS & SUB
@@ -163,13 +36,13 @@ exports[`Storyshots Components|Heading types 1`] = `
     </header>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-ys6tvt-Holder e1662bpg0"
   >
     <header
-      class="emotion-2 emotion-3"
+      class="css-yfonvn-Container e1mflg051"
     >
       <h1
-        class="emotion-0 emotion-1"
+        class="css-4bak20-getElement e1mflg050"
       >
         <span>
           page type
@@ -178,13 +51,13 @@ exports[`Storyshots Components|Heading types 1`] = `
     </header>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-ys6tvt-Holder e1662bpg0"
   >
     <header
-      class="emotion-2 emotion-3"
+      class="css-yfonvn-Container e1mflg051"
     >
       <h1
-        class="emotion-18 emotion-1"
+        class="css-16jm7o7-getElement e1mflg050"
       >
         <span>
           secondary type
@@ -193,13 +66,13 @@ exports[`Storyshots Components|Heading types 1`] = `
     </header>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-ys6tvt-Holder e1662bpg0"
   >
     <header
-      class="emotion-2 emotion-3"
+      class="css-yfonvn-Container e1mflg051"
     >
       <h1
-        class="emotion-0 emotion-1"
+        class="css-4bak20-getElement e1mflg050"
       >
         <span>
           page type
@@ -211,13 +84,13 @@ exports[`Storyshots Components|Heading types 1`] = `
     </header>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-ys6tvt-Holder e1662bpg0"
   >
     <header
-      class="emotion-2 emotion-3"
+      class="css-yfonvn-Container e1mflg051"
     >
       <h1
-        class="emotion-30 emotion-1"
+        class="css-14lrs4x-getElement e1mflg050"
       >
         <span>
           section type
@@ -226,13 +99,13 @@ exports[`Storyshots Components|Heading types 1`] = `
     </header>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-ys6tvt-Holder e1662bpg0"
   >
     <header
-      class="emotion-2 emotion-3"
+      class="css-yfonvn-Container e1mflg051"
     >
       <h1
-        class="emotion-36 emotion-1"
+        class="css-vn0zam-getElement e1mflg050"
       >
         <span>
           section type
@@ -240,10 +113,10 @@ exports[`Storyshots Components|Heading types 1`] = `
       </h1>
     </header>
     <header
-      class="emotion-2 emotion-3"
+      class="css-yfonvn-Container e1mflg051"
     >
       <h1
-        class="emotion-40 emotion-1"
+        class="css-17iy8tu-getElement e1mflg050"
       >
         <span>
           section type
diff --git a/lib/components/src/icon/__snapshots__/icon.stories.storyshot b/lib/components/src/icon/__snapshots__/icon.stories.storyshot
index 32cf91bafbd..116ed0e7581 100644
--- a/lib/components/src/icon/__snapshots__/icon.stories.storyshot
+++ b/lib/components/src/icon/__snapshots__/icon.stories.storyshot
@@ -1,3182 +1,3134 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Storyshots Components|Icon labels 1`] = `
-.emotion-2 {
-  display: block;
-}
-
-.emotion-0 {
-  fill: currentColor;
-}
-
-.emotion-1192 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-flow: row wrap;
-  -ms-flex-flow: row wrap;
-  flex-flow: row wrap;
-}
-
-.emotion-6 {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -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;
-  -webkit-flex: 0 1 20%;
-  -ms-flex: 0 1 20%;
-  flex: 0 1 20%;
-  min-width: 120px;
-  padding: 0px 7.5px 20px;
-}
-
-.emotion-6 svg {
-  margin-right: 10px;
-  width: 24px;
-  height: 24px;
-}
-
-.emotion-4 {
-  color: #333;
-  font-size: 12px;
-}
-
 <div
-  class="emotion-1192 emotion-1193"
+  class="css-8zgh8v-List e1vckvvz2"
 >
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M512 144c98.296 0 190.708 38.28 260.214 107.784 69.506 69.508 107.786 161.922 107.786 260.216 0 98.296-38.28 190.708-107.786 260.214-69.508 69.506-161.918 107.786-260.214 107.786-98.294 0-190.708-38.28-260.216-107.786-69.504-69.508-107.784-161.918-107.784-260.214 0-98.294 38.28-190.708 107.784-260.216 69.508-69.504 161.922-107.784 260.216-107.784zM512 64c-247.424 0-448 200.576-448 448s200.576 448 448 448 448-200.576 448-448-200.576-448-448-448v0zM729.002 473h-176.008v-176.008c0.002-22.090-17.906-39.994-39.996-39.994-22.088 0-39.998 17.908-39.998 39.998v176.004h-176c-22.094 0-40 17.908-39.998 40-0.002 22.090 17.904 39.996 39.996 39.996h176.002v176.004c0 22.094 17.908 40 40 39.998 22.090 0.002 39.996-17.904 39.996-39.996v-176.006l176.012-0.002c22.090 0.002 39.994-17.906 39.994-39.996-0.002-22.088-17.91-39.998-40-39.998z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       add
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M919.596 847.534h-88.414v-467.716l88.75-0.044c13.688-0.132 26.958-7.25 34.294-19.96 11.044-19.13 4.49-43.596-14.642-54.64l-407.904-235.676c-0.44-0.254-0.894-0.45-1.34-0.684-0.542-0.29-1.084-0.578-1.638-0.84-0.696-0.328-1.4-0.62-2.108-0.904-0.478-0.194-0.954-0.388-1.44-0.56-0.78-0.282-1.564-0.524-2.352-0.754-0.442-0.126-0.878-0.256-1.324-0.37-0.808-0.206-1.618-0.376-2.43-0.528-0.468-0.088-0.934-0.174-1.404-0.246-0.768-0.116-1.534-0.204-2.302-0.274-0.554-0.052-1.108-0.096-1.664-0.124-0.672-0.034-1.34-0.044-2.012-0.044-0.67 0-1.338 0.012-2.010 0.044-0.556 0.030-1.11 0.072-1.664 0.124-0.77 0.070-1.536 0.158-2.302 0.274-0.468 0.072-0.938 0.158-1.402 0.246-0.814 0.152-1.624 0.322-2.432 0.528-0.444 0.114-0.882 0.242-1.322 0.37-0.79 0.23-1.574 0.472-2.356 0.754-0.484 0.172-0.958 0.368-1.438 0.56-0.708 0.286-1.41 0.576-2.11 0.904-0.554 0.262-1.094 0.55-1.636 0.84-0.446 0.234-0.9 0.43-1.34 0.684l-407.906 235.672c-19.128 11.044-25.686 35.51-14.64 54.64 7.34 12.71 20.606 19.828 34.292 19.96v0.044h89.842v467.716h-89.474c-22.090 0-40 17.91-40 40s17.91 40 40 40h128.276c0.402 0.012 0.794 0.060 1.2 0.060s0.796-0.048 1.2-0.060h183.602c0.402 0.012 0.794 0.060 1.2 0.060s0.796-0.048 1.2-0.060h183.602c0.402 0.012 0.794 0.060 1.2 0.060s0.796-0.048 1.2-0.060h313.154c22.098 0 40-17.91 40-40-0.006-22.090-17.914-39.996-40.006-39.996zM751.182 847.534h-105.94v-467.716h105.94v467.716zM252.93 299.816l258.736-149.486 258.738 149.486h-517.474zM565.242 379.816v467.716h-106v-467.716h106zM273.242 379.816h106v467.716h-106v-467.716z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       admin
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M511.998 623.846c-22.090 0-40-17.906-40-40v-208c0-22.090 17.91-40 40-40v0c22.090 0 40.004 17.91 40.004 40v208c0 22.094-17.914 40-40.004 40v0zM511.998 743.846c22.090 0 40.004-17.906 40.004-40v0c0-22.090-17.914-40-40.004-40v0c-22.090 0-40 17.91-40 40v0c0 22.094 17.91 40 40 40v0zM512.142 211.808l-340.074 589.028h680.148l-340.074-589.028zM512.142 92.51c14.5 0 29 9.526 40 28.58l398.638 690.462c22 38.106 4 69.282-40 69.282h-797.278c-44 0-62-31.176-40-69.282l398.638-690.462c11.002-19.052 25.502-28.58 40.002-28.58v0z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       alert
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M511.976 768.002c-10.236 0-20.47-3.904-28.282-11.712l-344.154-344.098c-15.624-15.62-15.624-40.946-0.006-56.57 15.622-15.622 40.948-15.624 56.568-0.004l315.876 315.82 315.922-315.868c15.624-15.618 40.952-15.616 56.568 0.004 15.62 15.624 15.618 40.95-0.006 56.57l-344.204 344.144c-7.81 7.81-18.046 11.714-28.282 11.714z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       arrowdown
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M257.93 511.976c0-10.236 3.902-20.47 11.71-28.282l344.098-344.158c15.622-15.624 40.946-15.624 56.57-0.006 15.622 15.622 15.624 40.948 0.004 56.568l-315.82 315.876 315.868 315.922c15.618 15.624 15.618 40.952-0.004 56.568-15.622 15.62-40.95 15.618-56.57-0.006l-344.146-344.202c-7.808-7.81-11.71-18.044-11.71-28.28z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       arrowleft
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M107.854 539.924l282.834 283.272c15.594 15.65 40.92 15.692 56.568 0.1 15.648-15.594 15.694-40.92 0.1-56.568l-214.838-215.040h655.412c22.092 0 40-17.908 40-40s-17.908-40-40-40h-655l214.75-214.61c15.64-15.602 15.672-40.928 0.070-56.568-7.814-7.834-18.066-11.752-28.32-11.75-10.22 0-20.442 3.892-28.25 11.68l-283.242 282.93c-15.634 15.594-15.672 40.91-0.084 56.554z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       arrowleftalt
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M768.072 514.022c0 10.236-3.904 20.47-11.712 28.282l-344.098 344.156c-15.62 15.624-40.946 15.624-56.568 0.006-15.622-15.622-15.624-40.948-0.006-56.568l315.82-315.876-315.868-315.922c-15.618-15.624-15.618-40.952 0.004-56.568 15.624-15.62 40.95-15.618 56.57 0.006l344.144 344.204c7.81 7.81 11.714 18.044 11.714 28.28z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       arrowright
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M916.266 483.792l-282.834-283.272c-15.594-15.65-40.92-15.692-56.568-0.1-15.648 15.594-15.694 40.92-0.1 56.568l214.838 215.040h-655.412c-22.092 0-40 17.908-40 40s17.908 40 40 40h655l-214.748 214.61c-15.64 15.602-15.672 40.928-0.070 56.568 7.814 7.834 18.066 11.752 28.32 11.75 10.22 0 20.442-3.892 28.25-11.68l283.242-282.93c15.632-15.596 15.67-40.91 0.082-56.554z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       arrowrightalt
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M512.024 256c10.236 0 20.47 3.904 28.282 11.712l344.154 344.098c15.624 15.62 15.624 40.946 0.006 56.57-15.622 15.622-40.948 15.624-56.568 0.004l-315.876-315.82-315.922 315.868c-15.624 15.618-40.952 15.618-56.568-0.004-15.62-15.624-15.618-40.95 0.006-56.57l344.204-344.144c7.81-7.81 18.046-11.714 28.282-11.714z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       arrowup
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M512.030 880c-98.296 0-190.708-38.28-260.214-107.784-69.508-69.508-107.786-161.922-107.786-260.216 0-98.296 38.278-190.708 107.786-260.214s161.918-107.786 260.214-107.786c98.292 0 190.708 38.28 260.214 107.786 69.504 69.508 107.786 161.918 107.786 260.214 0 98.294-38.282 190.708-107.786 260.216-69.508 69.504-161.922 107.784-260.214 107.784zM512.030 960c247.422 0 448-200.576 448-448s-200.578-448-448-448c-247.426 0-448 200.576-448 448s200.574 448 448 448v0zM267.63 538.67l125 125.438c15.596 15.648 40.922 15.692 56.57 0.098s15.692-40.92 0.098-56.566l-57.004-57.206h335.672c22.090 0 40-17.908 40-40s-17.91-40-40-40h-335.26l56.508-56.368c15.64-15.602 15.672-40.928 0.070-56.568-7.814-7.832-18.064-11.752-28.318-11.75-10.22 0-20.444 3.89-28.25 11.68l-125 124.688c-15.634 15.596-15.672 40.91-0.086 56.554z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       back
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M632.254 695.604v-112.016c-0.004-22.092 17.906-40.002 40-40.002 22.090 0.002 40 17.908 40 40.002l-0.004 112.018c0.004 22.088-17.906 39.996-39.996 39.998-22.094 0.002-40.004-17.904-40-40zM352.246 735.604c22.090-0.002 40-17.91 39.996-39.998l0.004-112.018c0-22.094-17.91-40-40-40.002-22.094 0-40.004 17.91-40 40.002v112.016c-0.004 22.096 17.906 40.002 40 40zM512.25 735.604c22.090-0.002 40-17.91 39.996-39.998l0.004-112.018c0-22.094-17.91-40-40-40.002-22.094 0-40.004 17.91-40 40.002v112.016c-0.004 22.096 17.906 40.002 40 40zM950.3 397.424c-7.596-8.686-18.574-13.67-30.114-13.67h-313.284c0.87 5.196 1.346 10.524 1.346 15.966 0 24.608-9.27 47.044-24.494 64.034h290.684l-47.318 351.376-629.908-0.030-47.502-351.346h291.034c-15.224-16.988-24.494-39.426-24.494-64.034 0-5.444 0.476-10.772 1.346-15.966h-313.66c-11.542 0-22.524 4.986-30.12 13.678-7.596 8.694-11.066 20.242-9.52 31.682l51.614 381.742 0.050 0.042c5.832 47.424 46.222 84.158 95.222 84.172l0.054 0.034 601.816-0.034c0.042 0 0.082 0.002 0.124 0.002 49.414 0 90.090-37.34 95.396-85.336l51.258-380.64c1.54-11.44-1.934-22.984-9.53-31.672zM805.492 105.34c-15.622-15.622-40.95-15.624-56.572 0.004l-230.684 230.684c-2.052-0.2-4.132-0.306-6.236-0.306-35.346 0-64 28.654-64 64s28.654 64 64 64 64-28.654 64-64c0-2.652-0.18-5.262-0.494-7.83l229.986-229.98c15.622-15.624 15.616-40.95-0-56.572z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       basket
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M684 277L271 772l-1 1a40 40 0 0 1-56 5l-1-1L14 610a40 40 0 1 1 52-61l169 142 387-465a40 40 0 0 1 62 51zm340 234c0-22-18-40-40-40H808a40 40 0 0 0 0 80h176c22 0 40-18 40-40zm0-216c0-22-18-40-40-40H808a40 40 0 0 0 0 80h176c22 0 40-18 40-40zm0 432c0-22-18-40-40-40H808a40 40 0 0 0 0 80h176c22 0 40-18 40-40z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       batchaccept
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M1024 512c0-22-18-40-40-40H808a40 40 0 0 0 0 80h176c22 0 40-18 40-40zm0-216c0-22-18-40-40-40H808a40 40 0 0 0 0 80h176c22 0 40-18 40-40zm0 432c0-22-18-40-40-40H808a40 40 0 0 0 0 80h176c22 0 40-18 40-40zM625 236c16 15 16 41 0 56L406 512l220 220a40 40 0 1 1-57 57L349 568 129 788a40 40 0 1 1-57-56l220-220L73 292a40 40 0 0 1 56-57l220 220 219-219c16-16 41-16 57 0z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       batchdeny
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M848.64 790.56l-208.638-361.374v-252.062h24c22.092 0 40-17.908 40-40s-17.908-40-40-40h-304.002c-22.092 0-40 17.908-40 40s17.908 40 40 40h24v252.066l-208.636 361.37c-44 76.208-8 138.564 80 138.564h513.278c87.998 0 123.998-62.354 79.998-138.564zM464 177.124h96.002l-0.070 273.376 63.872 110.628h-223.678c35.932-62.268 63.872-110.684 63.876-110.692v-273.312zM768.64 849.124h-513.278c-8.28 0-14.186-0.976-17.968-2 1.004-3.792 3.112-9.394 7.25-16.564 0 0 54.598-94.614 109.316-189.436l316.026-0.002 109.374 189.44c4.138 7.168 6.246 12.77 7.25 16.562-3.784 1.024-9.69 2-17.97 2z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       beaker
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M901.344 760.018l-57.644-77.648c-7.906-7.906-11.77-38.284-11.71-48.646h0.042v-200.588h-0.364c-6.878-148.106-114.428-269.902-255.792-298.528 0.208-2.1 0.318-4.228 0.318-6.384 0-35.452-28.738-64.194-64.194-64.194-35.458 0-64.194 28.742-64.194 64.194 0 2.19 0.112 4.352 0.326 6.486-141.128 28.802-248.446 150.488-255.316 298.426h-0.364v200.588h0.042c0.058 10.362-3.804 40.74-11.71 48.646l-57.644 77.648c-8.802 8.802-16.35 18.978-16.35 32.208 0 22.092 17.908 40 40 40h255.876c-0.814 5.412-1.28 10.936-1.28 16.576 0 61.43 49.794 111.23 111.23 111.23 61.432 0 111.228-49.8 111.228-111.23 0-5.638-0.464-11.164-1.282-16.576h255.128c22.092 0 40-17.908 40-40 0.004-13.23-7.542-23.404-16.346-32.208zM272.732 436.848c2.862-61.602 29.032-119.104 73.69-161.91 44.786-42.93 103.628-66.62 165.692-66.706h0.26c62.062 0.086 120.906 23.776 165.692 66.706 44.658 42.806 70.828 100.308 73.69 161.91l0.278 5.962v149.384h-479.58v-149.384l0.278-5.962zM543.846 848.8c0 17.22-14.010 31.23-31.228 31.23-17.22 0-31.23-14.010-31.23-31.23 0-6.096 1.784-11.768 4.82-16.576h52.818c3.038 4.81 4.82 10.482 4.82 16.576zM512.484 752.226h-283.922l14.572-19.63c12.064-14.542 20.078-33.27 24.982-58.158 0.146-0.742 0.276-1.496 0.416-2.244h487.42c0.138 0.748 0.268 1.5 0.414 2.244 4.904 24.888 12.918 43.616 24.982 58.158l14.572 19.63h-283.436z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       bell
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M512.157 32c-219.6 0-400.001 61.279-400.001 138.881 0 20.4 47.040 310.481 66.641 424.8 7.841 53.28 137.359 126.72 333.36 126.72 196.080 0 321.6-73.601 333.36-126.641 19.601-114.4 66.641-404.479 66.641-424.8-3.919-77.76-180.401-138.96-400.001-138.96v0zM512.157 628.4c-70.56 0-125.52-57.2-125.52-130.722s54.96-130.72 125.52-130.72c70.56 0 125.52 57.199 125.52 130.721 0 69.439-54.96 130.721-125.52 130.721zM512.157 211.76c-141.199 0-254.88-24.559-254.88-57.199 0-32.719 113.681-57.199 254.88-57.199s254.88 24.48 254.88 57.199c0 32.64-113.681 57.199-254.88 57.199zM801.597 706.081c7.84 0 11.76 8.16 7.84 16.32v4.002c-15.679 85.84-27.439 147.199-27.439 155.28-11.76 61.279-129.439 110.321-270.641 110.321-141.12 0-258.8-49.039-270.56-110.321 0-8.16-11.76-69.439-27.439-155.201v-4.081c0-12.24 7.841-16.319 15.679-16.319 4.409 0.751 8.359 2.145 11.962 4.1l-0.202-0.101c0 0 98.081 81.761 274.481 81.761 176.479 0 274.56-81.679 274.56-81.679s3.919-4.080 11.76-4.080l0.001-0.002zM512.157 558.961c-34.639 0-62.719-29.279-62.719-65.359s28.001-65.359 62.719-65.359c34.639 0 62.719 29.279 62.719 65.359s-28.001 65.359-62.719 65.359z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       bitbucket
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M896.054 159.774c-0.122-52.914-43.048-95.774-95.992-95.774h-632.004c-1.754 0-3.468 0.154-5.164 0.372-19.644 2.54-34.836 19.292-34.836 39.628v816c0 22.094 17.91 40 40 40h632.004c52.642 0 95.368-42.378 95.968-94.88h0.036v-705.332l-0.012-0.014zM368.062 144h80v271.922l-11.728-11.718c-15.62-15.606-40.924-15.606-56.542 0l-11.728 11.718v-271.922zM816.036 864.204c-0.1 8.712-7.268 15.796-15.972 15.796h-592.004v-736h80.004v368.426c0 16.176 9.742 30.758 24.684 36.954 14.944 6.192 32.146 2.778 43.586-8.656l51.728-51.68 51.728 51.68c7.652 7.644 17.876 11.708 28.28 11.708 5.156 0 10.356-1 15.306-3.050 14.944-6.196 24.684-20.778 24.684-36.954v-368.428h272c8.796 0 15.972 7.16 15.992 15.958l-0.016 704.246z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       book
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M772 1012L511 761l-260 251a49 49 0 0 1-52 10c-18-7-29-24-29-43V132c0-25 21-46 47-46h588c26 0 47 21 47 46v847c0 19-11 36-29 43a49 49 0 0 1-51-10z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       bookmark
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M772 1012L511 761l-260 251a49 49 0 0 1-52 10c-18-7-29-24-29-43V132c0-25 21-46 47-46h588c26 0 47 21 47 46v847c0 19-11 36-29 43a49 49 0 0 1-51-10zM545 664l213 205V181H265v688l213-205c9-9 21-14 33-14s24 5 34 14z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       bookmarkhollow
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M85 121h854c24 0 42 18 42 41v700c0 23-18 41-42 41H608a44 44 0 0 1-7 0H85c-24 0-42-18-42-41V162c0-23 18-41 42-41zm41 535v165h772V656H126zm0-82h772V202H126v372zm185 197h-69c-19 0-34-14-34-32s15-33 34-33h69c19 0 34 15 34 33s-15 32-34 32zm236 0h-70c-18 0-33-14-33-32s15-33 33-33h70c18 0 33 15 33 33s-15 32-33 32zm235 0h-70c-18 0-33-14-33-32s15-33 33-33h70c18 0 33 15 33 33s-15 32-33 32z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       bottombar
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M960.016 408.080c0-0.672-0.046-1.342-0.078-2.014-0.032-0.594-0.044-1.19-0.102-1.782-0.068-0.726-0.186-1.448-0.294-2.17-0.080-0.54-0.144-1.080-0.248-1.616-0.138-0.724-0.326-1.442-0.506-2.16-0.134-0.534-0.252-1.070-0.408-1.6-0.196-0.662-0.436-1.314-0.668-1.968-0.204-0.582-0.396-1.166-0.628-1.74-0.226-0.56-0.494-1.11-0.75-1.662-0.3-0.656-0.598-1.312-0.934-1.954-0.242-0.454-0.514-0.894-0.774-1.342-0.414-0.716-0.83-1.43-1.292-2.124-0.256-0.382-0.538-0.752-0.806-1.128-0.514-0.716-1.036-1.428-1.602-2.116-0.090-0.11-0.162-0.226-0.254-0.336-0.244-0.292-0.516-0.542-0.768-0.826-0.534-0.6-1.068-1.198-1.644-1.772-0.48-0.478-0.982-0.924-1.48-1.376-0.354-0.316-0.674-0.658-1.040-0.964l-405.788-335.666c-6.568-6.436-14.918-10.166-23.564-11.124-0.16-0.022-0.32-0.050-0.48-0.066-0.838-0.082-1.676-0.11-2.518-0.14-0.496-0.020-0.994-0.058-1.492-0.058s-0.996 0.040-1.492 0.058c-0.842 0.028-1.68 0.058-2.518 0.14-0.16 0.016-0.32 0.044-0.48 0.066-8.646 0.956-16.996 4.688-23.564 11.124l-405.662 335.542c-7.13 5.982-11.616 13.93-13.392 22.382-0.032 0.14-0.070 0.278-0.1 0.42-0.212 1.072-0.37 2.152-0.494 3.238-0.032 0.258-0.078 0.51-0.106 0.77-0.086 0.89-0.114 1.786-0.138 2.68-0.014 0.39-0.052 0.78-0.054 1.17 0 0.040-0.006 0.074-0.006 0.114v204.856c-0.958 12.434 3.854 25.128 14.134 33.754l405.662 335.54c6.568 6.438 14.918 10.168 23.564 11.124 0.16 0.020 0.32 0.050 0.48 0.066 0.838 0.082 1.676 0.114 2.518 0.14 0.496 0.020 0.994 0.058 1.492 0.058 0.054 0 0.11-0.008 0.162-0.008 0.042 0 0.084 0.008 0.126 0.008 0.342 0 0.672-0.042 1.012-0.050 0.062-0.004 0.126-0.008 0.192-0.008 0.134-0.004 0.27-0.020 0.402-0.024 10.602-0.422 20.136-4.938 27.054-12.046l404.526-334.624c0.084-0.066 0.166-0.136 0.248-0.204l0.12-0.098c0.17-0.144 0.314-0.304 0.48-0.45 0.814-0.704 1.614-1.43 2.37-2.2 0.296-0.3 0.562-0.624 0.85-0.934 0.602-0.652 1.2-1.308 1.756-2 0.3-0.372 0.566-0.758 0.852-1.136 0.504-0.672 1.002-1.344 1.462-2.046 0.242-0.368 0.458-0.75 0.686-1.124 0.458-0.754 0.908-1.508 1.316-2.292 0.164-0.312 0.304-0.636 0.46-0.954 0.426-0.872 0.832-1.746 1.196-2.652 0.092-0.23 0.168-0.464 0.256-0.696 0.376-0.996 0.728-2 1.026-3.032 0.042-0.148 0.074-0.296 0.114-0.442 0.306-1.102 0.578-2.218 0.79-3.356 0.016-0.082 0.024-0.164 0.038-0.246 0.212-1.184 0.382-2.378 0.49-3.598v0c0.1-1.156 0.176-2.32 0.176-3.5v-204.86c0.024-0.318 0.022-0.638 0.040-0.958 0.026-0.668 0.074-1.338 0.074-2.008zM143.89 493.202l328.14 271.42v103.902l-328.14-271.18v-104.142zM552.032 764.402l327.868-271.212v103.88l-327.868 270.972v-103.64zM511.898 122.66l345.348 285.42-345.348 285.42-345.374-285.42 345.374-285.42z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       box
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M861.968 312.032c0-66.168-53.832-120-120-120s-120 53.832-120 120c0 50.55 31.436 93.87 75.77 111.516-5.384 20.352-15.71 39.68-29.844 54.92-28.828 31.092-72.202 46.858-128.91 46.858-77.162 0-129.12 26.162-162.984 55.12V297.15c46.556-16.512 80-60.974 80-113.12 0-66.168-53.832-120-120-120s-120 53.832-120 120c0 52.146 33.444 96.608 80 113.12v429.762c-46.556 16.512-80 60.974-80 113.12 0 66.168 53.832 120 120 120s120-53.832 120-120c0-50.926-31.902-94.514-76.758-111.908 5.222-26.17 16.578-51.154 32.558-70.432 28.8-34.746 71.592-52.364 127.184-52.364 99.498 0 156.922-39.408 187.574-72.466 27.402-29.554 45.708-67.194 52.48-106.716 48.078-15.66 82.93-60.882 82.93-114.114zM336 144.032c22.056 0 40 17.944 40 40s-17.944 40-40 40-40-17.944-40-40 17.944-40 40-40zm0 736c-22.056 0-40-17.944-40-40s17.944-40 40-40 40 17.944 40 40-17.944 40-40 40zm405.968-528c-22.056 0-40-17.944-40-40s17.944-40 40-40 40 17.944 40 40-17.942 40-40 40z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       branch
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M920.004 128h-816.008c-1.38 0-2.746 0.070-4.090 0.208-20.168 2.048-35.91 19.080-35.91 39.792v688c0 22.090 17.91 40 40 40h816.008c22.098 0 40-17.91 40-40v-688c-0-22.094-17.906-40-40-40zM368 177.78c17.674 0 32.004 14.328 32.004 31.998 0 17.676-14.33 32.002-32.004 32.002-17.67 0-32-14.326-32-32.002 0-17.67 14.33-31.998 32-31.998zM272 177.78c17.674 0 32.004 14.328 32.004 31.998 0 17.676-14.33 32.002-32.004 32.002-17.67 0-32-14.326-32-32.002 0-17.67 14.33-31.998 32-31.998zM176 177.78c17.674 0 32.004 14.328 32.004 31.998 0 17.676-14.33 32.002-32.004 32.002-17.67 0-32-14.326-32-32.002 0-17.67 14.33-31.998 32-31.998zM880.004 815.996h-736.008v-527.988h736.008v527.988z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       browser
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M644.634 802.32c-4.558 5.434-10.254 9.328-16.446 11.672l0.008 0.024-45.628 16.606 27.54 75.66c7.554 20.756-3.148 43.71-23.906 51.266s-43.714-3.146-51.27-23.906l-27.54-75.656-47.63 17.29c-6.020 1.956-12.586 2.518-19.254 1.342-21.75-3.836-36.282-24.582-32.45-46.34l30.57-173.328c2.55-14.476 12.61-25.714 25.458-30.508 0.292-0.118 0.586-0.23 0.878-0.34 0.238-0.084 0.476-0.168 0.718-0.246 12.942-4.624 27.91-2.492 39.196 6.98l134.824 113.13c16.932 14.2 19.144 39.432 4.932 56.354zM960.002 664v-368.082c0-22.092-17.908-40-40-40h-816c-22.092 0-40 17.908-40 40l-0.292 368.238c0 22.092 17.908 40 40 40h240.292c22.092 0 40-17.908 40-40s-17.908-40-40-40h-200.292l0.292-288.238h736v288.082h-200c-22.092 0-40 17.908-40 40s17.908 40 40 40h240c22.092 0 40-17.908 40-40z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       button
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M920.036 160.030h-112.004v-72c0-22.092-17.906-40.004-40-40.004-22.090 0-40 17.906-40 40v72.004h-432v-72c0-22.092-17.906-40.004-40-40.004-22.090 0-40 17.906-40 40v72.004h-112.004c-1.38 0-2.746 0.070-4.090 0.208-20.168 2.046-35.91 19.080-35.91 39.792v688c0 22.090 17.91 40 40 40h816.008c22.098 0 40-17.91 40-40v-688c0-22.094-17.908-40-40-40zM356.032 848.026h-212.004v-142.662h212.004v142.662zM356.032 665.364h-212.004v-162.664h212.004v162.664zM356.032 462.7h-212.004v-142.662h212.004v142.662zM628.032 848.026h-232v-142.662h232v142.662zM628.032 665.364h-232v-162.664h232v162.664zM628.032 462.7h-232v-142.662h232v142.662zM880.036 848.026h-212.004v-142.662h212.004v142.662zM880.036 665.364h-212.004v-162.664h212.004v162.664zM880.036 462.7h-212.004v-142.662h212.004v142.662z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       calendar
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M925.164 208.372c-1.694-0.218-3.408-0.372-5.162-0.372h-471.968v-39.962c0-20.344-15.192-37.096-34.836-39.63-1.696-0.218-3.41-0.374-5.164-0.374h-176.004c-1.754 0-3.468 0.152-5.164 0.374-19.644 2.538-34.836 19.29-34.836 39.626v39.966h-88.032c-1.754 0-3.468 0.152-5.162 0.372-19.646 2.536-34.838 19.29-34.838 39.628v528c0 22.094 17.91 40 40 40h816.004c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.46 0.612-0.922 1.2-1.86 1.722-2.836 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-528.004c-0-20.342-15.192-37.096-34.838-39.63zM880.002 736h-736.004v-448h736.004v448zM512 402.522c60.368 0 109.478 49.112 109.478 109.478s-49.112 109.478-109.478 109.478-109.478-49.112-109.478-109.478 49.11-109.478 109.478-109.478zM512 322.522c-104.644 0-189.478 84.832-189.478 189.478 0 104.644 84.834 189.478 189.478 189.478 104.646 0 189.478-84.834 189.478-189.478 0-104.646-84.832-189.478-189.478-189.478v0z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       camera
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M925.224 256.37c-1.694-0.216-3.408-0.37-5.162-0.37h-816c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v624c0 22.094 17.91 40 40 40h816c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-624.004c0-20.342-15.19-37.096-34.838-39.632zM144.062 880v-544h736v544h-736zM896.11 180c0 11.044-8.954 20-20 20h-728.032c-11.046 0-20-8.956-20-20v0c0-11.046 8.954-20 20-20h728.032c11.046 0 20 8.954 20 20v0zM832.094 84c0 11.044-8.954 20-20 20h-600c-11.046 0-20-8.956-20-20v0c0-11.046 8.954-20 20-20h600c11.046 0 20 8.954 20 20v0z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       category
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M832.032 384.032c0-176.728-143.266-320-320-320s-320 143.272-320 320c0 104.662 50.25 197.584 127.938 255.966v311.5c0 16.174 9.74 30.756 24.682 36.952 4.954 2.052 10.152 3.050 15.31 3.050 10.402 0 20.626-4.060 28.276-11.702l123.726-123.58 123.772 123.332c11.452 11.412 28.644 14.804 43.574 8.608 14.93-6.2 24.66-20.776 24.66-36.942v-311.124c77.756-58.376 128.062-151.342 128.062-256.060zM272.032 384.032c0-64.106 24.964-124.374 70.292-169.706 45.33-45.33 105.6-70.294 169.708-70.294s124.376 24.964 169.708 70.294c45.33 45.332 70.292 105.6 70.292 169.706s-24.964 124.376-70.292 169.704c-45.33 45.33-105.6 70.294-169.708 70.294s-124.376-24.964-169.708-70.294c-45.328-45.328-70.292-105.598-70.292-169.704zM623.968 854.89l-83.804-83.508c-15.622-15.564-40.898-15.552-56.502 0.034l-83.694 83.594v-171.17c34.878 13.042 72.632 20.192 112.062 20.192 39.382 0 77.094-7.13 111.938-20.142v171z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       certificate
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M948.598 199.75c-15.622-15.618-40.95-15.618-56.57 0l-535.644 535.644-224.060-224.062c-15.624-15.624-40.954-15.62-56.57 0-15.624 15.62-15.624 40.948 0 56.568l251.574 251.574c0.252 0.266 0.472 0.55 0.734 0.812 7.82 7.82 18.072 11.724 28.322 11.714 10.25 0.010 20.502-3.894 28.322-11.714 0.248-0.248 0.456-0.518 0.698-0.77l563.196-563.202c15.618-15.618 15.618-40.94-0.002-56.564z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       check
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M511.976 833c-10.236 0-20.47-3.904-28.282-11.712l-471.934-471.874c-15.624-15.62-15.624-40.946-0.006-56.57 15.622-15.622 40.948-15.624 56.568-0.004l443.652 443.598 443.61-443.556c15.624-15.618 40.952-15.616 56.568 0.004 15.62 15.624 15.618 40.95-0.006 56.57l-471.89 471.832c-7.808 7.808-18.044 11.712-28.28 11.712z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       chevrondown
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M511.714 956.324c-92.92 0-168.518-75.594-168.518-168.514v-334.082l131.54 75.954v215.936c0 13.172 7.082 25.446 18.48 32.030l139.33 80.43c8.33 4.814 17.014 9.168 25.872 12.966-29.646 52.72-85.44 85.28-146.704 85.28zM753.584 816.61c-29.36 0-58.43-7.812-84.064-22.59l-83.828-48.404 289.354-167.028c8.3-4.802 16.402-10.152 24.132-15.936 30.858 52.030 31.182 116.622 0.568 169.664-30.034 51.994-86.040 84.294-146.162 84.294zM270.334 816.576c-60.084 0-116.064-32.278-146.102-84.238-22.494-39.012-28.466-84.426-16.814-127.866 11.68-43.512 39.564-79.858 78.522-102.334l83.806-48.398 0.018 334.018c0 9.624 0.57 19.294 1.69 28.814-0.374 0.002-0.748 0.004-1.12 0.004zM548.73 529.73l186.996-107.966c11.416-6.588 18.506-18.864 18.506-32.040v-160.856c0.012-9.456-0.56-19.116-1.706-28.778 0.364-0.002 0.732-0.004 1.096-0.004 60.114 0 116.104 32.296 146.124 84.29 46.436 80.486 18.75 183.742-61.714 230.176l-289.302 167.040v-151.862zM325.248 357.624c-5.632-3.242-12.030-4.954-18.504-4.954-6.428 0-12.804 1.708-18.44 4.936l-139.344 80.452c-8.348 4.802-16.462 10.142-24.172 15.912-30.824-52-31.14-116.59-0.546-169.664 30.048-52 86.050-84.306 146.148-84.306 29.326 0 58.394 7.822 84.064 22.624l289.3 167.054-131.482 75.91-187.024-107.964zM390.964 158.644c-8.334-4.826-17.036-9.192-25.92-13.004 29.634-52.742 85.418-85.316 146.67-85.316 92.92 0 168.514 75.6 168.514 168.522v96.81l-289.264-167.012z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       chroma
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M960 512c0 247.424-200.576 448-448 448s-448-200.576-448-448c0-247.424 200.576-448 448-448s448 200.576 448 448z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       circle
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M960 513c0-247.424-200.574-448-448-448-247.422 0-448 200.576-448 448s200.578 448 448 448c247.426 0 448-200.576 448-448zM251.786 773.216c-69.504-69.508-107.786-161.918-107.786-260.216 0-98.294 38.282-190.708 107.786-260.216 69.506-69.504 161.918-107.784 260.214-107.784s190.708 38.28 260.214 107.784c69.508 69.508 107.786 161.922 107.786 260.216 0 98.296-38.278 190.708-107.786 260.214-69.506 69.508-161.922 107.786-260.214 107.786-98.296 0-190.708-38.278-260.214-107.784z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       circlehollow
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M693.022 637.866c15.62 15.622 15.618 40.95 0 56.566-15.622 15.622-40.946 15.624-56.562 0.002l-124.46-124.458-124.456 124.458c-15.622 15.622-40.944 15.622-56.562 0-15.624-15.622-15.624-40.946-0.002-56.568l124.454-124.456-124.452-124.45c-15.622-15.622-15.622-40.946 0-56.564 15.62-15.624 40.944-15.624 56.568-0.002l124.45 124.45 124.454-124.452c15.622-15.62 40.95-15.62 56.566 0 15.622 15.62 15.624 40.944 0.002 56.56l-124.456 124.458 124.456 124.456zM828.784 828.784c-174.956 174.956-458.614 174.956-633.566 0-174.958-174.956-174.958-458.614 0-633.566 174.954-174.958 458.612-174.958 633.566 0 174.954 174.952 174.954 458.612 0 633.566zM880 511.998c-0.002-98.296-38.28-190.708-107.786-260.212s-161.92-107.786-260.214-107.788c-98.296 0.002-190.71 38.282-260.216 107.786-69.506 69.508-107.782 161.918-107.786 260.214 0.002 98.296 38.282 190.71 107.786 260.216 69.508 69.506 161.918 107.784 260.216 107.784 98.296 0 190.708-38.278 260.214-107.784s107.784-161.92 107.786-260.216z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       close
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M396.458 151.486l27.768 27.768c23.28 23.29 54.262 36.116 87.242 36.116 0.318 0 0.636 0 0.958-0.004 0.292 0.002 0.58 0.004 0.872 0.004 32.99 0 63.976-12.83 87.22-36.098l27.61-27.604c19.584 6.294 38.582 14.192 56.892 23.642v39.976c0 32.878 13.406 64.804 36.842 87.888 23.072 23.384 54.966 36.762 87.804 36.762l39.442 0.002c9.168 17.906 16.852 36.462 23.014 55.574l-27.676 27.676c-23.222 23.224-36.318 55.242-36.094 88.096-0.248 32.884 12.844 64.934 36.094 88.19l27.928 27.928c-6.298 19.704-14.212 38.812-23.704 57.23l-38.984 0.002c-0.008 0-0.012 0-0.022 0-32.84 0-64.74 13.38-87.814 36.776-23.43 23.080-36.83 55-36.83 87.876v39.116c-18.38 9.486-37.456 17.406-57.122 23.714l-27.348-27.346c-23.278-23.3-54.264-36.13-87.254-36.13-0.292 0-0.58 0.002-0.872 0.004-0.318-0.004-0.636-0.004-0.958-0.004-32.978 0-63.962 12.826-87.228 36.102l-27.552 27.554c-19.874-6.338-39.144-14.32-57.708-23.902l-0.002-38.13c0.012-32.854-13.368-64.764-36.772-87.846-23.082-23.43-55.004-36.834-87.878-36.834h-38.506c-9.776-18.846-17.898-38.42-24.328-58.624l27.49-27.49c23.246-23.248 36.338-55.296 36.088-88.182 0.224-32.854-12.872-64.872-36.092-88.094l-27.23-27.232c6.29-19.612 14.182-38.628 23.636-56.966h38.942c32.878 0 64.802-13.402 87.884-36.838 23.398-23.086 36.778-54.994 36.766-87.81l0.002-39.028c18.492-9.546 37.688-17.506 57.48-23.834zM421.486 60.208c-59.932 11.946-115.658 35.516-164.752 68.268l-0.004 85.866c0.004 11.676-4.886 22.194-12.706 29.68-7.486 7.83-18.012 12.728-29.702 12.728h-85.806c-32.624 48.946-56.132 104.484-68.088 164.204l60.39 60.394c8.256 8.256 12.234 19.15 11.998 29.968 0.246 10.83-3.734 21.738-11.998 30.004l-60.562 60.56c11.97 60.402 35.74 116.552 68.826 165.948h85.24c11.69 0 22.214 4.9 29.702 12.73 7.818 7.482 12.708 17.998 12.706 29.676l0.004 85.004c49.162 32.796 104.976 56.386 165.006 68.316l60.654-60.656c8.028-8.032 18.55-12.014 29.072-12.014 0.312 0 0.62 0.004 0.93 0.010 0.298-0.006 0.602-0.010 0.9-0.010 10.526 0 21.046 3.982 29.070 12.014l60.542 60.534c59.78-11.968 115.376-35.512 164.356-68.19v-85.956c0-11.69 4.9-22.214 12.73-29.702 7.486-7.818 18.002-12.708 29.678-12.706l85.876-0.004c32.668-49.032 56.182-104.674 68.104-164.504l-61.050-61.052c-8.266-8.266-12.244-19.174-12-30.004-0.236-10.818 3.742-21.712 12-29.968l60.882-60.888c-11.91-59.144-35.158-114.178-67.37-162.758l-86.444-0.004c-0.004 0-0.008 0-0.008 0-11.674 0-22.188-4.89-29.67-12.708-7.83-7.486-12.73-18.012-12.73-29.702v-86.816c-48.912-32.632-104.418-56.158-164.106-68.14l-60.792 60.784c-8.024 8.032-18.546 12.014-29.070 12.014-0.3 0-0.602-0.004-0.9-0.012-0.308 0.008-0.618 0.012-0.93 0.012-10.522 0-21.044-3.982-29.072-12.014l-60.906-60.906zM511.856 314.472c-109.014 0-197.386 88.372-197.386 197.384 0 109.010 88.374 197.382 197.386 197.382v0.134c0.746 0 1.492 0.012 2.24 0.004 14.806-0.16 29.214-1.942 43.056-5.182 1.022-0.238 1.932-0.496 2.794-0.762 17.328-4.988 29.94-21.012 29.738-39.916-0.242-22.71-18.846-40.926-41.556-40.686-2.996 0.032-5.902 0.402-8.708 1.042-0.090 0.016-0.178 0-0.266 0.022-8.18 1.99-16.708 3.096-25.472 3.224-0.586-0.074-1.19-0.124-1.826-0.124-63.486 0-115.142-51.65-115.142-115.138 0-63.49 51.656-115.142 115.142-115.142 63.488 0 115.14 51.652 115.14 115.142 0 8.924-1.028 17.616-2.964 25.958-0.020 0.090-0.008 0.178-0.020 0.268-0.61 2.812-0.948 5.724-0.948 8.72 0 22.71 18.408 41.122 41.122 41.122 18.906 0 34.792-12.778 39.596-30.158 0.262-0.866 0.508-1.78 0.736-2.804 3.092-13.876 4.722-28.3 4.722-43.106 0-109.012-88.372-197.384-197.384-197.384z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       cog
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M288 378.668h448c22.094 0 40 17.906 40 40 0 22.090-17.906 40-40 40h-448c-22.090 0-40-17.91-40-40s17.91-40 40-40zM736 565.334h-448c-22.090 0-40 17.91-40 40 0 22.094 17.91 40 40 40h448c22.094 0 40-17.906 40-40 0-22.090-17.906-40-40-40zM960 232.004v560c0 6.804-1.714 13.196-4.704 18.812-0.042 0.082-0.078 0.172-0.124 0.254-0.524 0.976-1.11 1.914-1.722 2.836-0.098 0.152-0.18 0.314-0.282 0.458-7.188 10.64-19.36 17.636-33.168 17.636h-519.766l-114.292 114.286c-8.036 8.046-18.644 11.91-29.18 11.67-0.292 0.008-0.582 0.046-0.876 0.046-22.090 0-40-17.91-40-40v-86.004h-111.886c-22.090 0-40-17.906-40-40v0-560c0-20.34 15.192-37.094 34.84-39.632 1.692-0.214 3.406-0.368 5.16-0.368h816c1.754 0 3.468 0.154 5.164 0.368 19.644 2.542 34.836 19.296 34.836 39.638zM880 272h-736v480h736v-480z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       comment
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M984.032 472h-186.808c-19.474-140.12-139.74-248-285.222-248s-265.748 107.88-285.222 248h-186.746c-22.092 0-40 17.912-40 40.002 0 22.092 17.91 40 40 40h186.746c19.476 140.122 139.74 247.998 285.222 247.998s265.746-107.876 285.222-247.998h186.808c22.092 0 40-17.91 40-40s-17.908-40.002-40-40.002zM512 720c-114.692 0-208-93.308-208-208s93.308-208 208-208 208 93.308 208 208-93.308 208-208 208z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       commit
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M960 512c0-247.424-200.574-448-448-448-247.422 0-448 200.576-448 448s200.578 448 448 448c247.426 0 448-200.576 448-448zM251.786 772.214c-69.504-69.508-107.786-161.918-107.786-260.214 0-98.294 38.282-190.708 107.786-260.216 69.508-69.504 161.918-107.784 260.214-107.784s190.708 38.28 260.214 107.784c69.508 69.508 107.786 161.922 107.786 260.216 0 98.296-38.278 190.708-107.786 260.214s-161.922 107.786-260.214 107.786c-98.296 0-190.708-38.28-260.214-107.786zM565.742 565.74c-0.93 0.93-1.95 1.768-3.050 2.498l-237.586 158.392c-7.934 5.29-18.496 4.242-25.238-2.498-6.738-6.742-7.786-17.304-2.496-25.236l158.39-237.588c1.464-2.2 3.348-4.082 5.546-5.546l237.586-158.392c7.934-5.29 18.496-4.242 25.238 2.498 6.742 6.742 7.79 17.304 2.5 25.238l-158.394 237.586c-0.73 1.1-1.566 2.118-2.496 3.048zM386.122 637.878l151.054-100.704-50.352-50.352-100.702 151.056z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       compass
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M171 469h298V171H246c-42 0-75 33-75 75v223zm0 86v223c0 42 33 75 75 75h223V555H171zm682-86V246c0-42-33-75-75-75H555v298h298zm0 86H555v298h223c42 0 75-33 75-75V555zM256 85h512c94 0 171 77 171 171v512c0 94-77 171-171 171H256c-94 0-171-77-171-171V256c0-94 77-171 171-171z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       component
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M960.132 210.186c0-0.444-0.050-0.874-0.066-1.312-0.024-0.684-0.044-1.366-0.104-2.046-0.060-0.74-0.158-1.468-0.26-2.198-0.080-0.564-0.156-1.128-0.258-1.692-0.146-0.792-0.328-1.566-0.518-2.34-0.124-0.508-0.244-1.014-0.39-1.518-0.224-0.784-0.488-1.548-0.76-2.312-0.176-0.49-0.344-0.98-0.538-1.466-0.302-0.754-0.642-1.486-0.988-2.216-0.224-0.472-0.436-0.946-0.68-1.41-0.398-0.762-0.838-1.496-1.284-2.228-0.242-0.396-0.466-0.798-0.722-1.19-0.608-0.924-1.262-1.81-1.942-2.678-0.132-0.168-0.248-0.346-0.382-0.512-0.98-1.212-2.028-2.364-3.14-3.454l-104.020-104.9c-3.714-3.714-7.988-6.518-12.542-8.464-0.088-0.040-0.174-0.084-0.262-0.122-0.994-0.418-2.006-0.774-3.024-1.108-0.242-0.080-0.474-0.176-0.72-0.252-0.942-0.288-1.894-0.516-2.854-0.732-0.334-0.076-0.658-0.176-0.996-0.244-0.998-0.2-2.004-0.336-3.010-0.458-0.306-0.038-0.606-0.1-0.912-0.13-1.322-0.13-2.65-0.204-3.976-0.204h-391.784c-1.754 0-3.468 0.152-5.162 0.372-19.646 2.538-34.838 19.29-34.838 39.628v145.516h-279.874c-1.754 0-3.468 0.152-5.162 0.372-19.646 2.538-34.838 19.29-34.838 39.628v628.28c0 22.094 17.91 40 40 40h496.118c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 2.084-3.466 2.128-3.548 2.992-5.612 4.704-12.010 4.704-18.808 0 0 0 0 0-0.004v-145.518h279.874c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 2.084-3.466 2.128-3.548 2.992-5.612 4.704-12.010 4.704-18.808 0 0 0 0 0-0.004v-521.828c0.008-0.23-0.016-0.458-0.014-0.688 0.002-0.202 0.028-0.39 0.028-0.584zM144.124 878.792v-548.278h311.752v65.186c0 22.090 17.91 40 40 40h64.366v443.092h-416.118zM640.244 693.278v-296.31c0.006-0.23-0.018-0.458-0.014-0.688 0.004-0.196 0.030-0.382 0.030-0.578 0-0.444-0.052-0.874-0.066-1.312-0.024-0.684-0.044-1.366-0.104-2.046-0.062-0.74-0.16-1.468-0.262-2.198-0.078-0.564-0.152-1.128-0.258-1.692-0.144-0.792-0.324-1.566-0.516-2.34-0.124-0.508-0.246-1.014-0.39-1.518-0.226-0.784-0.488-1.548-0.76-2.312-0.174-0.49-0.342-0.98-0.538-1.466-0.302-0.754-0.64-1.486-0.988-2.216-0.222-0.472-0.438-0.946-0.68-1.41-0.398-0.762-0.838-1.496-1.284-2.228-0.242-0.396-0.466-0.798-0.724-1.19-0.606-0.924-1.262-1.81-1.942-2.678-0.13-0.168-0.246-0.346-0.382-0.512-0.978-1.212-2.028-2.364-3.138-3.454l-104.020-104.9c-3.714-3.714-7.988-6.518-12.542-8.464-0.088-0.040-0.172-0.084-0.262-0.122-0.994-0.418-2.004-0.774-3.024-1.108-0.242-0.080-0.476-0.176-0.72-0.252-0.942-0.288-1.896-0.516-2.854-0.732-0.334-0.076-0.658-0.176-0.996-0.244-0.998-0.2-2.004-0.336-3.012-0.458-0.304-0.038-0.602-0.1-0.91-0.13-1.322-0.13-2.648-0.204-3.976-0.204h-31.916v-105.516h311.752v65.186c0 22.090 17.91 40 40 40h64.366v443.092h-239.87z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       copy
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M392.016 672.016h240.032c22.092 0 40-17.908 40-40v-240.032c0-22.092-17.908-40-40-40h-240.032c-22.092 0-40 17.908-40 40v240.032c0 22.092 17.908 40 40 40zM432.016 431.984h160.032v160.032h-160.032v-160.032zM864.032 424h71.98c22.094 0 40.004-17.906 40.004-40 0-22.092-17.906-40-40-40h-71.984v-143.968c0-22.092-17.908-40-40-40h-144v-72.012c0-22.094-17.906-40.004-40-40.004-22.090 0-40 17.906-40 40v72.016h-176v-72.012c0-22.094-17.906-40.004-40-40.004-22.090 0-40 17.906-40 40v72.016h-144c-22.092 0-40 17.908-40 40v143.968h-71.984c-22.094 0-40 17.908-40 40s17.91 40 40 40h71.984v176h-71.984c-22.094 0-40 17.908-40 40s17.91 40 40 40h71.984v144.030c0 22.092 17.908 40 40 40h144v71.954c0 22.094 17.906 40 40 40s40-17.91 40-40v-71.954h176v71.954c0 22.094 17.906 40 40 40s40-17.91 40-40v-71.954h144c22.092 0 40-17.908 40-40v-144.030h71.98c22.094 0 40.004-17.906 40.004-40 0-22.092-17.906-40-40-40h-71.984v-176zM784.032 784.032h-143.692c-0.104 0-0.204-0.016-0.308-0.016s-0.206 0.016-0.308 0.016h-127.382c-0.104 0-0.204-0.016-0.308-0.016s-0.206 0.016-0.308 0.016h-127.382c-0.104 0-0.204-0.016-0.308-0.016s-0.206 0.016-0.308 0.016h-143.696v-544h544v544z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       cpu
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M376.188 672.062h-112.124c-22.092 0-40-17.908-40-40s17.908-40 40-40h112.124c22.092 0 40 17.908 40 40s-17.908 40-40 40zM960 232.002v560c0 6.8-1.708 13.2-4.704 18.81-0.044 0.082-0.078 0.172-0.124 0.254-0.524 0.974-1.112 1.914-1.722 2.836-0.098 0.15-0.18 0.31-0.282 0.458-7.188 10.64-19.36 17.638-33.168 17.638h-816c-22.090 0-40-17.908-40-40v-559.998c0-20.34 15.192-37.092 34.838-39.628 1.694-0.218 3.408-0.372 5.162-0.372h816c1.754 0 3.468 0.152 5.162 0.372 19.646 2.536 34.838 19.288 34.838 39.63zM144 272.002v80.030h736v-80.030h-736zM880 751.998v-239.966h-736v239.966h736z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       credit
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M1013.286 955.716l-443.72-443.716 443.718-443.718c15.622-15.622 15.62-40.948-0.004-56.566-15.618-15.622-40.942-15.622-56.562 0l-443.716 443.718-443.72-443.718c-15.62-15.624-40.946-15.622-56.566 0-15.622 15.62-15.622 40.944 0 56.566l443.722 443.718-443.722 443.722c-15.622 15.618-15.62 40.942 0 56.56s40.948 15.622 56.566 0l443.72-443.718 443.722 443.718c15.618 15.624 40.942 15.622 56.56 0 15.62-15.618 15.622-40.944 0.002-56.566z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       cross
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M567.594 674.956c-17.674 30.61-56.816 41.098-87.426 23.426-30.61-17.676-41.1-56.816-23.426-87.426 10.134-17.554 27.33-28.472 45.928-31.278l146.974-254.57c11.042-19.132 35.506-25.688 54.64-14.64 19.13 11.046 25.688 35.508 14.64 54.64l-147.084 254.75c6.736 17.434 5.826 37.648-4.246 55.098zM512.002 209.26c-98.296 0-190.708 38.28-260.214 107.786s-107.786 161.92-107.786 260.214c0 81.428 26.252 158.786 74.768 222.452 88.404-30.49 188.406-46.448 292.732-46.448 104.662 0 204.926 16.046 293.524 46.716 48.65-63.712 74.976-141.164 74.976-222.72 0-98.294-38.28-190.708-107.786-260.214s-161.918-107.786-260.214-107.786zM512.002 129.26c247.424 0 448 200.578 448 448 0 124.132-50.494 236.468-132.054 317.602-87.096-38.574-196.984-61.598-316.446-61.598-119.146 0-228.772 22.902-315.758 61.296-81.376-81.114-131.742-193.324-131.742-317.3 0-247.422 200.576-448 448-448v0z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       dashboard
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M895.95 221.364c-3.414-87.32-173.972-157.672-383.918-157.672s-380.504 70.352-383.918 157.672h-0.082v578.328c0 88.552 171.918 160.338 384 160.338s384-71.786 384-160.338v-578.328h-0.082zM798.412 430.578c-15.6 11.386-37.69 22.346-63.882 31.696-60.984 21.77-140.002 33.758-222.498 33.758s-161.514-11.988-222.498-33.758c-26.192-9.348-48.282-20.308-63.88-31.696-8.706-6.352-13.646-11.608-16.122-14.874v-92.9c70.29 37.478 179.654 61.566 302.5 61.566s232.21-24.088 302.5-61.566v92.9c-2.476 3.266-7.416 8.522-16.12 14.874zM814.532 514.464v93.24c-2.474 3.266-7.416 8.522-16.12 14.874-15.6 11.386-37.69 22.346-63.882 31.696-60.984 21.77-140.002 33.758-222.498 33.758s-161.514-11.988-222.498-33.758c-26.192-9.348-48.282-20.308-63.88-31.696-8.706-6.352-13.646-11.608-16.122-14.874v-93.24c70.29 37.48 179.654 61.566 302.5 61.566s232.21-24.086 302.5-61.566zM225.652 209.146c15.6-11.386 37.69-22.346 63.88-31.696 60.984-21.77 140.002-33.758 222.498-33.758s161.514 11.988 222.498 33.758c26.192 9.348 48.282 20.308 63.882 31.696 8.704 6.352 13.646 11.608 16.12 14.874v0.026c-2.474 3.266-7.416 8.522-16.12 14.874-15.6 11.386-37.69 22.346-63.882 31.696-60.984 21.77-140.002 33.758-222.498 33.758s-161.514-11.988-222.498-33.758c-26.192-9.348-48.282-20.308-63.88-31.696-8.706-6.352-13.646-11.608-16.122-14.874v-0.026c2.476-3.268 7.418-8.524 16.122-14.874zM798.412 814.578c-15.6 11.386-37.69 22.346-63.882 31.696-60.984 21.77-140.002 33.758-222.498 33.758s-161.514-11.988-222.498-33.758c-26.192-9.348-48.282-20.308-63.88-31.696-8.714-6.36-13.66-11.62-16.13-14.886h0.010v-93.228c70.29 37.48 179.654 61.566 302.5 61.566s232.21-24.086 302.5-61.566v93.228h0.010c-2.474 3.266-7.42 8.526-16.132 14.886z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       database
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M828.786 195.216c-174.958-174.956-458.612-174.958-633.568 0-174.954 174.954-174.956 458.612 0 633.566 174.954 174.956 458.614 174.956 633.568 0 174.954-174.954 174.952-458.612 0-633.566zM251.786 251.786c69.506-69.506 161.916-107.784 260.212-107.788 84.838 0 165.278 28.538 230.402 81.028l-517.372 517.374c-52.492-65.126-81.026-145.568-81.030-230.404 0.004-98.294 38.282-190.704 107.788-260.21zM772.214 772.214c-69.506 69.506-161.918 107.784-260.214 107.786-84.836-0.004-165.276-28.538-230.402-81.030l517.376-517.372c52.492 65.126 81.028 145.564 81.028 230.402-0.004 98.296-38.284 190.71-107.788 260.214z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       delete
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M919.938 128h-816.008c-1.38 0-2.746 0.070-4.090 0.208-20.168 2.046-35.91 19.080-35.91 39.792v688c0 22.090 17.91 40 40 40h816.008c22.098 0 40-17.91 40-40v-688c0-22.094-17.906-40-40-40zM395.934 470.67h232v162.664h-232v-162.664zM355.934 633.334h-212.004v-162.664h212.004v162.664zM395.934 430.67v-142.662h232v142.662h-232zM667.934 470.67h212.004v162.664h-212.004v-162.664zM667.934 430.67v-142.662h212.004v142.662h-212.004zM355.934 288.008v142.662h-212.004v-142.662h212.004zM143.93 673.334h212.004v142.662h-212.004v-142.662zM395.934 673.334h232v142.662h-232v-142.662zM667.934 673.334h212.004v142.662h-212.004v-142.662z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       docchart
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M919.938 128h-816.008c-1.38 0-2.746 0.070-4.090 0.208-20.168 2.046-35.91 19.080-35.91 39.792v688c0 22.090 17.91 40 40 40h816.008c22.098 0 40-17.91 40-40v-688c-0-22.094-17.906-40-40-40zM143.93 288.008h736.008v527.988h-736.008v-527.988zM248 400.004c0-22.090 17.91-40 40-40h448c22.094 0 40 17.906 40 40 0 22.090-17.906 40-40 40h-448c-22.090 0-40-17.91-40-40zM776 552.002c0 22.094-17.906 40-40 40h-448c-22.090 0-40-17.906-40-40 0-22.090 17.91-40 40-40h448c22.094 0 40 17.91 40 40zM776 704c0 22.094-17.906 40-40 40h-448c-22.090 0-40-17.906-40-40 0-22.090 17.91-40 40-40h448c22.094 0 40 17.91 40 40z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       doclist
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M863.98 242.454c0.008-0.23-0.094-3.944-0.152-4.624-0.058-0.688-0.368-2.972-0.496-3.742-0.008-0.058-0.352-1.712-0.54-2.486-0.124-0.508-0.246-1.014-0.39-1.518-0.226-0.784-1.106-3.292-1.296-3.78-0.304-0.754-1.426-3.162-1.668-3.626-0.398-0.762-1.75-3.028-2.008-3.418-0.606-0.924-1.262-1.81-1.942-2.678-0.132-0.168-0.246-0.346-0.382-0.512-0.98-1.212-2.028-2.364-3.14-3.454l-104.020-104.9c-3.714-3.714-7.988-6.518-12.54-8.464-0.090-0.040-3.762-1.404-4.008-1.48-0.942-0.288-1.894-0.516-2.852-0.732-0.336-0.076-0.66-0.176-0.996-0.244-1-0.2-3.618-0.558-3.922-0.59-1.324-0.13-2.652-0.204-3.976-0.204h-519.652c-1.754 0-3.468 0.152-5.164 0.372-19.644 2.54-34.836 19.292-34.836 39.628v752c0 22.094 17.91 40 40 40h624c22.090 0 40-17.906 40-40l-0.020-645.548zM784 848h-544v-672l439.614 0.002v65.186c0 22.090 17.91 40 40 40h64.368l0.018 566.812zM664 336c22.090 0 40 17.908 40 40s-17.91 40-40 40h-304c-22.092 0-40-17.908-40-40s17.908-40 40-40h304zM704 528c0 22.092-17.91 40-40 40h-304c-22.092 0-40-17.908-40-40s17.908-40 40-40h304c22.090 0 40 17.908 40 40zM704 680c0 22.092-17.91 40-40 40h-304c-22.092 0-40-17.908-40-40s17.908-40 40-40h304c22.090 0 40 17.908 40 40z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       document
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M881 513.188c0 98.296-38.28 190.708-107.784 260.214-69.508 69.508-161.922 107.786-260.216 107.786-98.296 0-190.708-38.28-260.214-107.786s-107.786-161.916-107.786-260.214c0-98.294 38.28-190.708 107.786-260.216 69.508-69.504 161.918-107.784 260.214-107.784 98.294 0 190.708 38.28 260.216 107.784 69.504 69.508 107.784 161.922 107.784 260.216zM961 513.188c0-247.424-200.576-448-448-448s-448 200.576-448 448 200.576 448 448 448 448-200.576 448-448v0zM539.672 757.584l125.436-125c15.65-15.594 15.692-40.92 0.1-56.568-15.594-15.648-40.92-15.694-56.568-0.1l-57.204 57.004v-335.67c0-22.092-17.908-40-40-40s-40 17.908-40 40v335.258l-56.368-56.508c-15.602-15.64-40.928-15.672-56.568-0.070-7.834 7.814-11.752 18.066-11.75 28.32 0 10.22 3.892 20.442 11.68 28.25l124.688 125c15.594 15.634 40.91 15.672 56.554 0.084z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       download
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M948.56 263.376c12.704-12.708 15.072-31.836 7.11-46.936-1.84-3.524-4.232-6.832-7.192-9.792-0.286-0.286-0.594-0.528-0.886-0.8l-129.318-128.634c-0.048-0.048-0.088-0.106-0.138-0.154-7.812-7.812-18.050-11.716-28.292-11.714-10.242-0.004-20.484 3.902-28.296 11.714-0.064 0.066-0.12 0.136-0.184 0.204l-636.168 636.168c-5.868 5.134-10.21 11.958-12.298 19.748l-47.606 177.664c-3.7 13.804 0.248 28.534 10.352 38.638 7.602 7.6 17.816 11.714 28.288 11.714 3.452 0 6.93-0.446 10.352-1.364l177.664-47.606c7.296-1.956 13.732-5.904 18.74-11.216l521.486-521.484c1.126-0.904 2.222-1.87 3.268-2.914 1.042-1.044 2.006-2.138 2.91-3.264l107.75-107.748c0.836-0.71 1.668-1.432 2.458-2.224zM806.9 291.66l-73.592-73.202 56.61-56.61 73.594 73.2-56.612 56.612zM281.566 816.996l-73.4-73.4 468.572-468.568 73.594 73.202-468.766 468.766zM160.496 864.628l11.742-43.822 32.080 32.080-43.822 11.742z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       edit
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M184 393c66.274 0 120 53.73 120 120s-53.726 120-120 120c-66.286 0-120-53.73-120-120s53.714-120 120-120zM512 393c66.272 0 120 53.73 120 120s-53.728 120-120 120c-66.286 0-120-53.73-120-120s53.714-120 120-120zM840 393c66.272 0 120 53.73 120 120s-53.728 120-120 120c-66.286 0-120-53.73-120-120s53.714-120 120-120z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       ellipsis
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M960.032 268.004c0.748-10.040-2.246-20.364-9.226-28.684-5.984-7.132-13.938-11.62-22.394-13.394-0.13-0.026-0.268-0.066-0.396-0.092-1.082-0.22-2.172-0.376-3.272-0.5-0.25-0.032-0.492-0.080-0.742-0.102-1.028-0.096-2.052-0.136-3.090-0.156-0.292-0.002-0.582-0.042-0.876-0.042h-816.008c-21.416 0-38.848 16.844-39.898 38-0.034 0.628-0.092 1.256-0.096 1.89 0 0.034-0.006 0.074-0.006 0.114 0 0.050 0.008 0.102 0.008 0.152v495.692c0 0.054-0.008 0.106-0.008 0.156 0 22.090 17.91 40 40 40h816.004c13.808 0 25.98-6.996 33.17-17.636 0.1-0.148 0.182-0.312 0.28-0.458 0.606-0.93 1.196-1.868 1.722-2.84 0.046-0.082 0.080-0.172 0.124-0.258 2.992-5.604 4.704-12.008 4.704-18.804v0 0-493.038zM144.032 350.156l339.946 281.188c6.568 6.434 14.918 10.168 23.564 11.122 0.16 0.024 0.32 0.050 0.48 0.066 0.838 0.082 1.676 0.114 2.518 0.14 0.496 0.020 0.994 0.058 1.492 0.058s0.996-0.042 1.492-0.058c0.842-0.028 1.68-0.058 2.518-0.14 0.16-0.016 0.32-0.042 0.48-0.066 8.646-0.958 16.996-4.688 23.564-11.122l339.946-281.206v370.894h-736v-370.876zM215.066 305.030h593.91l-296.946 245.422-296.964-245.422z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       email
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M959.688 920.068l0.31-176c0.040-22.094-17.84-40.032-39.93-40.070-22.092-0.040-40.032 17.838-40.070 39.93l-0.142 79.672-235.734-235.732c-15.622-15.622-40.948-15.622-56.57 0s-15.622 40.948 0 56.568l235.442 235.442-78.946-0.1c-22.092-0.028-40.022 17.86-40.050 39.952-0.014 11.064 4.464 21.084 11.714 28.334 7.228 7.224 17.208 11.702 28.236 11.714l175.688 0.22c22.086 0.028 40.014-17.846 40.052-39.93zM920.178 64.228l-176-0.308c-22.094-0.040-40.032 17.84-40.070 39.93-0.040 22.092 17.838 40.032 39.93 40.070l79.672 0.14-235.732 235.734c-15.622 15.622-15.622 40.948 0 56.568s40.948 15.622 56.568 0l235.442-235.442-0.1 78.946c-0.028 22.092 17.86 40.022 39.952 40.050 11.064 0.014 21.084-4.464 28.334-11.714 7.224-7.228 11.702-17.208 11.714-28.236l0.22-175.688c0.026-22.082-17.846-40.010-39.93-40.050zM64.236 103.742l-0.308 176c-0.040 22.094 17.84 40.032 39.93 40.070 22.092 0.040 40.032-17.84 40.070-39.93l0.14-79.672 235.734 235.73c15.622 15.622 40.948 15.622 56.568 0s15.622-40.946 0-56.566l-235.442-235.442 78.946 0.098c22.092 0.028 40.022-17.86 40.050-39.95 0.014-11.066-4.464-21.086-11.714-28.336-7.228-7.222-17.208-11.7-28.236-11.714l-175.688-0.218c-22.084-0.026-40.012 17.844-40.050 39.93zM103.748 959.766l176 0.308c22.094 0.040 40.032-17.84 40.070-39.93 0.040-22.092-17.84-40.032-39.93-40.070l-79.672-0.14 235.73-235.734c15.622-15.622 15.622-40.948 0-56.568s-40.946-15.622-56.566 0l-235.442 235.442 0.098-78.946c0.028-22.092-17.86-40.022-39.95-40.050-11.066-0.014-21.086 4.464-28.336 11.714-7.222 7.228-11.7 17.208-11.714 28.236l-0.218 175.688c-0.026 22.082 17.844 40.010 39.93 40.050z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       expand
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M512.008 959.964c-10.236 0-20.47-3.904-28.282-11.712l-239.898-239.838c-15.624-15.62-15.624-40.946-0.006-56.57 15.622-15.622 40.948-15.624 56.568-0.004l211.618 211.562 211.712-211.658c15.624-15.618 40.952-15.616 56.568 0.004 15.62 15.624 15.618 40.95-0.006 56.57l-239.994 239.934c-7.808 7.808-18.044 11.712-28.28 11.712zM483.824 75.744l-239.994 239.934c-15.624 15.62-15.624 40.948-0.006 56.57s40.944 15.622 56.568 0.004l211.712-211.658 211.618 211.562c15.622 15.62 40.948 15.616 56.568-0.006 15.62-15.624 15.618-40.95-0.006-56.57l-239.898-239.836c-7.81-7.81-18.044-11.714-28.282-11.714s-20.47 3.906-28.28 11.714z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       expandalt
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M1008.714 490.522c-9.002-12.594-223.276-308.808-496.684-308.808-273.444 0-487.682 296.214-496.684 308.808l-15.316 21.49 15.316 21.466c9.002 12.618 223.24 308.808 496.684 308.808 273.408 0 487.682-296.19 496.684-308.808l15.316-21.466-15.316-21.49zM807.68 631.688c-46 39.142-92.558 70.064-138.382 91.904-53.874 25.676-106.786 38.694-157.266 38.694-50.49 0-103.406-13.018-157.282-38.696-45.826-21.838-92.382-52.758-138.378-91.902-53.708-45.706-94.302-92.122-116.61-119.672 22.36-27.602 63.028-74.094 116.612-119.696 45.996-39.146 92.554-70.068 138.378-91.908 53.876-25.678 106.792-38.698 157.28-38.698 50.48 0 103.39 13.020 157.264 38.696 45.824 21.842 92.382 52.764 138.382 91.91 53.602 45.614 94.264 92.098 116.624 119.696-22.306 27.544-62.898 73.954-116.622 119.672zM692.032 512.036c0 99.41-80.588 180-180 180s-180-80.59-180-180c0-99.406 80.588-179.998 180-179.998s180 80.59 180 179.998z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       eye
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M75.744 948.314c-15.62-15.62-15.62-40.948 0-56.564l816-816c15.626-15.624 40.95-15.624 56.57 0 15.624 15.62 15.626 40.946 0.004 56.57l-816 815.994c-15.62 15.62-40.95 15.62-56.572 0zM332.032 512.034c0 20.104 3.296 39.434 9.376 57.484l228.104-228.106c-18.050-6.080-37.38-9.376-57.48-9.376-99.412-0.004-180 80.588-180 179.996zM692.032 512.034c0-20.1-3.3-39.432-9.38-57.484l-228.106 228.11c18.052 6.080 37.384 9.376 57.488 9.376 99.412 0 180-80.59 180-180zM1008.716 490.522c-4.98-6.968-72.86-100.8-178.81-183.22l-57.040 57.040c11.624 8.8 23.24 18.128 34.814 27.98 53.6 45.614 94.264 92.1 116.624 119.696-22.304 27.544-62.896 73.954-116.62 119.672-46 39.14-92.56 70.064-138.384 91.904-53.872 25.676-106.786 38.694-157.266 38.694-37.448 0-76.234-7.18-115.76-21.36l-61.486 61.49c54.786 24.22 114.45 39.87 177.248 39.87 273.41 0 487.684-296.19 496.686-308.808l15.316-21.468-15.316-21.49zM216.372 631.69c-53.708-45.706-94.3-92.12-116.61-119.672 22.36-27.6 63.028-74.094 116.612-119.696 46-39.146 92.554-70.068 138.38-91.908 53.874-25.68 106.79-38.7 157.28-38.7 37.46 0 76.264 7.188 115.8 21.38l61.484-61.484c-54.796-24.236-114.474-39.896-177.286-39.896-273.446 0-487.684 296.214-496.686 308.808l-15.316 21.49 15.314 21.466c4.98 6.984 72.866 100.84 178.84 183.26l57.040-57.040c-11.64-8.806-23.264-18.144-34.854-28.008z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       eyeclose
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M582.52 960h-167.88v-448h-112v-154.396l112-0.052-0.166-90.948c-0.036-125.974 34.12-202.604 182.484-202.604h123.542v154.424h-77.19c-57.782 0-60.566 21.56-60.566 61.85l-0.218 77.278h138.854l-16.376 154.394-122.36 0.052-0.124 448.002z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       facebook
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M960 513c0-247.424-200.574-448-448-448-247.422 0-448 200.576-448 448s200.578 448 448 448c247.426 0 448-200.576 448-448zM251.786 773.214c-69.504-69.508-107.786-161.918-107.786-260.214 0-98.294 38.282-190.708 107.786-260.216 69.506-69.504 161.918-107.784 260.214-107.784s190.708 38.28 260.214 107.784c69.508 69.508 107.786 161.922 107.786 260.216 0 98.296-38.278 190.708-107.786 260.214-69.506 69.506-161.922 107.786-260.214 107.786-98.296 0-190.708-38.28-260.214-107.786zM416.5 384.998c0 35.346-28.654 64-64 64s-64-28.654-64-64 28.654-64 64-64 64 28.654 64 64zM736 384.998c0 35.346-28.654 64-64 64s-64-28.654-64-64 28.654-64 64-64 64 28.654 64 64zM763.62 636.976v0.094c-49.554 87.14-143.21 145.93-250.62 145.93-107.486 0-201.2-58.868-250.726-146.108v-0.092c-3.34-5.842-5.274-12.59-5.274-19.8s1.934-13.958 5.274-19.798v-0.198h0.122c6.918-11.946 19.808-20.004 34.606-20.004s27.69 8.058 34.61 20.004h0.098c35.756 63.222 103.614 105.996 181.29 105.996s145.54-42.774 181.3-105.996h0.090c6.918-11.946 19.81-20.004 34.606-20.004s27.69 8.058 34.61 20.004h0.014v0.024c3.402 5.88 5.38 12.69 5.38 19.972 0 7.286-1.978 14.094-5.38 19.976z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       facehappy
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M968 513c0-247.424-200.574-448-448-448-247.422 0-448 200.576-448 448s200.578 448 448 448c247.426 0 448-200.576 448-448zM259.786 773.214c-69.504-69.506-107.786-161.918-107.786-260.214 0-98.294 38.282-190.708 107.786-260.216 69.506-69.504 161.918-107.784 260.214-107.784s190.708 38.28 260.214 107.784c69.508 69.508 107.786 161.922 107.786 260.216 0 98.296-38.278 190.708-107.786 260.214-69.506 69.506-161.922 107.786-260.214 107.786-98.296 0-190.708-38.28-260.214-107.786zM424.5 384.998c0 35.346-28.654 64-64 64s-64-28.654-64-64 28.654-64 64-64 64 28.654 64 64zM744 384.998c0 35.346-28.654 64-64 64s-64-28.654-64-64 28.654-64 64-64 64 28.654 64 64zM777 641c0 22.094-17.906 40-40 40h-432c-22.090 0-40-17.906-40-40 0-22.090 17.91-40 40-40h432c22.094 0 40 17.91 40 40z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       faceneutral
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M960 513c0-247.424-200.574-448-448-448-247.422 0-448 200.576-448 448s200.578 448 448 448c247.426 0 448-200.576 448-448zM251.786 773.214c-69.504-69.506-107.786-161.918-107.786-260.214 0-98.294 38.282-190.708 107.786-260.216 69.506-69.504 161.918-107.784 260.214-107.784s190.708 38.28 260.214 107.784c69.508 69.508 107.786 161.922 107.786 260.216 0 98.296-38.278 190.708-107.786 260.214-69.506 69.506-161.922 107.786-260.214 107.786-98.296 0-190.708-38.28-260.214-107.786zM416.5 384.998c0 35.346-28.654 64-64 64s-64-28.654-64-64 28.654-64 64-64 64 28.654 64 64zM736 384.998c0 35.346-28.654 64-64 64s-64-28.654-64-64 28.654-64 64-64 64 28.654 64 64zM262.38 684.024v-0.094c49.552-87.14 143.208-145.93 250.62-145.93 107.486 0 201.2 58.868 250.726 146.108v0.092c3.34 5.842 5.274 12.59 5.274 19.8s-1.934 13.958-5.274 19.798v0.198h-0.122c-6.918 11.946-19.808 20.004-34.606 20.004s-27.69-8.058-34.61-20.004h-0.098c-35.76-63.222-103.618-105.996-181.292-105.996s-145.54 42.774-181.3 105.996h-0.090c-6.918 11.946-19.808 20.004-34.606 20.004s-27.69-8.058-34.61-20.004h-0.014v-0.024c-3.402-5.88-5.38-12.69-5.38-19.972 0.002-7.286 1.98-14.094 5.382-19.976z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       facesad
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M962.030 168.032c0 22.092-17.908 40-40.002 40h-815.996c-22.092 0-40-17.908-40-40v0c0-22.090 17.908-40 40-40h815.998c22.092 0 40 17.908 40 40v0zM770 544.034c0 22.090-17.908 40-40 40h-432c-22.090 0-40-17.908-40-40v0c0-22.090 17.908-40.002 40-40.002h432c22.090 0 40 17.912 40 40.002v0zM642.030 728.032c0 22.094-17.91 40-40.002 40h-175.998c-22.090 0-40-17.906-40-40v0c0-22.094 17.908-40.002 40-40.002h176c22.094 0.002 40 17.91 40 40.002v0zM866 352.030c0 22.092-17.906 40.002-40 40.002h-624c-22.090 0-40-17.91-40-40.002v0c0-22.090 17.908-40 40-40h624c22.092 0 40 17.91 40 40v0zM512.030 928.034c22.090 0 40.004-17.906 40.004-40v0c0-22.090-17.914-40-40.004-40v0c-22.090 0-40 17.91-40 40v0c0 22.092 17.91 40 40 40v0z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       filter
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M168 960.060c-22.092 0-40-17.908-40-40v-816.36c0-22.092 17.908-40 40-40h687.698c16.178 0 30.764 9.746 36.956 24.694 6.192 14.946 2.77 32.15-8.67 43.59l-188.918 188.922 189.218 189.216c11.44 11.442 14.862 28.646 8.67 43.592-6.192 14.948-20.776 24.694-36.956 24.694h-647.998v341.654c0 22.090-17.908 39.998-40 39.998zM208 498.406h551.428l-149.218-149.216c-15.622-15.622-15.622-40.95 0-56.568l148.918-148.922h-551.128v354.706z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       flag
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M571 274h327c23 0 41 18 41 41v488c0 22-18 40-41 40H126c-23 0-41-18-41-40V242c0-34 27-61 61-61h317c18 0 35 7 47 21l61 72zm-119-8H170v492h684V359H531l-79-93z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       folder
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M948.362 178.828l-471.082 470.086c-0.24 0.25-0.45 0.52-0.698 0.77-7.82 7.82-18.070 11.722-28.32 11.712-10.25 0.010-20.504-3.892-28.324-11.712-0.262-0.262-0.48-0.546-0.734-0.812l-221.736-221.738c-15.624-15.622-15.624-40.95 0-56.566 15.618-15.622 40.946-15.624 56.57 0l194.224 194.222 443.53-442.528c15.622-15.618 40.95-15.618 56.57 0 15.62 15.62 15.62 40.946 0 56.566zM98.372 128.448c-18.926 0-34.266 15.342-34.266 34.268v699.032c0 18.926 15.34 34.266 34.266 34.266h699.032c18.926 0 34.266-15.34 34.266-34.266v-430.588c0 0 0.002-1.184 0.002-1.788 0-22.090-17.914-40-40.004-40s-40 17.91-40 40c0 0.288 0.002 386.64 0.002 386.64h-607.562v-607.564h600.002c22.090-0.002 40.002-17.906 40.002-40 0-22.090-17.914-40-40.004-40z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       form
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M465.926 641.356l-149.328 258.708h494.074l149.328-258.708h-494.074zM917.704 567.988l-256.33-444.048h-298.686l256.356 444.048h298.66zM320.236 197.442l-256.236 443.914 149.36 258.708 256.23-443.914-149.354-258.708z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       gdrive
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M512.062 64.032c-247.426 0-448 200.576-448 448s200.574 448 448 448c247.422 0 448-200.576 448-448s-200.578-448-448-448zM251.846 772.246c-69.506-69.508-107.784-161.918-107.784-260.214 0-98.294 38.278-190.708 107.784-260.216 69.508-69.504 161.92-107.784 260.216-107.784s190.708 38.28 260.214 107.784c69.504 69.508 107.786 161.922 107.786 260.216 0 98.296-38.282 190.708-107.786 260.214-42.852 42.848-94.41 73.806-150.684 91.27v-65.104c0-34.584-11.86-60.022-35.578-76.31 14.864-1.43 28.512-3.43 40.942-6.002 12.434-2.572 25.578-6.292 39.442-11.146s26.292-10.644 37.3-17.364c11-6.712 21.574-15.434 31.718-26.15s18.648-22.866 25.508-36.444c6.864-13.57 12.292-29.866 16.292-48.874 4.004-19.006 6-39.944 6-62.802 0-44.3-14.434-82.032-43.296-113.182 13.14-34.294 11.714-71.594-4.29-111.894l-10.718-1.286c-7.43-0.858-20.79 2.286-40.082 9.434-19.29 7.144-40.942 18.864-64.95 35.152-34.016-9.432-69.308-14.148-105.894-14.148-36.87 0-72.024 4.716-105.46 14.148-15.144-10.29-29.51-18.79-43.086-25.508s-24.436-11.29-32.582-13.718c-8.144-2.43-15.718-3.93-22.722-4.5-7-0.574-11.5-0.714-13.504-0.43-2 0.286-3.43 0.572-4.288 0.86-16.004 40.582-17.436 77.88-4.288 111.894-28.868 31.152-43.3 68.878-43.3 113.178 0 22.866 2 43.798 6.002 62.804 4 19.010 9.432 35.296 16.292 48.876s15.364 25.722 25.508 36.442c10.146 10.718 20.72 19.438 31.724 26.152s23.436 12.504 37.298 17.362c13.862 4.858 27.008 8.574 39.442 11.146 12.434 2.57 26.080 4.574 40.942 6.002-23.438 16.004-35.152 41.444-35.152 76.31v66.404c-57.936-17.198-111.030-48.638-154.966-92.572z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       github
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M511.989 937.076l-175.718-538.045h351.434l-175.717 538.045zM90.107 399.031l421.88 538.045-462.033-334.102c-9.156-6.631-15.047-17.289-15.047-29.321 0-3.985 0.645-7.821 1.839-11.406l-0.072 0.255 53.431-163.471zM90.107 399.031l105.75-324.083c2.508-7.304 9.319-12.457 17.334-12.457s14.825 5.153 17.294 12.329l0.042 0.128 105.749 324.082-246.165 0.001zM933.869 399.031l53.431 163.474c1.133 3.347 1.788 7.203 1.788 11.215 0 12.038-5.895 22.705-14.961 29.262l-0.104 0.072-462.034 334.022 421.88-538.046zM933.869 399.031h-246.162l105.75-324.083c2.543-7.242 9.325-12.341 17.292-12.341s14.748 5.096 17.256 12.212l0.042 0.127 105.825 324.083z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       gitlab
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M530.878 65.424c-6.748-1.014-13.090-1.424-18.878-1.424s-12.13 0.41-18.878 1.424c-238.662 9.9-429.122 206.48-429.122 447.576 0 247.424 200.578 448 448 448 247.426 0 448-200.576 448-448 0-241.098-190.456-437.678-429.122-447.576zM877.84 472.998h-158.508c-3.16-92.542-17.532-179.266-41.262-247.494-6.442-18.52-13.534-35.536-21.228-50.988 42.548 18.214 81.66 44.556 115.374 78.268 59.988 59.99 96.69 137.046 105.624 220.214zM512 880c-65.872 0-120.112-143.058-127.206-327h254.41c-7.092 183.942-61.332 327-127.204 327zM384.714 472.998c6.426-175.362 55.69-314.010 117.15-327.852 3.372-0.092 6.748-0.146 10.134-0.146s6.764 0.054 10.136 0.146c61.46 13.842 110.722 152.49 117.148 327.852h-254.568zM251.786 252.784c33.714-33.71 72.826-60.052 115.374-78.268-7.694 15.452-14.788 32.468-21.226 50.988-23.732 68.228-38.104 154.952-41.264 247.494h-158.508c8.934-83.168 45.636-160.224 105.624-220.214zM146.16 553h158.578c3.298 91.792 17.632 177.762 41.194 245.498 6.798 19.55 14.33 37.416 22.526 53.542-43.050-18.232-82.616-44.772-116.672-78.826-59.988-59.99-96.69-137.044-105.626-220.214zM772.214 773.214c-34.054 34.054-73.622 60.592-116.672 78.824 8.196-16.126 15.726-33.99 22.528-53.542 23.558-67.736 37.892-153.704 41.192-245.498h158.578c-8.934 83.172-45.634 160.226-105.626 220.216z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       globe
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M799.094 79.996c0 0-200.938 0-267.936 0-120.126 0-233.188 91.004-233.188 196.434 0 107.692 81.904 194.624 204.124 194.624 8.496 0 16.75-0.148 24.812-0.74-7.942 15.186-13.594 32.286-13.594 50.022 0 29.974 16.094 54.226 36.466 74.042-15.376 0-30.248 0.438-46.438 0.438-148.782 0.036-263.312 94.784-263.312 193.056 0 96.758 125.534 157.312 274.312 157.312 169.656 0 263.312-96.25 263.312-193.024 0-77.6-22.908-124.062-93.686-174.156-24.216-17.128-70.534-58.812-70.534-83.32 0-28.69 8.19-42.868 51.406-76.624 44.346-34.63 75.688-83.302 75.688-139.944 0-67.372-30-133.058-86.374-154.746h85l59.942-43.374zM701.504 735.438c2.092 8.992 3.276 18.226 3.276 27.624 0 78.226-50.374 139.304-194.934 139.304-102.874 0-177.124-65.078-177.124-143.304 0-76.622 92.122-140.434 194.934-139.32 24.004 0.254 46.376 4.136 66.69 10.702 55.812 38.834 95.874 60.808 107.158 104.994zM536.844 443.782c-69-2.094-134.624-77.212-146.564-167.876-11.874-90.664 34.378-160.030 103.442-157.97 68.996 2.060 134.594 74.818 146.53 165.432 11.906 90.696-34.408 162.508-103.408 160.414z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       google
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M324.832 513c22.090 0 40 17.91 40 40v304c0 22.090-17.906 40-40 40v0c-22.090 0-40-17.906-40-40v-304c0-22.090 17.91-40 40-40v0zM884.832 128.998c-22.090 0-40 17.906-40 40v688.002c0 22.094 17.91 40 40 40v0c22.094 0 40-17.91 40-40v-688.002c0-22.094-17.91-40-40-40v0zM698.164 256.998c-22.090 0-40 17.91-40 40v560.002c0 22.094 17.91 40 40 40v0c22.094 0 40-17.91 40-40v-560.002c0-22.090-17.91-40-40-40v0zM511.5 384.998c-22.090 0-40.004 17.91-40.004 40v432.002c0 22.094 17.914 40 40.004 40v0c22.090 0 40-17.91 40-40v-432.002c0-22.090-17.91-40-40-40v0zM139.168 641c-22.090 0-40 17.91-40 40v176c0 22.094 17.91 40 40 40v0c22.094 0 40-17.91 40-40v-176c0-22.090-17.91-40-40-40v0z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       graphbar
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M820.536 489.23c-15.624 15.618-40.954 15.618-56.57 0l-42.006-42.002-169.898 169.9c-7.822 7.82-18.076 11.722-28.326 11.712-10.248 0.008-20.496-3.894-28.314-11.712l-96.178-96.182-140.67 140.674c-15.624 15.622-40.954 15.618-56.57-0.004-15.624-15.618-15.624-40.946 0-56.566l168.946-168.946c7.812-7.816 18.058-11.72 28.3-11.716 10.238-0.002 20.476 3.904 28.29 11.716l96.204 96.204 168.91-168.91c0.33-0.356 0.626-0.73 0.972-1.076 7.824-7.824 18.084-11.726 28.34-11.712 10.252-0.012 20.508 3.892 28.332 11.714 0.346 0.346 0.64 0.72 0.972 1.074l69.266 69.266c15.62 15.618 15.616 40.942 0 56.566zM880 144h-736v736h736v-736zM920 64c22.092 0 40 17.908 40 40v816c0 22.092-17.908 40-40 40h-816c-22.092 0-40-17.908-40-40v-816c0-22.092 17.908-40 40-40h816z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       graphline
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M896.38 635.332c-7.286-4.206-14.934-7.196-22.714-9.074v-228.148c7.788-1.882 15.44-4.874 22.732-9.082 40.902-23.614 54.92-75.934 31.3-116.846-23.62-40.914-75.942-54.932-116.846-31.318-7.286 4.21-13.704 9.34-19.22 15.14l-197.586-114.076c2.266-7.68 3.502-15.802 3.502-24.212 0-47.232-38.3-85.53-85.544-85.53-47.242 0-85.544 38.298-85.544 85.53 0 8.42 1.238 16.552 3.508 24.24l-197.598 114.046c-5.518-5.802-11.936-10.93-19.218-15.138-40.902-23.614-93.22-9.596-116.846 31.318-23.62 40.91-9.6 93.228 31.3 116.846 7.29 4.208 14.94 7.202 22.728 9.082v228.15c-7.782 1.878-15.434 4.866-22.718 9.074-40.91 23.62-54.93 75.938-31.31 116.848 23.624 40.914 75.944 54.932 116.856 31.312 7.28-4.206 13.692-9.334 19.206-15.13l197.588 114.080c-2.262 7.68-3.498 15.792-3.498 24.2 0 47.244 38.302 85.544 85.546 85.544 47.242 0 85.542-38.302 85.542-85.544 0-9.362-1.524-18.36-4.308-26.79l196.558-113.484c5.914 6.624 12.946 12.446 21.046 17.126 40.912 23.618 93.23 9.602 116.856-31.314 23.618-40.914 9.598-93.232-31.318-116.85zM253.492 689.212c-1.88-7.73-4.856-15.33-9.038-22.568-4.142-7.18-9.194-13.516-14.892-18.98l258.558-447.814c7.58 2.198 15.586 3.402 23.878 3.402 8.262 0 16.242-1.196 23.802-3.38l258.574 447.85c-5.676 5.456-10.704 11.77-14.834 18.928-4.182 7.238-7.162 14.838-9.042 22.566l-517.006-0.004zM771.404 291.408c-6.156 21.512-3.936 45.396 8.138 66.306 12.066 20.91 31.638 34.772 53.348 40.2v228.538c-1.074 0.266-2.144 0.56-3.208 0.868l-258.56-447.826c0.804-0.768 1.596-1.556 2.372-2.354l197.91 114.268zM450.526 177.162c0.75 0.772 1.516 1.536 2.296 2.282l-258.578 447.856c-1.038-0.3-2.084-0.586-3.134-0.85v-228.536c21.708-5.428 41.276-19.29 53.348-40.202 12.074-20.91 14.294-44.794 8.134-66.306l197.934-114.244zM575.392 849.216c-15.65-17.262-38.256-28.108-63.39-28.108-24.152 0-45.946 10.026-61.5 26.112l-197.908-114.266c0.28-0.986 0.544-1.98 0.794-2.972h517.226c0.464 1.888 0.976 3.756 1.57 5.61l-196.792 113.624z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       graphql
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M437.162 552.368c-1.694-0.216-3.408-0.37-5.162-0.37h-263.978c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v264.040c0 22.094 17.91 40 40 40h263.978c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-264.044c0-20.34-15.19-37.094-34.838-39.632zM208.022 816.038v-184.040h183.978v184.040h-183.978zM437.162 128.4c-1.694-0.216-3.408-0.37-5.162-0.37h-263.978c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v263.968c0 22.094 17.91 40 40 40h263.978c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-263.972c0-20.342-15.19-37.096-34.838-39.632zM208.022 392v-183.968h183.978v183.968h-183.978zM861.212 552.368c-1.694-0.216-3.408-0.37-5.162-0.37h-264.050c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v264.040c0 22.094 17.91 40 40 40h264.048c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-264.044c0.002-20.34-15.19-37.094-34.836-39.632zM632 816.038v-184.040h184.048v184.040h-184.048zM861.212 128.4c-1.694-0.216-3.408-0.37-5.162-0.37h-264.050c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v263.968c0 22.094 17.91 40 40 40h264.048c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-263.972c0.002-20.342-15.19-37.096-34.836-39.632zM632 392v-183.968h184.048v183.968h-184.048z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       grid
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M541.146 448.384c-1.694-0.216-3.408-0.37-5.162-0.37h-367.968c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v368.032c0 22.094 17.91 40 40 40h367.968c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-368.036c0-20.34-15.192-37.094-34.838-39.632zM208.016 816.046v-288.032h287.968v288.032h-287.968zM736.032 856.046c0 22.090-17.908 40-40 40-22.090 0-40-17.908-40-40v-487.902l-488.016 0.002c-22.090 0-40-17.91-40-40s17.908-40.002 40-40.002h528.016c1.754 0 3.468 0.152 5.162 0.37 19.646 2.538 34.838 19.292 34.838 39.63v527.902zM896.032 168.030v688.004c-0.002 22.088-17.91 39.996-40 39.996s-40.002-17.908-40.002-40c0 0 0.002-304.026 0.002-304.040v-343.96h-343.96c-0.014 0-304.040 0.002-304.040 0.002-22.090 0-40-17.91-40-40s17.908-40.002 40-40.002h688c1.754 0 3.468 0.152 5.162 0.37 19.646 2.536 34.838 19.29 34.838 39.63z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       grow
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M895.032 194.328c-20.906-21.070-46.492-37.316-76.682-48.938-30.104-11.71-63.986-17.39-101.474-17.39-19.55 0-38.744 2.882-57.584 9.094-18.472 6.062-36.584 14.242-54.072 24.246-17.476 9.828-34.056 21.276-49.916 33.898-16.038 12.8-30.456 25.572-43.346 38.664-13.52-13.092-28.026-25.864-43.616-38.664-15.684-12.624-32.080-24.070-49.382-33.898-17.214-10.004-35.414-18.184-54.704-24.246-19.104-6.21-38.568-9.094-58.034-9.094-37.126 0-70.56 5.68-100.48 17.39-29.732 11.622-55.328 27.868-76.328 48.938-20.994 21.094-37.214 46.962-48.478 77.328-11.174 30.544-16.942 64.5-16.942 101.812 0 21.628 3.068 43.078 9.19 64.53 6.308 21.096 14.416 41.986 24.876 61.642 10.446 19.656 22.702 38.488 36.584 56.59 13.88 18.124 28.388 34.516 43.344 49.58l305.766 305.112c8.466 7.558 18.11 11.444 28.204 11.444 10.726 0 19.914-3.884 27.308-11.444l305.934-304.226c14.78-14.772 29.382-31.368 43.166-49.378 14.058-18.212 26.314-37.222 37.042-57.23 10.9-19.924 19.192-40.638 25.406-62 6.218-21.188 9.198-42.61 9.198-64.618 0-37.312-5.592-71.268-16.582-101.812-11.264-30.366-27.22-56.236-48.398-77.33z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       heart
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M716.876 208c27.708 0 52.092 4.020 72.47 11.948l0.132 0.052 0.13 0.050c19.866 7.644 35.774 17.664 48.632 30.624l0.166 0.168 0.17 0.168c12.586 12.536 22.304 28.27 29.706 48.094 7.782 21.786 11.726 46.798 11.726 74.364 0 14.658-1.95 28.426-5.958 42.086l-0.028 0.092-0.026 0.092c-4.866 16.72-11.006 31.752-18.776 45.952l-0.162 0.298-0.16 0.296c-8.81 16.434-18.58 31.532-29.864 46.148l-0.204 0.264c-11.316 14.786-23.48 28.708-36.154 41.378l-277.122 275.574-276.94-276.35c-13.32-13.43-25.248-27.074-36.488-41.75-11.386-14.848-21.284-30.136-29.444-45.49-7.206-13.54-13.494-29.17-18.7-46.472-4.030-14.264-5.988-28.044-5.988-42.116 0-27.36 4.042-52.314 12.016-74.176 7.214-19.378 17.344-35.708 30.066-48.492 12.998-13.042 28.958-23.148 48.826-30.914 20.436-8 43.764-11.886 71.32-11.886 11.536 0 22.738 1.742 33.298 5.174l0.374 0.122 0.376 0.12c13.116 4.122 26.066 9.874 38.494 17.094l0.34 0.2 0.344 0.196c12.736 7.234 25.308 15.876 38.43 26.412 14.486 11.906 27.060 23.048 38.428 34.056l56.994 55.192 55.662-56.532c10.324-10.484 22.18-21.040 36.242-32.264 13.382-10.646 26.216-19.38 39.228-26.698l0.256-0.144 0.254-0.144c13.008-7.442 26.228-13.386 39.294-17.676l0.050-0.016 0.050-0.018c10.354-3.414 20.998-5.076 32.54-5.076zM716.876 128c-19.55 0-38.744 2.882-57.584 9.094-18.472 6.062-36.584 14.242-54.072 24.246-17.476 9.828-34.056 21.276-49.916 33.898-16.038 12.8-30.456 25.572-43.346 38.664-13.52-13.092-28.026-25.864-43.616-38.664-15.684-12.624-32.080-24.070-49.382-33.898-17.214-10.004-35.414-18.184-54.704-24.246-19.104-6.21-38.568-9.094-58.034-9.094-37.126 0-70.56 5.68-100.48 17.39-29.732 11.622-55.328 27.868-76.328 48.938-20.994 21.094-37.214 46.962-48.478 77.328-11.174 30.544-16.942 64.5-16.942 101.812 0 21.628 3.068 43.078 9.19 64.53 6.308 21.096 14.416 41.986 24.876 61.642 10.446 19.656 22.702 38.488 36.584 56.59 13.88 18.124 28.388 34.516 43.344 49.58l305.766 305.112c8.466 7.558 18.11 11.444 28.204 11.444 10.726 0 19.914-3.884 27.308-11.444l305.934-304.226c14.78-14.772 29.382-31.368 43.166-49.378 14.058-18.212 26.314-37.222 37.042-57.23 10.9-19.924 19.192-40.638 25.406-62 6.218-21.188 9.198-42.61 9.198-64.618 0-37.312-5.592-71.268-16.582-101.812-11.262-30.366-27.216-56.234-48.396-77.328-20.906-21.070-46.492-37.316-76.682-48.938-30.106-11.712-63.988-17.392-101.476-17.392v0z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       hearthollow
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M948.12 483.624l-407.814-407.754c-7.812-7.808-18.046-11.712-28.282-11.712-10.238 0-20.472 3.904-28.282 11.712l-407.92 407.86c-15.624 15.622-15.624 40.948-0.006 56.57s40.944 15.622 56.568 0.004l19.616-19.612v366.708c0 22.090 17.91 40 40 40h190.696c0.416 0.014 0.82 0.062 1.238 0.062 11.054 0 21.060-4.484 28.3-11.734 7.266-7.244 11.766-17.262 11.766-28.332 0-0.418-0.050-0.822-0.062-1.238v-263.204h176.060v263.934c0 22.090 17.91 40 40 40l191.876 0.124c2.292 0 4.524-0.236 6.708-0.608 0.45-0.074 0.91-0.116 1.356-0.206 0.21-0.044 0.414-0.116 0.628-0.162 17.906-3.972 31.308-19.924 31.308-39.026v-366.492l19.682 19.68c15.622 15.62 40.948 15.616 56.568-0.006s15.618-40.948-0.004-56.568zM791.876 448.272v398.71l-111.874-0.074v-263.876c0-0.020-0.002-0.042-0.002-0.062 0-0.006 0-0.014 0-0.022 0-22.090-17.91-40-40-40h-254.002c-0.556 0-1.1 0.060-1.65 0.084-0.14-0.002-0.274-0.022-0.414-0.022-22.090 0-40 17.91-40 40v264.382h-111.934v-399.392c0-2.286-0.234-4.512-0.604-6.694l280.626-280.584 280.514 280.472c-0.412 2.302-0.66 4.658-0.66 7.078z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       home
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M511.926 801.946c-22.090 0-40-17.906-40-40v0c0-22.090 17.91-40 40-40v0c22.090 0 40.004 17.91 40.004 40v0c0 22.094-17.914 40-40.004 40v0zM831.682 915.242c0.192 1.582 0.318 3.186 0.318 4.82 0 22.090-17.908 40-40 40h-560c-22.092 0-40-17.914-40-40 0-2.438 0.252-4.812 0.67-7.128 2.36-53.636 18.034-105.7 45.852-151.554 0.734-1.476 1.562-2.912 2.492-4.296l5.582-8.364c0.054-0.080 0.11-0.158 0.164-0.238 0.042-0.068 0.098-0.156 0.144-0.222l157.704-236.036-158.5-237.228c-0.116-0.17-0.23-0.342-0.34-0.516-32.842-49.178-51.11-105.994-53.368-165.044-0.238-1.762-0.402-3.546-0.402-5.374 0-22.090 17.908-40 40-40h560c22.092 0 40 17.914 40 40 0 2.056-0.204 4.064-0.504 6.038-2.194 54.020-17.886 106.48-45.894 152.648-0.734 1.472-1.562 2.91-2.492 4.294l-5.582 8.366c-0.054 0.078-0.11 0.156-0.164 0.236-0.042 0.068-0.098 0.154-0.144 0.222l-157.734 236.082 158.468 237.182c0.116 0.168 0.23 0.344 0.34 0.516 32.946 49.33 51.226 106.346 53.39 165.596zM749.958 144.060h-475.99c6.138 31.304 18.384 61.124 36.354 87.916 0.118 0.17 0.23 0.344 0.342 0.514l0.024 0.038c0.036 0.054 0.15 0.23 0.186 0.284l54.286 81.25h293.596l58.196-87.1c0.366-0.67 0.75-1.334 1.154-1.99 15.492-24.916 26.228-52.324 31.852-80.912zM497.528 512.178l-0.032 0.046 14.426 21.592 93.378-139.756h-186.692l78.92 118.118zM305.96 799.156c-15.498 24.91-26.234 52.318-31.856 80.906h476.052c-6.138-31.304-18.384-61.122-36.354-87.918-0.118-0.168-0.23-0.344-0.342-0.512l-0.024-0.040c-0.036-0.050-0.15-0.23-0.186-0.282l-140.242-209.902-28.98 43.374c-7.166 10.72-19.21 17.162-32.11 17.162-12.896 0-24.942-6.442-32.11-17.166l-28.76-43.044-143.938 215.428c-0.36 0.674-0.744 1.338-1.15 1.994z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       hourglass
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M828.782 195.216c-174.954-174.958-458.614-174.958-633.566 0-174.958 174.954-174.958 458.612 0 633.568 174.954 174.954 458.614 174.954 633.566 0 174.956-174.952 174.956-458.614 0-633.568zM772.214 772.214c-69.508 69.506-161.918 107.784-260.214 107.784-98.3 0-190.71-38.278-260.218-107.784-69.504-69.506-107.782-161.92-107.786-260.214 0.004-98.296 38.282-190.708 107.786-260.214 69.508-69.506 161.922-107.786 260.218-107.788 98.292 0.002 190.708 38.282 260.214 107.79 69.504 69.504 107.782 161.916 107.786 260.212-0.004 98.294-38.282 190.708-107.786 260.214zM512.996 361.124c-22.090 0-40-17.906-40-40v0c0-22.088 17.91-40 40-40v0c22.090 0 40.004 17.912 40.004 40v0c0 22.092-17.914 40-40.004 40v0zM512.998 743.094c-22.090 0-40-17.906-40-40v-240.002c0-22.090 17.91-40 40-40v0c22.090 0 40.004 17.91 40.004 40v240.002c0 22.094-17.914 40-40.004 40v0z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       info
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M768.032 320.032c0 35.346-28.654 64-64 64s-64-28.654-64-64 28.654-64 64-64 64 28.654 64 64zM960.032 353.092c0 159.062-128.946 288.010-288.008 288.010-35.306 0-69.124-6.368-100.38-17.996l-27.736 27.738-0.002 54.464c0 0.016 0.002 0.028 0.002 0.040 0 11.046-4.478 21.046-11.716 28.29-6.334 6.332-14.784 10.55-24.196 11.508-1.346 0.136-2.708 0.208-4.090 0.208h-71.748l-0.002 71.96c0 0.012 0.002 0.040 0.002 0.040 0 11.046-4.478 21.046-11.716 28.286-6.334 6.336-14.784 10.554-24.196 11.508-1.346 0.136-2.708 0.208-4.090 0.208h-71.996l-0.002 62.684c0 22.094-17.908 40-40 40-0.022 0-0.042 0-0.062 0-0.022 0-0.042 0-0.064 0h-175.996c-13.76 0-25.888-6.95-33.086-17.524-4.362-6.406-6.916-14.14-6.916-22.476v-112c0-0.664 0.066-1.308 0.1-1.964 0.032-0.618 0.034-1.234 0.092-1.852 0.11-1.148 0.288-2.278 0.492-3.398 0.024-0.128 0.034-0.258 0.058-0.386 1.614-8.378 5.848-15.808 11.808-21.446l325.456-325.458c-11.642-31.274-18.020-65.11-18.020-100.44 0-159.060 128.946-288.006 288.006-288.006 159.060-0.004 288.006 128.942 288.006 288.002zM880.032 353.092c0-114.696-93.312-208.006-208.008-208.006s-208.006 93.31-208.006 208.006c0 43.208 13.246 83.376 35.884 116.668l-57.36 57.362c-0.136-0.184-0.27-0.368-0.408-0.546l-298.102 298.106-0.002 55.356h96.124v-62.684c0-0.708 0.070-1.394 0.106-2.094 0.036-0.664 0.036-1.336 0.102-1.992 0.132-1.316 0.334-2.61 0.592-3.882 0.006-0.028 0.008-0.058 0.014-0.090 0.258-1.262 0.58-2.5 0.956-3.714 0.012-0.040 0.018-0.078 0.030-0.118 4.676-15.032 17.976-26.262 34.114-27.902 1.344-0.136 2.708-0.208 4.090-0.208h71.998v-67.64c-0.156-1.434-0.248-2.882-0.248-4.36 0-22.094 17.908-40 40-40h71.998v-30.692c0-0.148 0.020-0.29 0.022-0.438 0.008-10.226 3.912-20.45 11.714-28.254l55.99-55.988c1.982-1.984 4.124-3.71 6.38-5.188l18.68-18.684c33.030 22.090 72.702 34.992 115.332 34.992 114.694-0 208.008-93.314 208.008-208.010z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       key
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M320.022 1022.644c-7.408 0-14.852-2.052-21.44-6.238-15.292-9.714-22.144-28.494-16.706-45.774l115.186-365.908-214.552-52.57c-14.714-3.606-26.128-15.214-29.486-29.988-3.356-14.772 1.92-30.174 13.632-39.786l576-472.662c14.458-11.864 35.208-12.126 49.962-0.626 14.752 11.496 19.568 31.682 11.594 48.602l-171.202 363.256 208.648 51.756c14.29 3.544 25.476 14.652 29.124 28.914s-0.834 29.376-11.668 39.344l-512 471.112c-7.586 6.984-17.308 10.568-27.092 10.568zM279.236 493.49l178.314 43.69c10.74 2.632 19.912 9.59 25.336 19.226s6.62 21.086 3.298 31.636l-83.030 263.76 347.066-319.352-183.82-45.596c-11.63-2.884-21.356-10.832-26.498-21.656-5.144-10.822-5.164-23.382-0.054-34.22l116.31-246.788-376.922 309.3z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       lightning
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M743.52 529.234c5.616-5.616 83.048-83.046 88.462-88.46 30.944-32.778 47.97-75.636 47.97-120.792 0-47.048-18.304-91.26-51.542-124.484-33.228-33.22-77.43-51.516-124.458-51.516-45.024 0-87.792 16.94-120.536 47.72l-104.458 104.456c-30.792 32.738-47.734 75.512-47.734 120.548 0 41.916 14.576 81.544 41.248 113.196 3.264 3.876 6.666 7.664 10.292 11.29 4.258 4.258 8.704 8.262 13.304 12.022 0.054 0.080 0.096 0.152 0.148 0.232 9.572 7.308 15.778 18.804 15.778 31.776 0 22.094-17.914 40-40.004 40-8.542 0-16.442-2.696-22.938-7.26-2.746-1.93-20.622-17.43-30.35-28.050-0.008-0.010-0.018-0.018-0.026-0.028-4.992-5.432-13.234-15.23-18.552-22.65s-16.556-25.872-17.036-26.736c-0.7-1.262-2.974-5.526-3.422-6.39-0.69-1.334-6.118-12.67-6.114-12.67-14.342-31.96-22.332-67.4-22.332-104.728 0-60.826 21.198-116.648 56.58-160.544 0.252-0.314 4.61-5.594 6.594-7.866 0.304-0.35 5.038-5.636 7.16-7.874 0.252-0.268 105.86-105.874 106.128-106.126 45.902-43.584 107.958-70.314 176.264-70.314 141.382 0 255.998 114.5 255.998 256 0 68.516-26.882 130.688-70.652 176.61-0.144 0.148-109.854 109.546-112.090 111.528-0.958 0.848-5.072 4.352-5.072 4.352-6.448 5.434-13.132 10.592-20.1 15.378 0.412-6.836 0.644-13.702 0.644-20.6 0-26.46-3.108-52.206-8.918-76.918l-0.236-1.102zM616.144 767.82c35.382-43.896 56.58-99.718 56.58-160.544 0-37.328-7.99-72.768-22.332-104.728 0.004 0 0.006-0.002 0.010-0.004-0.258-0.576-0.538-1.14-0.8-1.714-0.686-1.498-2.894-6.112-3.296-6.93-0.668-1.344-2.952-5.732-3.386-6.604-3.48-6.982-8.708-15.126-9.49-16.366-0.498-0.792-0.996-1.58-1.502-2.364-0.834-1.29-15.364-22.066-26.656-34.466-0.008-0.010-0.018-0.018-0.026-0.028-7.056-8.448-24.932-24.198-30.35-28.050-6.47-4.602-14.396-7.26-22.938-7.26-22.090 0-40.004 17.906-40.004 40 0 12.97 6.206 24.466 15.778 31.776 0.052 0.080 0.094 0.152 0.148 0.232 4.602 3.76 20.334 19.434 23.598 23.31 26.672 31.65 41.248 71.28 41.248 113.196 0 45.038-16.944 87.81-47.734 120.548l-104.458 104.456c-32.742 30.782-75.512 47.72-120.536 47.72-47.028 0-91.228-18.294-124.458-51.516-33.236-33.224-51.542-77.436-51.542-124.484 0-45.154 17.028-88.014 47.97-120.792 5.414-5.414 40.812-40.812 68.958-68.958 7.176-7.176 13.888-13.886 19.504-19.502v-0.002c-0.356-1.562-0.246-1.096-0.246-1.096-5.81-24.712-8.918-50.458-8.918-76.918 0-6.898 0.232-13.764 0.644-20.6-6.966 4.788-20.1 15.33-20.1 15.33-0.734 0.62-9.518 8.388-11.68 10.45-0.16 0.154-105.338 105.33-105.482 105.478-43.77 45.922-70.652 108.094-70.652 176.61 0 141.5 114.616 256 255.998 256 68.306 0 130.362-26.73 176.264-70.314 0.27-0.254 105.876-105.86 106.128-106.126 0.004-0.002 13.506-15.426 13.758-15.74z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       link
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M961 233c0 22.090-17.908 40-40 40h-607.996c-22.090 0-40-17.908-40-40v0c0-22.090 17.908-40.002 40-40.002h607.996c22.092 0 40 17.912 40 40.002v0zM961 793c0-22.090-17.908-40.002-40-40.002h-607.996c-22.092 0-40 17.912-40 40.002v0c0 22.092 17.91 40 40 40h607.996c22.092 0 40-17.91 40-40v0zM961 606.332c0-22.090-17.908-40-40-40h-607.996c-22.092 0-40 17.91-40 40v0c0 22.094 17.91 40 40 40h607.996c22.092 0 40-17.91 40-40v0zM961 419.668c0-22.090-17.908-40.004-40-40.004h-607.996c-22.092 0-40 17.914-40 40.004v0c0 22.090 17.91 40 40 40h607.996c22.092-0 40-17.91 40-40v0zM129 168.998c-35.346 0-64 28.654-64 64s28.654 64 64 64 64-28.654 64-64-28.654-64-64-64zM129 728.998c-35.346 0-64 28.654-64 64s28.654 64 64 64 64-28.654 64-64-28.654-64-64-64zM129 542.332c-35.346 0-64 28.652-64 64 0 35.344 28.654 64 64 64s64-28.656 64-64c0-35.348-28.654-64-64-64zM129 355.664c-35.346 0-64 28.656-64 64 0 35.348 28.654 64 64 64s64-28.652 64-64c0-35.344-28.654-64-64-64z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       listunordered
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M960.002 512l-0.002-0.026c-0.006-114.646-43.746-229.288-131.216-316.758-174.954-174.958-458.614-174.958-633.566 0-174.958 174.954-174.958 458.612 0 633.568 87.45 87.45 202.056 131.186 316.674 131.214 0.022 0 0.042 0.002 0.064 0.002 0.014 0 0.026-0.002 0.042-0.002 114.654 0 229.308-43.738 316.788-131.214 87.472-87.47 131.21-202.114 131.216-316.76l0-0.024zM772.216 772.214c-60 59.998-137.072 96.702-220.258 105.626v-133.84c0-22.090-17.914-40-40.004-40s-40 17.91-40 40v133.83c-83.154-8.942-160.194-45.64-220.172-105.618-59.986-59.988-96.686-137.042-105.624-220.21h133.84c22.090 0 40-17.914 40-40.004s-17.91-40-40-40h-133.84c8.936-83.17 45.636-160.226 105.624-220.214 59.978-59.976 137.020-96.676 220.172-105.622v133.836c0 22.094 17.91 40 40 40s40.004-17.906 40.004-40v-133.844c83.184 8.926 160.258 45.63 220.258 105.63 59.986 59.986 96.688 137.042 105.624 220.212h-133.838c-22.094 0-40 17.91-40 40s17.906 40.004 40 40.004h133.838c-8.938 83.172-45.636 160.226-105.624 220.214z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       location
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M896.032 915.53v-467.498c0-19.102-13.402-35.052-31.31-39.026-0.21-0.046-0.414-0.12-0.628-0.162-0.444-0.090-0.904-0.13-1.354-0.208-2.186-0.37-4.416-0.606-6.708-0.606h-55.902l0.002-55.85h0.020c0-159.14-129.010-288.15-288.15-288.15-159.128 0-288.13 128.992-288.15 288.118v55.884h-54.852c-20.71 0-37.746 15.742-39.792 35.91-0.136 1.344-0.208 2.708-0.208 4.090v463.332c-0.618 2.792-0.968 5.688-0.968 8.668 0 22.094 17.91 40 40 40h688.27c22.092 0 40-17.91 40-40-0.002-1.524-0.104-3.024-0.27-4.502zM209 488.032h607.032v392h-607.032v-392zM303.85 352.182c0-114.776 93.376-208.15 208.15-208.15 114.59 0 207.842 93.074 208.142 207.596 0 0.084-0.012 0.164-0.012 0.248v56.156h-416.284l0.004-55.85zM552.164 691.858l-0.002 58.188c0.004 22.088-17.906 39.996-39.996 39.998-22.094 0.002-40.004-17.906-40-40v-57.974c-14.704-11.726-24.134-29.782-24.134-50.048 0-35.346 28.654-64 64-64s64 28.654 64 64c0 20.142-9.318 38.104-23.868 49.836z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       lock
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M0 0v1024h1024v-1024h-1024zM850.708 242.614l-54.918 52.655c-3.858 2.965-6.321 7.581-6.321 12.772 0 0.933 0.080 1.847 0.232 2.736l-0.014-0.095v386.883c-0.139 0.794-0.219 1.708-0.219 2.641 0 5.191 2.462 9.807 6.283 12.744l0.038 0.028 53.637 52.655v11.558h-269.774v-11.558l55.559-53.936c5.461-5.456 5.461-7.068 5.461-15.413v-312.719l-154.477 392.344h-20.874l-179.851-392.344v262.947c-0.209 1.465-0.329 3.156-0.329 4.875 0 9.848 3.924 18.78 10.293 25.317l-0.008-0.008 72.258 87.649v11.558h-204.895v-11.558l72.263-87.649c6.070-6.284 9.81-14.852 9.81-24.293 0-2.081-0.182-4.12-0.53-6.101l0.031 0.21v-304.044c0.086-0.804 0.135-1.737 0.135-2.682 0-7.844-3.389-14.896-8.782-19.773l-0.023-0.021-64.234-77.378v-11.558h199.438l154.157 338.083 135.53-338.083h190.123v11.558z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       medium
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M320.032 416.032v-152.968c0-22.094 17.91-40 40-40 22.094 0 40 17.91 40 40.004v152.964c0 22.090-17.906 40-40 40s-40-17.908-40-40zM512 456.032c22.094 0 40-17.91 40-40v-152.964c0-22.094-17.906-40.004-40-40.004-22.090 0-40 17.906-40 40v152.968c0 22.092 17.908 40 40 40zM664.032 456.032c22.094 0 40-17.91 40-40v-82.996c0-22.094-17.906-40.004-40-40.004-22.090 0-40 17.906-40 40v83c0 22.092 17.906 40 40 40zM864.018 316.616v603.418c0 0.004 0 0.004 0 0.004 0 6.798-1.71 13.198-4.704 18.808-0.044 0.084-0.078 0.172-0.124 0.254-0.524 0.976-1.112 1.914-1.722 2.836-0.098 0.15-0.18 0.312-0.282 0.46-7.188 10.638-19.36 17.634-33.168 17.634h-623.99c-22.090 0-40-17.908-40-40v-343.574c-0.002-0.142-0.022-0.282-0.022-0.426 0-0.142 0.020-0.282 0.022-0.426v-471.574c0-20.34 15.192-37.092 34.838-39.63 1.694-0.216 3.408-0.37 5.162-0.37l411.254 0.052c10.594-0.286 21.282 3.58 29.368 11.668l211.672 212.206c7.906 7.908 11.792 18.298 11.696 28.66zM240.026 144.034v391.998h543.99v-203.27l-188.252-188.728h-355.738zM784.016 880.032v-264h-543.99v264h543.99z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       memory
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M960 232c0 22.092-17.908 40-40.002 40h-815.996c-22.092 0-40-17.908-40-40v0c0-22.090 17.908-40 40-40h815.998c22.092 0 40 17.91 40 40v0zM768 416c0 22.090-17.908 40-40 40h-624c-22.090 0-40-17.908-40-40v0c0-22.090 17.908-40.002 40-40.002h624c22.092 0.002 40 17.914 40 40.002v0zM832 608c0 22.092-17.906 40.002-40 40.002h-688c-22.090 0-40-17.91-40-40.002v0c0-22.090 17.908-40 40-40h688c22.094 0 40 17.912 40 40v0zM576 792c0 22.094-17.91 40-40.002 40h-431.998c-22.090 0-40-17.906-40-40v0c0-22.094 17.908-40.002 40-40.002h432c22.094 0.002 40 17.912 40 40.002v0z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       menu
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M776.306 456.032c-51.602 0-95.696 32.744-112.612 78.542-69.674-6.072-141.482-31.012-197.386-69.306-46.266-31.69-100.392-85.728-111.792-168.92 45.4-17.12 77.79-60.998 77.79-112.314 0-66.168-53.832-120-120-120s-120 53.832-120 120c0 52.146 33.444 96.608 80 113.12v429.762c-46.556 16.512-80 60.974-80 113.12 0 66.168 53.832 120 120 120s120-53.832 120-120c0-52.146-33.444-96.608-80-113.12V471.444c19.622 21.888 42.618 41.898 68.792 59.828 68.422 46.868 156.64 77.042 241.646 83.462 16.14 47.23 60.932 81.3 113.56 81.3 66.168 0 120-53.832 120-120s-53.83-120.002-119.998-120.002zm-464-312c22.056 0 40 17.944 40 40s-17.944 40-40 40-40-17.944-40-40 17.942-40 40-40zm0 736c-22.056 0-40-17.944-40-40s17.944-40 40-40 40 17.944 40 40-17.944 40-40 40zm464-264c-22.056 0-40-17.944-40-40s17.944-40 40-40 40 17.944 40 40-17.944 40-40 40z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       merge
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M857 127.778h-688c-22.092 0-40 17.91-40 40v688c0 22.090 17.908 40 40 40h688c22.094 0 40-17.91 40-40v-688c0-22.092-17.906-40-40-40zM817 815.778h-608v-1.086l606.914-606.914h1.086v608z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       mirror
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M648 64h-272c-66.274 0-120 53.726-120 120v656c0 66.274 53.726 120 120 120h272c66.274 0 120-53.726 120-120v-656c0-66.274-53.726-120-120-120zM376 144h272c22.056 0 40 17.944 40 40v495.968h-352v-495.968c0-22.056 17.946-40 40-40zM648 880h-272c-22.054 0-40-17.944-40-40v-80.032h352v80.032c0 22.056-17.944 40-40 40zM544.034 819.962c0 17.676-14.33 32.002-32.004 32.002-17.67 0-32-14.326-32-32.002 0-17.672 14.33-31.998 32-31.998 17.674-0 32.004 14.326 32.004 31.998z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       mobile
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M512.034 144.030l318.696 184v368l-318.696 184-318.702-184v-368l318.702-184zM512.034 64.030c-13.812 0-27.624 3.574-40 10.718l-318.702 184c-24.752 14.29-40 40.7-40 69.282v368c0 28.582 15.248 54.994 40 69.28l318.702 184c12.376 7.146 26.19 10.72 40 10.72 13.814 0 27.624-3.572 40-10.72l318.696-184c24.752-14.288 40-40.698 40-69.28v-368c0-28.582-15.248-54.992-40-69.282l-318.696-184c-12.376-7.144-26.188-10.718-40-10.718v0zM511.63 314.25c-109.014 0-197.386 88.372-197.386 197.384 0 109.010 88.374 197.382 197.386 197.382v0.134c0.746 0 1.492 0.012 2.24 0.004 14.806-0.162 29.214-1.942 43.056-5.182 1.022-0.24 1.932-0.496 2.794-0.762 17.328-4.988 29.94-21.012 29.738-39.916-0.242-22.71-18.846-40.926-41.556-40.684-2.996 0.032-5.902 0.402-8.708 1.040-0.090 0.016-0.178 0-0.266 0.022-8.18 1.99-16.708 3.094-25.474 3.222-0.584-0.072-1.188-0.124-1.826-0.124-63.486 0-115.142-51.65-115.142-115.138 0-63.49 51.656-115.142 115.142-115.142 63.488 0 115.14 51.652 115.14 115.142 0 8.924-1.028 17.616-2.964 25.96-0.020 0.088-0.008 0.178-0.020 0.266-0.61 2.814-0.948 5.724-0.948 8.72 0 22.712 18.408 41.122 41.122 41.122 18.906 0 34.792-12.776 39.596-30.158 0.262-0.866 0.508-1.78 0.736-2.804 3.092-13.876 4.724-28.3 4.724-43.106 0-109.010-88.372-197.382-197.384-197.382z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       nut
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M960.062 616v304c0 1.382-0.070 2.746-0.208 4.090-2.046 20.172-19.080 35.91-39.792 35.91h-816c-22.090 0-40-17.906-40-40v-304c0-22.090 17.91-40 40-40s40 17.91 40 40v264h736v-264c0-22.090 17.91-40 40-40s40 17.912 40 40zM664.732 200.168l-124.41-124.41c-0.014-0.014-0.024-0.028-0.038-0.042-3.57-3.57-7.664-6.284-12.018-8.222-5.316-2.368-11.028-3.54-16.742-3.47-0.14-0.002-0.276-0.020-0.414-0.020-13.552 0-25.512 6.756-32.748 17.072l-119.1 119.092c-15.622 15.62-15.618 40.948 0.002 56.57 15.622 15.62 40.95 15.62 56.568 0l55.276-55.276v462.54c0 22.094 17.912 40 40.002 40 22.092 0 40-17.91 40-40v-464.314l57.052 57.052c15.622 15.624 40.948 15.62 56.568 0 15.628-15.624 15.628-40.952 0.002-56.572z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       outbox
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M946.58 293.66c12.704-12.708 15.072-31.836 7.108-46.938-1.838-3.524-4.23-6.83-7.19-9.79-0.282-0.282-0.588-0.52-0.876-0.792l-129.338-128.654c-0.046-0.046-0.084-0.098-0.13-0.144-7.814-7.812-18.056-11.718-28.296-11.714-10.24 0-20.48 3.906-28.292 11.714-0.064 0.066-0.12 0.138-0.184 0.206l-557.048 557.048c-2.194 2.192-4.042 4.59-5.622 7.11-70.624 87.486-17.922 195.43-174.738 239.554 0 0 64.758 18.11 144.33 18.11 74.374 0 161.678-15.824 221.23-77.020 0.394-0.364 0.808-0.696 1.192-1.078l1.734-1.734c0.852-0.798 1.678-1.578 2.504-2.426 0.348-0.356 0.668-0.728 1.010-1.086l168.756-168.756c1.126-0.906 2.224-1.872 3.272-2.918 1.044-1.044 2.008-2.14 2.914-3.266l375.212-375.212c0.834-0.706 1.664-1.424 2.452-2.214zM537.462 589.402l-73.594-73.206 324.068-324.064 73.594 73.2-324.068 324.070zM388.178 667.684c-13.288-13.632-28.584-23.974-44.78-31.016l63.902-63.902 73.596 73.204-64.246 64.248c-6.498-15.23-15.964-29.698-28.472-42.534zM229.848 791.928c8.294-30.346 14.852-54.332 32.416-73.862 0.83-0.864 2.664-2.702 4.26-4.286 8.030-6.792 17.534-8.246 24.198-8.246 14.386 0 29.026 6.554 40.162 17.98 19.592 20.106 21.934 49.238 5.596 66.874l-1.712 1.712c-0.798 0.752-1.612 1.524-2.462 2.354l-0.86 0.84-0.834 0.864c-30.666 31.79-75.914 45.424-118.104 50.542 7.53-18.888 12.598-37.426 17.34-54.772z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       paintbrush
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M824.25 369.354c68.146-70.452 67.478-182.784-2.094-252.354-70.296-70.296-184.266-70.296-254.558 0-0.014 0.012-0.028 0.026-0.042 0.042-0.004 0.002-0.006 0.004-0.010 0.008l-433.144 433.142c-0.036 0.036-0.074 0.068-0.11 0.106-0.054 0.052-0.106 0.11-0.16 0.162l-2.668 2.67c-0.286 0.286-0.528 0.596-0.8 0.888-43.028 44.88-66.664 103.616-66.664 165.986 0 64.106 24.962 124.376 70.292 169.704 45.328 45.33 105.598 70.292 169.706 70.292 50.612 0 98.822-15.57 139.186-44.428 4.932-1.952 9.556-4.906 13.544-8.894l16.802-16.802c0.056-0.056 0.116-0.112 0.172-0.168 0.038-0.038 0.074-0.076 0.112-0.116l289.010-289.014c15.622-15.618 15.62-40.942 0-56.56s-40.948-15.62-56.566 0l-289.124 289.122c-62.482 62.484-163.792 62.484-226.274 0-62.484-62.482-62.484-163.79 0-226.272h-0.002l433.134-433.12c0.058-0.060 0.112-0.122 0.172-0.18 38.99-38.99 102.43-38.99 141.42 0 38.992 38.99 38.99 102.432 0 141.422-0.058 0.060-0.122 0.114-0.18 0.17l0.006 0.006-280.536 280.534c-0.002-0.002-0.002-0.004-0.004-0.006l-79.978 79.98c-0.010 0.010-0.016 0.020-0.028 0.028-0.008 0.012-0.018 0.018-0.028 0.028l-0.064 0.062c-15.622 15.624-40.944 15.624-56.562 0-15.624-15.62-15.624-40.944-0.002-56.566l0.062-0.062c0.010-0.010 0.018-0.020 0.028-0.028 0.008-0.012 0.020-0.018 0.028-0.028l79.98-79.978c-0.002-0.002-0.004-0.002-0.006-0.004l136.508-136.512c15.622-15.62 15.62-40.944-0.002-56.562-15.618-15.62-40.946-15.62-56.564 0l-219.342 219.344c-1.284 1.284-2.42 2.652-3.494 4.052-40.4 47.148-38.316 118.184 6.322 162.824 44.64 44.638 115.674 46.722 162.82 6.324 1.402-1.072 2.772-2.21 4.054-3.494l2.83-2.832c0.002 0 0.002 0 0.002 0s0 0 0 0l360.54-360.54c0.058-0.056 0.12-0.114 0.18-0.172 0.050-0.050 0.098-0.106 0.15-0.158l0.994-0.994c0.34-0.338 0.63-0.702 0.952-1.052z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       paperclip
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M728.032 96.032h-116.98c-0.026 0-0.050-0.004-0.076-0.004s-0.050 0.004-0.076 0.004h-199.848c-0.026 0-0.050-0.004-0.076-0.004s-0.050 0.004-0.076 0.004h-31.924c-123.712 0-224 100.292-224 224 0 121.032 95.994 219.628 216 223.842v344.158c0 22.092 17.91 40 40 40 22.086 0 40-17.908 40-40v-712h120v712c0 22.092 17.91 40 40 40 22.086 0 40-17.908 40-40v-712h77.056c22.094 0 40-17.91 40-40 0-22.092-17.91-40-40-40z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       paragraph
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M742.52 960c-76.266 0-163.184-32.364-258.338-96.194-73.798-49.504-136.41-106.904-175.938-146.34-43.282-43.222-105.612-111.376-156.842-190.682-66.576-103.062-95.348-196.038-85.518-276.344 8.952-73.326 50.674-134.292 120.664-176.304 10.95-6.63 23.76-10.134 37.054-10.134 32.752 0 71.124 23.354 120.764 73.494 36.434 36.802 70.108 79.22 89.472 106.644 46.698 66.176 60.686 107.352 48.286 142.136-12.638 35.538-35.534 55.704-52.25 70.428-5.662 5.006-9.95 8.854-13.070 12.262 4.040 7.542 11.744 19.868 26.054 37.476 42.388 52.076 90.548 89.024 111.972 100.874 3.308-2.96 7.11-7.168 12.352-13.152 14.87-16.81 35.062-39.636 70.482-52.28 7.978-2.842 16.498-4.276 25.35-4.276 44.172 0 108.804 44.078 155.246 81.056 45.834 36.494 103.292 90.498 127.104 132.612 22.602 39.596 14.982 68.64 4.596 86.006-48.138 80.296-119.862 122.718-207.44 122.718zM224.758 144.53c-47.558 29.426-73.566 67.28-79.468 115.618-7.494 61.224 17.17 136.326 73.308 223.226 49.902 77.252 112.994 144.35 146.16 177.472 30.296 30.222 91.906 88.17 163.988 136.524 81.738 54.83 153.662 82.63 213.772 82.63 58.618 0 103.506-26.526 137.138-81.076-0.47-1.536-1.532-4.062-3.854-8.132-14.584-25.794-57.006-69.202-105.642-108.156-58.776-47.074-96.708-63.894-106.756-64.982-15.348 5.826-25.020 16.758-36.178 29.372-12.542 14.318-28.31 32.316-55.476 41.528l-6.25 2.12h-6.598c-8.704 0-31.826 0-86.73-43.378-32.196-25.438-64.65-57.534-91.38-90.374-35.712-43.942-51.41-77.764-46.674-100.548l0.55-2.642 0.9-2.546c9.19-26 26.284-41.118 41.364-54.458 12.726-11.208 23.698-20.874 29.494-36.378-0.606-4.398-5.076-23.488-37.948-70.072-15.882-22.494-45.746-60.376-77.614-93.084-39.93-40.986-60.106-50.546-66.106-52.664z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       phone
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M920 64h-816c-22.092 0-40 17.91-40 40v816c0 22.094 17.908 40 40 40h816c22.092 0 40-17.906 40-40v-816c0-22.090-17.908-40-40-40zM880 144v449.782l-235.39-235.392c-7.502-7.5-17.676-11.714-28.286-11.714s-20.784 4.214-28.286 11.716l-169.804 169.804-40.958-40.958c-15.622-15.622-40.95-15.622-56.57 0l-176.708 176.708v-519.946h736.002zM144 880v-102.914l204.992-204.994 215.972 215.974c7.81 7.81 18.048 11.714 28.286 11.714s20.474-3.904 28.286-11.714c15.62-15.622 15.62-40.95 0-56.57l-146.732-146.73 141.522-141.524 263.676 263.68v173.078h-736.002zM356.174 400.542c52.466 0 95-42.536 95-95s-42.534-95-95-95-95 42.536-95 95 42.534 95 95 95zM356.174 250.542c30.326 0 55 24.672 55 55s-24.674 55-55 55-55-24.672-55-55 24.674-55 55-55z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       photo
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M512 959.916c-13.36 0-25.84-6.672-33.262-17.782l-242.080-362.324c-0.12-0.176-0.236-0.356-0.354-0.536-36.394-54.5-55.63-118.042-55.63-183.804 0-182.696 148.632-331.324 331.326-331.324 182.696 0 331.328 148.628 331.328 331.324 0 60.71-16.554 119.98-47.906 171.652-0.758 1.528-1.618 3.016-2.578 4.45l-5.786 8.664c-0.054 0.082-0.112 0.164-0.168 0.246-0.042 0.070-0.104 0.16-0.148 0.23l-241.484 361.426c-7.422 11.106-19.898 17.778-33.258 17.778zM303.458 535.784l0.026 0.040c0.038 0.054 0.158 0.238 0.194 0.292l208.324 311.796 212.374-317.86c0.376-0.696 0.778-1.382 1.198-2.062 24.7-39.708 37.758-85.532 37.758-132.52 0-138.582-112.746-251.324-251.328-251.324s-251.326 112.742-251.326 251.324c0 50.054 14.674 98.39 42.432 139.782 0.114 0.176 0.232 0.356 0.348 0.532zM512 304.4c49.98 0 90.64 40.66 90.64 90.64 0 49.976-40.66 90.636-90.64 90.636s-90.64-40.66-90.64-90.636c0-49.98 40.66-90.64 90.64-90.64zM512 224.4c-94.242 0-170.64 76.398-170.64 170.64s76.398 170.636 170.64 170.636 170.64-76.394 170.64-170.636-76.398-170.64-170.64-170.64v0z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       pin
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M878.78 477.856l-591.884-341.722c-9.464-5.464-18.426-8.050-26.386-8.048-19.516 0.002-33.002 15.546-33.002 42.338v683.446c0 26.792 13.482 42.338 33.002 42.338 7.96 0 16.924-2.586 26.386-8.048l591.884-341.722c32.664-18.864 32.664-49.724 0-68.582z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       play
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M921.002 473h-368.008v-368.004c0.002-22.090-17.906-39.996-39.996-39.996-22.088 0-39.998 17.91-39.998 40v368h-368.002c-22.094 0-40 17.908-39.998 40-0.002 22.090 17.904 39.996 39.996 39.996l368.004-0.002v368.010c0 22.094 17.908 40 40 39.996 22.090 0.004 39.996-17.902 39.996-39.996v-368.010h368.010c22.090 0.002 39.994-17.906 39.994-39.996-0-22.088-17.908-39.998-39.998-39.998z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       plus
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M472 473.188v-368c-0.004-22.092 17.906-40.002 40-40 22.090 0 40 17.906 40 40l-0.004 368.002c0.004 22.088-17.906 39.996-39.996 39.998-22.094 0.002-40.004-17.906-40-40zM746.804 201.726v0.188c-13.138-9.004-26.808-17.292-40.978-24.768-1.994-1.050-3.492-1.84-4.668-2.458-1.75-0.892-3.518-1.756-5.28-2.624-0.004-0.002-0.008-0.004-0.012-0.006-0.080-0.032-0.158-0.074-0.234-0.108-0.032-0.012-0.056-0.024-0.090-0.042l-0.006 0.008c-4.724-2.022-9.924-3.168-15.386-3.212-22.090-0.178-40.14 17.588-40.32 39.678-0.122 15.112 8.166 28.298 20.47 35.208 31.9 15.71 61.418 36.616 87.492 62.292 2.796 2.754 5.52 5.562 8.208 8.394v-0.146c59.436 62.664 92.062 144.352 92.062 231.056 0 89.748-34.95 174.124-98.412 237.588s-147.84 98.412-237.588 98.412-174.124-34.95-237.588-98.412-98.412-147.84-98.412-237.588c0-81.652 28.962-158.834 81.972-219.886 5.814-6.69 11.902-13.192 18.288-19.474 26.064-25.652 55.564-46.538 87.446-62.238 12.342-6.892 20.66-20.106 20.542-35.238-0.17-22.088-18.218-39.86-40.306-39.69-5.468 0.044-10.664 1.186-15.392 3.208l-0.004-0.008c-0.036 0.016-0.058 0.028-0.088 0.042-0.042 0.018-0.084 0.038-0.126 0.056-1.862 0.918-3.728 1.828-5.574 2.774-0.458 0.238-0.948 0.496-1.512 0.792-1.096 0.566-2.18 1.148-3.27 1.722-15.704 8.294-30.804 17.572-45.232 27.736v-0.124c-106.896 75.288-176.742 199.646-176.742 340.33 0 229.75 186.25 416 416 416s416-186.25 416-416c-0.002-142.654-71.82-268.52-181.26-343.462z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       power
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M925.922 304.496c-1.698-0.218-3.41-0.37-5.166-0.37h-88.64v-93.548c0.006-0.21-0.016-0.422-0.014-0.634 0.004-0.212 0.036-0.416 0.036-0.63 0-0.478-0.054-0.942-0.074-1.416-0.024-0.636-0.042-1.27-0.094-1.906-0.066-0.776-0.168-1.54-0.276-2.302-0.074-0.534-0.146-1.066-0.242-1.596-0.15-0.82-0.338-1.624-0.538-2.424-0.12-0.48-0.23-0.958-0.37-1.436-0.234-0.812-0.506-1.608-0.792-2.398-0.164-0.462-0.322-0.924-0.504-1.38-0.318-0.788-0.668-1.552-1.036-2.316-0.208-0.436-0.406-0.88-0.628-1.312-0.424-0.802-0.88-1.574-1.352-2.344-0.218-0.358-0.422-0.724-0.656-1.078-0.636-0.972-1.324-1.91-2.042-2.82-0.098-0.124-0.182-0.252-0.282-0.376-0.988-1.224-2.048-2.388-3.172-3.488l-104.004-104.882c-3.696-3.696-7.948-6.486-12.466-8.432-0.122-0.050-0.224-0.11-0.344-0.16-0.974-0.41-1.966-0.756-2.962-1.084-0.262-0.086-0.512-0.19-0.78-0.272-0.926-0.284-1.87-0.506-2.812-0.722-0.346-0.080-0.684-0.182-1.034-0.252-0.988-0.198-1.988-0.334-2.988-0.456-0.31-0.040-0.618-0.102-0.93-0.134-1.324-0.132-2.652-0.204-3.978-0.204h-455.67c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.29-34.838 39.63v200h-87.356c-1.754 0-3.468 0.152-5.164 0.37-19.644 2.538-34.836 19.29-34.836 39.63v320c0 22.094 17.91 40 40 40h87.368v216c0 22.094 17.91 40 40 40h560.006c13.81 0 25.982-6.996 33.17-17.636 0.102-0.146 0.184-0.306 0.282-0.458 0.612-0.922 1.2-1.86 1.722-2.836 0.046-0.082 0.080-0.17 0.124-0.254 2.994-5.612 4.704-12.008 4.704-18.808 0 0 0 0 0-0.004v-216h88.624c13.808 0 25.982-6.996 33.168-17.636 0.104-0.148 0.186-0.308 0.286-0.458 0.612-0.922 1.198-1.862 1.72-2.836 0.046-0.082 0.082-0.172 0.124-0.256 2.994-5.61 4.702-12.008 4.702-18.806 0 0 0 0 0-0.004v-320c0-20.344-15.186-37.096-34.834-39.636zM272.116 144.128h375.634v65.186c0 1.38 0.070 2.746 0.208 4.090 2.048 20.168 19.080 35.91 39.792 35.91h64.366v54.812h-480v-159.998zM272.124 880.126v-327.998h480.006v327.998zM880.756 384.128v239.998h-48.624v-111.998c0-20.34-15.19-37.092-34.836-39.63-1.694-0.218-565.17-0.372-565.17-0.372-1.754 0-3.468 0.152-5.162 0.372-19.646 2.538-34.838 19.29-34.838 39.628v112h-47.368v-239.998zM664.124 608.126c22.092 0 40 17.908 40 40s-17.908 40-40 40h-304c-22.092 0-40-17.908-40-40s17.908-40 40-40h304zM704.124 784.126c0 22.092-17.908 40-40 40h-304c-22.092 0-40-17.908-40-40s17.908-40 40-40h304c22.092 0 40 17.908 40 40z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       print
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M512 144c98.296 0 190.708 38.28 260.214 107.784 69.506 69.508 107.786 161.922 107.786 260.216 0 98.296-38.28 190.708-107.786 260.214-69.506 69.508-161.918 107.786-260.214 107.786-98.294 0-190.708-38.28-260.216-107.786-69.504-69.506-107.784-161.916-107.784-260.214 0-98.294 38.28-190.708 107.784-260.216 69.508-69.504 161.922-107.784 260.216-107.784zM512 64c-247.424 0-448 200.576-448 448s200.576 448 448 448 448-200.576 448-448-200.576-448-448-448v0zM756.396 484.14l-125-125.436c-15.594-15.65-40.92-15.692-56.568-0.1-15.648 15.594-15.694 40.92-0.1 56.568l57.004 57.204h-335.67c-22.092 0-40 17.908-40 40s17.908 40 40 40h335.258l-56.508 56.368c-15.64 15.602-15.672 40.928-0.070 56.568 7.814 7.834 18.066 11.752 28.32 11.75 10.22 0 20.442-3.892 28.25-11.68l125-124.688c15.634-15.594 15.672-40.91 0.084-56.554z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       proceed
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M396.984 530.228c-12.040-5.090-23.676-10.896-34.898-17.38 1.846-42.512 89.218-80.984 112.798-84.736 7.402-1.178 7.568-21.526 7.568-21.526s-21.742-21.524-26.48-50.47c-12.748 0-20.622-30.77-7.874-41.596-0.532-11.398-16.384-89.468 63.878-89.468s64.408 78.070 63.876 89.468c12.75 10.826 4.876 41.596-7.872 41.596-4.738 28.948-26.482 50.47-26.482 50.47s0.168 20.348 7.568 21.526c23.836 3.792 112.846 43.050 112.846 86.102v6.894c-6.426 3.252-12.968 6.3-19.64 9.122-38.826 16.422-80.090 24.746-122.646 24.746-42.552-0.002-83.816-8.326-122.642-24.748zM800 145h-592.004v736h592.004c8.708 0 15.876-7.086 15.972-15.796v-704.246c-0.018-8.8-7.176-15.958-15.972-15.958zM800 65c52.944 0 95.872 42.858 95.992 95.772l0.012 0.014v705.334h-0.036c-0.602 52.502-43.324 94.88-95.968 94.88h-632.004c-22.090 0-40-17.906-40-40v-816c0-20.338 15.192-37.090 34.836-39.628 1.696-0.218 3.41-0.372 5.164-0.372h632.004zM736.282 792.998c0-11.044-8.956-20-20-20h-408.282c-11.044 0-20 8.956-20 20s8.956 20 20 20h408.282c11.044 0 20-8.956 20-20zM736.282 704.998c0-11.044-8.956-20-20-20h-408.282c-11.044 0-20 8.956-20 20s8.956 20 20 20h408.282c11.044 0 20-8.956 20-20zM736.282 616.998c0-11.044-8.956-20-20-20h-408.282c-11.044 0-20 8.956-20 20s8.956 20 20 20h408.282c11.044 0 20-8.956 20-20z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       profile
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M631 157c104 1 171 52 171 166v397a123 123 0 1 1-82 0V323c0-63-27-83-90-84h-24l22 23a41 41 0 1 1-58 58l-93-93a41 41 0 0 1 1-58l93-93a41 41 0 1 1 58 58l-23 23h25zM222 314a123 123 0 1 1 82 0v406a123 123 0 1 1-82 0V314zm41 564a41 41 0 1 0 0-82 41 41 0 0 0 0 82zm0-639a41 41 0 1 0 0-83 41 41 0 0 0 0 83zm498 639a41 41 0 1 0 0-82 41 41 0 0 0 0 82z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       pullrequest
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M828.782 195.218c-174.954-174.958-458.614-174.958-633.566 0-174.958 174.954-174.958 458.612 0 633.566 174.954 174.956 458.614 174.956 633.566 0 174.956-174.95 174.956-458.614 0-633.566zM772.214 772.216c-69.508 69.504-161.918 107.782-260.214 107.782-98.3 0-190.71-38.278-260.218-107.782-69.504-69.506-107.782-161.92-107.786-260.216 0.004-98.298 38.282-190.708 107.786-260.216 69.508-69.504 161.922-107.784 260.218-107.784 98.292 0 190.708 38.28 260.214 107.788 69.504 69.504 107.782 161.916 107.786 260.214-0.004 98.294-38.282 190.708-107.786 260.214zM512.996 784.784c-22.090 0-40-17.906-40-40v0c0-22.090 17.91-40 40-40v0c22.090 0 40.004 17.91 40.004 40v0c0 22.094-17.914 40-40.004 40v0zM552.996 572.27v52.898c0.004 22.088-17.906 39.996-39.996 40-22.094 0-40.004-17.908-40-40v-88c-0.004-21.752 17.372-39.416 38.996-39.952v-0.146c53.118 0 96.332-43.212 96.332-96.33 0-53.116-43.214-96.328-96.332-96.328-53.098 0-96.296 43.184-96.324 96.278 0 0.014 0 0.034 0 0.050 0 22.094-17.914 40-40.004 40s-40-17.906-40-40c0-97.382 78.946-176.328 176.328-176.328 97.386 0 176.332 78.946 176.332 176.328 0 83.268-57.722 153.048-135.332 171.53z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       question
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M913.852 702.796c-15.594-15.648-40.922-15.694-56.57-0.1l-57.204 57.006v-451.424c0-0.372-0.028-0.736-0.074-1.098-0.458-99.016-80.86-179.15-179.988-179.15-99.412 0-180 80.592-180 180 0 0.084 0.004 0.166 0.004 0.248h-0.004v343.504h-0.006c0 0.082 0.006 0.164 0.006 0.248 0 55.14-44.86 100-100 100s-100-44.86-100-100c0-0.084 0.006-0.166 0.006-0.248h-0.002v-483.752c0-22.092-17.91-40-40-40s-40.004 17.908-40.004 40v483.752c0 0.018 0.002 0.036 0.002 0.054 0 0.064-0.002 0.128-0.002 0.194 0 99.408 80.59 180 180 180 99.412 0 180-80.592 180-180 0-0.084-0.004-0.166-0.004-0.248h0.004v-343.504h0.008c0-0.082-0.008-0.164-0.008-0.248 0-55.138 44.86-100 100-100s100 44.862 100 100c0 0.084-0.008 0.166-0.008 0.248h0.070v451.008l-56.368-56.506c-15.602-15.642-40.93-15.67-56.566-0.070-7.836 7.814-11.754 18.066-11.754 28.32 0 10.218 3.894 20.442 11.68 28.252l124.692 125c15.594 15.632 40.91 15.67 56.554 0.084l125.434-125c15.652-15.598 15.692-40.92 0.102-56.57z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       redirect
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M359.016 943.608c-23.82 5.948-47.642 8.322-71.512 8.322-88.208 0-168.084-36.982-207.444-96.534-52.432-79.882-70.296-249.182 102.538-374.356 3.586 19.078 10.746 45.292 15.492 60.834-22.656 16.652-58.39 50.064-81.046 95.324-32.19 63.184-28.61 126.404 9.54 184.798 26.194 39.304 67.926 63.176 121.564 70.34 65.598 8.332 131.154-3.582 194.332-36.94 92.998-48.898 155.014-107.282 195.49-187.162-10.702-10.75-17.818-26.248-19.074-44.15-1.168-36.942 27.45-67.922 64.388-69.132h2.418c35.73 0 65.55 28.61 66.714 64.384 1.206 35.73-24.986 65.546-59.548 69.132-65.6 134.686-181.254 225.312-333.852 255.14zM902.646 540.622c-90.59-106.072-224.11-164.488-376.708-164.488h-19.072c-10.744-21.444-33.402-35.752-58.388-35.752h-2.418c-36.944 1.186-65.548 32.192-64.392 69.13 1.216 35.774 30.99 64.394 66.81 64.394h2.328c26.242-1.208 48.894-17.892 58.434-40.542h21.45c90.624 0 176.46 26.234 253.968 77.482 59.55 39.36 102.49 90.576 126.356 152.596 20.24 50.052 19.074 98.952-2.42 140.64-33.356 63.228-89.37 97.794-163.292 97.794-47.69 0-92.998-14.33-116.822-25.082-13.118 11.958-36.984 31.028-53.64 42.944 51.226 23.87 103.7 36.94 153.762 36.94 114.446 0 199.070-63.132 231.268-126.362 34.562-69.13 32.188-188.326-57.224-289.694zM297.046 708.706c1.21 35.828 30.984 64.394 66.764 64.394h2.368c36.992-1.168 65.556-32.15 64.39-69.132-1.162-35.732-30.984-64.394-66.758-64.394h-2.376c-2.418 0-5.958 0-8.332 1.208-48.89-81.090-69.132-169.27-62.014-264.648 4.792-71.528 28.616-133.516 70.346-184.766 34.568-44.106 101.326-65.57 146.598-66.758 126.402-2.396 180.044 154.968 183.576 218.144 15.542 3.584 41.734 11.936 59.644 17.892-14.328-193.118-133.526-293.266-247.97-293.266-107.28 0-206.236 77.484-245.552 191.932-54.848 152.596-19.070 299.212 47.644 414.826-5.912 8.374-9.494 21.498-8.328 34.568z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       redux
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M679.496 431.738c-0.414-0.062-0.834-0.102-1.266-0.102h-477.482l171.506-171.504c15.622-15.622 15.622-40.95-0.002-56.57-15.62-15.624-40.948-15.624-56.568 0l-239.734 239.732c-0.958 0.956-1.868 1.958-2.724 3.006-0.328 0.402-1.884 2.482-2.324 3.138-0.36 0.54-1.696 2.77-2.008 3.352-0.308 0.58-1.424 2.936-1.676 3.544-0.036 0.086-0.468 1.268-0.648 1.774-0.23 0.636-0.474 1.266-0.672 1.918-0.186 0.612-0.818 3.13-0.95 3.788-0.148 0.748-0.522 3.318-0.574 3.862-0.262 2.642-0.262 5.3 0 7.942 0.044 0.448 0.412 3.032 0.58 3.874 0.112 0.556 0.74 3.088 0.958 3.808 0.158 0.524 1.036 2.992 1.328 3.7 0.192 0.458 1.298 2.828 1.688 3.552 0.208 0.386 0.446 0.75 0.666 1.126 0.436 0.752 1.844 2.888 2.084 3.224 0.52 0.724 4.262 5.074 4.29 5.098l239.718 239.72c15.62 15.618 40.948 15.618 56.57 0 15.62-15.624 15.622-40.948 0-56.57l-171.516-171.514h471.296c114.52 0.084 207.688 93.124 207.988 207.594 0 0.084-0.012 0.164-0.012 0.248v95.876c-0.004 22.094 17.906 40.002 40 40 22.090-0.002 40-17.91 39.996-39.998l0.004-95.57h0.020c0-156.594-124.914-284.012-280.536-288.048z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       reply
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M856.020 159.804c-0.122-52.916-43.048-95.774-95.992-95.774h-591.968c-1.754 0-3.468 0.154-5.164 0.37-19.644 2.54-34.836 19.292-34.836 39.63v784.584c0 22.094 17.91 40 40 40h151.972v63.594c0 10.876 6.548 20.682 16.598 24.844 10.046 4.164 21.612 1.87 29.304-5.818l34.78-34.748 34.78 34.748c5.144 5.14 12.020 7.87 19.014 7.87 3.466 0 6.962-0.672 10.292-2.052 10.048-4.164 16.598-13.968 16.598-24.844v-63.594h278.63c52.642 0 95.368-42.38 95.968-94.882h0.036v-673.916l-0.012-0.012zM776.020 159.988l-0.014 504.628h-519.974v-520.584h503.996c8.796-0 15.972 7.158 15.992 15.956zM760.028 848.616h-278.63v-56h-161.366v56h-111.972v-104h567.944l-0.002 88.204c-0.102 8.71-7.27 15.796-15.974 15.796zM320.032 240.396c0-17.67 14.328-31.998 31.998-31.998s32.002 14.326 32.002 31.998c0 17.674-14.332 32-32.002 32-17.672-0.002-31.998-14.326-31.998-32zM320.032 349.79c0-17.67 14.328-31.998 31.998-31.998s32.002 14.328 32.002 31.998c0 17.676-14.332 32-32.002 32-17.672 0-31.998-14.324-31.998-32zM320.032 459.188c0-17.67 14.328-32 31.998-32s32.002 14.328 32.002 32c0 17.674-14.332 31.998-32.002 31.998-17.672 0-31.998-14.324-31.998-31.998zM384.032 568.582c0 17.674-14.332 31.998-32.002 31.998s-31.998-14.324-31.998-31.998c0-17.67 14.328-32 31.998-32 17.67 0.002 32.002 14.33 32.002 32z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       repository
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M925.164 193.396c-1.696-0.214-3.41-0.368-5.164-0.368h-816c-1.754 0-3.468 0.152-5.16 0.368-19.648 2.54-34.84 19.292-34.84 39.632v560c0 22.094 17.91 40 40 40h111.886v86.004c0 22.090 17.91 40 40 40 0.292 0 0.582-0.040 0.876-0.046 10.536 0.238 21.144-3.624 29.18-11.67l114.292-114.286h519.766c13.808 0 25.98-6.996 33.168-17.636 0.102-0.144 0.184-0.304 0.282-0.458 0.614-0.922 1.2-1.86 1.722-2.836 0.046-0.082 0.082-0.172 0.124-0.254 2.988-5.618 4.704-12.008 4.704-18.812v0-560c-0-20.346-15.192-37.098-34.836-39.638zM880 753.028h-736v-480h736v480zM756.334 484.17l-125-125.436c-15.594-15.65-40.92-15.692-56.568-0.1-15.648 15.594-15.694 40.92-0.1 56.568l57.004 57.204h-335.67c-22.092 0-40 17.908-40 40s17.908 40 40 40h335.258l-56.508 56.368c-15.64 15.602-15.672 40.928-0.070 56.57 7.814 7.832 18.066 11.752 28.32 11.75 10.22 0 20.442-3.892 28.25-11.68l125-124.688c15.634-15.596 15.672-40.912 0.084-56.556z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       requestchange
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M256.094 865.048c0 53.020-42.972 96-96 96-53.020 0-96-42.98-96-96 0-53.016 42.98-96 96-96s96 42.984 96 96zM510.020 918.352c-0.018-0.172-0.042-0.344-0.050-0.52-0.054-0.676-0.124-1.34-0.214-2.004-10.582-105.644-57.866-200.46-128.894-271.536v0c-71.074-71.054-165.906-118.352-271.564-128.934-0.664-0.090-1.33-0.16-2.006-0.214-0.174-0.016-0.348-0.040-0.52-0.054-0.254-0.024-0.5-0.024-0.742-0.008-0.64-0.032-1.278-0.098-1.922-0.098-22.098 0-40 17.908-40 40 0 20.582 15.542 37.516 35.536 39.738 0.042 0.004 0.066 0.036 0.106 0.040 84.82 8.098 163.514 45.024 224.542 106.042v0c61.036 61.036 97.964 139.738 106.070 224.574 0.004 0.040 0.036 0.070 0.042 0.106 2.222 19.988 19.156 35.536 39.736 35.536 22.092 0 40-17.902 40-40 0-0.644-0.066-1.282-0.098-1.922 0-0.246 0-0.492-0.022-0.746zM734.688 918.45c-0.004-0.090-0.018-0.186-0.024-0.276-0.040-0.544-0.058-1.102-0.124-1.638-10.972-167.816-83.558-318.804-195.33-430.616h0.002c-111.812-111.788-262.81-184.384-430.644-195.36-0.542-0.060-1.094-0.084-1.642-0.122-0.092-0.008-0.182-0.016-0.272-0.022-0.020-0.002-0.042 0.004-0.054 0.004-0.836-0.052-1.664-0.124-2.512-0.124-22.092 0-40 17.908-40 40 0 21.036 16.246 38.24 36.874 39.842 0.046 0.008 0.078 0.038 0.128 0.042 66.876 4.086 131.786 19.292 193.406 45.358 70.472 29.81 133.78 72.494 188.166 126.874v0c54.394 54.396 97.090 117.71 126.902 188.204 26.064 61.624 41.274 126.532 45.362 193.408 0.004 0.052 0.036 0.080 0.042 0.13 1.604 20.624 18.802 36.87 39.844 36.87 22.090 0 40-17.904 40-40 0-0.85-0.074-1.678-0.126-2.514-0.002-0.024 0.006-0.040 0.002-0.060zM959.126 920.556c-0.002-0.094 0.008-0.164 0.004-0.262-10.342-231.204-108.314-439.604-261.486-592.796v-0.002c-153.2-153.19-361.61-251.174-592.828-261.518-0.096-0.004-0.168 0.006-0.262 0.004-0.176-0.004-0.348-0.030-0.524-0.030-22.098 0-40 17.91-40 40 0 20.988 16.168 38.164 36.716 39.834 0.184 0.042 0.356 0.086 0.566 0.098 97.040 4.314 191.186 25.538 280.376 63.258 97.14 41.090 184.406 99.928 259.368 174.876v0c74.96 74.964 133.81 162.24 174.908 259.398 37.718 89.19 58.946 183.336 63.26 280.376 0.010 0.208 0.052 0.38 0.096 0.562 1.67 20.552 18.848 36.72 39.834 36.72 22.092 0 40-17.906 40-40-0-0.17-0.024-0.342-0.028-0.518z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       rss
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M218 670a318 318 0 0 1 0-451 316 316 0 0 1 451 0 318 318 0 0 1 0 451 316 316 0 0 1-451 0m750 240L756 698a402 402 0 1 0-59 60l212 212c16 16 42 16 59 0 16-17 16-43 0-60"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       search
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M896.006 920c0 22.090-17.91 40-40 40h-688.006c-22.090 0-40-17.906-40-40v-549.922c-0.838-3.224-1.33-6.588-1.33-10.072 0-22.090 17.908-40.004 40-40.004h178.66c22.092 0.004 40 17.914 40 40.004 0 22.088-17.908 40-40 40h-137.33v479.996h607.998v-479.996h-138.658c-22.090 0-40-17.912-40-40 0-22.090 17.906-40.004 40-40.004h178.658c22.090 0 40 17.91 40 40v559.844c0 0.050 0.008 0.102 0.008 0.154zM665.622 200.168l-124.452-124.45c-8.042-8.042-18.65-11.912-29.186-11.674-1.612-0.034-3.222 0-4.828 0.16-0.558 0.054-1.098 0.16-1.648 0.238-0.742 0.104-1.484 0.192-2.218 0.338-0.656 0.13-1.29 0.31-1.934 0.472-0.622 0.154-1.244 0.292-1.86 0.476-0.64 0.196-1.258 0.436-1.886 0.66-0.602 0.216-1.208 0.414-1.802 0.66-0.598 0.248-1.17 0.54-1.754 0.814-0.598 0.282-1.202 0.546-1.788 0.86-0.578 0.312-1.13 0.664-1.694 1-0.552 0.332-1.116 0.644-1.654 1.006-0.67 0.448-1.3 0.942-1.942 1.426-0.394 0.302-0.806 0.576-1.196 0.894-1.046 0.858-2.052 1.768-3.008 2.726l-124.398 124.39c-15.622 15.62-15.618 40.948 0.002 56.57 15.622 15.62 40.95 15.62 56.568 0l56.164-56.166v439.426c0 22.094 17.912 40 40.002 40 22.092 0 40-17.91 40-40v-441.202l57.942 57.942c15.622 15.624 40.948 15.62 56.568 0 15.626-15.618 15.626-40.946 0.002-56.566z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       share
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M875.146 148.994c-0.064-0.040-0.116-0.094-0.184-0.132-92.714-52.39-221.036-84.83-362.846-84.83-138.512 0-270.346 34.356-362.51 84.618-0.606 0.33-1.138 0.658-1.608 0.986-11.954 6.918-20.016 19.81-20.016 34.614v451.4c0 12.7 5.938 23.996 15.166 31.32l340.538 281.676c6.568 6.434 14.918 10.168 23.564 11.122 0.16 0.024 0.32 0.050 0.48 0.066 0.838 0.082 1.676 0.114 2.518 0.14 0.496 0.020 0.994 0.058 1.492 0.058s0.996-0.040 1.492-0.058c0.842-0.032 1.68-0.058 2.518-0.14 0.16-0.016 0.32-0.042 0.48-0.066 8.646-0.958 16.996-4.688 23.564-11.122l339.36-280.718c10.326-7.23 17.094-19.2 17.094-32.762v-450.918c0.002-15.254-8.54-28.506-21.102-35.254zM207.984 208.212c36.292-18.168 77.668-32.854 123.356-43.722 57.062-13.576 117.884-20.458 180.778-20.458s123.714 6.882 180.778 20.458c30.186 7.182 58.474 16.040 84.674 26.456l-490.846 490.848-78.738-65.070v-408.512zM511.742 867.75l-163.078-134.77 467.586-467.584v350.69l-304.508 251.664z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       shield
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M920.032 127.858h-816c-22.092 0-40 17.908-40 40v688c0 22.092 17.908 40 40 40h316.578c1.13 0.096 2.266 0.172 3.422 0.172s2.292-0.078 3.424-0.172h492.576c22.092 0 40-17.908 40-40v-688c0-22.092-17.908-40-40-40zM144.032 207.858h240v608h-240v-608zM880.032 815.858h-416v-608h416v608zM198.734 288.030c0-17.674 14.328-32 32.002-32h66.396c17.672 0 32 14.326 32 32 0 17.676-14.324 32-32 32h-66.398c-17.674 0-32-14.326-32-32zM198.734 416.030c0-17.674 14.328-32 32.002-32h66.396c17.672 0 32 14.326 32 32 0 17.676-14.324 32-32 32h-66.398c-17.674 0-32-14.326-32-32zM198.734 544.030c0-17.674 14.328-32 32.002-32h66.396c17.672 0 32 14.326 32 32 0 17.676-14.324 32-32 32h-66.398c-17.674 0-32-14.326-32-32z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       sidebar
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M64 167.944v688c0 22.092 17.908 40 40 40h816c22.092 0 40-17.908 40-40v-688c0-22.092-17.908-40-40-40h-816c-22.092 0-40 17.908-40 40zM880 815.944h-240v-608h240v608zM144 207.944h416v608h-416v-608zM793.296 320.118h-66.398c-17.676 0-32-14.324-32-32 0-17.674 14.328-32 32-32h66.396c17.674 0 32.002 14.326 32.002 32 0 17.672-14.324 32-32 32zM793.296 448.118h-66.398c-17.676 0-32-14.324-32-32 0-17.674 14.328-32 32-32h66.396c17.674 0 32.002 14.326 32.002 32 0 17.672-14.324 32-32 32zM793.296 576.118h-66.398c-17.676 0-32-14.324-32-32 0-17.674 14.328-32 32-32h66.396c17.674 0 32.002 14.326 32.002 32 0 17.672-14.324 32-32 32z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       sidebaralt
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M692.070 580.856c18.156-18.156 28.152-42.266 28.152-67.89-0.008-25.622-10.002-49.726-28.148-67.872-8.476-8.478-18.308-15.188-29-19.922-0.222-0.098-0.408-0.22-0.566-0.364-13.294-6.5-22.476-20.116-22.476-35.914 0-22.090 17.91-40 40-40 5.774 0 11.246 1.248 16.204 3.45 0.016 0.006 0.026 0.008 0.040 0.016 19.292 8.656 37.036 20.832 52.368 36.164 33.254 33.254 51.574 77.446 51.58 124.43 0.006 46.996-18.31 91.204-51.58 124.472-15.064 15.062-32.45 27.074-51.344 35.7-0.154 0.070-0.286 0.112-0.434 0.176-5.124 2.382-10.812 3.75-16.832 3.75-22.090 0-40-17.906-40-40 0-16.196 9.644-30.112 23.488-36.402 0.156-0.11 0.32-0.216 0.516-0.304 10.314-4.712 19.81-11.268 28.032-19.49zM861.778 275.386c-47.824-47.824-107.946-79.588-173.204-92.242-0.356-0.078-0.712-0.146-1.072-0.214-0.060-0.012-0.124-0.026-0.186-0.038-0.506-0.096-0.976-0.162-1.422-0.208-1.918-0.282-3.868-0.476-5.864-0.476-22.090 0-40 17.91-40 40 0 19.024 13.292 34.91 31.084 38.968 0.352 0.128 0.728 0.244 1.162 0.326 48.7 9.268 95.226 32.748 132.934 70.452 99.972 99.972 100.054 261.984-0.002 362.040-37.684 37.684-84.152 61.14-132.788 70.426-0.084 0.016-0.144 0.046-0.224 0.066-18.338 3.644-32.166 19.816-32.166 39.222 0 22.094 17.91 40 40 40 2.776 0 5.484-0.286 8.102-0.822 0.094-0.018 0.172-0.018 0.27-0.038 65.32-12.626 125.496-44.406 173.376-92.286 131.008-131.008 131.008-344.172 0-475.176zM525.988 159.516v704.968c0 22.090-17.906 40-40 40-12.73 0-24.046-5.966-31.374-15.234l-51.056-61.722v0.216l-122.14-147.666h-177.386c-22.090 0-40-17.906-40-40v0 0-256c0-5.22 1.030-10.194 2.85-14.766 0.104-0.266 0.184-0.542 0.294-0.804 0.39-0.924 0.844-1.812 1.3-2.702 0.134-0.26 0.242-0.538 0.382-0.794 0.246-0.456 0.54-0.878 0.804-1.324 6.972-11.726 19.734-19.61 34.368-19.61h177.386l173.13-209.238c7.324-9.316 18.67-15.324 31.44-15.324 22.092-0 40.002 17.91 40.002 40zM445.988 270.826l-126.708 153.252h-175.248v176h175.248l19.832 23.998h0.17l106.708 129.112v-482.362z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       speaker
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M763.972 919.5c-6.368 0-12.758-1.518-18.61-4.596l-233.358-122.688-233.37 122.688c-13.476 7.090-29.808 5.904-42.124-3.042-12.318-8.95-18.486-24.118-15.912-39.124l44.57-259.856-188.792-184.028c-10.904-10.626-14.828-26.524-10.124-41.004s17.222-25.034 32.292-27.222l260.906-37.912 116.686-236.42c6.738-13.652 20.644-22.296 35.87-22.296v0c15.226 0 29.13 8.644 35.87 22.298l116.674 236.418 260.906 37.912c15.068 2.19 27.586 12.742 32.292 27.222s0.782 30.376-10.124 41.004l-188.792 184.028 44.24 257.93c0.62 2.796 0.946 5.704 0.946 8.688 0 22.054-17.848 39.942-39.888 40-0.054 0-0.106 0-0.158 0z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       star
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M763.972 919.5c-6.368 0-12.758-1.518-18.61-4.596l-233.358-122.688-233.37 122.688c-13.476 7.090-29.808 5.904-42.124-3.042-12.318-8.95-18.486-24.118-15.912-39.124l44.57-259.856-188.792-184.028c-10.904-10.626-14.828-26.524-10.124-41.004s17.222-25.034 32.292-27.222l260.906-37.912 116.686-236.42c6.738-13.652 20.644-22.296 35.87-22.296v0c15.226 0 29.13 8.644 35.87 22.298l116.674 236.418 260.906 37.912c15.068 2.19 27.586 12.742 32.292 27.222s0.782 30.376-10.124 41.004l-188.792 184.028 44.24 257.93c0.62 2.796 0.946 5.704 0.946 8.688 0 22.054-17.848 39.942-39.888 40-0.054 0-0.106 0-0.158 0zM190.256 428.144l145.812 142.13c9.428 9.192 13.73 22.432 11.504 35.406l-34.424 200.7 180.244-94.758c11.654-6.13 25.576-6.126 37.226 0l180.232 94.756-34.422-200.698c-2.226-12.974 2.076-26.214 11.504-35.406l145.812-142.13-201.51-29.282c-13.030-1.892-24.292-10.076-30.118-21.882l-90.114-182.596-90.122 182.598c-5.826 11.804-17.090 19.988-30.118 21.88l-201.506 29.282z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       starhollow
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M960 512a448 448 0 1 0-896 0 448 448 0 0 0 896 0zM252 772a366 366 0 0 1 0-520 366 366 0 0 1 520 0 366 366 0 0 1 0 520 366 366 0 0 1-520 0zm412-68H360c-22 0-40-18-40-40V360c0-22 18-40 40-40h304c22 0 40 18 40 40v304c0 22-18 40-40 40z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       stop
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M954.324 833.3c0.208-0.558 0.388-1.128 0.586-1.692 0.3-0.868 0.608-1.734 0.882-2.61 0.234-0.746 0.444-1.5 0.66-2.25 0.212-0.734 0.432-1.464 0.624-2.204 0.204-0.766 0.378-1.54 0.562-2.308 0.18-0.766 0.366-1.528 0.528-2.292 0.146-0.692 0.272-1.386 0.402-2.082 0.168-0.89 0.332-1.778 0.476-2.668 0.090-0.566 0.164-1.136 0.244-1.704 0.148-1.058 0.29-2.118 0.404-3.18 0.042-0.422 0.080-0.852 0.12-1.274 0.118-1.23 0.212-2.46 0.282-3.696 0.018-0.304 0.030-0.606 0.042-0.906 0.062-1.36 0.098-2.718 0.104-4.082 0-0.114 0.008-0.226 0.008-0.34 0-0.128-0.010-0.258-0.010-0.39-0.006-1.368-0.042-2.734-0.104-4.102-0.014-0.296-0.030-0.594-0.044-0.89-0.070-1.246-0.166-2.492-0.284-3.738-0.042-0.434-0.084-0.864-0.128-1.292-0.116-1.050-0.25-2.098-0.4-3.144-0.088-0.628-0.18-1.258-0.282-1.882-0.13-0.8-0.276-1.598-0.428-2.394-0.162-0.868-0.332-1.73-0.518-2.594-0.116-0.524-0.24-1.046-0.364-1.57-0.264-1.128-0.542-2.25-0.846-3.36-0.070-0.254-0.144-0.504-0.214-0.754-11.38-40.382-48.464-69.996-92.488-69.996-3.066 0-6.096 0.16-9.088 0.442l-264.576-458.262c21.080-29.698 24.3-70.13 4.9-103.732-12.596-21.816-32.458-36.812-54.764-43.724-0.062-0.020-0.124-0.036-0.186-0.054-1.394-0.43-2.798-0.83-4.21-1.196-0.296-0.076-0.596-0.142-0.894-0.216-1.208-0.3-2.422-0.586-3.642-0.84-0.384-0.082-0.774-0.148-1.16-0.224-1.168-0.228-2.338-0.444-3.514-0.626-0.384-0.060-0.776-0.112-1.162-0.168-1.208-0.174-2.416-0.332-3.63-0.46-0.35-0.038-0.7-0.066-1.048-0.1-1.27-0.12-2.54-0.218-3.814-0.29-0.32-0.018-0.642-0.032-0.964-0.044-1.294-0.058-2.594-0.094-3.892-0.1-0.166 0-0.328-0.012-0.492-0.012-0.19 0-0.376 0.014-0.564 0.014-1.21 0.008-2.42 0.040-3.63 0.092-0.494 0.022-0.986 0.046-1.478 0.074-0.992 0.060-1.986 0.136-2.978 0.226-0.722 0.064-1.442 0.134-2.16 0.214-0.696 0.080-1.392 0.17-2.090 0.266-1.014 0.136-2.026 0.286-3.032 0.452-0.352 0.060-0.704 0.124-1.054 0.19-44.97 8.028-79.122 47.302-79.122 94.582 0 20.756 6.602 39.958 17.79 55.67l-264.58 458.26c-2.954-0.274-5.94-0.434-8.962-0.434-53.078 0-96.11 43.032-96.11 96.11 0 53.082 43.032 96.11 96.11 96.11 38.8 0 72.208-23.004 87.386-56.11l529.202-0.004c0.138 0.304 0.292 0.606 0.436 0.91 0.226 0.48 0.456 0.958 0.69 1.434 0.474 0.968 0.966 1.93 1.476 2.882 0.214 0.402 0.432 0.8 0.65 1.2 0.314 0.566 0.604 1.14 0.93 1.708 0.284 0.488 0.59 0.958 0.88 1.442 0.122 0.2 0.244 0.398 0.37 0.602 27.086 44.372 84.766 59.278 130.040 33.136 18.864-10.89 32.624-27.214 40.478-45.852 0.054-0.132 0.104-0.266 0.158-0.398 0.518-1.248 1.020-2.506 1.486-3.776zM238.414 744.282l264.542-458.204c0.424 0.042 0.85 0.064 1.276 0.098 0.668 0.056 1.334 0.112 2.004 0.152 0.652 0.040 1.306 0.066 1.96 0.092 1.122 0.046 2.244 0.076 3.368 0.084 0.146 0.002 0.292 0.012 0.438 0.012 0.168 0 0.334-0.012 0.502-0.014 1.436-0.004 2.874-0.040 4.31-0.108 0.088-0.006 0.176-0.010 0.262-0.014 1.376-0.070 2.75-0.168 4.124-0.296l264.596 458.298c-3.48 4.894-6.514 10.122-9.042 15.636h-529.226c-2.546-5.55-5.602-10.814-9.114-15.736z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       structure
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm3 83a366 366 0 0 0-368 368 366 366 0 0 0 368 368 366 366 0 0 0 369-368 366 366 0 0 0-369-368zM295 472h434a40 40 0 0 1 0 80H295a40 40 0 1 1 0-80z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       subtract
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M828.814 195.216c-174.956-174.956-458.614-174.956-633.566 0-174.958 174.956-174.956 458.612 0 633.568s458.614 174.956 633.566 0c174.958-174.956 174.956-458.612 0-633.568zM813.592 723.072l-92.714-92.712c41.542-73.186 41.548-163.544 0.016-236.734l92.7-92.698c43.176 61.41 66.44 134.45 66.44 211.074-0.004 76.62-23.266 149.662-66.442 211.070zM398.916 625.116c-62.382-62.384-62.382-163.89 0-226.274 30.216-30.216 70.398-46.86 113.146-46.864h0.010c42.724 0 82.898 16.642 113.12 46.866 62.382 62.38 62.382 163.886 0 226.272-30.22 30.22-70.4 46.864-113.136 46.864-42.74-0.002-82.92-16.644-113.14-46.864zM723.104 210.44l-92.696 92.698c-36.59-20.766-77.464-31.162-118.356-31.158-40.888 0.004-81.78 10.406-118.378 31.178l-92.714-92.716c61.408-43.176 134.452-66.438 211.070-66.44 76.622-0.004 149.668 23.262 211.074 66.438zM210.472 300.928l92.724 92.726c-41.512 73.176-41.506 163.506 0.016 236.678l-92.742 92.74c-43.176-61.408-66.438-134.454-66.44-211.072 0.004-76.624 23.264-149.664 66.442-211.072zM512.032 880c-76.624-0.002-149.666-23.264-211.072-66.44l92.74-92.742c36.59 20.766 77.464 31.16 118.356 31.16 40.868 0 81.738-10.392 118.322-31.144l92.726 92.726c-61.408 43.176-134.454 66.44-211.072 66.44z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       support
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M923.946 63.418h-631.232c-20.268 0-36.7 16.432-36.7 36.7v155.286h-155.284c-20.268 0-36.7 16.432-36.7 36.7v631.23c0 20.268 16.43 36.7 36.7 36.7h631.23c20.272 0 36.7-16.432 36.7-36.7v-155.286h155.286c20.272 0 36.7-16.432 36.7-36.7v-631.23c-0.002-20.268-16.43-36.7-36.7-36.7zM688.66 880.032h-544.628v-544.628h111.984v395.946c0 20.268 16.43 36.7 36.7 36.7h395.944v111.982zM688.66 688.046h-352.644v-352.644h352.644v352.644zM880.644 688.046h-111.984v-395.946c0-20.268-16.428-36.7-36.7-36.7h-395.944v-111.984h544.628v544.63z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       switchalt
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M998.786 474.516l-91 90.988c-8.028 8.036-18.624 11.902-29.152 11.676-10.536 0.234-21.144-3.632-29.184-11.676l-92.3-92.296c-15.624-15.622-15.624-40.95 0-56.57 15.622-15.622 40.95-15.624 56.57 0l26.146 26.148c-13.774-61.416-44.624-117.806-90.216-163.394-63.46-63.464-147.84-98.414-237.586-98.414-89.75 0-174.128 34.95-237.59 98.414-27.012 27.012-48.836 57.824-65.024 91.214l-0.008-0.004c-6.722 12.632-20.008 21.242-35.32 21.242-22.090 0-40-17.906-40-40 0-5.464 1.102-10.668 3.086-15.414l-0.004-0.004c0.016-0.032 0.024-0.058 0.040-0.090 0.036-0.078 0.070-0.156 0.106-0.234 0.73-1.632 0.208-0.718 5.004-9.996 69.18-133.726 208.766-225.128 369.71-225.128 203.224 0 372.374 145.734 408.728 338.392l21.424-21.424c15.618-15.622 40.946-15.622 56.566 0s15.624 40.948 0.004 56.57zM889.992 682.11c0 5.464-1.106 10.672-3.090 15.414l0.008 0.004c-0.016 0.036-0.028 0.058-0.040 0.090-0.036 0.078-0.074 0.156-0.106 0.234-0.73 1.636-0.208 0.718-5.008 10-69.176 133.722-208.762 225.124-369.708 225.124-205.2 0-375.668-148.578-409.76-344.022l-19.478 19.478c-15.622 15.622-40.95 15.622-56.57 0-15.618-15.622-15.622-40.95 0-56.57l90.996-90.992c8.032-8.032 18.628-11.902 29.152-11.672 10.536-0.238 21.144 3.632 29.188 11.672l92.296 92.3c15.624 15.618 15.624 40.946 0 56.566-15.618 15.622-40.946 15.624-56.566 0.004l-29.292-29.292c12.466 65.568 44.214 125.882 92.448 174.116 63.46 63.46 147.84 98.41 237.586 98.41 89.75 0 174.124-34.95 237.59-98.41 27.012-27.012 48.836-57.824 65.020-91.218l0.008 0.004c6.726-12.632 20.012-21.242 35.324-21.242 22.092 0.002 40.002 17.912 40.002 40.002zM145.83 545.416l1.4 0.248-0.824-0.824-0.576 0.576z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       sync
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M200.022 927.988h624.018c1.38 0 2.746-0.072 4.090-0.208 20.168-2.050 35.91-19.080 35.91-39.792v-751.916c0-22.092-17.91-40-40-40h-624.018c-22.098 0-40 17.908-40 40v751.916c0 22.094 17.906 40 40 40zM512.002 878.206c-17.674 0-32.004-14.328-32.004-31.998 0-17.678 14.33-32.002 32.004-32.002 17.67 0 32 14.324 32 32.002 0 17.67-14.33 31.998-32 31.998zM240.022 176.078h544.018v591.902h-544.018v-591.902z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       tablet
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M256.972 768.004c0-8.67-3.156-16.158-9.484-22.534-6.332-6.34-13.836-9.484-22.504-9.458-8.682 0-16.188 3.172-22.516 9.458-6.33 6.344-9.488 13.84-9.488 22.534 0 8.692 3.158 16.186 9.488 22.532 6.328 6.286 13.834 9.458 22.516 9.458 8.668 0.028 16.172-3.118 22.504-9.458 6.328-6.376 9.484-13.868 9.484-22.532zM832.948 480.010c0-17.004-6.478-31.908-19.468-44.734-13.014-12.82-27.834-19.25-44.512-19.276h-175.97c0-19.328 7.98-45.904 24.004-79.724 15.968-33.826 23.978-60.568 23.978-80.256 0-32.646-5.332-56.808-15.994-72.48-10.664-15.664-31.988-23.484-63.98-23.484-8.696 8.64-15.012 22.828-19.032 42.486-4.020 19.69-9.102 40.606-15.254 62.752-6.168 22.172-16.080 40.382-29.762 54.738-7.344 7.68-20.168 22.832-38.5 45.496-1.326 1.67-5.164 6.65-11.512 15.010-6.342 8.342-11.594 15.178-15.762 20.508-4.156 5.308-9.91 12.386-17.252 21.218-7.328 8.862-14 16.186-19.988 22.038-5.986 5.794-12.412 11.73-19.26 17.744-6.852 5.984-13.508 10.5-19.99 13.48-6.478 3.010-12.4 4.484-17.756 4.512h-15.982v320.010h15.982c4.332 0 9.596 0.492 15.774 1.504 6.168 1.012 11.676 2.080 16.488 3.258 4.812 1.144 11.154 2.98 19.002 5.466 7.862 2.512 13.702 4.424 17.502 5.74 3.812 1.31 9.732 3.422 17.756 6.238 8.026 2.842 12.866 4.586 14.506 5.272 70.324 24.334 127.304 36.504 170.996 36.504h60.482c64.006 0 96.024-27.836 96.024-83.478 0-8.664-0.848-18.016-2.514-27.996 10.004-5.334 17.936-14.084 23.758-26.276 5.824-12.172 8.724-24.416 8.778-36.746 0-12.366-3.008-23.844-9.024-34.51 17.664-16.682 26.524-36.496 26.524-59.496 0-8.308-1.696-17.554-5.032-27.72-3.336-10.202-7.492-18.104-12.468-23.762 10.636-0.328 19.55-8.15 26.714-23.486 7.192-15.34 10.744-28.82 10.744-40.496v-0.054zM896.984 479.516c0 29.638-8.204 56.816-24.5 81.506 2.98 10.994 4.484 22.476 4.484 34.482 0 25.674-6.344 49.68-19.004 71.99 1.012 7 1.506 14.164 1.506 21.488 0 33.688-10.008 63.354-29.968 89.026 0.326 46.32-13.834 82.904-42.518 109.756-28.682 26.848-66.522 40.246-113.496 40.246h-64.528c-31.99 0-63.542-3.746-94.742-11.268-31.168-7.492-67.246-18.402-108.23-32.758-38.662-13.312-61.656-19.956-68.984-19.956h-143.996c-17.664 0-32.742-6.292-45.252-18.784-12.508-12.5-18.756-27.588-18.756-45.254v-319.982c0-17.666 6.248-32.728 18.756-45.226 12.51-12.52 27.588-18.784 45.252-18.784h136.998c12.002-8.010 34.818-33.822 68.478-77.484 19.33-24.99 37.168-46.344 53.508-64.008 7.996-8.314 13.918-22.586 17.744-42.766 3.828-20.178 8.912-41.232 15.256-63.24 6.36-21.984 16.68-40.002 30.994-53.998 13.002-12.362 28.012-18.514 45.018-18.514 27.998 0 53.152 5.414 75.464 16.242 22.31 10.828 39.316 27.748 50.964 50.77 11.704 23.002 17.5 53.978 17.5 92.962 0 31.008-7.984 63-23.98 96.028h88.014c34.67 0 64.634 12.628 89.956 37.98 25.346 25.346 38.008 55.144 38.008 89.49l0.054 0.056z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       thumbsup
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M512 64c-247.424 0-448 200.578-448 448.004 0 247.422 200.576 448 448 448s448-200.578 448-448c0-247.424-200.576-448.004-448-448.004zM772.214 772.22c-69.508 69.504-161.918 107.786-260.214 107.786s-190.708-38.282-260.214-107.786c-69.508-69.508-107.786-161.918-107.786-260.214s38.278-190.708 107.786-260.214c69.508-69.504 161.918-107.786 260.214-107.786s190.708 38.278 260.214 107.786c69.504 69.508 107.786 161.918 107.786 260.214s-38.282 190.706-107.786 260.214zM768.004 517.004c0 22.090-17.91 40-40 40h-216c-5.384 0-10.508-1.078-15.196-3.008-0.124-0.046-0.254-0.086-0.376-0.132-0.61-0.262-1.188-0.57-1.782-0.86-0.572-0.278-1.16-0.528-1.718-0.828-0.204-0.114-0.39-0.246-0.594-0.364-0.918-0.516-1.832-1.050-2.704-1.64-0.086-0.058-0.164-0.128-0.254-0.188-10.492-7.21-17.382-19.286-17.382-32.98v-285c0-22.094 17.91-40 40.004-40 22.088 0 40 17.906 40 40v244.996h175.996c22.094 0 40.002 17.916 40.006 40.004z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       time
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M576 540.658c0 35.344-28.654 64-64 64s-64-28.656-64-64c0-20.27 9.432-38.324 24.134-50.050v-193.418c-0.004-22.092 17.906-40.002 40-40 22.090 0 40 17.906 40 40l-0.004 193.626c14.552 11.732 23.87 29.692 23.87 49.842zM928.32 543.934c0 229.79-186.28 416.066-416.068 416.066-229.786 0-416.064-186.278-416.064-416.066 0-216.26 164.998-393.958 375.97-414.134l0.188-49.794h-16.348c-22.092 0-40.002-17.91-39.998-40 0-22.090 17.906-40.004 40-40.004l112 0.002c22.090-0.002 39.998 17.91 40 40 0 22.090-17.908 40-40 39.998h-15.656l-0.19 49.782c77.246 7.352 148.33 35.812 207.422 79.564l41.854-41.856c15.622-15.622 40.95-15.618 56.57 0.002s15.622 40.948 0 56.568l-38.9 38.9c67.822 74.028 109.22 172.66 109.22 280.972zM848.32 543.934c0-89.768-34.958-174.16-98.432-237.634s-147.87-98.432-237.636-98.432c-89.766 0-174.158 34.958-237.632 98.432s-98.432 147.868-98.432 237.634c0 89.766 34.958 174.16 98.432 237.636 63.474 63.472 147.868 98.43 237.632 98.43 89.768 0 174.162-34.958 237.636-98.43 63.476-63.476 98.432-147.87 98.432-237.636z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       timer
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M916.25 348.726l-125 124.688c-7.808 7.79-18.032 11.68-28.25 11.68-10.254 0.002-20.506-3.918-28.32-11.75-15.602-15.64-15.57-40.966 0.070-56.568l56.508-56.368h-655.258c-22.092 0-40-17.908-40-40s17.908-40 40-40h655.672l-57.006-57.206c-15.594-15.646-15.548-40.972 0.1-56.566s40.972-15.55 56.568 0.098l125 125.438c15.588 15.644 15.548 40.958-0.084 56.554zM107.666 731.892l125 125.438c15.596 15.648 40.92 15.692 56.568 0.098s15.694-40.92 0.1-56.566l-57.006-57.206h655.672c22.092 0 40-17.908 40-40s-17.908-40-40-40h-655.258l56.508-56.368c15.64-15.602 15.672-40.928 0.070-56.568-7.814-7.832-18.066-11.752-28.32-11.75-10.218 0-20.442 3.89-28.25 11.68l-125 124.688c-15.632 15.596-15.672 40.91-0.084 56.554z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       transfer
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M919.5 225.208h-215.5v-120.080c0-20.344-15.192-37.096-34.836-39.632-1.696-0.216-3.41-0.372-5.164-0.372h-304.004c-1.754 0-3.468 0.152-5.164 0.372-19.644 2.54-34.836 19.292-34.836 39.628v120.084h-215.996c-22.090 0-40 17.912-40 40.002 0 22.092 17.91 40 40 40h27.216l53.916 615.914h0.214c0 22.092 17.91 40 40 40h573.372c22.094 0 40-17.91 40-40h0.148l53.916-615.914h26.716c22.090 0 40-17.91 40-40s-17.908-40.002-39.998-40.002zM399.996 145.126h224.004v80.082h-224.004v-80.082zM762.062 881.124h-500.124l-50.414-575.912h600.954l-50.416 575.912zM632.004 697.124v-240c-0.004-22.092 17.906-40.002 40-40.002 22.090 0.002 40 17.908 40 40.002l-0.004 240.002c0.004 22.088-17.906 39.996-39.996 39.998-22.094 0.002-40.004-17.906-40-40zM311.996 697.124v-240c-0.004-22.092 17.906-40.002 40-40.002 22.090 0.002 40 17.908 40 40.002l-0.004 240.002c0.004 22.088-17.906 39.996-39.996 39.998-22.094 0.002-40.004-17.906-40-40zM472 697.124v-240c-0.004-22.092 17.906-40.002 40-40.002 22.090 0.002 40 17.908 40 40.002l-0.004 240.002c0.004 22.088-17.906 39.996-39.996 39.998-22.094 0.002-40.004-17.906-40-40z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       trash
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M960 233.114c-32.946 14.616-68.41 24.5-105.598 28.942 37.954-22.762 67.098-58.774 80.856-101.688-35.52 21.054-74.894 36.368-116.726 44.598-33.542-35.724-81.316-58.038-134.204-58.038-101.496 0-183.796 82.292-183.796 183.814 0 14.424 1.628 28.45 4.758 41.89-152.75-7.668-288.22-80.872-378.876-192.072-15.822 27.15-24.898 58.706-24.898 92.42 0 63.776 32.458 120.034 81.782 153.010-30.116-0.944-58.458-9.212-83.262-22.982-0.028 0.75-0.028 1.546-0.028 2.324 0 89.070 63.356 163.334 147.438 180.256-15.426 4.186-31.664 6.426-48.442 6.426-11.836 0-23.35-1.146-34.574-3.28 23.406 73.006 91.286 126.16 171.726 127.632-62.914 49.324-142.18 78.696-228.314 78.696-14.828 0-29.448-0.876-43.842-2.568 81.33 52.138 177.96 82.574 281.786 82.574 338.11 0 523-280.104 523-523.014 0-7.986-0.164-15.914-0.542-23.778 35.952-25.96 67.124-58.318 91.756-95.162z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       twitter
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M230 301h480a240 240 0 1 1 0 481H235c-23 0-42-20-42-43 0-24 19-43 42-43h475a155 155 0 0 0 0-310H228l3 3 65 65a45 45 0 0 1-65 64L90 376a45 45 0 0 1 0-64l142-142a45 45 0 1 1 64 65l-63 62-3 4z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       undo
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M896.032 915.53v-467.498c0-1.988-0.194-3.926-0.472-5.834-0.11-0.744-0.192-1.498-0.34-2.226-1.524-7.44-5.136-14.1-10.164-19.408-0.252-0.266-0.48-0.554-0.738-0.814-0.496-0.494-1.036-0.944-1.554-1.412-0.43-0.386-0.84-0.8-1.288-1.17-0.292-0.24-0.608-0.446-0.904-0.676-2.506-1.954-5.244-3.616-8.176-4.934-0.744-0.334-1.504-0.632-2.27-0.922-4.39-1.656-9.124-2.604-14.094-2.604h-552.184l0.002-55.85c0-114.776 93.376-208.15 208.15-208.15 86.038 0 160.034 52.474 191.7 127.096 0.012 0.028 0.030 0.044 0.042 0.072 5.978 14.566 20.284 24.832 37.006 24.832 22.090 0 40-17.906 40-40 0-4.71-0.86-9.21-2.354-13.41-0.182-0.694-0.42-1.438-0.782-2.292-43.666-103.582-146.14-176.296-265.612-176.296-159.128 0-288.13 128.994-288.15 288.12v55.882h-54.85c-20.71 0-37.746 15.742-39.792 35.91-0.136 1.344-0.208 2.708-0.208 4.090v463.332c-0.618 2.794-0.968 5.688-0.968 8.668 0 22.094 17.91 40 40 40h688.27c22.092 0 40-17.91 40-40-0.002-1.528-0.104-3.028-0.27-4.506zM209 488.032h607.032v392h-607.032v-392zM552.164 691.86l-0.002 58.186c0.004 22.088-17.906 39.996-39.996 40-22.094 0-40.004-17.908-40-40v-57.976c-14.702-11.726-24.134-29.782-24.134-50.048 0-35.346 28.654-64 64-64s64 28.654 64 64c0 20.142-9.318 38.102-23.868 49.838z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       unlock
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M143.996 511.998c0-98.296 38.28-190.708 107.784-260.214 69.508-69.508 161.922-107.786 260.216-107.786 98.296 0 190.708 38.278 260.214 107.786s107.786 161.918 107.786 260.214c0 98.292-38.28 190.708-107.786 260.214-69.508 69.504-161.918 107.786-260.214 107.786-98.294 0-190.708-38.282-260.216-107.786-69.504-69.508-107.784-161.922-107.784-260.214zM63.996 511.998c0 247.422 200.576 448 448 448s448-200.578 448-448c0-247.426-200.576-448-448-448s-448 200.574-448 448v0zM485.324 267.598l-125.438 125c-15.648 15.596-15.692 40.922-0.098 56.57s40.92 15.692 56.566 0.098l57.206-57.004v335.672c0 22.090 17.908 40 40 40s40-17.91 40-40v-335.26l56.368 56.508c15.602 15.64 40.928 15.672 56.568 0.070 7.832-7.814 11.752-18.064 11.75-28.318 0-10.22-3.89-20.444-11.68-28.25l-124.688-125c-15.594-15.634-40.91-15.672-56.554-0.086z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       upload
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M512.062 65.062c-247.424 0-448 200.576-448 448s200.576 448 448 448 448-200.576 448-448-200.576-448-448-448zM776.324 769.132c-55.386-54.52-155.436-95.864-189.492-101.282-14.918-2.376-15.258-43.39-15.258-43.39s43.832-43.39 53.384-101.738c25.698 0 41.568-62.032 15.87-83.856 1.072-22.974 33.038-180.352-128.766-180.352s-129.836 157.376-128.768 180.352c-25.706 21.824-9.83 83.856 15.87 83.856 9.552 58.348 53.382 101.738 53.382 101.738s-0.34 41.020-15.256 43.39c-34.056 5.418-134.104 46.762-189.49 101.282-66.932-69.018-103.738-159.708-103.738-256.070 0-98.296 38.278-190.708 107.786-260.212 69.51-69.506 161.918-107.788 260.214-107.788s190.708 38.278 260.214 107.788c69.506 69.506 107.786 161.916 107.786 260.212-0 96.364-36.808 187.054-103.738 256.070z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       user
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M123.302 833.14c-26.284-11.118-51.696-23.792-76.196-37.95 4.028-92.818 194.792-176.82 246.28-185.012 16.158-2.57 16.526-46.994 16.526-46.994s-47.476-46.996-57.818-110.196c-27.836 0-45.024-67.186-17.19-90.824-1.158-24.882-35.776-195.34 139.468-195.34 175.242 0 140.628 170.458 139.464 195.34 27.838 23.638 10.644 90.824-17.188 90.824-10.346 63.2-57.822 110.196-57.822 110.196s0.37 44.424 16.528 46.994c52.042 8.282 246.38 93.996 246.38 187.988v15.054c-14.028 7.102-28.316 13.76-42.88 19.918-84.77 35.852-174.864 54.032-267.78 54.032-92.912 0.002-183.004-18.178-267.772-54.030zM910.064 335h-80.008v-80.010c0.002-22.088-17.906-39.992-39.996-39.992-22.088 0-39.998 17.906-39.998 39.996v80.006h-80.002c-22.094 0-40 17.908-39.998 40-0.002 22.090 17.904 39.996 39.996 39.996h80.004v80.002c0 22.094 17.908 40 40 40 22.090 0 39.996-17.906 39.996-39.996v-80.006l80.010-0.002c22.090 0.002 39.994-17.906 39.994-39.996 0-22.088-17.908-39.998-39.998-39.998z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       useradd
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M532.716 960c115.572 0 227.634-22.612 333.076-67.208 18.116-7.66 35.888-15.94 53.336-24.774v-18.726c0-116.912-241.728-223.528-306.458-233.828-20.1-3.198-20.556-58.458-20.556-58.458s59.050-58.452 71.922-137.062c34.618 0 56.004-83.57 21.378-112.972 1.448-30.95 44.5-242.972-173.474-242.972-217.976 0-174.916 212.022-173.476 242.972-34.622 29.402-13.244 112.972 21.38 112.972 12.864 78.61 71.916 137.062 71.916 137.062s-0.458 55.262-20.554 58.458c-64.042 10.19-301.326 114.674-306.334 230.124 30.474 17.61 62.084 33.376 94.776 47.204 105.436 44.596 217.498 67.208 333.068 67.208z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       useralt
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M123.302 822.204c-26.284-11.118-51.696-23.792-76.196-37.95 4.028-92.818 194.792-176.82 246.28-185.012 16.158-2.57 16.526-46.998 16.526-46.998s-47.476-46.994-57.818-110.192c-27.836 0-45.024-67.186-17.19-90.822-1.158-24.884-35.776-195.342 139.468-195.342 175.242 0 140.628 170.458 139.464 195.342 27.838 23.636 10.644 90.822-17.188 90.822-10.346 63.2-57.822 110.192-57.822 110.192s0.37 44.426 16.528 46.998c52.042 8.282 246.38 93.996 246.38 187.988v15.054c-14.028 7.102-28.316 13.758-42.88 19.918-84.77 35.852-174.864 54.032-267.78 54.032-92.912 0-183.004-18.18-267.772-54.030zM977.018 652.224c0-64.612-133.592-123.532-169.364-129.222-11.106-1.768-11.36-32.306-11.36-32.306s32.634-32.304 39.744-75.746c19.132 0 30.954-46.188 11.818-62.436 0.798-17.106 24.592-134.276-95.874-134.276-120.462 0-96.666 117.17-95.87 134.276-19.134 16.248-7.32 62.436 11.816 62.436 7.11 43.442 39.742 75.746 39.742 75.746s-0.25 30.54-11.358 32.306c-23.154 3.684-87.282 29.672-129.644 65.068 21.022 10.038 42.072 21.39 61.066 33.186 14.278 8.866 27.392 17.866 39.338 26.986 35.696 27.262 60.956 55.638 75.646 84.934 2.784 0.032 5.562 0.102 8.352 0.102 77.788 0 153.58-12.792 225.944-37.976v-43.078z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       users
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M926.050 273.364c-9.556 0-20.574 3.8-32.278 11.812l-189.738 129.894v-151.068c0-20.342-15.192-37.094-34.838-39.63-1.694-0.218-3.408-0.372-5.162-0.372h-560.002c-1.754 0-3.468 0.152-5.162 0.372-19.646 2.538-34.838 19.29-34.838 39.628v496.002c0 22.092 17.91 40 40 40h560.004c13.808 0 25.98-6.998 33.168-17.638 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.922 1.2-1.862 1.722-2.836 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.612 4.704-12.010 4.704-18.81v-151.066l189.738 129.886c11.706 8.012 22.718 11.812 32.278 11.812 20.092 0 33.736-16.806 33.736-46.622v-384.032c0-29.816-13.644-46.62-33.738-46.62zM624.036 720h-480.004v-415.998h480.004v415.998zM879.788 632.3l-175.728-120.296 175.728-120.302v240.598zM240.688 663.534c-22.090 0-40-17.906-40-40v0c0-22.090 17.91-40 40-40v0c22.090 0 40.004 17.91 40.004 40v0c0 22.092-17.914 40-40.004 40v0z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       video
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M736.172 108.030c0-11.044-8.956-20-20-20h-408.282c-11.044 0-20 8.956-20 20 0 11.046 8.956 20 20 20h408.282c11.044 0 20-8.954 20-20zM736.172 50.37c0-11.044-8.956-20-20-20h-408.282c-11.044 0-20 8.956-20 20s8.956 20 20 20h408.282c11.044 0 20-8.956 20-20zM736.172 973.692c0-11.044-8.956-20-20-20h-408.282c-11.044 0-20 8.956-20 20s8.956 20 20 20h408.282c11.044 0 20-8.956 20-20zM736.172 916.030c0-11.044-8.956-20-20-20h-408.282c-11.044 0-20 8.956-20 20 0 11.046 8.956 20 20 20h408.282c11.044 0 20-8.954 20-20zM717.53 228c18.904 0 34.286 15.14 34.286 33.75v500.502c0 18.61-15.38 33.75-34.286 33.75h-411.43c-18.904 0-34.286-15.14-34.286-33.75v-500.502c0-18.61 15.38-33.75 34.286-33.75h411.43zM717.53 148h-411.43c-63.118 0-114.286 50.928-114.286 113.75v500.502c0 62.822 51.166 113.75 114.286 113.75h411.43c63.118 0 114.286-50.926 114.286-113.75v-500.502c-0.002-62.822-51.168-113.75-114.286-113.75v0zM680.036 511.53c0 22.090-17.91 40-40 40h-128.004c-5.384 0-10.508-1.078-15.196-3.006-0.124-0.048-0.254-0.086-0.376-0.132-0.61-0.262-1.188-0.57-1.782-0.86-0.572-0.276-1.16-0.528-1.718-0.828-0.204-0.112-0.39-0.246-0.594-0.364-0.918-0.514-1.832-1.050-2.704-1.64-0.086-0.058-0.164-0.128-0.254-0.188-10.492-7.21-17.382-19.284-17.382-32.98v-151.5c0-22.094 17.91-40 40.004-40 22.088 0 40 17.906 40 40v111.498h88c22.094-0.002 40.002 17.91 40.006 40z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       watch
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M959.438 274.25c0-22.090-17.914-40-40.004-40-11.16 0-21.242 4.582-28.496 11.954l-60.152 60.148c-15.622 15.622-40.946 15.618-56.566-0.004l-56.57-56.566c-15.622-15.622-15.622-40.95 0-56.57l59.55-59.546c7.75-7.292 12.614-17.618 12.614-29.102 0-22.090-17.914-40-40.004-40-1.598 0-3.164 0.122-4.71 0.304-0.012 0-0.020-0.008-0.032-0.004-94.958 11.586-168.504 92.492-168.504 190.574 0 23.528 4.238 46.058 11.98 66.886l-503.078 503.074c-1.496 1.496-2.8 3.102-4.012 4.758-10.914 13.676-17.454 30.992-17.454 49.848 0 44.188 35.818 79.996 79.996 79.996 18.906 0 36.27-6.574 49.964-17.54 1.614-1.188 3.18-2.464 4.64-3.926l503.078-503.078c20.828 7.742 43.36 11.98 66.882 11.98 97.988 0 178.828-73.402 190.54-168.222v-0.012c0.2-1.628 0.338-3.272 0.338-4.952zM151.996 912c-22.090 0-40-17.906-40-40 0-22.090 17.91-40 40-40s40.004 17.91 40.004 40c0 22.094-17.914 40-40.004 40z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       wrench
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M704.010 511.988c0-12.332-5.038-21.358-15.042-26.992l-255.982-159.99c-10.344-6.666-21.178-6.998-32.51-1.008-10.988 5.984-16.492 15.312-16.492 28.002v320c0 12.69 5.504 22.018 16.492 28.002 5.332 2.678 10.516 3.996 15.506 3.996 6.668 0 12.334-1.644 17.004-4.98l255.982-160.014c10.004-5.69 15.042-14.684 15.042-26.992v-0.024zM960 511.988c0 31.99-0.164 56.98-0.488 75.032-0.334 17.99-1.754 40.738-4.27 68.25-2.516 27.504-6.262 52.058-11.27 73.742-5.332 24.338-16.84 44.85-34.504 61.496-17.64 16.63-38.306 26.308-61.96 28.988-73.992 8.342-185.824 12.526-335.508 12.526-149.668 0-261.5-4.184-335.5-12.526-23.662-2.656-44.414-12.302-62.242-28.988-17.834-16.678-29.412-37.182-34.744-61.496-4.672-21.684-8.258-46.238-10.756-73.742-2.508-27.512-3.928-50.26-4.254-68.25-0.342-18.050-0.504-43.042-0.504-75.032 0-31.998 0.162-57.010 0.504-75.008 0.326-18.022 1.746-40.768 4.254-68.28 2.498-27.474 6.262-52.082 11.252-73.744 5.34-24.336 16.842-44.842 34.504-61.496 17.648-16.654 38.324-26.332 61.986-29.010 74-8.312 185.832-12.472 335.5-12.472 149.684 0 261.516 4.16 335.508 12.472 23.654 2.678 44.406 12.356 62.232 29.010 17.826 16.678 29.422 37.16 34.73 61.496 4.702 21.662 8.256 46.27 10.772 73.744 2.516 27.512 3.936 50.258 4.27 68.28 0.324 17.998 0.488 43.010 0.488 75.008z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       youtube
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M220 670a316 316 0 0 1 0-450 316 316 0 0 1 450 0 316 316 0 0 1 0 450 316 316 0 0 1-450 0zm749 240L757 698a402 402 0 1 0-59 59l212 212a42 42 0 0 0 59-59zM487 604a42 42 0 0 1-84 0V487H286a42 42 0 1 1 0-84h117V286a42 42 0 1 1 84 0v117h117a42 42 0 0 1 0 84H487v117z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       zoom
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M757 698a402 402 0 1 0-59 59l212 212a42 42 0 0 0 59-59L757 698zM126 445a316 316 0 0 1 319-319 316 316 0 0 1 318 319 316 316 0 0 1-318 318 316 316 0 0 1-319-318zm160 42a42 42 0 1 1 0-84h318a42 42 0 0 1 0 84H286z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       zoomout
     </div>
   </div>
   <div
-    class="emotion-6 emotion-7"
+    class="css-8hpi1m-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M148 560a318 318 0 0 0 522 110 316 316 0 0 0 0-450 316 316 0 0 0-450 0c-11 11-21 22-30 34v4h47c25 0 46 21 46 46s-21 45-46 45H90c-13 0-25-6-33-14-9-9-14-20-14-33V156c0-25 20-45 45-45s45 20 45 45v32l1 1a401 401 0 0 1 623 509l212 212a42 42 0 0 1-59 59L698 757A401 401 0 0 1 65 570a42 42 0 0 1 83-10z"
       />
     </svg>
      
     <div
-      class="emotion-4 emotion-5"
+      class="css-15qm1iy-Meta e1vckvvz0"
     >
       zoomreset
     </div>
@@ -3185,2297 +3137,2240 @@ exports[`Storyshots Components|Icon labels 1`] = `
 `;
 
 exports[`Storyshots Components|Icon no labels 1`] = `
-.emotion-2 {
-  display: block;
-}
-
-.emotion-0 {
-  fill: currentColor;
-}
-
-.emotion-894 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-flow: row wrap;
-  -ms-flex-flow: row wrap;
-  flex-flow: row wrap;
-}
-
-.emotion-4 {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -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;
-  -webkit-flex: 0 1 20%;
-  -ms-flex: 0 1 20%;
-  flex: 0 1 20%;
-  min-width: 120px;
-  padding: 0px 7.5px 20px;
-  -webkit-flex: none;
-  -ms-flex: none;
-  flex: none;
-  min-width: auto;
-  padding: 0;
-  background: #fff;
-  border: 1px solid #666;
-}
-
-.emotion-4 svg {
-  margin-right: 10px;
-  width: 24px;
-  height: 24px;
-}
-
-.emotion-4 svg {
-  display: block;
-  margin-right: 0;
-  width: 48px;
-  height: 48px;
-}
-
 <div
-  class="emotion-894 emotion-895"
+  class="css-8zgh8v-List e1vckvvz2"
 >
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M512 144c98.296 0 190.708 38.28 260.214 107.784 69.506 69.508 107.786 161.922 107.786 260.216 0 98.296-38.28 190.708-107.786 260.214-69.508 69.506-161.918 107.786-260.214 107.786-98.294 0-190.708-38.28-260.216-107.786-69.504-69.508-107.784-161.918-107.784-260.214 0-98.294 38.28-190.708 107.784-260.216 69.508-69.504 161.922-107.784 260.216-107.784zM512 64c-247.424 0-448 200.576-448 448s200.576 448 448 448 448-200.576 448-448-200.576-448-448-448v0zM729.002 473h-176.008v-176.008c0.002-22.090-17.906-39.994-39.996-39.994-22.088 0-39.998 17.908-39.998 39.998v176.004h-176c-22.094 0-40 17.908-39.998 40-0.002 22.090 17.904 39.996 39.996 39.996h176.002v176.004c0 22.094 17.908 40 40 39.998 22.090 0.002 39.996-17.904 39.996-39.996v-176.006l176.012-0.002c22.090 0.002 39.994-17.906 39.994-39.996-0.002-22.088-17.91-39.998-40-39.998z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M919.596 847.534h-88.414v-467.716l88.75-0.044c13.688-0.132 26.958-7.25 34.294-19.96 11.044-19.13 4.49-43.596-14.642-54.64l-407.904-235.676c-0.44-0.254-0.894-0.45-1.34-0.684-0.542-0.29-1.084-0.578-1.638-0.84-0.696-0.328-1.4-0.62-2.108-0.904-0.478-0.194-0.954-0.388-1.44-0.56-0.78-0.282-1.564-0.524-2.352-0.754-0.442-0.126-0.878-0.256-1.324-0.37-0.808-0.206-1.618-0.376-2.43-0.528-0.468-0.088-0.934-0.174-1.404-0.246-0.768-0.116-1.534-0.204-2.302-0.274-0.554-0.052-1.108-0.096-1.664-0.124-0.672-0.034-1.34-0.044-2.012-0.044-0.67 0-1.338 0.012-2.010 0.044-0.556 0.030-1.11 0.072-1.664 0.124-0.77 0.070-1.536 0.158-2.302 0.274-0.468 0.072-0.938 0.158-1.402 0.246-0.814 0.152-1.624 0.322-2.432 0.528-0.444 0.114-0.882 0.242-1.322 0.37-0.79 0.23-1.574 0.472-2.356 0.754-0.484 0.172-0.958 0.368-1.438 0.56-0.708 0.286-1.41 0.576-2.11 0.904-0.554 0.262-1.094 0.55-1.636 0.84-0.446 0.234-0.9 0.43-1.34 0.684l-407.906 235.672c-19.128 11.044-25.686 35.51-14.64 54.64 7.34 12.71 20.606 19.828 34.292 19.96v0.044h89.842v467.716h-89.474c-22.090 0-40 17.91-40 40s17.91 40 40 40h128.276c0.402 0.012 0.794 0.060 1.2 0.060s0.796-0.048 1.2-0.060h183.602c0.402 0.012 0.794 0.060 1.2 0.060s0.796-0.048 1.2-0.060h183.602c0.402 0.012 0.794 0.060 1.2 0.060s0.796-0.048 1.2-0.060h313.154c22.098 0 40-17.91 40-40-0.006-22.090-17.914-39.996-40.006-39.996zM751.182 847.534h-105.94v-467.716h105.94v467.716zM252.93 299.816l258.736-149.486 258.738 149.486h-517.474zM565.242 379.816v467.716h-106v-467.716h106zM273.242 379.816h106v467.716h-106v-467.716z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M511.998 623.846c-22.090 0-40-17.906-40-40v-208c0-22.090 17.91-40 40-40v0c22.090 0 40.004 17.91 40.004 40v208c0 22.094-17.914 40-40.004 40v0zM511.998 743.846c22.090 0 40.004-17.906 40.004-40v0c0-22.090-17.914-40-40.004-40v0c-22.090 0-40 17.91-40 40v0c0 22.094 17.91 40 40 40v0zM512.142 211.808l-340.074 589.028h680.148l-340.074-589.028zM512.142 92.51c14.5 0 29 9.526 40 28.58l398.638 690.462c22 38.106 4 69.282-40 69.282h-797.278c-44 0-62-31.176-40-69.282l398.638-690.462c11.002-19.052 25.502-28.58 40.002-28.58v0z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M511.976 768.002c-10.236 0-20.47-3.904-28.282-11.712l-344.154-344.098c-15.624-15.62-15.624-40.946-0.006-56.57 15.622-15.622 40.948-15.624 56.568-0.004l315.876 315.82 315.922-315.868c15.624-15.618 40.952-15.616 56.568 0.004 15.62 15.624 15.618 40.95-0.006 56.57l-344.204 344.144c-7.81 7.81-18.046 11.714-28.282 11.714z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M257.93 511.976c0-10.236 3.902-20.47 11.71-28.282l344.098-344.158c15.622-15.624 40.946-15.624 56.57-0.006 15.622 15.622 15.624 40.948 0.004 56.568l-315.82 315.876 315.868 315.922c15.618 15.624 15.618 40.952-0.004 56.568-15.622 15.62-40.95 15.618-56.57-0.006l-344.146-344.202c-7.808-7.81-11.71-18.044-11.71-28.28z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M107.854 539.924l282.834 283.272c15.594 15.65 40.92 15.692 56.568 0.1 15.648-15.594 15.694-40.92 0.1-56.568l-214.838-215.040h655.412c22.092 0 40-17.908 40-40s-17.908-40-40-40h-655l214.75-214.61c15.64-15.602 15.672-40.928 0.070-56.568-7.814-7.834-18.066-11.752-28.32-11.75-10.22 0-20.442 3.892-28.25 11.68l-283.242 282.93c-15.634 15.594-15.672 40.91-0.084 56.554z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M768.072 514.022c0 10.236-3.904 20.47-11.712 28.282l-344.098 344.156c-15.62 15.624-40.946 15.624-56.568 0.006-15.622-15.622-15.624-40.948-0.006-56.568l315.82-315.876-315.868-315.922c-15.618-15.624-15.618-40.952 0.004-56.568 15.624-15.62 40.95-15.618 56.57 0.006l344.144 344.204c7.81 7.81 11.714 18.044 11.714 28.28z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M916.266 483.792l-282.834-283.272c-15.594-15.65-40.92-15.692-56.568-0.1-15.648 15.594-15.694 40.92-0.1 56.568l214.838 215.040h-655.412c-22.092 0-40 17.908-40 40s17.908 40 40 40h655l-214.748 214.61c-15.64 15.602-15.672 40.928-0.070 56.568 7.814 7.834 18.066 11.752 28.32 11.75 10.22 0 20.442-3.892 28.25-11.68l283.242-282.93c15.632-15.596 15.67-40.91 0.082-56.554z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M512.024 256c10.236 0 20.47 3.904 28.282 11.712l344.154 344.098c15.624 15.62 15.624 40.946 0.006 56.57-15.622 15.622-40.948 15.624-56.568 0.004l-315.876-315.82-315.922 315.868c-15.624 15.618-40.952 15.618-56.568-0.004-15.62-15.624-15.618-40.95 0.006-56.57l344.204-344.144c7.81-7.81 18.046-11.714 28.282-11.714z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M512.030 880c-98.296 0-190.708-38.28-260.214-107.784-69.508-69.508-107.786-161.922-107.786-260.216 0-98.296 38.278-190.708 107.786-260.214s161.918-107.786 260.214-107.786c98.292 0 190.708 38.28 260.214 107.786 69.504 69.508 107.786 161.918 107.786 260.214 0 98.294-38.282 190.708-107.786 260.216-69.508 69.504-161.922 107.784-260.214 107.784zM512.030 960c247.422 0 448-200.576 448-448s-200.578-448-448-448c-247.426 0-448 200.576-448 448s200.574 448 448 448v0zM267.63 538.67l125 125.438c15.596 15.648 40.922 15.692 56.57 0.098s15.692-40.92 0.098-56.566l-57.004-57.206h335.672c22.090 0 40-17.908 40-40s-17.91-40-40-40h-335.26l56.508-56.368c15.64-15.602 15.672-40.928 0.070-56.568-7.814-7.832-18.064-11.752-28.318-11.75-10.22 0-20.444 3.89-28.25 11.68l-125 124.688c-15.634 15.596-15.672 40.91-0.086 56.554z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M632.254 695.604v-112.016c-0.004-22.092 17.906-40.002 40-40.002 22.090 0.002 40 17.908 40 40.002l-0.004 112.018c0.004 22.088-17.906 39.996-39.996 39.998-22.094 0.002-40.004-17.904-40-40zM352.246 735.604c22.090-0.002 40-17.91 39.996-39.998l0.004-112.018c0-22.094-17.91-40-40-40.002-22.094 0-40.004 17.91-40 40.002v112.016c-0.004 22.096 17.906 40.002 40 40zM512.25 735.604c22.090-0.002 40-17.91 39.996-39.998l0.004-112.018c0-22.094-17.91-40-40-40.002-22.094 0-40.004 17.91-40 40.002v112.016c-0.004 22.096 17.906 40.002 40 40zM950.3 397.424c-7.596-8.686-18.574-13.67-30.114-13.67h-313.284c0.87 5.196 1.346 10.524 1.346 15.966 0 24.608-9.27 47.044-24.494 64.034h290.684l-47.318 351.376-629.908-0.030-47.502-351.346h291.034c-15.224-16.988-24.494-39.426-24.494-64.034 0-5.444 0.476-10.772 1.346-15.966h-313.66c-11.542 0-22.524 4.986-30.12 13.678-7.596 8.694-11.066 20.242-9.52 31.682l51.614 381.742 0.050 0.042c5.832 47.424 46.222 84.158 95.222 84.172l0.054 0.034 601.816-0.034c0.042 0 0.082 0.002 0.124 0.002 49.414 0 90.090-37.34 95.396-85.336l51.258-380.64c1.54-11.44-1.934-22.984-9.53-31.672zM805.492 105.34c-15.622-15.622-40.95-15.624-56.572 0.004l-230.684 230.684c-2.052-0.2-4.132-0.306-6.236-0.306-35.346 0-64 28.654-64 64s28.654 64 64 64 64-28.654 64-64c0-2.652-0.18-5.262-0.494-7.83l229.986-229.98c15.622-15.624 15.616-40.95-0-56.572z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M684 277L271 772l-1 1a40 40 0 0 1-56 5l-1-1L14 610a40 40 0 1 1 52-61l169 142 387-465a40 40 0 0 1 62 51zm340 234c0-22-18-40-40-40H808a40 40 0 0 0 0 80h176c22 0 40-18 40-40zm0-216c0-22-18-40-40-40H808a40 40 0 0 0 0 80h176c22 0 40-18 40-40zm0 432c0-22-18-40-40-40H808a40 40 0 0 0 0 80h176c22 0 40-18 40-40z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M1024 512c0-22-18-40-40-40H808a40 40 0 0 0 0 80h176c22 0 40-18 40-40zm0-216c0-22-18-40-40-40H808a40 40 0 0 0 0 80h176c22 0 40-18 40-40zm0 432c0-22-18-40-40-40H808a40 40 0 0 0 0 80h176c22 0 40-18 40-40zM625 236c16 15 16 41 0 56L406 512l220 220a40 40 0 1 1-57 57L349 568 129 788a40 40 0 1 1-57-56l220-220L73 292a40 40 0 0 1 56-57l220 220 219-219c16-16 41-16 57 0z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M848.64 790.56l-208.638-361.374v-252.062h24c22.092 0 40-17.908 40-40s-17.908-40-40-40h-304.002c-22.092 0-40 17.908-40 40s17.908 40 40 40h24v252.066l-208.636 361.37c-44 76.208-8 138.564 80 138.564h513.278c87.998 0 123.998-62.354 79.998-138.564zM464 177.124h96.002l-0.070 273.376 63.872 110.628h-223.678c35.932-62.268 63.872-110.684 63.876-110.692v-273.312zM768.64 849.124h-513.278c-8.28 0-14.186-0.976-17.968-2 1.004-3.792 3.112-9.394 7.25-16.564 0 0 54.598-94.614 109.316-189.436l316.026-0.002 109.374 189.44c4.138 7.168 6.246 12.77 7.25 16.562-3.784 1.024-9.69 2-17.97 2z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M901.344 760.018l-57.644-77.648c-7.906-7.906-11.77-38.284-11.71-48.646h0.042v-200.588h-0.364c-6.878-148.106-114.428-269.902-255.792-298.528 0.208-2.1 0.318-4.228 0.318-6.384 0-35.452-28.738-64.194-64.194-64.194-35.458 0-64.194 28.742-64.194 64.194 0 2.19 0.112 4.352 0.326 6.486-141.128 28.802-248.446 150.488-255.316 298.426h-0.364v200.588h0.042c0.058 10.362-3.804 40.74-11.71 48.646l-57.644 77.648c-8.802 8.802-16.35 18.978-16.35 32.208 0 22.092 17.908 40 40 40h255.876c-0.814 5.412-1.28 10.936-1.28 16.576 0 61.43 49.794 111.23 111.23 111.23 61.432 0 111.228-49.8 111.228-111.23 0-5.638-0.464-11.164-1.282-16.576h255.128c22.092 0 40-17.908 40-40 0.004-13.23-7.542-23.404-16.346-32.208zM272.732 436.848c2.862-61.602 29.032-119.104 73.69-161.91 44.786-42.93 103.628-66.62 165.692-66.706h0.26c62.062 0.086 120.906 23.776 165.692 66.706 44.658 42.806 70.828 100.308 73.69 161.91l0.278 5.962v149.384h-479.58v-149.384l0.278-5.962zM543.846 848.8c0 17.22-14.010 31.23-31.228 31.23-17.22 0-31.23-14.010-31.23-31.23 0-6.096 1.784-11.768 4.82-16.576h52.818c3.038 4.81 4.82 10.482 4.82 16.576zM512.484 752.226h-283.922l14.572-19.63c12.064-14.542 20.078-33.27 24.982-58.158 0.146-0.742 0.276-1.496 0.416-2.244h487.42c0.138 0.748 0.268 1.5 0.414 2.244 4.904 24.888 12.918 43.616 24.982 58.158l14.572 19.63h-283.436z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M512.157 32c-219.6 0-400.001 61.279-400.001 138.881 0 20.4 47.040 310.481 66.641 424.8 7.841 53.28 137.359 126.72 333.36 126.72 196.080 0 321.6-73.601 333.36-126.641 19.601-114.4 66.641-404.479 66.641-424.8-3.919-77.76-180.401-138.96-400.001-138.96v0zM512.157 628.4c-70.56 0-125.52-57.2-125.52-130.722s54.96-130.72 125.52-130.72c70.56 0 125.52 57.199 125.52 130.721 0 69.439-54.96 130.721-125.52 130.721zM512.157 211.76c-141.199 0-254.88-24.559-254.88-57.199 0-32.719 113.681-57.199 254.88-57.199s254.88 24.48 254.88 57.199c0 32.64-113.681 57.199-254.88 57.199zM801.597 706.081c7.84 0 11.76 8.16 7.84 16.32v4.002c-15.679 85.84-27.439 147.199-27.439 155.28-11.76 61.279-129.439 110.321-270.641 110.321-141.12 0-258.8-49.039-270.56-110.321 0-8.16-11.76-69.439-27.439-155.201v-4.081c0-12.24 7.841-16.319 15.679-16.319 4.409 0.751 8.359 2.145 11.962 4.1l-0.202-0.101c0 0 98.081 81.761 274.481 81.761 176.479 0 274.56-81.679 274.56-81.679s3.919-4.080 11.76-4.080l0.001-0.002zM512.157 558.961c-34.639 0-62.719-29.279-62.719-65.359s28.001-65.359 62.719-65.359c34.639 0 62.719 29.279 62.719 65.359s-28.001 65.359-62.719 65.359z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M896.054 159.774c-0.122-52.914-43.048-95.774-95.992-95.774h-632.004c-1.754 0-3.468 0.154-5.164 0.372-19.644 2.54-34.836 19.292-34.836 39.628v816c0 22.094 17.91 40 40 40h632.004c52.642 0 95.368-42.378 95.968-94.88h0.036v-705.332l-0.012-0.014zM368.062 144h80v271.922l-11.728-11.718c-15.62-15.606-40.924-15.606-56.542 0l-11.728 11.718v-271.922zM816.036 864.204c-0.1 8.712-7.268 15.796-15.972 15.796h-592.004v-736h80.004v368.426c0 16.176 9.742 30.758 24.684 36.954 14.944 6.192 32.146 2.778 43.586-8.656l51.728-51.68 51.728 51.68c7.652 7.644 17.876 11.708 28.28 11.708 5.156 0 10.356-1 15.306-3.050 14.944-6.196 24.684-20.778 24.684-36.954v-368.428h272c8.796 0 15.972 7.16 15.992 15.958l-0.016 704.246z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M772 1012L511 761l-260 251a49 49 0 0 1-52 10c-18-7-29-24-29-43V132c0-25 21-46 47-46h588c26 0 47 21 47 46v847c0 19-11 36-29 43a49 49 0 0 1-51-10z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M772 1012L511 761l-260 251a49 49 0 0 1-52 10c-18-7-29-24-29-43V132c0-25 21-46 47-46h588c26 0 47 21 47 46v847c0 19-11 36-29 43a49 49 0 0 1-51-10zM545 664l213 205V181H265v688l213-205c9-9 21-14 33-14s24 5 34 14z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M85 121h854c24 0 42 18 42 41v700c0 23-18 41-42 41H608a44 44 0 0 1-7 0H85c-24 0-42-18-42-41V162c0-23 18-41 42-41zm41 535v165h772V656H126zm0-82h772V202H126v372zm185 197h-69c-19 0-34-14-34-32s15-33 34-33h69c19 0 34 15 34 33s-15 32-34 32zm236 0h-70c-18 0-33-14-33-32s15-33 33-33h70c18 0 33 15 33 33s-15 32-33 32zm235 0h-70c-18 0-33-14-33-32s15-33 33-33h70c18 0 33 15 33 33s-15 32-33 32z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M960.016 408.080c0-0.672-0.046-1.342-0.078-2.014-0.032-0.594-0.044-1.19-0.102-1.782-0.068-0.726-0.186-1.448-0.294-2.17-0.080-0.54-0.144-1.080-0.248-1.616-0.138-0.724-0.326-1.442-0.506-2.16-0.134-0.534-0.252-1.070-0.408-1.6-0.196-0.662-0.436-1.314-0.668-1.968-0.204-0.582-0.396-1.166-0.628-1.74-0.226-0.56-0.494-1.11-0.75-1.662-0.3-0.656-0.598-1.312-0.934-1.954-0.242-0.454-0.514-0.894-0.774-1.342-0.414-0.716-0.83-1.43-1.292-2.124-0.256-0.382-0.538-0.752-0.806-1.128-0.514-0.716-1.036-1.428-1.602-2.116-0.090-0.11-0.162-0.226-0.254-0.336-0.244-0.292-0.516-0.542-0.768-0.826-0.534-0.6-1.068-1.198-1.644-1.772-0.48-0.478-0.982-0.924-1.48-1.376-0.354-0.316-0.674-0.658-1.040-0.964l-405.788-335.666c-6.568-6.436-14.918-10.166-23.564-11.124-0.16-0.022-0.32-0.050-0.48-0.066-0.838-0.082-1.676-0.11-2.518-0.14-0.496-0.020-0.994-0.058-1.492-0.058s-0.996 0.040-1.492 0.058c-0.842 0.028-1.68 0.058-2.518 0.14-0.16 0.016-0.32 0.044-0.48 0.066-8.646 0.956-16.996 4.688-23.564 11.124l-405.662 335.542c-7.13 5.982-11.616 13.93-13.392 22.382-0.032 0.14-0.070 0.278-0.1 0.42-0.212 1.072-0.37 2.152-0.494 3.238-0.032 0.258-0.078 0.51-0.106 0.77-0.086 0.89-0.114 1.786-0.138 2.68-0.014 0.39-0.052 0.78-0.054 1.17 0 0.040-0.006 0.074-0.006 0.114v204.856c-0.958 12.434 3.854 25.128 14.134 33.754l405.662 335.54c6.568 6.438 14.918 10.168 23.564 11.124 0.16 0.020 0.32 0.050 0.48 0.066 0.838 0.082 1.676 0.114 2.518 0.14 0.496 0.020 0.994 0.058 1.492 0.058 0.054 0 0.11-0.008 0.162-0.008 0.042 0 0.084 0.008 0.126 0.008 0.342 0 0.672-0.042 1.012-0.050 0.062-0.004 0.126-0.008 0.192-0.008 0.134-0.004 0.27-0.020 0.402-0.024 10.602-0.422 20.136-4.938 27.054-12.046l404.526-334.624c0.084-0.066 0.166-0.136 0.248-0.204l0.12-0.098c0.17-0.144 0.314-0.304 0.48-0.45 0.814-0.704 1.614-1.43 2.37-2.2 0.296-0.3 0.562-0.624 0.85-0.934 0.602-0.652 1.2-1.308 1.756-2 0.3-0.372 0.566-0.758 0.852-1.136 0.504-0.672 1.002-1.344 1.462-2.046 0.242-0.368 0.458-0.75 0.686-1.124 0.458-0.754 0.908-1.508 1.316-2.292 0.164-0.312 0.304-0.636 0.46-0.954 0.426-0.872 0.832-1.746 1.196-2.652 0.092-0.23 0.168-0.464 0.256-0.696 0.376-0.996 0.728-2 1.026-3.032 0.042-0.148 0.074-0.296 0.114-0.442 0.306-1.102 0.578-2.218 0.79-3.356 0.016-0.082 0.024-0.164 0.038-0.246 0.212-1.184 0.382-2.378 0.49-3.598v0c0.1-1.156 0.176-2.32 0.176-3.5v-204.86c0.024-0.318 0.022-0.638 0.040-0.958 0.026-0.668 0.074-1.338 0.074-2.008zM143.89 493.202l328.14 271.42v103.902l-328.14-271.18v-104.142zM552.032 764.402l327.868-271.212v103.88l-327.868 270.972v-103.64zM511.898 122.66l345.348 285.42-345.348 285.42-345.374-285.42 345.374-285.42z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M861.968 312.032c0-66.168-53.832-120-120-120s-120 53.832-120 120c0 50.55 31.436 93.87 75.77 111.516-5.384 20.352-15.71 39.68-29.844 54.92-28.828 31.092-72.202 46.858-128.91 46.858-77.162 0-129.12 26.162-162.984 55.12V297.15c46.556-16.512 80-60.974 80-113.12 0-66.168-53.832-120-120-120s-120 53.832-120 120c0 52.146 33.444 96.608 80 113.12v429.762c-46.556 16.512-80 60.974-80 113.12 0 66.168 53.832 120 120 120s120-53.832 120-120c0-50.926-31.902-94.514-76.758-111.908 5.222-26.17 16.578-51.154 32.558-70.432 28.8-34.746 71.592-52.364 127.184-52.364 99.498 0 156.922-39.408 187.574-72.466 27.402-29.554 45.708-67.194 52.48-106.716 48.078-15.66 82.93-60.882 82.93-114.114zM336 144.032c22.056 0 40 17.944 40 40s-17.944 40-40 40-40-17.944-40-40 17.944-40 40-40zm0 736c-22.056 0-40-17.944-40-40s17.944-40 40-40 40 17.944 40 40-17.944 40-40 40zm405.968-528c-22.056 0-40-17.944-40-40s17.944-40 40-40 40 17.944 40 40-17.942 40-40 40z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M920.004 128h-816.008c-1.38 0-2.746 0.070-4.090 0.208-20.168 2.048-35.91 19.080-35.91 39.792v688c0 22.090 17.91 40 40 40h816.008c22.098 0 40-17.91 40-40v-688c-0-22.094-17.906-40-40-40zM368 177.78c17.674 0 32.004 14.328 32.004 31.998 0 17.676-14.33 32.002-32.004 32.002-17.67 0-32-14.326-32-32.002 0-17.67 14.33-31.998 32-31.998zM272 177.78c17.674 0 32.004 14.328 32.004 31.998 0 17.676-14.33 32.002-32.004 32.002-17.67 0-32-14.326-32-32.002 0-17.67 14.33-31.998 32-31.998zM176 177.78c17.674 0 32.004 14.328 32.004 31.998 0 17.676-14.33 32.002-32.004 32.002-17.67 0-32-14.326-32-32.002 0-17.67 14.33-31.998 32-31.998zM880.004 815.996h-736.008v-527.988h736.008v527.988z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M644.634 802.32c-4.558 5.434-10.254 9.328-16.446 11.672l0.008 0.024-45.628 16.606 27.54 75.66c7.554 20.756-3.148 43.71-23.906 51.266s-43.714-3.146-51.27-23.906l-27.54-75.656-47.63 17.29c-6.020 1.956-12.586 2.518-19.254 1.342-21.75-3.836-36.282-24.582-32.45-46.34l30.57-173.328c2.55-14.476 12.61-25.714 25.458-30.508 0.292-0.118 0.586-0.23 0.878-0.34 0.238-0.084 0.476-0.168 0.718-0.246 12.942-4.624 27.91-2.492 39.196 6.98l134.824 113.13c16.932 14.2 19.144 39.432 4.932 56.354zM960.002 664v-368.082c0-22.092-17.908-40-40-40h-816c-22.092 0-40 17.908-40 40l-0.292 368.238c0 22.092 17.908 40 40 40h240.292c22.092 0 40-17.908 40-40s-17.908-40-40-40h-200.292l0.292-288.238h736v288.082h-200c-22.092 0-40 17.908-40 40s17.908 40 40 40h240c22.092 0 40-17.908 40-40z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M920.036 160.030h-112.004v-72c0-22.092-17.906-40.004-40-40.004-22.090 0-40 17.906-40 40v72.004h-432v-72c0-22.092-17.906-40.004-40-40.004-22.090 0-40 17.906-40 40v72.004h-112.004c-1.38 0-2.746 0.070-4.090 0.208-20.168 2.046-35.91 19.080-35.91 39.792v688c0 22.090 17.91 40 40 40h816.008c22.098 0 40-17.91 40-40v-688c0-22.094-17.908-40-40-40zM356.032 848.026h-212.004v-142.662h212.004v142.662zM356.032 665.364h-212.004v-162.664h212.004v162.664zM356.032 462.7h-212.004v-142.662h212.004v142.662zM628.032 848.026h-232v-142.662h232v142.662zM628.032 665.364h-232v-162.664h232v162.664zM628.032 462.7h-232v-142.662h232v142.662zM880.036 848.026h-212.004v-142.662h212.004v142.662zM880.036 665.364h-212.004v-162.664h212.004v162.664zM880.036 462.7h-212.004v-142.662h212.004v142.662z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M925.164 208.372c-1.694-0.218-3.408-0.372-5.162-0.372h-471.968v-39.962c0-20.344-15.192-37.096-34.836-39.63-1.696-0.218-3.41-0.374-5.164-0.374h-176.004c-1.754 0-3.468 0.152-5.164 0.374-19.644 2.538-34.836 19.29-34.836 39.626v39.966h-88.032c-1.754 0-3.468 0.152-5.162 0.372-19.646 2.536-34.838 19.29-34.838 39.628v528c0 22.094 17.91 40 40 40h816.004c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.46 0.612-0.922 1.2-1.86 1.722-2.836 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-528.004c-0-20.342-15.192-37.096-34.838-39.63zM880.002 736h-736.004v-448h736.004v448zM512 402.522c60.368 0 109.478 49.112 109.478 109.478s-49.112 109.478-109.478 109.478-109.478-49.112-109.478-109.478 49.11-109.478 109.478-109.478zM512 322.522c-104.644 0-189.478 84.832-189.478 189.478 0 104.644 84.834 189.478 189.478 189.478 104.646 0 189.478-84.834 189.478-189.478 0-104.646-84.832-189.478-189.478-189.478v0z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M925.224 256.37c-1.694-0.216-3.408-0.37-5.162-0.37h-816c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v624c0 22.094 17.91 40 40 40h816c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-624.004c0-20.342-15.19-37.096-34.838-39.632zM144.062 880v-544h736v544h-736zM896.11 180c0 11.044-8.954 20-20 20h-728.032c-11.046 0-20-8.956-20-20v0c0-11.046 8.954-20 20-20h728.032c11.046 0 20 8.954 20 20v0zM832.094 84c0 11.044-8.954 20-20 20h-600c-11.046 0-20-8.956-20-20v0c0-11.046 8.954-20 20-20h600c11.046 0 20 8.954 20 20v0z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M832.032 384.032c0-176.728-143.266-320-320-320s-320 143.272-320 320c0 104.662 50.25 197.584 127.938 255.966v311.5c0 16.174 9.74 30.756 24.682 36.952 4.954 2.052 10.152 3.050 15.31 3.050 10.402 0 20.626-4.060 28.276-11.702l123.726-123.58 123.772 123.332c11.452 11.412 28.644 14.804 43.574 8.608 14.93-6.2 24.66-20.776 24.66-36.942v-311.124c77.756-58.376 128.062-151.342 128.062-256.060zM272.032 384.032c0-64.106 24.964-124.374 70.292-169.706 45.33-45.33 105.6-70.294 169.708-70.294s124.376 24.964 169.708 70.294c45.33 45.332 70.292 105.6 70.292 169.706s-24.964 124.376-70.292 169.704c-45.33 45.33-105.6 70.294-169.708 70.294s-124.376-24.964-169.708-70.294c-45.328-45.328-70.292-105.598-70.292-169.704zM623.968 854.89l-83.804-83.508c-15.622-15.564-40.898-15.552-56.502 0.034l-83.694 83.594v-171.17c34.878 13.042 72.632 20.192 112.062 20.192 39.382 0 77.094-7.13 111.938-20.142v171z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M948.598 199.75c-15.622-15.618-40.95-15.618-56.57 0l-535.644 535.644-224.060-224.062c-15.624-15.624-40.954-15.62-56.57 0-15.624 15.62-15.624 40.948 0 56.568l251.574 251.574c0.252 0.266 0.472 0.55 0.734 0.812 7.82 7.82 18.072 11.724 28.322 11.714 10.25 0.010 20.502-3.894 28.322-11.714 0.248-0.248 0.456-0.518 0.698-0.77l563.196-563.202c15.618-15.618 15.618-40.94-0.002-56.564z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M511.976 833c-10.236 0-20.47-3.904-28.282-11.712l-471.934-471.874c-15.624-15.62-15.624-40.946-0.006-56.57 15.622-15.622 40.948-15.624 56.568-0.004l443.652 443.598 443.61-443.556c15.624-15.618 40.952-15.616 56.568 0.004 15.62 15.624 15.618 40.95-0.006 56.57l-471.89 471.832c-7.808 7.808-18.044 11.712-28.28 11.712z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M511.714 956.324c-92.92 0-168.518-75.594-168.518-168.514v-334.082l131.54 75.954v215.936c0 13.172 7.082 25.446 18.48 32.030l139.33 80.43c8.33 4.814 17.014 9.168 25.872 12.966-29.646 52.72-85.44 85.28-146.704 85.28zM753.584 816.61c-29.36 0-58.43-7.812-84.064-22.59l-83.828-48.404 289.354-167.028c8.3-4.802 16.402-10.152 24.132-15.936 30.858 52.030 31.182 116.622 0.568 169.664-30.034 51.994-86.040 84.294-146.162 84.294zM270.334 816.576c-60.084 0-116.064-32.278-146.102-84.238-22.494-39.012-28.466-84.426-16.814-127.866 11.68-43.512 39.564-79.858 78.522-102.334l83.806-48.398 0.018 334.018c0 9.624 0.57 19.294 1.69 28.814-0.374 0.002-0.748 0.004-1.12 0.004zM548.73 529.73l186.996-107.966c11.416-6.588 18.506-18.864 18.506-32.040v-160.856c0.012-9.456-0.56-19.116-1.706-28.778 0.364-0.002 0.732-0.004 1.096-0.004 60.114 0 116.104 32.296 146.124 84.29 46.436 80.486 18.75 183.742-61.714 230.176l-289.302 167.040v-151.862zM325.248 357.624c-5.632-3.242-12.030-4.954-18.504-4.954-6.428 0-12.804 1.708-18.44 4.936l-139.344 80.452c-8.348 4.802-16.462 10.142-24.172 15.912-30.824-52-31.14-116.59-0.546-169.664 30.048-52 86.050-84.306 146.148-84.306 29.326 0 58.394 7.822 84.064 22.624l289.3 167.054-131.482 75.91-187.024-107.964zM390.964 158.644c-8.334-4.826-17.036-9.192-25.92-13.004 29.634-52.742 85.418-85.316 146.67-85.316 92.92 0 168.514 75.6 168.514 168.522v96.81l-289.264-167.012z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M960 512c0 247.424-200.576 448-448 448s-448-200.576-448-448c0-247.424 200.576-448 448-448s448 200.576 448 448z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M960 513c0-247.424-200.574-448-448-448-247.422 0-448 200.576-448 448s200.578 448 448 448c247.426 0 448-200.576 448-448zM251.786 773.216c-69.504-69.508-107.786-161.918-107.786-260.216 0-98.294 38.282-190.708 107.786-260.216 69.506-69.504 161.918-107.784 260.214-107.784s190.708 38.28 260.214 107.784c69.508 69.508 107.786 161.922 107.786 260.216 0 98.296-38.278 190.708-107.786 260.214-69.506 69.508-161.922 107.786-260.214 107.786-98.296 0-190.708-38.278-260.214-107.784z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M693.022 637.866c15.62 15.622 15.618 40.95 0 56.566-15.622 15.622-40.946 15.624-56.562 0.002l-124.46-124.458-124.456 124.458c-15.622 15.622-40.944 15.622-56.562 0-15.624-15.622-15.624-40.946-0.002-56.568l124.454-124.456-124.452-124.45c-15.622-15.622-15.622-40.946 0-56.564 15.62-15.624 40.944-15.624 56.568-0.002l124.45 124.45 124.454-124.452c15.622-15.62 40.95-15.62 56.566 0 15.622 15.62 15.624 40.944 0.002 56.56l-124.456 124.458 124.456 124.456zM828.784 828.784c-174.956 174.956-458.614 174.956-633.566 0-174.958-174.956-174.958-458.614 0-633.566 174.954-174.958 458.612-174.958 633.566 0 174.954 174.952 174.954 458.612 0 633.566zM880 511.998c-0.002-98.296-38.28-190.708-107.786-260.212s-161.92-107.786-260.214-107.788c-98.296 0.002-190.71 38.282-260.216 107.786-69.506 69.508-107.782 161.918-107.786 260.214 0.002 98.296 38.282 190.71 107.786 260.216 69.508 69.506 161.918 107.784 260.216 107.784 98.296 0 190.708-38.278 260.214-107.784s107.784-161.92 107.786-260.216z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M396.458 151.486l27.768 27.768c23.28 23.29 54.262 36.116 87.242 36.116 0.318 0 0.636 0 0.958-0.004 0.292 0.002 0.58 0.004 0.872 0.004 32.99 0 63.976-12.83 87.22-36.098l27.61-27.604c19.584 6.294 38.582 14.192 56.892 23.642v39.976c0 32.878 13.406 64.804 36.842 87.888 23.072 23.384 54.966 36.762 87.804 36.762l39.442 0.002c9.168 17.906 16.852 36.462 23.014 55.574l-27.676 27.676c-23.222 23.224-36.318 55.242-36.094 88.096-0.248 32.884 12.844 64.934 36.094 88.19l27.928 27.928c-6.298 19.704-14.212 38.812-23.704 57.23l-38.984 0.002c-0.008 0-0.012 0-0.022 0-32.84 0-64.74 13.38-87.814 36.776-23.43 23.080-36.83 55-36.83 87.876v39.116c-18.38 9.486-37.456 17.406-57.122 23.714l-27.348-27.346c-23.278-23.3-54.264-36.13-87.254-36.13-0.292 0-0.58 0.002-0.872 0.004-0.318-0.004-0.636-0.004-0.958-0.004-32.978 0-63.962 12.826-87.228 36.102l-27.552 27.554c-19.874-6.338-39.144-14.32-57.708-23.902l-0.002-38.13c0.012-32.854-13.368-64.764-36.772-87.846-23.082-23.43-55.004-36.834-87.878-36.834h-38.506c-9.776-18.846-17.898-38.42-24.328-58.624l27.49-27.49c23.246-23.248 36.338-55.296 36.088-88.182 0.224-32.854-12.872-64.872-36.092-88.094l-27.23-27.232c6.29-19.612 14.182-38.628 23.636-56.966h38.942c32.878 0 64.802-13.402 87.884-36.838 23.398-23.086 36.778-54.994 36.766-87.81l0.002-39.028c18.492-9.546 37.688-17.506 57.48-23.834zM421.486 60.208c-59.932 11.946-115.658 35.516-164.752 68.268l-0.004 85.866c0.004 11.676-4.886 22.194-12.706 29.68-7.486 7.83-18.012 12.728-29.702 12.728h-85.806c-32.624 48.946-56.132 104.484-68.088 164.204l60.39 60.394c8.256 8.256 12.234 19.15 11.998 29.968 0.246 10.83-3.734 21.738-11.998 30.004l-60.562 60.56c11.97 60.402 35.74 116.552 68.826 165.948h85.24c11.69 0 22.214 4.9 29.702 12.73 7.818 7.482 12.708 17.998 12.706 29.676l0.004 85.004c49.162 32.796 104.976 56.386 165.006 68.316l60.654-60.656c8.028-8.032 18.55-12.014 29.072-12.014 0.312 0 0.62 0.004 0.93 0.010 0.298-0.006 0.602-0.010 0.9-0.010 10.526 0 21.046 3.982 29.070 12.014l60.542 60.534c59.78-11.968 115.376-35.512 164.356-68.19v-85.956c0-11.69 4.9-22.214 12.73-29.702 7.486-7.818 18.002-12.708 29.678-12.706l85.876-0.004c32.668-49.032 56.182-104.674 68.104-164.504l-61.050-61.052c-8.266-8.266-12.244-19.174-12-30.004-0.236-10.818 3.742-21.712 12-29.968l60.882-60.888c-11.91-59.144-35.158-114.178-67.37-162.758l-86.444-0.004c-0.004 0-0.008 0-0.008 0-11.674 0-22.188-4.89-29.67-12.708-7.83-7.486-12.73-18.012-12.73-29.702v-86.816c-48.912-32.632-104.418-56.158-164.106-68.14l-60.792 60.784c-8.024 8.032-18.546 12.014-29.070 12.014-0.3 0-0.602-0.004-0.9-0.012-0.308 0.008-0.618 0.012-0.93 0.012-10.522 0-21.044-3.982-29.072-12.014l-60.906-60.906zM511.856 314.472c-109.014 0-197.386 88.372-197.386 197.384 0 109.010 88.374 197.382 197.386 197.382v0.134c0.746 0 1.492 0.012 2.24 0.004 14.806-0.16 29.214-1.942 43.056-5.182 1.022-0.238 1.932-0.496 2.794-0.762 17.328-4.988 29.94-21.012 29.738-39.916-0.242-22.71-18.846-40.926-41.556-40.686-2.996 0.032-5.902 0.402-8.708 1.042-0.090 0.016-0.178 0-0.266 0.022-8.18 1.99-16.708 3.096-25.472 3.224-0.586-0.074-1.19-0.124-1.826-0.124-63.486 0-115.142-51.65-115.142-115.138 0-63.49 51.656-115.142 115.142-115.142 63.488 0 115.14 51.652 115.14 115.142 0 8.924-1.028 17.616-2.964 25.958-0.020 0.090-0.008 0.178-0.020 0.268-0.61 2.812-0.948 5.724-0.948 8.72 0 22.71 18.408 41.122 41.122 41.122 18.906 0 34.792-12.778 39.596-30.158 0.262-0.866 0.508-1.78 0.736-2.804 3.092-13.876 4.722-28.3 4.722-43.106 0-109.012-88.372-197.384-197.384-197.384z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M288 378.668h448c22.094 0 40 17.906 40 40 0 22.090-17.906 40-40 40h-448c-22.090 0-40-17.91-40-40s17.91-40 40-40zM736 565.334h-448c-22.090 0-40 17.91-40 40 0 22.094 17.91 40 40 40h448c22.094 0 40-17.906 40-40 0-22.090-17.906-40-40-40zM960 232.004v560c0 6.804-1.714 13.196-4.704 18.812-0.042 0.082-0.078 0.172-0.124 0.254-0.524 0.976-1.11 1.914-1.722 2.836-0.098 0.152-0.18 0.314-0.282 0.458-7.188 10.64-19.36 17.636-33.168 17.636h-519.766l-114.292 114.286c-8.036 8.046-18.644 11.91-29.18 11.67-0.292 0.008-0.582 0.046-0.876 0.046-22.090 0-40-17.91-40-40v-86.004h-111.886c-22.090 0-40-17.906-40-40v0-560c0-20.34 15.192-37.094 34.84-39.632 1.692-0.214 3.406-0.368 5.16-0.368h816c1.754 0 3.468 0.154 5.164 0.368 19.644 2.542 34.836 19.296 34.836 39.638zM880 272h-736v480h736v-480z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M984.032 472h-186.808c-19.474-140.12-139.74-248-285.222-248s-265.748 107.88-285.222 248h-186.746c-22.092 0-40 17.912-40 40.002 0 22.092 17.91 40 40 40h186.746c19.476 140.122 139.74 247.998 285.222 247.998s265.746-107.876 285.222-247.998h186.808c22.092 0 40-17.91 40-40s-17.908-40.002-40-40.002zM512 720c-114.692 0-208-93.308-208-208s93.308-208 208-208 208 93.308 208 208-93.308 208-208 208z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M960 512c0-247.424-200.574-448-448-448-247.422 0-448 200.576-448 448s200.578 448 448 448c247.426 0 448-200.576 448-448zM251.786 772.214c-69.504-69.508-107.786-161.918-107.786-260.214 0-98.294 38.282-190.708 107.786-260.216 69.508-69.504 161.918-107.784 260.214-107.784s190.708 38.28 260.214 107.784c69.508 69.508 107.786 161.922 107.786 260.216 0 98.296-38.278 190.708-107.786 260.214s-161.922 107.786-260.214 107.786c-98.296 0-190.708-38.28-260.214-107.786zM565.742 565.74c-0.93 0.93-1.95 1.768-3.050 2.498l-237.586 158.392c-7.934 5.29-18.496 4.242-25.238-2.498-6.738-6.742-7.786-17.304-2.496-25.236l158.39-237.588c1.464-2.2 3.348-4.082 5.546-5.546l237.586-158.392c7.934-5.29 18.496-4.242 25.238 2.498 6.742 6.742 7.79 17.304 2.5 25.238l-158.394 237.586c-0.73 1.1-1.566 2.118-2.496 3.048zM386.122 637.878l151.054-100.704-50.352-50.352-100.702 151.056z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M171 469h298V171H246c-42 0-75 33-75 75v223zm0 86v223c0 42 33 75 75 75h223V555H171zm682-86V246c0-42-33-75-75-75H555v298h298zm0 86H555v298h223c42 0 75-33 75-75V555zM256 85h512c94 0 171 77 171 171v512c0 94-77 171-171 171H256c-94 0-171-77-171-171V256c0-94 77-171 171-171z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M960.132 210.186c0-0.444-0.050-0.874-0.066-1.312-0.024-0.684-0.044-1.366-0.104-2.046-0.060-0.74-0.158-1.468-0.26-2.198-0.080-0.564-0.156-1.128-0.258-1.692-0.146-0.792-0.328-1.566-0.518-2.34-0.124-0.508-0.244-1.014-0.39-1.518-0.224-0.784-0.488-1.548-0.76-2.312-0.176-0.49-0.344-0.98-0.538-1.466-0.302-0.754-0.642-1.486-0.988-2.216-0.224-0.472-0.436-0.946-0.68-1.41-0.398-0.762-0.838-1.496-1.284-2.228-0.242-0.396-0.466-0.798-0.722-1.19-0.608-0.924-1.262-1.81-1.942-2.678-0.132-0.168-0.248-0.346-0.382-0.512-0.98-1.212-2.028-2.364-3.14-3.454l-104.020-104.9c-3.714-3.714-7.988-6.518-12.542-8.464-0.088-0.040-0.174-0.084-0.262-0.122-0.994-0.418-2.006-0.774-3.024-1.108-0.242-0.080-0.474-0.176-0.72-0.252-0.942-0.288-1.894-0.516-2.854-0.732-0.334-0.076-0.658-0.176-0.996-0.244-0.998-0.2-2.004-0.336-3.010-0.458-0.306-0.038-0.606-0.1-0.912-0.13-1.322-0.13-2.65-0.204-3.976-0.204h-391.784c-1.754 0-3.468 0.152-5.162 0.372-19.646 2.538-34.838 19.29-34.838 39.628v145.516h-279.874c-1.754 0-3.468 0.152-5.162 0.372-19.646 2.538-34.838 19.29-34.838 39.628v628.28c0 22.094 17.91 40 40 40h496.118c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 2.084-3.466 2.128-3.548 2.992-5.612 4.704-12.010 4.704-18.808 0 0 0 0 0-0.004v-145.518h279.874c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 2.084-3.466 2.128-3.548 2.992-5.612 4.704-12.010 4.704-18.808 0 0 0 0 0-0.004v-521.828c0.008-0.23-0.016-0.458-0.014-0.688 0.002-0.202 0.028-0.39 0.028-0.584zM144.124 878.792v-548.278h311.752v65.186c0 22.090 17.91 40 40 40h64.366v443.092h-416.118zM640.244 693.278v-296.31c0.006-0.23-0.018-0.458-0.014-0.688 0.004-0.196 0.030-0.382 0.030-0.578 0-0.444-0.052-0.874-0.066-1.312-0.024-0.684-0.044-1.366-0.104-2.046-0.062-0.74-0.16-1.468-0.262-2.198-0.078-0.564-0.152-1.128-0.258-1.692-0.144-0.792-0.324-1.566-0.516-2.34-0.124-0.508-0.246-1.014-0.39-1.518-0.226-0.784-0.488-1.548-0.76-2.312-0.174-0.49-0.342-0.98-0.538-1.466-0.302-0.754-0.64-1.486-0.988-2.216-0.222-0.472-0.438-0.946-0.68-1.41-0.398-0.762-0.838-1.496-1.284-2.228-0.242-0.396-0.466-0.798-0.724-1.19-0.606-0.924-1.262-1.81-1.942-2.678-0.13-0.168-0.246-0.346-0.382-0.512-0.978-1.212-2.028-2.364-3.138-3.454l-104.020-104.9c-3.714-3.714-7.988-6.518-12.542-8.464-0.088-0.040-0.172-0.084-0.262-0.122-0.994-0.418-2.004-0.774-3.024-1.108-0.242-0.080-0.476-0.176-0.72-0.252-0.942-0.288-1.896-0.516-2.854-0.732-0.334-0.076-0.658-0.176-0.996-0.244-0.998-0.2-2.004-0.336-3.012-0.458-0.304-0.038-0.602-0.1-0.91-0.13-1.322-0.13-2.648-0.204-3.976-0.204h-31.916v-105.516h311.752v65.186c0 22.090 17.91 40 40 40h64.366v443.092h-239.87z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M392.016 672.016h240.032c22.092 0 40-17.908 40-40v-240.032c0-22.092-17.908-40-40-40h-240.032c-22.092 0-40 17.908-40 40v240.032c0 22.092 17.908 40 40 40zM432.016 431.984h160.032v160.032h-160.032v-160.032zM864.032 424h71.98c22.094 0 40.004-17.906 40.004-40 0-22.092-17.906-40-40-40h-71.984v-143.968c0-22.092-17.908-40-40-40h-144v-72.012c0-22.094-17.906-40.004-40-40.004-22.090 0-40 17.906-40 40v72.016h-176v-72.012c0-22.094-17.906-40.004-40-40.004-22.090 0-40 17.906-40 40v72.016h-144c-22.092 0-40 17.908-40 40v143.968h-71.984c-22.094 0-40 17.908-40 40s17.91 40 40 40h71.984v176h-71.984c-22.094 0-40 17.908-40 40s17.91 40 40 40h71.984v144.030c0 22.092 17.908 40 40 40h144v71.954c0 22.094 17.906 40 40 40s40-17.91 40-40v-71.954h176v71.954c0 22.094 17.906 40 40 40s40-17.91 40-40v-71.954h144c22.092 0 40-17.908 40-40v-144.030h71.98c22.094 0 40.004-17.906 40.004-40 0-22.092-17.906-40-40-40h-71.984v-176zM784.032 784.032h-143.692c-0.104 0-0.204-0.016-0.308-0.016s-0.206 0.016-0.308 0.016h-127.382c-0.104 0-0.204-0.016-0.308-0.016s-0.206 0.016-0.308 0.016h-127.382c-0.104 0-0.204-0.016-0.308-0.016s-0.206 0.016-0.308 0.016h-143.696v-544h544v544z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M376.188 672.062h-112.124c-22.092 0-40-17.908-40-40s17.908-40 40-40h112.124c22.092 0 40 17.908 40 40s-17.908 40-40 40zM960 232.002v560c0 6.8-1.708 13.2-4.704 18.81-0.044 0.082-0.078 0.172-0.124 0.254-0.524 0.974-1.112 1.914-1.722 2.836-0.098 0.15-0.18 0.31-0.282 0.458-7.188 10.64-19.36 17.638-33.168 17.638h-816c-22.090 0-40-17.908-40-40v-559.998c0-20.34 15.192-37.092 34.838-39.628 1.694-0.218 3.408-0.372 5.162-0.372h816c1.754 0 3.468 0.152 5.162 0.372 19.646 2.536 34.838 19.288 34.838 39.63zM144 272.002v80.030h736v-80.030h-736zM880 751.998v-239.966h-736v239.966h736z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M1013.286 955.716l-443.72-443.716 443.718-443.718c15.622-15.622 15.62-40.948-0.004-56.566-15.618-15.622-40.942-15.622-56.562 0l-443.716 443.718-443.72-443.718c-15.62-15.624-40.946-15.622-56.566 0-15.622 15.62-15.622 40.944 0 56.566l443.722 443.718-443.722 443.722c-15.622 15.618-15.62 40.942 0 56.56s40.948 15.622 56.566 0l443.72-443.718 443.722 443.718c15.618 15.624 40.942 15.622 56.56 0 15.62-15.618 15.622-40.944 0.002-56.566z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M567.594 674.956c-17.674 30.61-56.816 41.098-87.426 23.426-30.61-17.676-41.1-56.816-23.426-87.426 10.134-17.554 27.33-28.472 45.928-31.278l146.974-254.57c11.042-19.132 35.506-25.688 54.64-14.64 19.13 11.046 25.688 35.508 14.64 54.64l-147.084 254.75c6.736 17.434 5.826 37.648-4.246 55.098zM512.002 209.26c-98.296 0-190.708 38.28-260.214 107.786s-107.786 161.92-107.786 260.214c0 81.428 26.252 158.786 74.768 222.452 88.404-30.49 188.406-46.448 292.732-46.448 104.662 0 204.926 16.046 293.524 46.716 48.65-63.712 74.976-141.164 74.976-222.72 0-98.294-38.28-190.708-107.786-260.214s-161.918-107.786-260.214-107.786zM512.002 129.26c247.424 0 448 200.578 448 448 0 124.132-50.494 236.468-132.054 317.602-87.096-38.574-196.984-61.598-316.446-61.598-119.146 0-228.772 22.902-315.758 61.296-81.376-81.114-131.742-193.324-131.742-317.3 0-247.422 200.576-448 448-448v0z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M895.95 221.364c-3.414-87.32-173.972-157.672-383.918-157.672s-380.504 70.352-383.918 157.672h-0.082v578.328c0 88.552 171.918 160.338 384 160.338s384-71.786 384-160.338v-578.328h-0.082zM798.412 430.578c-15.6 11.386-37.69 22.346-63.882 31.696-60.984 21.77-140.002 33.758-222.498 33.758s-161.514-11.988-222.498-33.758c-26.192-9.348-48.282-20.308-63.88-31.696-8.706-6.352-13.646-11.608-16.122-14.874v-92.9c70.29 37.478 179.654 61.566 302.5 61.566s232.21-24.088 302.5-61.566v92.9c-2.476 3.266-7.416 8.522-16.12 14.874zM814.532 514.464v93.24c-2.474 3.266-7.416 8.522-16.12 14.874-15.6 11.386-37.69 22.346-63.882 31.696-60.984 21.77-140.002 33.758-222.498 33.758s-161.514-11.988-222.498-33.758c-26.192-9.348-48.282-20.308-63.88-31.696-8.706-6.352-13.646-11.608-16.122-14.874v-93.24c70.29 37.48 179.654 61.566 302.5 61.566s232.21-24.086 302.5-61.566zM225.652 209.146c15.6-11.386 37.69-22.346 63.88-31.696 60.984-21.77 140.002-33.758 222.498-33.758s161.514 11.988 222.498 33.758c26.192 9.348 48.282 20.308 63.882 31.696 8.704 6.352 13.646 11.608 16.12 14.874v0.026c-2.474 3.266-7.416 8.522-16.12 14.874-15.6 11.386-37.69 22.346-63.882 31.696-60.984 21.77-140.002 33.758-222.498 33.758s-161.514-11.988-222.498-33.758c-26.192-9.348-48.282-20.308-63.88-31.696-8.706-6.352-13.646-11.608-16.122-14.874v-0.026c2.476-3.268 7.418-8.524 16.122-14.874zM798.412 814.578c-15.6 11.386-37.69 22.346-63.882 31.696-60.984 21.77-140.002 33.758-222.498 33.758s-161.514-11.988-222.498-33.758c-26.192-9.348-48.282-20.308-63.88-31.696-8.714-6.36-13.66-11.62-16.13-14.886h0.010v-93.228c70.29 37.48 179.654 61.566 302.5 61.566s232.21-24.086 302.5-61.566v93.228h0.010c-2.474 3.266-7.42 8.526-16.132 14.886z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M828.786 195.216c-174.958-174.956-458.612-174.958-633.568 0-174.954 174.954-174.956 458.612 0 633.566 174.954 174.956 458.614 174.956 633.568 0 174.954-174.954 174.952-458.612 0-633.566zM251.786 251.786c69.506-69.506 161.916-107.784 260.212-107.788 84.838 0 165.278 28.538 230.402 81.028l-517.372 517.374c-52.492-65.126-81.026-145.568-81.030-230.404 0.004-98.294 38.282-190.704 107.788-260.21zM772.214 772.214c-69.506 69.506-161.918 107.784-260.214 107.786-84.836-0.004-165.276-28.538-230.402-81.030l517.376-517.372c52.492 65.126 81.028 145.564 81.028 230.402-0.004 98.296-38.284 190.71-107.788 260.214z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M919.938 128h-816.008c-1.38 0-2.746 0.070-4.090 0.208-20.168 2.046-35.91 19.080-35.91 39.792v688c0 22.090 17.91 40 40 40h816.008c22.098 0 40-17.91 40-40v-688c0-22.094-17.906-40-40-40zM395.934 470.67h232v162.664h-232v-162.664zM355.934 633.334h-212.004v-162.664h212.004v162.664zM395.934 430.67v-142.662h232v142.662h-232zM667.934 470.67h212.004v162.664h-212.004v-162.664zM667.934 430.67v-142.662h212.004v142.662h-212.004zM355.934 288.008v142.662h-212.004v-142.662h212.004zM143.93 673.334h212.004v142.662h-212.004v-142.662zM395.934 673.334h232v142.662h-232v-142.662zM667.934 673.334h212.004v142.662h-212.004v-142.662z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M919.938 128h-816.008c-1.38 0-2.746 0.070-4.090 0.208-20.168 2.046-35.91 19.080-35.91 39.792v688c0 22.090 17.91 40 40 40h816.008c22.098 0 40-17.91 40-40v-688c-0-22.094-17.906-40-40-40zM143.93 288.008h736.008v527.988h-736.008v-527.988zM248 400.004c0-22.090 17.91-40 40-40h448c22.094 0 40 17.906 40 40 0 22.090-17.906 40-40 40h-448c-22.090 0-40-17.91-40-40zM776 552.002c0 22.094-17.906 40-40 40h-448c-22.090 0-40-17.906-40-40 0-22.090 17.91-40 40-40h448c22.094 0 40 17.91 40 40zM776 704c0 22.094-17.906 40-40 40h-448c-22.090 0-40-17.906-40-40 0-22.090 17.91-40 40-40h448c22.094 0 40 17.91 40 40z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M863.98 242.454c0.008-0.23-0.094-3.944-0.152-4.624-0.058-0.688-0.368-2.972-0.496-3.742-0.008-0.058-0.352-1.712-0.54-2.486-0.124-0.508-0.246-1.014-0.39-1.518-0.226-0.784-1.106-3.292-1.296-3.78-0.304-0.754-1.426-3.162-1.668-3.626-0.398-0.762-1.75-3.028-2.008-3.418-0.606-0.924-1.262-1.81-1.942-2.678-0.132-0.168-0.246-0.346-0.382-0.512-0.98-1.212-2.028-2.364-3.14-3.454l-104.020-104.9c-3.714-3.714-7.988-6.518-12.54-8.464-0.090-0.040-3.762-1.404-4.008-1.48-0.942-0.288-1.894-0.516-2.852-0.732-0.336-0.076-0.66-0.176-0.996-0.244-1-0.2-3.618-0.558-3.922-0.59-1.324-0.13-2.652-0.204-3.976-0.204h-519.652c-1.754 0-3.468 0.152-5.164 0.372-19.644 2.54-34.836 19.292-34.836 39.628v752c0 22.094 17.91 40 40 40h624c22.090 0 40-17.906 40-40l-0.020-645.548zM784 848h-544v-672l439.614 0.002v65.186c0 22.090 17.91 40 40 40h64.368l0.018 566.812zM664 336c22.090 0 40 17.908 40 40s-17.91 40-40 40h-304c-22.092 0-40-17.908-40-40s17.908-40 40-40h304zM704 528c0 22.092-17.91 40-40 40h-304c-22.092 0-40-17.908-40-40s17.908-40 40-40h304c22.090 0 40 17.908 40 40zM704 680c0 22.092-17.91 40-40 40h-304c-22.092 0-40-17.908-40-40s17.908-40 40-40h304c22.090 0 40 17.908 40 40z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M881 513.188c0 98.296-38.28 190.708-107.784 260.214-69.508 69.508-161.922 107.786-260.216 107.786-98.296 0-190.708-38.28-260.214-107.786s-107.786-161.916-107.786-260.214c0-98.294 38.28-190.708 107.786-260.216 69.508-69.504 161.918-107.784 260.214-107.784 98.294 0 190.708 38.28 260.216 107.784 69.504 69.508 107.784 161.922 107.784 260.216zM961 513.188c0-247.424-200.576-448-448-448s-448 200.576-448 448 200.576 448 448 448 448-200.576 448-448v0zM539.672 757.584l125.436-125c15.65-15.594 15.692-40.92 0.1-56.568-15.594-15.648-40.92-15.694-56.568-0.1l-57.204 57.004v-335.67c0-22.092-17.908-40-40-40s-40 17.908-40 40v335.258l-56.368-56.508c-15.602-15.64-40.928-15.672-56.568-0.070-7.834 7.814-11.752 18.066-11.75 28.32 0 10.22 3.892 20.442 11.68 28.25l124.688 125c15.594 15.634 40.91 15.672 56.554 0.084z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M948.56 263.376c12.704-12.708 15.072-31.836 7.11-46.936-1.84-3.524-4.232-6.832-7.192-9.792-0.286-0.286-0.594-0.528-0.886-0.8l-129.318-128.634c-0.048-0.048-0.088-0.106-0.138-0.154-7.812-7.812-18.050-11.716-28.292-11.714-10.242-0.004-20.484 3.902-28.296 11.714-0.064 0.066-0.12 0.136-0.184 0.204l-636.168 636.168c-5.868 5.134-10.21 11.958-12.298 19.748l-47.606 177.664c-3.7 13.804 0.248 28.534 10.352 38.638 7.602 7.6 17.816 11.714 28.288 11.714 3.452 0 6.93-0.446 10.352-1.364l177.664-47.606c7.296-1.956 13.732-5.904 18.74-11.216l521.486-521.484c1.126-0.904 2.222-1.87 3.268-2.914 1.042-1.044 2.006-2.138 2.91-3.264l107.75-107.748c0.836-0.71 1.668-1.432 2.458-2.224zM806.9 291.66l-73.592-73.202 56.61-56.61 73.594 73.2-56.612 56.612zM281.566 816.996l-73.4-73.4 468.572-468.568 73.594 73.202-468.766 468.766zM160.496 864.628l11.742-43.822 32.080 32.080-43.822 11.742z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M184 393c66.274 0 120 53.73 120 120s-53.726 120-120 120c-66.286 0-120-53.73-120-120s53.714-120 120-120zM512 393c66.272 0 120 53.73 120 120s-53.728 120-120 120c-66.286 0-120-53.73-120-120s53.714-120 120-120zM840 393c66.272 0 120 53.73 120 120s-53.728 120-120 120c-66.286 0-120-53.73-120-120s53.714-120 120-120z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M960.032 268.004c0.748-10.040-2.246-20.364-9.226-28.684-5.984-7.132-13.938-11.62-22.394-13.394-0.13-0.026-0.268-0.066-0.396-0.092-1.082-0.22-2.172-0.376-3.272-0.5-0.25-0.032-0.492-0.080-0.742-0.102-1.028-0.096-2.052-0.136-3.090-0.156-0.292-0.002-0.582-0.042-0.876-0.042h-816.008c-21.416 0-38.848 16.844-39.898 38-0.034 0.628-0.092 1.256-0.096 1.89 0 0.034-0.006 0.074-0.006 0.114 0 0.050 0.008 0.102 0.008 0.152v495.692c0 0.054-0.008 0.106-0.008 0.156 0 22.090 17.91 40 40 40h816.004c13.808 0 25.98-6.996 33.17-17.636 0.1-0.148 0.182-0.312 0.28-0.458 0.606-0.93 1.196-1.868 1.722-2.84 0.046-0.082 0.080-0.172 0.124-0.258 2.992-5.604 4.704-12.008 4.704-18.804v0 0-493.038zM144.032 350.156l339.946 281.188c6.568 6.434 14.918 10.168 23.564 11.122 0.16 0.024 0.32 0.050 0.48 0.066 0.838 0.082 1.676 0.114 2.518 0.14 0.496 0.020 0.994 0.058 1.492 0.058s0.996-0.042 1.492-0.058c0.842-0.028 1.68-0.058 2.518-0.14 0.16-0.016 0.32-0.042 0.48-0.066 8.646-0.958 16.996-4.688 23.564-11.122l339.946-281.206v370.894h-736v-370.876zM215.066 305.030h593.91l-296.946 245.422-296.964-245.422z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M959.688 920.068l0.31-176c0.040-22.094-17.84-40.032-39.93-40.070-22.092-0.040-40.032 17.838-40.070 39.93l-0.142 79.672-235.734-235.732c-15.622-15.622-40.948-15.622-56.57 0s-15.622 40.948 0 56.568l235.442 235.442-78.946-0.1c-22.092-0.028-40.022 17.86-40.050 39.952-0.014 11.064 4.464 21.084 11.714 28.334 7.228 7.224 17.208 11.702 28.236 11.714l175.688 0.22c22.086 0.028 40.014-17.846 40.052-39.93zM920.178 64.228l-176-0.308c-22.094-0.040-40.032 17.84-40.070 39.93-0.040 22.092 17.838 40.032 39.93 40.070l79.672 0.14-235.732 235.734c-15.622 15.622-15.622 40.948 0 56.568s40.948 15.622 56.568 0l235.442-235.442-0.1 78.946c-0.028 22.092 17.86 40.022 39.952 40.050 11.064 0.014 21.084-4.464 28.334-11.714 7.224-7.228 11.702-17.208 11.714-28.236l0.22-175.688c0.026-22.082-17.846-40.010-39.93-40.050zM64.236 103.742l-0.308 176c-0.040 22.094 17.84 40.032 39.93 40.070 22.092 0.040 40.032-17.84 40.070-39.93l0.14-79.672 235.734 235.73c15.622 15.622 40.948 15.622 56.568 0s15.622-40.946 0-56.566l-235.442-235.442 78.946 0.098c22.092 0.028 40.022-17.86 40.050-39.95 0.014-11.066-4.464-21.086-11.714-28.336-7.228-7.222-17.208-11.7-28.236-11.714l-175.688-0.218c-22.084-0.026-40.012 17.844-40.050 39.93zM103.748 959.766l176 0.308c22.094 0.040 40.032-17.84 40.070-39.93 0.040-22.092-17.84-40.032-39.93-40.070l-79.672-0.14 235.73-235.734c15.622-15.622 15.622-40.948 0-56.568s-40.946-15.622-56.566 0l-235.442 235.442 0.098-78.946c0.028-22.092-17.86-40.022-39.95-40.050-11.066-0.014-21.086 4.464-28.336 11.714-7.222 7.228-11.7 17.208-11.714 28.236l-0.218 175.688c-0.026 22.082 17.844 40.010 39.93 40.050z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M512.008 959.964c-10.236 0-20.47-3.904-28.282-11.712l-239.898-239.838c-15.624-15.62-15.624-40.946-0.006-56.57 15.622-15.622 40.948-15.624 56.568-0.004l211.618 211.562 211.712-211.658c15.624-15.618 40.952-15.616 56.568 0.004 15.62 15.624 15.618 40.95-0.006 56.57l-239.994 239.934c-7.808 7.808-18.044 11.712-28.28 11.712zM483.824 75.744l-239.994 239.934c-15.624 15.62-15.624 40.948-0.006 56.57s40.944 15.622 56.568 0.004l211.712-211.658 211.618 211.562c15.622 15.62 40.948 15.616 56.568-0.006 15.62-15.624 15.618-40.95-0.006-56.57l-239.898-239.836c-7.81-7.81-18.044-11.714-28.282-11.714s-20.47 3.906-28.28 11.714z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M1008.714 490.522c-9.002-12.594-223.276-308.808-496.684-308.808-273.444 0-487.682 296.214-496.684 308.808l-15.316 21.49 15.316 21.466c9.002 12.618 223.24 308.808 496.684 308.808 273.408 0 487.682-296.19 496.684-308.808l15.316-21.466-15.316-21.49zM807.68 631.688c-46 39.142-92.558 70.064-138.382 91.904-53.874 25.676-106.786 38.694-157.266 38.694-50.49 0-103.406-13.018-157.282-38.696-45.826-21.838-92.382-52.758-138.378-91.902-53.708-45.706-94.302-92.122-116.61-119.672 22.36-27.602 63.028-74.094 116.612-119.696 45.996-39.146 92.554-70.068 138.378-91.908 53.876-25.678 106.792-38.698 157.28-38.698 50.48 0 103.39 13.020 157.264 38.696 45.824 21.842 92.382 52.764 138.382 91.91 53.602 45.614 94.264 92.098 116.624 119.696-22.306 27.544-62.898 73.954-116.622 119.672zM692.032 512.036c0 99.41-80.588 180-180 180s-180-80.59-180-180c0-99.406 80.588-179.998 180-179.998s180 80.59 180 179.998z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M75.744 948.314c-15.62-15.62-15.62-40.948 0-56.564l816-816c15.626-15.624 40.95-15.624 56.57 0 15.624 15.62 15.626 40.946 0.004 56.57l-816 815.994c-15.62 15.62-40.95 15.62-56.572 0zM332.032 512.034c0 20.104 3.296 39.434 9.376 57.484l228.104-228.106c-18.050-6.080-37.38-9.376-57.48-9.376-99.412-0.004-180 80.588-180 179.996zM692.032 512.034c0-20.1-3.3-39.432-9.38-57.484l-228.106 228.11c18.052 6.080 37.384 9.376 57.488 9.376 99.412 0 180-80.59 180-180zM1008.716 490.522c-4.98-6.968-72.86-100.8-178.81-183.22l-57.040 57.040c11.624 8.8 23.24 18.128 34.814 27.98 53.6 45.614 94.264 92.1 116.624 119.696-22.304 27.544-62.896 73.954-116.62 119.672-46 39.14-92.56 70.064-138.384 91.904-53.872 25.676-106.786 38.694-157.266 38.694-37.448 0-76.234-7.18-115.76-21.36l-61.486 61.49c54.786 24.22 114.45 39.87 177.248 39.87 273.41 0 487.684-296.19 496.686-308.808l15.316-21.468-15.316-21.49zM216.372 631.69c-53.708-45.706-94.3-92.12-116.61-119.672 22.36-27.6 63.028-74.094 116.612-119.696 46-39.146 92.554-70.068 138.38-91.908 53.874-25.68 106.79-38.7 157.28-38.7 37.46 0 76.264 7.188 115.8 21.38l61.484-61.484c-54.796-24.236-114.474-39.896-177.286-39.896-273.446 0-487.684 296.214-496.686 308.808l-15.316 21.49 15.314 21.466c4.98 6.984 72.866 100.84 178.84 183.26l57.040-57.040c-11.64-8.806-23.264-18.144-34.854-28.008z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M582.52 960h-167.88v-448h-112v-154.396l112-0.052-0.166-90.948c-0.036-125.974 34.12-202.604 182.484-202.604h123.542v154.424h-77.19c-57.782 0-60.566 21.56-60.566 61.85l-0.218 77.278h138.854l-16.376 154.394-122.36 0.052-0.124 448.002z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M960 513c0-247.424-200.574-448-448-448-247.422 0-448 200.576-448 448s200.578 448 448 448c247.426 0 448-200.576 448-448zM251.786 773.214c-69.504-69.508-107.786-161.918-107.786-260.214 0-98.294 38.282-190.708 107.786-260.216 69.506-69.504 161.918-107.784 260.214-107.784s190.708 38.28 260.214 107.784c69.508 69.508 107.786 161.922 107.786 260.216 0 98.296-38.278 190.708-107.786 260.214-69.506 69.506-161.922 107.786-260.214 107.786-98.296 0-190.708-38.28-260.214-107.786zM416.5 384.998c0 35.346-28.654 64-64 64s-64-28.654-64-64 28.654-64 64-64 64 28.654 64 64zM736 384.998c0 35.346-28.654 64-64 64s-64-28.654-64-64 28.654-64 64-64 64 28.654 64 64zM763.62 636.976v0.094c-49.554 87.14-143.21 145.93-250.62 145.93-107.486 0-201.2-58.868-250.726-146.108v-0.092c-3.34-5.842-5.274-12.59-5.274-19.8s1.934-13.958 5.274-19.798v-0.198h0.122c6.918-11.946 19.808-20.004 34.606-20.004s27.69 8.058 34.61 20.004h0.098c35.756 63.222 103.614 105.996 181.29 105.996s145.54-42.774 181.3-105.996h0.090c6.918-11.946 19.81-20.004 34.606-20.004s27.69 8.058 34.61 20.004h0.014v0.024c3.402 5.88 5.38 12.69 5.38 19.972 0 7.286-1.978 14.094-5.38 19.976z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M968 513c0-247.424-200.574-448-448-448-247.422 0-448 200.576-448 448s200.578 448 448 448c247.426 0 448-200.576 448-448zM259.786 773.214c-69.504-69.506-107.786-161.918-107.786-260.214 0-98.294 38.282-190.708 107.786-260.216 69.506-69.504 161.918-107.784 260.214-107.784s190.708 38.28 260.214 107.784c69.508 69.508 107.786 161.922 107.786 260.216 0 98.296-38.278 190.708-107.786 260.214-69.506 69.506-161.922 107.786-260.214 107.786-98.296 0-190.708-38.28-260.214-107.786zM424.5 384.998c0 35.346-28.654 64-64 64s-64-28.654-64-64 28.654-64 64-64 64 28.654 64 64zM744 384.998c0 35.346-28.654 64-64 64s-64-28.654-64-64 28.654-64 64-64 64 28.654 64 64zM777 641c0 22.094-17.906 40-40 40h-432c-22.090 0-40-17.906-40-40 0-22.090 17.91-40 40-40h432c22.094 0 40 17.91 40 40z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M960 513c0-247.424-200.574-448-448-448-247.422 0-448 200.576-448 448s200.578 448 448 448c247.426 0 448-200.576 448-448zM251.786 773.214c-69.504-69.506-107.786-161.918-107.786-260.214 0-98.294 38.282-190.708 107.786-260.216 69.506-69.504 161.918-107.784 260.214-107.784s190.708 38.28 260.214 107.784c69.508 69.508 107.786 161.922 107.786 260.216 0 98.296-38.278 190.708-107.786 260.214-69.506 69.506-161.922 107.786-260.214 107.786-98.296 0-190.708-38.28-260.214-107.786zM416.5 384.998c0 35.346-28.654 64-64 64s-64-28.654-64-64 28.654-64 64-64 64 28.654 64 64zM736 384.998c0 35.346-28.654 64-64 64s-64-28.654-64-64 28.654-64 64-64 64 28.654 64 64zM262.38 684.024v-0.094c49.552-87.14 143.208-145.93 250.62-145.93 107.486 0 201.2 58.868 250.726 146.108v0.092c3.34 5.842 5.274 12.59 5.274 19.8s-1.934 13.958-5.274 19.798v0.198h-0.122c-6.918 11.946-19.808 20.004-34.606 20.004s-27.69-8.058-34.61-20.004h-0.098c-35.76-63.222-103.618-105.996-181.292-105.996s-145.54 42.774-181.3 105.996h-0.090c-6.918 11.946-19.808 20.004-34.606 20.004s-27.69-8.058-34.61-20.004h-0.014v-0.024c-3.402-5.88-5.38-12.69-5.38-19.972 0.002-7.286 1.98-14.094 5.382-19.976z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M962.030 168.032c0 22.092-17.908 40-40.002 40h-815.996c-22.092 0-40-17.908-40-40v0c0-22.090 17.908-40 40-40h815.998c22.092 0 40 17.908 40 40v0zM770 544.034c0 22.090-17.908 40-40 40h-432c-22.090 0-40-17.908-40-40v0c0-22.090 17.908-40.002 40-40.002h432c22.090 0 40 17.912 40 40.002v0zM642.030 728.032c0 22.094-17.91 40-40.002 40h-175.998c-22.090 0-40-17.906-40-40v0c0-22.094 17.908-40.002 40-40.002h176c22.094 0.002 40 17.91 40 40.002v0zM866 352.030c0 22.092-17.906 40.002-40 40.002h-624c-22.090 0-40-17.91-40-40.002v0c0-22.090 17.908-40 40-40h624c22.092 0 40 17.91 40 40v0zM512.030 928.034c22.090 0 40.004-17.906 40.004-40v0c0-22.090-17.914-40-40.004-40v0c-22.090 0-40 17.91-40 40v0c0 22.092 17.91 40 40 40v0z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M168 960.060c-22.092 0-40-17.908-40-40v-816.36c0-22.092 17.908-40 40-40h687.698c16.178 0 30.764 9.746 36.956 24.694 6.192 14.946 2.77 32.15-8.67 43.59l-188.918 188.922 189.218 189.216c11.44 11.442 14.862 28.646 8.67 43.592-6.192 14.948-20.776 24.694-36.956 24.694h-647.998v341.654c0 22.090-17.908 39.998-40 39.998zM208 498.406h551.428l-149.218-149.216c-15.622-15.622-15.622-40.95 0-56.568l148.918-148.922h-551.128v354.706z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M571 274h327c23 0 41 18 41 41v488c0 22-18 40-41 40H126c-23 0-41-18-41-40V242c0-34 27-61 61-61h317c18 0 35 7 47 21l61 72zm-119-8H170v492h684V359H531l-79-93z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M948.362 178.828l-471.082 470.086c-0.24 0.25-0.45 0.52-0.698 0.77-7.82 7.82-18.070 11.722-28.32 11.712-10.25 0.010-20.504-3.892-28.324-11.712-0.262-0.262-0.48-0.546-0.734-0.812l-221.736-221.738c-15.624-15.622-15.624-40.95 0-56.566 15.618-15.622 40.946-15.624 56.57 0l194.224 194.222 443.53-442.528c15.622-15.618 40.95-15.618 56.57 0 15.62 15.62 15.62 40.946 0 56.566zM98.372 128.448c-18.926 0-34.266 15.342-34.266 34.268v699.032c0 18.926 15.34 34.266 34.266 34.266h699.032c18.926 0 34.266-15.34 34.266-34.266v-430.588c0 0 0.002-1.184 0.002-1.788 0-22.090-17.914-40-40.004-40s-40 17.91-40 40c0 0.288 0.002 386.64 0.002 386.64h-607.562v-607.564h600.002c22.090-0.002 40.002-17.906 40.002-40 0-22.090-17.914-40-40.004-40z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M465.926 641.356l-149.328 258.708h494.074l149.328-258.708h-494.074zM917.704 567.988l-256.33-444.048h-298.686l256.356 444.048h298.66zM320.236 197.442l-256.236 443.914 149.36 258.708 256.23-443.914-149.354-258.708z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M512.062 64.032c-247.426 0-448 200.576-448 448s200.574 448 448 448c247.422 0 448-200.576 448-448s-200.578-448-448-448zM251.846 772.246c-69.506-69.508-107.784-161.918-107.784-260.214 0-98.294 38.278-190.708 107.784-260.216 69.508-69.504 161.92-107.784 260.216-107.784s190.708 38.28 260.214 107.784c69.504 69.508 107.786 161.922 107.786 260.216 0 98.296-38.282 190.708-107.786 260.214-42.852 42.848-94.41 73.806-150.684 91.27v-65.104c0-34.584-11.86-60.022-35.578-76.31 14.864-1.43 28.512-3.43 40.942-6.002 12.434-2.572 25.578-6.292 39.442-11.146s26.292-10.644 37.3-17.364c11-6.712 21.574-15.434 31.718-26.15s18.648-22.866 25.508-36.444c6.864-13.57 12.292-29.866 16.292-48.874 4.004-19.006 6-39.944 6-62.802 0-44.3-14.434-82.032-43.296-113.182 13.14-34.294 11.714-71.594-4.29-111.894l-10.718-1.286c-7.43-0.858-20.79 2.286-40.082 9.434-19.29 7.144-40.942 18.864-64.95 35.152-34.016-9.432-69.308-14.148-105.894-14.148-36.87 0-72.024 4.716-105.46 14.148-15.144-10.29-29.51-18.79-43.086-25.508s-24.436-11.29-32.582-13.718c-8.144-2.43-15.718-3.93-22.722-4.5-7-0.574-11.5-0.714-13.504-0.43-2 0.286-3.43 0.572-4.288 0.86-16.004 40.582-17.436 77.88-4.288 111.894-28.868 31.152-43.3 68.878-43.3 113.178 0 22.866 2 43.798 6.002 62.804 4 19.010 9.432 35.296 16.292 48.876s15.364 25.722 25.508 36.442c10.146 10.718 20.72 19.438 31.724 26.152s23.436 12.504 37.298 17.362c13.862 4.858 27.008 8.574 39.442 11.146 12.434 2.57 26.080 4.574 40.942 6.002-23.438 16.004-35.152 41.444-35.152 76.31v66.404c-57.936-17.198-111.030-48.638-154.966-92.572z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M511.989 937.076l-175.718-538.045h351.434l-175.717 538.045zM90.107 399.031l421.88 538.045-462.033-334.102c-9.156-6.631-15.047-17.289-15.047-29.321 0-3.985 0.645-7.821 1.839-11.406l-0.072 0.255 53.431-163.471zM90.107 399.031l105.75-324.083c2.508-7.304 9.319-12.457 17.334-12.457s14.825 5.153 17.294 12.329l0.042 0.128 105.749 324.082-246.165 0.001zM933.869 399.031l53.431 163.474c1.133 3.347 1.788 7.203 1.788 11.215 0 12.038-5.895 22.705-14.961 29.262l-0.104 0.072-462.034 334.022 421.88-538.046zM933.869 399.031h-246.162l105.75-324.083c2.543-7.242 9.325-12.341 17.292-12.341s14.748 5.096 17.256 12.212l0.042 0.127 105.825 324.083z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M530.878 65.424c-6.748-1.014-13.090-1.424-18.878-1.424s-12.13 0.41-18.878 1.424c-238.662 9.9-429.122 206.48-429.122 447.576 0 247.424 200.578 448 448 448 247.426 0 448-200.576 448-448 0-241.098-190.456-437.678-429.122-447.576zM877.84 472.998h-158.508c-3.16-92.542-17.532-179.266-41.262-247.494-6.442-18.52-13.534-35.536-21.228-50.988 42.548 18.214 81.66 44.556 115.374 78.268 59.988 59.99 96.69 137.046 105.624 220.214zM512 880c-65.872 0-120.112-143.058-127.206-327h254.41c-7.092 183.942-61.332 327-127.204 327zM384.714 472.998c6.426-175.362 55.69-314.010 117.15-327.852 3.372-0.092 6.748-0.146 10.134-0.146s6.764 0.054 10.136 0.146c61.46 13.842 110.722 152.49 117.148 327.852h-254.568zM251.786 252.784c33.714-33.71 72.826-60.052 115.374-78.268-7.694 15.452-14.788 32.468-21.226 50.988-23.732 68.228-38.104 154.952-41.264 247.494h-158.508c8.934-83.168 45.636-160.224 105.624-220.214zM146.16 553h158.578c3.298 91.792 17.632 177.762 41.194 245.498 6.798 19.55 14.33 37.416 22.526 53.542-43.050-18.232-82.616-44.772-116.672-78.826-59.988-59.99-96.69-137.044-105.626-220.214zM772.214 773.214c-34.054 34.054-73.622 60.592-116.672 78.824 8.196-16.126 15.726-33.99 22.528-53.542 23.558-67.736 37.892-153.704 41.192-245.498h158.578c-8.934 83.172-45.634 160.226-105.626 220.216z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M799.094 79.996c0 0-200.938 0-267.936 0-120.126 0-233.188 91.004-233.188 196.434 0 107.692 81.904 194.624 204.124 194.624 8.496 0 16.75-0.148 24.812-0.74-7.942 15.186-13.594 32.286-13.594 50.022 0 29.974 16.094 54.226 36.466 74.042-15.376 0-30.248 0.438-46.438 0.438-148.782 0.036-263.312 94.784-263.312 193.056 0 96.758 125.534 157.312 274.312 157.312 169.656 0 263.312-96.25 263.312-193.024 0-77.6-22.908-124.062-93.686-174.156-24.216-17.128-70.534-58.812-70.534-83.32 0-28.69 8.19-42.868 51.406-76.624 44.346-34.63 75.688-83.302 75.688-139.944 0-67.372-30-133.058-86.374-154.746h85l59.942-43.374zM701.504 735.438c2.092 8.992 3.276 18.226 3.276 27.624 0 78.226-50.374 139.304-194.934 139.304-102.874 0-177.124-65.078-177.124-143.304 0-76.622 92.122-140.434 194.934-139.32 24.004 0.254 46.376 4.136 66.69 10.702 55.812 38.834 95.874 60.808 107.158 104.994zM536.844 443.782c-69-2.094-134.624-77.212-146.564-167.876-11.874-90.664 34.378-160.030 103.442-157.97 68.996 2.060 134.594 74.818 146.53 165.432 11.906 90.696-34.408 162.508-103.408 160.414z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M324.832 513c22.090 0 40 17.91 40 40v304c0 22.090-17.906 40-40 40v0c-22.090 0-40-17.906-40-40v-304c0-22.090 17.91-40 40-40v0zM884.832 128.998c-22.090 0-40 17.906-40 40v688.002c0 22.094 17.91 40 40 40v0c22.094 0 40-17.91 40-40v-688.002c0-22.094-17.91-40-40-40v0zM698.164 256.998c-22.090 0-40 17.91-40 40v560.002c0 22.094 17.91 40 40 40v0c22.094 0 40-17.91 40-40v-560.002c0-22.090-17.91-40-40-40v0zM511.5 384.998c-22.090 0-40.004 17.91-40.004 40v432.002c0 22.094 17.914 40 40.004 40v0c22.090 0 40-17.91 40-40v-432.002c0-22.090-17.91-40-40-40v0zM139.168 641c-22.090 0-40 17.91-40 40v176c0 22.094 17.91 40 40 40v0c22.094 0 40-17.91 40-40v-176c0-22.090-17.91-40-40-40v0z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M820.536 489.23c-15.624 15.618-40.954 15.618-56.57 0l-42.006-42.002-169.898 169.9c-7.822 7.82-18.076 11.722-28.326 11.712-10.248 0.008-20.496-3.894-28.314-11.712l-96.178-96.182-140.67 140.674c-15.624 15.622-40.954 15.618-56.57-0.004-15.624-15.618-15.624-40.946 0-56.566l168.946-168.946c7.812-7.816 18.058-11.72 28.3-11.716 10.238-0.002 20.476 3.904 28.29 11.716l96.204 96.204 168.91-168.91c0.33-0.356 0.626-0.73 0.972-1.076 7.824-7.824 18.084-11.726 28.34-11.712 10.252-0.012 20.508 3.892 28.332 11.714 0.346 0.346 0.64 0.72 0.972 1.074l69.266 69.266c15.62 15.618 15.616 40.942 0 56.566zM880 144h-736v736h736v-736zM920 64c22.092 0 40 17.908 40 40v816c0 22.092-17.908 40-40 40h-816c-22.092 0-40-17.908-40-40v-816c0-22.092 17.908-40 40-40h816z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M896.38 635.332c-7.286-4.206-14.934-7.196-22.714-9.074v-228.148c7.788-1.882 15.44-4.874 22.732-9.082 40.902-23.614 54.92-75.934 31.3-116.846-23.62-40.914-75.942-54.932-116.846-31.318-7.286 4.21-13.704 9.34-19.22 15.14l-197.586-114.076c2.266-7.68 3.502-15.802 3.502-24.212 0-47.232-38.3-85.53-85.544-85.53-47.242 0-85.544 38.298-85.544 85.53 0 8.42 1.238 16.552 3.508 24.24l-197.598 114.046c-5.518-5.802-11.936-10.93-19.218-15.138-40.902-23.614-93.22-9.596-116.846 31.318-23.62 40.91-9.6 93.228 31.3 116.846 7.29 4.208 14.94 7.202 22.728 9.082v228.15c-7.782 1.878-15.434 4.866-22.718 9.074-40.91 23.62-54.93 75.938-31.31 116.848 23.624 40.914 75.944 54.932 116.856 31.312 7.28-4.206 13.692-9.334 19.206-15.13l197.588 114.080c-2.262 7.68-3.498 15.792-3.498 24.2 0 47.244 38.302 85.544 85.546 85.544 47.242 0 85.542-38.302 85.542-85.544 0-9.362-1.524-18.36-4.308-26.79l196.558-113.484c5.914 6.624 12.946 12.446 21.046 17.126 40.912 23.618 93.23 9.602 116.856-31.314 23.618-40.914 9.598-93.232-31.318-116.85zM253.492 689.212c-1.88-7.73-4.856-15.33-9.038-22.568-4.142-7.18-9.194-13.516-14.892-18.98l258.558-447.814c7.58 2.198 15.586 3.402 23.878 3.402 8.262 0 16.242-1.196 23.802-3.38l258.574 447.85c-5.676 5.456-10.704 11.77-14.834 18.928-4.182 7.238-7.162 14.838-9.042 22.566l-517.006-0.004zM771.404 291.408c-6.156 21.512-3.936 45.396 8.138 66.306 12.066 20.91 31.638 34.772 53.348 40.2v228.538c-1.074 0.266-2.144 0.56-3.208 0.868l-258.56-447.826c0.804-0.768 1.596-1.556 2.372-2.354l197.91 114.268zM450.526 177.162c0.75 0.772 1.516 1.536 2.296 2.282l-258.578 447.856c-1.038-0.3-2.084-0.586-3.134-0.85v-228.536c21.708-5.428 41.276-19.29 53.348-40.202 12.074-20.91 14.294-44.794 8.134-66.306l197.934-114.244zM575.392 849.216c-15.65-17.262-38.256-28.108-63.39-28.108-24.152 0-45.946 10.026-61.5 26.112l-197.908-114.266c0.28-0.986 0.544-1.98 0.794-2.972h517.226c0.464 1.888 0.976 3.756 1.57 5.61l-196.792 113.624z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M437.162 552.368c-1.694-0.216-3.408-0.37-5.162-0.37h-263.978c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v264.040c0 22.094 17.91 40 40 40h263.978c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-264.044c0-20.34-15.19-37.094-34.838-39.632zM208.022 816.038v-184.040h183.978v184.040h-183.978zM437.162 128.4c-1.694-0.216-3.408-0.37-5.162-0.37h-263.978c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v263.968c0 22.094 17.91 40 40 40h263.978c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-263.972c0-20.342-15.19-37.096-34.838-39.632zM208.022 392v-183.968h183.978v183.968h-183.978zM861.212 552.368c-1.694-0.216-3.408-0.37-5.162-0.37h-264.050c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v264.040c0 22.094 17.91 40 40 40h264.048c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-264.044c0.002-20.34-15.19-37.094-34.836-39.632zM632 816.038v-184.040h184.048v184.040h-184.048zM861.212 128.4c-1.694-0.216-3.408-0.37-5.162-0.37h-264.050c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v263.968c0 22.094 17.91 40 40 40h264.048c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-263.972c0.002-20.342-15.19-37.096-34.836-39.632zM632 392v-183.968h184.048v183.968h-184.048z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M541.146 448.384c-1.694-0.216-3.408-0.37-5.162-0.37h-367.968c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v368.032c0 22.094 17.91 40 40 40h367.968c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-368.036c0-20.34-15.192-37.094-34.838-39.632zM208.016 816.046v-288.032h287.968v288.032h-287.968zM736.032 856.046c0 22.090-17.908 40-40 40-22.090 0-40-17.908-40-40v-487.902l-488.016 0.002c-22.090 0-40-17.91-40-40s17.908-40.002 40-40.002h528.016c1.754 0 3.468 0.152 5.162 0.37 19.646 2.538 34.838 19.292 34.838 39.63v527.902zM896.032 168.030v688.004c-0.002 22.088-17.91 39.996-40 39.996s-40.002-17.908-40.002-40c0 0 0.002-304.026 0.002-304.040v-343.96h-343.96c-0.014 0-304.040 0.002-304.040 0.002-22.090 0-40-17.91-40-40s17.908-40.002 40-40.002h688c1.754 0 3.468 0.152 5.162 0.37 19.646 2.536 34.838 19.29 34.838 39.63z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M895.032 194.328c-20.906-21.070-46.492-37.316-76.682-48.938-30.104-11.71-63.986-17.39-101.474-17.39-19.55 0-38.744 2.882-57.584 9.094-18.472 6.062-36.584 14.242-54.072 24.246-17.476 9.828-34.056 21.276-49.916 33.898-16.038 12.8-30.456 25.572-43.346 38.664-13.52-13.092-28.026-25.864-43.616-38.664-15.684-12.624-32.080-24.070-49.382-33.898-17.214-10.004-35.414-18.184-54.704-24.246-19.104-6.21-38.568-9.094-58.034-9.094-37.126 0-70.56 5.68-100.48 17.39-29.732 11.622-55.328 27.868-76.328 48.938-20.994 21.094-37.214 46.962-48.478 77.328-11.174 30.544-16.942 64.5-16.942 101.812 0 21.628 3.068 43.078 9.19 64.53 6.308 21.096 14.416 41.986 24.876 61.642 10.446 19.656 22.702 38.488 36.584 56.59 13.88 18.124 28.388 34.516 43.344 49.58l305.766 305.112c8.466 7.558 18.11 11.444 28.204 11.444 10.726 0 19.914-3.884 27.308-11.444l305.934-304.226c14.78-14.772 29.382-31.368 43.166-49.378 14.058-18.212 26.314-37.222 37.042-57.23 10.9-19.924 19.192-40.638 25.406-62 6.218-21.188 9.198-42.61 9.198-64.618 0-37.312-5.592-71.268-16.582-101.812-11.264-30.366-27.22-56.236-48.398-77.33z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M716.876 208c27.708 0 52.092 4.020 72.47 11.948l0.132 0.052 0.13 0.050c19.866 7.644 35.774 17.664 48.632 30.624l0.166 0.168 0.17 0.168c12.586 12.536 22.304 28.27 29.706 48.094 7.782 21.786 11.726 46.798 11.726 74.364 0 14.658-1.95 28.426-5.958 42.086l-0.028 0.092-0.026 0.092c-4.866 16.72-11.006 31.752-18.776 45.952l-0.162 0.298-0.16 0.296c-8.81 16.434-18.58 31.532-29.864 46.148l-0.204 0.264c-11.316 14.786-23.48 28.708-36.154 41.378l-277.122 275.574-276.94-276.35c-13.32-13.43-25.248-27.074-36.488-41.75-11.386-14.848-21.284-30.136-29.444-45.49-7.206-13.54-13.494-29.17-18.7-46.472-4.030-14.264-5.988-28.044-5.988-42.116 0-27.36 4.042-52.314 12.016-74.176 7.214-19.378 17.344-35.708 30.066-48.492 12.998-13.042 28.958-23.148 48.826-30.914 20.436-8 43.764-11.886 71.32-11.886 11.536 0 22.738 1.742 33.298 5.174l0.374 0.122 0.376 0.12c13.116 4.122 26.066 9.874 38.494 17.094l0.34 0.2 0.344 0.196c12.736 7.234 25.308 15.876 38.43 26.412 14.486 11.906 27.060 23.048 38.428 34.056l56.994 55.192 55.662-56.532c10.324-10.484 22.18-21.040 36.242-32.264 13.382-10.646 26.216-19.38 39.228-26.698l0.256-0.144 0.254-0.144c13.008-7.442 26.228-13.386 39.294-17.676l0.050-0.016 0.050-0.018c10.354-3.414 20.998-5.076 32.54-5.076zM716.876 128c-19.55 0-38.744 2.882-57.584 9.094-18.472 6.062-36.584 14.242-54.072 24.246-17.476 9.828-34.056 21.276-49.916 33.898-16.038 12.8-30.456 25.572-43.346 38.664-13.52-13.092-28.026-25.864-43.616-38.664-15.684-12.624-32.080-24.070-49.382-33.898-17.214-10.004-35.414-18.184-54.704-24.246-19.104-6.21-38.568-9.094-58.034-9.094-37.126 0-70.56 5.68-100.48 17.39-29.732 11.622-55.328 27.868-76.328 48.938-20.994 21.094-37.214 46.962-48.478 77.328-11.174 30.544-16.942 64.5-16.942 101.812 0 21.628 3.068 43.078 9.19 64.53 6.308 21.096 14.416 41.986 24.876 61.642 10.446 19.656 22.702 38.488 36.584 56.59 13.88 18.124 28.388 34.516 43.344 49.58l305.766 305.112c8.466 7.558 18.11 11.444 28.204 11.444 10.726 0 19.914-3.884 27.308-11.444l305.934-304.226c14.78-14.772 29.382-31.368 43.166-49.378 14.058-18.212 26.314-37.222 37.042-57.23 10.9-19.924 19.192-40.638 25.406-62 6.218-21.188 9.198-42.61 9.198-64.618 0-37.312-5.592-71.268-16.582-101.812-11.262-30.366-27.216-56.234-48.396-77.328-20.906-21.070-46.492-37.316-76.682-48.938-30.106-11.712-63.988-17.392-101.476-17.392v0z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M948.12 483.624l-407.814-407.754c-7.812-7.808-18.046-11.712-28.282-11.712-10.238 0-20.472 3.904-28.282 11.712l-407.92 407.86c-15.624 15.622-15.624 40.948-0.006 56.57s40.944 15.622 56.568 0.004l19.616-19.612v366.708c0 22.090 17.91 40 40 40h190.696c0.416 0.014 0.82 0.062 1.238 0.062 11.054 0 21.060-4.484 28.3-11.734 7.266-7.244 11.766-17.262 11.766-28.332 0-0.418-0.050-0.822-0.062-1.238v-263.204h176.060v263.934c0 22.090 17.91 40 40 40l191.876 0.124c2.292 0 4.524-0.236 6.708-0.608 0.45-0.074 0.91-0.116 1.356-0.206 0.21-0.044 0.414-0.116 0.628-0.162 17.906-3.972 31.308-19.924 31.308-39.026v-366.492l19.682 19.68c15.622 15.62 40.948 15.616 56.568-0.006s15.618-40.948-0.004-56.568zM791.876 448.272v398.71l-111.874-0.074v-263.876c0-0.020-0.002-0.042-0.002-0.062 0-0.006 0-0.014 0-0.022 0-22.090-17.91-40-40-40h-254.002c-0.556 0-1.1 0.060-1.65 0.084-0.14-0.002-0.274-0.022-0.414-0.022-22.090 0-40 17.91-40 40v264.382h-111.934v-399.392c0-2.286-0.234-4.512-0.604-6.694l280.626-280.584 280.514 280.472c-0.412 2.302-0.66 4.658-0.66 7.078z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M511.926 801.946c-22.090 0-40-17.906-40-40v0c0-22.090 17.91-40 40-40v0c22.090 0 40.004 17.91 40.004 40v0c0 22.094-17.914 40-40.004 40v0zM831.682 915.242c0.192 1.582 0.318 3.186 0.318 4.82 0 22.090-17.908 40-40 40h-560c-22.092 0-40-17.914-40-40 0-2.438 0.252-4.812 0.67-7.128 2.36-53.636 18.034-105.7 45.852-151.554 0.734-1.476 1.562-2.912 2.492-4.296l5.582-8.364c0.054-0.080 0.11-0.158 0.164-0.238 0.042-0.068 0.098-0.156 0.144-0.222l157.704-236.036-158.5-237.228c-0.116-0.17-0.23-0.342-0.34-0.516-32.842-49.178-51.11-105.994-53.368-165.044-0.238-1.762-0.402-3.546-0.402-5.374 0-22.090 17.908-40 40-40h560c22.092 0 40 17.914 40 40 0 2.056-0.204 4.064-0.504 6.038-2.194 54.020-17.886 106.48-45.894 152.648-0.734 1.472-1.562 2.91-2.492 4.294l-5.582 8.366c-0.054 0.078-0.11 0.156-0.164 0.236-0.042 0.068-0.098 0.154-0.144 0.222l-157.734 236.082 158.468 237.182c0.116 0.168 0.23 0.344 0.34 0.516 32.946 49.33 51.226 106.346 53.39 165.596zM749.958 144.060h-475.99c6.138 31.304 18.384 61.124 36.354 87.916 0.118 0.17 0.23 0.344 0.342 0.514l0.024 0.038c0.036 0.054 0.15 0.23 0.186 0.284l54.286 81.25h293.596l58.196-87.1c0.366-0.67 0.75-1.334 1.154-1.99 15.492-24.916 26.228-52.324 31.852-80.912zM497.528 512.178l-0.032 0.046 14.426 21.592 93.378-139.756h-186.692l78.92 118.118zM305.96 799.156c-15.498 24.91-26.234 52.318-31.856 80.906h476.052c-6.138-31.304-18.384-61.122-36.354-87.918-0.118-0.168-0.23-0.344-0.342-0.512l-0.024-0.040c-0.036-0.050-0.15-0.23-0.186-0.282l-140.242-209.902-28.98 43.374c-7.166 10.72-19.21 17.162-32.11 17.162-12.896 0-24.942-6.442-32.11-17.166l-28.76-43.044-143.938 215.428c-0.36 0.674-0.744 1.338-1.15 1.994z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M828.782 195.216c-174.954-174.958-458.614-174.958-633.566 0-174.958 174.954-174.958 458.612 0 633.568 174.954 174.954 458.614 174.954 633.566 0 174.956-174.952 174.956-458.614 0-633.568zM772.214 772.214c-69.508 69.506-161.918 107.784-260.214 107.784-98.3 0-190.71-38.278-260.218-107.784-69.504-69.506-107.782-161.92-107.786-260.214 0.004-98.296 38.282-190.708 107.786-260.214 69.508-69.506 161.922-107.786 260.218-107.788 98.292 0.002 190.708 38.282 260.214 107.79 69.504 69.504 107.782 161.916 107.786 260.212-0.004 98.294-38.282 190.708-107.786 260.214zM512.996 361.124c-22.090 0-40-17.906-40-40v0c0-22.088 17.91-40 40-40v0c22.090 0 40.004 17.912 40.004 40v0c0 22.092-17.914 40-40.004 40v0zM512.998 743.094c-22.090 0-40-17.906-40-40v-240.002c0-22.090 17.91-40 40-40v0c22.090 0 40.004 17.91 40.004 40v240.002c0 22.094-17.914 40-40.004 40v0z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M768.032 320.032c0 35.346-28.654 64-64 64s-64-28.654-64-64 28.654-64 64-64 64 28.654 64 64zM960.032 353.092c0 159.062-128.946 288.010-288.008 288.010-35.306 0-69.124-6.368-100.38-17.996l-27.736 27.738-0.002 54.464c0 0.016 0.002 0.028 0.002 0.040 0 11.046-4.478 21.046-11.716 28.29-6.334 6.332-14.784 10.55-24.196 11.508-1.346 0.136-2.708 0.208-4.090 0.208h-71.748l-0.002 71.96c0 0.012 0.002 0.040 0.002 0.040 0 11.046-4.478 21.046-11.716 28.286-6.334 6.336-14.784 10.554-24.196 11.508-1.346 0.136-2.708 0.208-4.090 0.208h-71.996l-0.002 62.684c0 22.094-17.908 40-40 40-0.022 0-0.042 0-0.062 0-0.022 0-0.042 0-0.064 0h-175.996c-13.76 0-25.888-6.95-33.086-17.524-4.362-6.406-6.916-14.14-6.916-22.476v-112c0-0.664 0.066-1.308 0.1-1.964 0.032-0.618 0.034-1.234 0.092-1.852 0.11-1.148 0.288-2.278 0.492-3.398 0.024-0.128 0.034-0.258 0.058-0.386 1.614-8.378 5.848-15.808 11.808-21.446l325.456-325.458c-11.642-31.274-18.020-65.11-18.020-100.44 0-159.060 128.946-288.006 288.006-288.006 159.060-0.004 288.006 128.942 288.006 288.002zM880.032 353.092c0-114.696-93.312-208.006-208.008-208.006s-208.006 93.31-208.006 208.006c0 43.208 13.246 83.376 35.884 116.668l-57.36 57.362c-0.136-0.184-0.27-0.368-0.408-0.546l-298.102 298.106-0.002 55.356h96.124v-62.684c0-0.708 0.070-1.394 0.106-2.094 0.036-0.664 0.036-1.336 0.102-1.992 0.132-1.316 0.334-2.61 0.592-3.882 0.006-0.028 0.008-0.058 0.014-0.090 0.258-1.262 0.58-2.5 0.956-3.714 0.012-0.040 0.018-0.078 0.030-0.118 4.676-15.032 17.976-26.262 34.114-27.902 1.344-0.136 2.708-0.208 4.090-0.208h71.998v-67.64c-0.156-1.434-0.248-2.882-0.248-4.36 0-22.094 17.908-40 40-40h71.998v-30.692c0-0.148 0.020-0.29 0.022-0.438 0.008-10.226 3.912-20.45 11.714-28.254l55.99-55.988c1.982-1.984 4.124-3.71 6.38-5.188l18.68-18.684c33.030 22.090 72.702 34.992 115.332 34.992 114.694-0 208.008-93.314 208.008-208.010z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M320.022 1022.644c-7.408 0-14.852-2.052-21.44-6.238-15.292-9.714-22.144-28.494-16.706-45.774l115.186-365.908-214.552-52.57c-14.714-3.606-26.128-15.214-29.486-29.988-3.356-14.772 1.92-30.174 13.632-39.786l576-472.662c14.458-11.864 35.208-12.126 49.962-0.626 14.752 11.496 19.568 31.682 11.594 48.602l-171.202 363.256 208.648 51.756c14.29 3.544 25.476 14.652 29.124 28.914s-0.834 29.376-11.668 39.344l-512 471.112c-7.586 6.984-17.308 10.568-27.092 10.568zM279.236 493.49l178.314 43.69c10.74 2.632 19.912 9.59 25.336 19.226s6.62 21.086 3.298 31.636l-83.030 263.76 347.066-319.352-183.82-45.596c-11.63-2.884-21.356-10.832-26.498-21.656-5.144-10.822-5.164-23.382-0.054-34.22l116.31-246.788-376.922 309.3z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M743.52 529.234c5.616-5.616 83.048-83.046 88.462-88.46 30.944-32.778 47.97-75.636 47.97-120.792 0-47.048-18.304-91.26-51.542-124.484-33.228-33.22-77.43-51.516-124.458-51.516-45.024 0-87.792 16.94-120.536 47.72l-104.458 104.456c-30.792 32.738-47.734 75.512-47.734 120.548 0 41.916 14.576 81.544 41.248 113.196 3.264 3.876 6.666 7.664 10.292 11.29 4.258 4.258 8.704 8.262 13.304 12.022 0.054 0.080 0.096 0.152 0.148 0.232 9.572 7.308 15.778 18.804 15.778 31.776 0 22.094-17.914 40-40.004 40-8.542 0-16.442-2.696-22.938-7.26-2.746-1.93-20.622-17.43-30.35-28.050-0.008-0.010-0.018-0.018-0.026-0.028-4.992-5.432-13.234-15.23-18.552-22.65s-16.556-25.872-17.036-26.736c-0.7-1.262-2.974-5.526-3.422-6.39-0.69-1.334-6.118-12.67-6.114-12.67-14.342-31.96-22.332-67.4-22.332-104.728 0-60.826 21.198-116.648 56.58-160.544 0.252-0.314 4.61-5.594 6.594-7.866 0.304-0.35 5.038-5.636 7.16-7.874 0.252-0.268 105.86-105.874 106.128-106.126 45.902-43.584 107.958-70.314 176.264-70.314 141.382 0 255.998 114.5 255.998 256 0 68.516-26.882 130.688-70.652 176.61-0.144 0.148-109.854 109.546-112.090 111.528-0.958 0.848-5.072 4.352-5.072 4.352-6.448 5.434-13.132 10.592-20.1 15.378 0.412-6.836 0.644-13.702 0.644-20.6 0-26.46-3.108-52.206-8.918-76.918l-0.236-1.102zM616.144 767.82c35.382-43.896 56.58-99.718 56.58-160.544 0-37.328-7.99-72.768-22.332-104.728 0.004 0 0.006-0.002 0.010-0.004-0.258-0.576-0.538-1.14-0.8-1.714-0.686-1.498-2.894-6.112-3.296-6.93-0.668-1.344-2.952-5.732-3.386-6.604-3.48-6.982-8.708-15.126-9.49-16.366-0.498-0.792-0.996-1.58-1.502-2.364-0.834-1.29-15.364-22.066-26.656-34.466-0.008-0.010-0.018-0.018-0.026-0.028-7.056-8.448-24.932-24.198-30.35-28.050-6.47-4.602-14.396-7.26-22.938-7.26-22.090 0-40.004 17.906-40.004 40 0 12.97 6.206 24.466 15.778 31.776 0.052 0.080 0.094 0.152 0.148 0.232 4.602 3.76 20.334 19.434 23.598 23.31 26.672 31.65 41.248 71.28 41.248 113.196 0 45.038-16.944 87.81-47.734 120.548l-104.458 104.456c-32.742 30.782-75.512 47.72-120.536 47.72-47.028 0-91.228-18.294-124.458-51.516-33.236-33.224-51.542-77.436-51.542-124.484 0-45.154 17.028-88.014 47.97-120.792 5.414-5.414 40.812-40.812 68.958-68.958 7.176-7.176 13.888-13.886 19.504-19.502v-0.002c-0.356-1.562-0.246-1.096-0.246-1.096-5.81-24.712-8.918-50.458-8.918-76.918 0-6.898 0.232-13.764 0.644-20.6-6.966 4.788-20.1 15.33-20.1 15.33-0.734 0.62-9.518 8.388-11.68 10.45-0.16 0.154-105.338 105.33-105.482 105.478-43.77 45.922-70.652 108.094-70.652 176.61 0 141.5 114.616 256 255.998 256 68.306 0 130.362-26.73 176.264-70.314 0.27-0.254 105.876-105.86 106.128-106.126 0.004-0.002 13.506-15.426 13.758-15.74z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M961 233c0 22.090-17.908 40-40 40h-607.996c-22.090 0-40-17.908-40-40v0c0-22.090 17.908-40.002 40-40.002h607.996c22.092 0 40 17.912 40 40.002v0zM961 793c0-22.090-17.908-40.002-40-40.002h-607.996c-22.092 0-40 17.912-40 40.002v0c0 22.092 17.91 40 40 40h607.996c22.092 0 40-17.91 40-40v0zM961 606.332c0-22.090-17.908-40-40-40h-607.996c-22.092 0-40 17.91-40 40v0c0 22.094 17.91 40 40 40h607.996c22.092 0 40-17.91 40-40v0zM961 419.668c0-22.090-17.908-40.004-40-40.004h-607.996c-22.092 0-40 17.914-40 40.004v0c0 22.090 17.91 40 40 40h607.996c22.092-0 40-17.91 40-40v0zM129 168.998c-35.346 0-64 28.654-64 64s28.654 64 64 64 64-28.654 64-64-28.654-64-64-64zM129 728.998c-35.346 0-64 28.654-64 64s28.654 64 64 64 64-28.654 64-64-28.654-64-64-64zM129 542.332c-35.346 0-64 28.652-64 64 0 35.344 28.654 64 64 64s64-28.656 64-64c0-35.348-28.654-64-64-64zM129 355.664c-35.346 0-64 28.656-64 64 0 35.348 28.654 64 64 64s64-28.652 64-64c0-35.344-28.654-64-64-64z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M960.002 512l-0.002-0.026c-0.006-114.646-43.746-229.288-131.216-316.758-174.954-174.958-458.614-174.958-633.566 0-174.958 174.954-174.958 458.612 0 633.568 87.45 87.45 202.056 131.186 316.674 131.214 0.022 0 0.042 0.002 0.064 0.002 0.014 0 0.026-0.002 0.042-0.002 114.654 0 229.308-43.738 316.788-131.214 87.472-87.47 131.21-202.114 131.216-316.76l0-0.024zM772.216 772.214c-60 59.998-137.072 96.702-220.258 105.626v-133.84c0-22.090-17.914-40-40.004-40s-40 17.91-40 40v133.83c-83.154-8.942-160.194-45.64-220.172-105.618-59.986-59.988-96.686-137.042-105.624-220.21h133.84c22.090 0 40-17.914 40-40.004s-17.91-40-40-40h-133.84c8.936-83.17 45.636-160.226 105.624-220.214 59.978-59.976 137.020-96.676 220.172-105.622v133.836c0 22.094 17.91 40 40 40s40.004-17.906 40.004-40v-133.844c83.184 8.926 160.258 45.63 220.258 105.63 59.986 59.986 96.688 137.042 105.624 220.212h-133.838c-22.094 0-40 17.91-40 40s17.906 40.004 40 40.004h133.838c-8.938 83.172-45.636 160.226-105.624 220.214z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M896.032 915.53v-467.498c0-19.102-13.402-35.052-31.31-39.026-0.21-0.046-0.414-0.12-0.628-0.162-0.444-0.090-0.904-0.13-1.354-0.208-2.186-0.37-4.416-0.606-6.708-0.606h-55.902l0.002-55.85h0.020c0-159.14-129.010-288.15-288.15-288.15-159.128 0-288.13 128.992-288.15 288.118v55.884h-54.852c-20.71 0-37.746 15.742-39.792 35.91-0.136 1.344-0.208 2.708-0.208 4.090v463.332c-0.618 2.792-0.968 5.688-0.968 8.668 0 22.094 17.91 40 40 40h688.27c22.092 0 40-17.91 40-40-0.002-1.524-0.104-3.024-0.27-4.502zM209 488.032h607.032v392h-607.032v-392zM303.85 352.182c0-114.776 93.376-208.15 208.15-208.15 114.59 0 207.842 93.074 208.142 207.596 0 0.084-0.012 0.164-0.012 0.248v56.156h-416.284l0.004-55.85zM552.164 691.858l-0.002 58.188c0.004 22.088-17.906 39.996-39.996 39.998-22.094 0.002-40.004-17.906-40-40v-57.974c-14.704-11.726-24.134-29.782-24.134-50.048 0-35.346 28.654-64 64-64s64 28.654 64 64c0 20.142-9.318 38.104-23.868 49.836z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M0 0v1024h1024v-1024h-1024zM850.708 242.614l-54.918 52.655c-3.858 2.965-6.321 7.581-6.321 12.772 0 0.933 0.080 1.847 0.232 2.736l-0.014-0.095v386.883c-0.139 0.794-0.219 1.708-0.219 2.641 0 5.191 2.462 9.807 6.283 12.744l0.038 0.028 53.637 52.655v11.558h-269.774v-11.558l55.559-53.936c5.461-5.456 5.461-7.068 5.461-15.413v-312.719l-154.477 392.344h-20.874l-179.851-392.344v262.947c-0.209 1.465-0.329 3.156-0.329 4.875 0 9.848 3.924 18.78 10.293 25.317l-0.008-0.008 72.258 87.649v11.558h-204.895v-11.558l72.263-87.649c6.070-6.284 9.81-14.852 9.81-24.293 0-2.081-0.182-4.12-0.53-6.101l0.031 0.21v-304.044c0.086-0.804 0.135-1.737 0.135-2.682 0-7.844-3.389-14.896-8.782-19.773l-0.023-0.021-64.234-77.378v-11.558h199.438l154.157 338.083 135.53-338.083h190.123v11.558z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M320.032 416.032v-152.968c0-22.094 17.91-40 40-40 22.094 0 40 17.91 40 40.004v152.964c0 22.090-17.906 40-40 40s-40-17.908-40-40zM512 456.032c22.094 0 40-17.91 40-40v-152.964c0-22.094-17.906-40.004-40-40.004-22.090 0-40 17.906-40 40v152.968c0 22.092 17.908 40 40 40zM664.032 456.032c22.094 0 40-17.91 40-40v-82.996c0-22.094-17.906-40.004-40-40.004-22.090 0-40 17.906-40 40v83c0 22.092 17.906 40 40 40zM864.018 316.616v603.418c0 0.004 0 0.004 0 0.004 0 6.798-1.71 13.198-4.704 18.808-0.044 0.084-0.078 0.172-0.124 0.254-0.524 0.976-1.112 1.914-1.722 2.836-0.098 0.15-0.18 0.312-0.282 0.46-7.188 10.638-19.36 17.634-33.168 17.634h-623.99c-22.090 0-40-17.908-40-40v-343.574c-0.002-0.142-0.022-0.282-0.022-0.426 0-0.142 0.020-0.282 0.022-0.426v-471.574c0-20.34 15.192-37.092 34.838-39.63 1.694-0.216 3.408-0.37 5.162-0.37l411.254 0.052c10.594-0.286 21.282 3.58 29.368 11.668l211.672 212.206c7.906 7.908 11.792 18.298 11.696 28.66zM240.026 144.034v391.998h543.99v-203.27l-188.252-188.728h-355.738zM784.016 880.032v-264h-543.99v264h543.99z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M960 232c0 22.092-17.908 40-40.002 40h-815.996c-22.092 0-40-17.908-40-40v0c0-22.090 17.908-40 40-40h815.998c22.092 0 40 17.91 40 40v0zM768 416c0 22.090-17.908 40-40 40h-624c-22.090 0-40-17.908-40-40v0c0-22.090 17.908-40.002 40-40.002h624c22.092 0.002 40 17.914 40 40.002v0zM832 608c0 22.092-17.906 40.002-40 40.002h-688c-22.090 0-40-17.91-40-40.002v0c0-22.090 17.908-40 40-40h688c22.094 0 40 17.912 40 40v0zM576 792c0 22.094-17.91 40-40.002 40h-431.998c-22.090 0-40-17.906-40-40v0c0-22.094 17.908-40.002 40-40.002h432c22.094 0.002 40 17.912 40 40.002v0z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M776.306 456.032c-51.602 0-95.696 32.744-112.612 78.542-69.674-6.072-141.482-31.012-197.386-69.306-46.266-31.69-100.392-85.728-111.792-168.92 45.4-17.12 77.79-60.998 77.79-112.314 0-66.168-53.832-120-120-120s-120 53.832-120 120c0 52.146 33.444 96.608 80 113.12v429.762c-46.556 16.512-80 60.974-80 113.12 0 66.168 53.832 120 120 120s120-53.832 120-120c0-52.146-33.444-96.608-80-113.12V471.444c19.622 21.888 42.618 41.898 68.792 59.828 68.422 46.868 156.64 77.042 241.646 83.462 16.14 47.23 60.932 81.3 113.56 81.3 66.168 0 120-53.832 120-120s-53.83-120.002-119.998-120.002zm-464-312c22.056 0 40 17.944 40 40s-17.944 40-40 40-40-17.944-40-40 17.942-40 40-40zm0 736c-22.056 0-40-17.944-40-40s17.944-40 40-40 40 17.944 40 40-17.944 40-40 40zm464-264c-22.056 0-40-17.944-40-40s17.944-40 40-40 40 17.944 40 40-17.944 40-40 40z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M857 127.778h-688c-22.092 0-40 17.91-40 40v688c0 22.090 17.908 40 40 40h688c22.094 0 40-17.91 40-40v-688c0-22.092-17.906-40-40-40zM817 815.778h-608v-1.086l606.914-606.914h1.086v608z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M648 64h-272c-66.274 0-120 53.726-120 120v656c0 66.274 53.726 120 120 120h272c66.274 0 120-53.726 120-120v-656c0-66.274-53.726-120-120-120zM376 144h272c22.056 0 40 17.944 40 40v495.968h-352v-495.968c0-22.056 17.946-40 40-40zM648 880h-272c-22.054 0-40-17.944-40-40v-80.032h352v80.032c0 22.056-17.944 40-40 40zM544.034 819.962c0 17.676-14.33 32.002-32.004 32.002-17.67 0-32-14.326-32-32.002 0-17.672 14.33-31.998 32-31.998 17.674-0 32.004 14.326 32.004 31.998z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M512.034 144.030l318.696 184v368l-318.696 184-318.702-184v-368l318.702-184zM512.034 64.030c-13.812 0-27.624 3.574-40 10.718l-318.702 184c-24.752 14.29-40 40.7-40 69.282v368c0 28.582 15.248 54.994 40 69.28l318.702 184c12.376 7.146 26.19 10.72 40 10.72 13.814 0 27.624-3.572 40-10.72l318.696-184c24.752-14.288 40-40.698 40-69.28v-368c0-28.582-15.248-54.992-40-69.282l-318.696-184c-12.376-7.144-26.188-10.718-40-10.718v0zM511.63 314.25c-109.014 0-197.386 88.372-197.386 197.384 0 109.010 88.374 197.382 197.386 197.382v0.134c0.746 0 1.492 0.012 2.24 0.004 14.806-0.162 29.214-1.942 43.056-5.182 1.022-0.24 1.932-0.496 2.794-0.762 17.328-4.988 29.94-21.012 29.738-39.916-0.242-22.71-18.846-40.926-41.556-40.684-2.996 0.032-5.902 0.402-8.708 1.040-0.090 0.016-0.178 0-0.266 0.022-8.18 1.99-16.708 3.094-25.474 3.222-0.584-0.072-1.188-0.124-1.826-0.124-63.486 0-115.142-51.65-115.142-115.138 0-63.49 51.656-115.142 115.142-115.142 63.488 0 115.14 51.652 115.14 115.142 0 8.924-1.028 17.616-2.964 25.96-0.020 0.088-0.008 0.178-0.020 0.266-0.61 2.814-0.948 5.724-0.948 8.72 0 22.712 18.408 41.122 41.122 41.122 18.906 0 34.792-12.776 39.596-30.158 0.262-0.866 0.508-1.78 0.736-2.804 3.092-13.876 4.724-28.3 4.724-43.106 0-109.010-88.372-197.382-197.384-197.382z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M960.062 616v304c0 1.382-0.070 2.746-0.208 4.090-2.046 20.172-19.080 35.91-39.792 35.91h-816c-22.090 0-40-17.906-40-40v-304c0-22.090 17.91-40 40-40s40 17.91 40 40v264h736v-264c0-22.090 17.91-40 40-40s40 17.912 40 40zM664.732 200.168l-124.41-124.41c-0.014-0.014-0.024-0.028-0.038-0.042-3.57-3.57-7.664-6.284-12.018-8.222-5.316-2.368-11.028-3.54-16.742-3.47-0.14-0.002-0.276-0.020-0.414-0.020-13.552 0-25.512 6.756-32.748 17.072l-119.1 119.092c-15.622 15.62-15.618 40.948 0.002 56.57 15.622 15.62 40.95 15.62 56.568 0l55.276-55.276v462.54c0 22.094 17.912 40 40.002 40 22.092 0 40-17.91 40-40v-464.314l57.052 57.052c15.622 15.624 40.948 15.62 56.568 0 15.628-15.624 15.628-40.952 0.002-56.572z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M946.58 293.66c12.704-12.708 15.072-31.836 7.108-46.938-1.838-3.524-4.23-6.83-7.19-9.79-0.282-0.282-0.588-0.52-0.876-0.792l-129.338-128.654c-0.046-0.046-0.084-0.098-0.13-0.144-7.814-7.812-18.056-11.718-28.296-11.714-10.24 0-20.48 3.906-28.292 11.714-0.064 0.066-0.12 0.138-0.184 0.206l-557.048 557.048c-2.194 2.192-4.042 4.59-5.622 7.11-70.624 87.486-17.922 195.43-174.738 239.554 0 0 64.758 18.11 144.33 18.11 74.374 0 161.678-15.824 221.23-77.020 0.394-0.364 0.808-0.696 1.192-1.078l1.734-1.734c0.852-0.798 1.678-1.578 2.504-2.426 0.348-0.356 0.668-0.728 1.010-1.086l168.756-168.756c1.126-0.906 2.224-1.872 3.272-2.918 1.044-1.044 2.008-2.14 2.914-3.266l375.212-375.212c0.834-0.706 1.664-1.424 2.452-2.214zM537.462 589.402l-73.594-73.206 324.068-324.064 73.594 73.2-324.068 324.070zM388.178 667.684c-13.288-13.632-28.584-23.974-44.78-31.016l63.902-63.902 73.596 73.204-64.246 64.248c-6.498-15.23-15.964-29.698-28.472-42.534zM229.848 791.928c8.294-30.346 14.852-54.332 32.416-73.862 0.83-0.864 2.664-2.702 4.26-4.286 8.030-6.792 17.534-8.246 24.198-8.246 14.386 0 29.026 6.554 40.162 17.98 19.592 20.106 21.934 49.238 5.596 66.874l-1.712 1.712c-0.798 0.752-1.612 1.524-2.462 2.354l-0.86 0.84-0.834 0.864c-30.666 31.79-75.914 45.424-118.104 50.542 7.53-18.888 12.598-37.426 17.34-54.772z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M824.25 369.354c68.146-70.452 67.478-182.784-2.094-252.354-70.296-70.296-184.266-70.296-254.558 0-0.014 0.012-0.028 0.026-0.042 0.042-0.004 0.002-0.006 0.004-0.010 0.008l-433.144 433.142c-0.036 0.036-0.074 0.068-0.11 0.106-0.054 0.052-0.106 0.11-0.16 0.162l-2.668 2.67c-0.286 0.286-0.528 0.596-0.8 0.888-43.028 44.88-66.664 103.616-66.664 165.986 0 64.106 24.962 124.376 70.292 169.704 45.328 45.33 105.598 70.292 169.706 70.292 50.612 0 98.822-15.57 139.186-44.428 4.932-1.952 9.556-4.906 13.544-8.894l16.802-16.802c0.056-0.056 0.116-0.112 0.172-0.168 0.038-0.038 0.074-0.076 0.112-0.116l289.010-289.014c15.622-15.618 15.62-40.942 0-56.56s-40.948-15.62-56.566 0l-289.124 289.122c-62.482 62.484-163.792 62.484-226.274 0-62.484-62.482-62.484-163.79 0-226.272h-0.002l433.134-433.12c0.058-0.060 0.112-0.122 0.172-0.18 38.99-38.99 102.43-38.99 141.42 0 38.992 38.99 38.99 102.432 0 141.422-0.058 0.060-0.122 0.114-0.18 0.17l0.006 0.006-280.536 280.534c-0.002-0.002-0.002-0.004-0.004-0.006l-79.978 79.98c-0.010 0.010-0.016 0.020-0.028 0.028-0.008 0.012-0.018 0.018-0.028 0.028l-0.064 0.062c-15.622 15.624-40.944 15.624-56.562 0-15.624-15.62-15.624-40.944-0.002-56.566l0.062-0.062c0.010-0.010 0.018-0.020 0.028-0.028 0.008-0.012 0.020-0.018 0.028-0.028l79.98-79.978c-0.002-0.002-0.004-0.002-0.006-0.004l136.508-136.512c15.622-15.62 15.62-40.944-0.002-56.562-15.618-15.62-40.946-15.62-56.564 0l-219.342 219.344c-1.284 1.284-2.42 2.652-3.494 4.052-40.4 47.148-38.316 118.184 6.322 162.824 44.64 44.638 115.674 46.722 162.82 6.324 1.402-1.072 2.772-2.21 4.054-3.494l2.83-2.832c0.002 0 0.002 0 0.002 0s0 0 0 0l360.54-360.54c0.058-0.056 0.12-0.114 0.18-0.172 0.050-0.050 0.098-0.106 0.15-0.158l0.994-0.994c0.34-0.338 0.63-0.702 0.952-1.052z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M728.032 96.032h-116.98c-0.026 0-0.050-0.004-0.076-0.004s-0.050 0.004-0.076 0.004h-199.848c-0.026 0-0.050-0.004-0.076-0.004s-0.050 0.004-0.076 0.004h-31.924c-123.712 0-224 100.292-224 224 0 121.032 95.994 219.628 216 223.842v344.158c0 22.092 17.91 40 40 40 22.086 0 40-17.908 40-40v-712h120v712c0 22.092 17.91 40 40 40 22.086 0 40-17.908 40-40v-712h77.056c22.094 0 40-17.91 40-40 0-22.092-17.91-40-40-40z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M742.52 960c-76.266 0-163.184-32.364-258.338-96.194-73.798-49.504-136.41-106.904-175.938-146.34-43.282-43.222-105.612-111.376-156.842-190.682-66.576-103.062-95.348-196.038-85.518-276.344 8.952-73.326 50.674-134.292 120.664-176.304 10.95-6.63 23.76-10.134 37.054-10.134 32.752 0 71.124 23.354 120.764 73.494 36.434 36.802 70.108 79.22 89.472 106.644 46.698 66.176 60.686 107.352 48.286 142.136-12.638 35.538-35.534 55.704-52.25 70.428-5.662 5.006-9.95 8.854-13.070 12.262 4.040 7.542 11.744 19.868 26.054 37.476 42.388 52.076 90.548 89.024 111.972 100.874 3.308-2.96 7.11-7.168 12.352-13.152 14.87-16.81 35.062-39.636 70.482-52.28 7.978-2.842 16.498-4.276 25.35-4.276 44.172 0 108.804 44.078 155.246 81.056 45.834 36.494 103.292 90.498 127.104 132.612 22.602 39.596 14.982 68.64 4.596 86.006-48.138 80.296-119.862 122.718-207.44 122.718zM224.758 144.53c-47.558 29.426-73.566 67.28-79.468 115.618-7.494 61.224 17.17 136.326 73.308 223.226 49.902 77.252 112.994 144.35 146.16 177.472 30.296 30.222 91.906 88.17 163.988 136.524 81.738 54.83 153.662 82.63 213.772 82.63 58.618 0 103.506-26.526 137.138-81.076-0.47-1.536-1.532-4.062-3.854-8.132-14.584-25.794-57.006-69.202-105.642-108.156-58.776-47.074-96.708-63.894-106.756-64.982-15.348 5.826-25.020 16.758-36.178 29.372-12.542 14.318-28.31 32.316-55.476 41.528l-6.25 2.12h-6.598c-8.704 0-31.826 0-86.73-43.378-32.196-25.438-64.65-57.534-91.38-90.374-35.712-43.942-51.41-77.764-46.674-100.548l0.55-2.642 0.9-2.546c9.19-26 26.284-41.118 41.364-54.458 12.726-11.208 23.698-20.874 29.494-36.378-0.606-4.398-5.076-23.488-37.948-70.072-15.882-22.494-45.746-60.376-77.614-93.084-39.93-40.986-60.106-50.546-66.106-52.664z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M920 64h-816c-22.092 0-40 17.91-40 40v816c0 22.094 17.908 40 40 40h816c22.092 0 40-17.906 40-40v-816c0-22.090-17.908-40-40-40zM880 144v449.782l-235.39-235.392c-7.502-7.5-17.676-11.714-28.286-11.714s-20.784 4.214-28.286 11.716l-169.804 169.804-40.958-40.958c-15.622-15.622-40.95-15.622-56.57 0l-176.708 176.708v-519.946h736.002zM144 880v-102.914l204.992-204.994 215.972 215.974c7.81 7.81 18.048 11.714 28.286 11.714s20.474-3.904 28.286-11.714c15.62-15.622 15.62-40.95 0-56.57l-146.732-146.73 141.522-141.524 263.676 263.68v173.078h-736.002zM356.174 400.542c52.466 0 95-42.536 95-95s-42.534-95-95-95-95 42.536-95 95 42.534 95 95 95zM356.174 250.542c30.326 0 55 24.672 55 55s-24.674 55-55 55-55-24.672-55-55 24.674-55 55-55z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M512 959.916c-13.36 0-25.84-6.672-33.262-17.782l-242.080-362.324c-0.12-0.176-0.236-0.356-0.354-0.536-36.394-54.5-55.63-118.042-55.63-183.804 0-182.696 148.632-331.324 331.326-331.324 182.696 0 331.328 148.628 331.328 331.324 0 60.71-16.554 119.98-47.906 171.652-0.758 1.528-1.618 3.016-2.578 4.45l-5.786 8.664c-0.054 0.082-0.112 0.164-0.168 0.246-0.042 0.070-0.104 0.16-0.148 0.23l-241.484 361.426c-7.422 11.106-19.898 17.778-33.258 17.778zM303.458 535.784l0.026 0.040c0.038 0.054 0.158 0.238 0.194 0.292l208.324 311.796 212.374-317.86c0.376-0.696 0.778-1.382 1.198-2.062 24.7-39.708 37.758-85.532 37.758-132.52 0-138.582-112.746-251.324-251.328-251.324s-251.326 112.742-251.326 251.324c0 50.054 14.674 98.39 42.432 139.782 0.114 0.176 0.232 0.356 0.348 0.532zM512 304.4c49.98 0 90.64 40.66 90.64 90.64 0 49.976-40.66 90.636-90.64 90.636s-90.64-40.66-90.64-90.636c0-49.98 40.66-90.64 90.64-90.64zM512 224.4c-94.242 0-170.64 76.398-170.64 170.64s76.398 170.636 170.64 170.636 170.64-76.394 170.64-170.636-76.398-170.64-170.64-170.64v0z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M878.78 477.856l-591.884-341.722c-9.464-5.464-18.426-8.050-26.386-8.048-19.516 0.002-33.002 15.546-33.002 42.338v683.446c0 26.792 13.482 42.338 33.002 42.338 7.96 0 16.924-2.586 26.386-8.048l591.884-341.722c32.664-18.864 32.664-49.724 0-68.582z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M921.002 473h-368.008v-368.004c0.002-22.090-17.906-39.996-39.996-39.996-22.088 0-39.998 17.91-39.998 40v368h-368.002c-22.094 0-40 17.908-39.998 40-0.002 22.090 17.904 39.996 39.996 39.996l368.004-0.002v368.010c0 22.094 17.908 40 40 39.996 22.090 0.004 39.996-17.902 39.996-39.996v-368.010h368.010c22.090 0.002 39.994-17.906 39.994-39.996-0-22.088-17.908-39.998-39.998-39.998z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M472 473.188v-368c-0.004-22.092 17.906-40.002 40-40 22.090 0 40 17.906 40 40l-0.004 368.002c0.004 22.088-17.906 39.996-39.996 39.998-22.094 0.002-40.004-17.906-40-40zM746.804 201.726v0.188c-13.138-9.004-26.808-17.292-40.978-24.768-1.994-1.050-3.492-1.84-4.668-2.458-1.75-0.892-3.518-1.756-5.28-2.624-0.004-0.002-0.008-0.004-0.012-0.006-0.080-0.032-0.158-0.074-0.234-0.108-0.032-0.012-0.056-0.024-0.090-0.042l-0.006 0.008c-4.724-2.022-9.924-3.168-15.386-3.212-22.090-0.178-40.14 17.588-40.32 39.678-0.122 15.112 8.166 28.298 20.47 35.208 31.9 15.71 61.418 36.616 87.492 62.292 2.796 2.754 5.52 5.562 8.208 8.394v-0.146c59.436 62.664 92.062 144.352 92.062 231.056 0 89.748-34.95 174.124-98.412 237.588s-147.84 98.412-237.588 98.412-174.124-34.95-237.588-98.412-98.412-147.84-98.412-237.588c0-81.652 28.962-158.834 81.972-219.886 5.814-6.69 11.902-13.192 18.288-19.474 26.064-25.652 55.564-46.538 87.446-62.238 12.342-6.892 20.66-20.106 20.542-35.238-0.17-22.088-18.218-39.86-40.306-39.69-5.468 0.044-10.664 1.186-15.392 3.208l-0.004-0.008c-0.036 0.016-0.058 0.028-0.088 0.042-0.042 0.018-0.084 0.038-0.126 0.056-1.862 0.918-3.728 1.828-5.574 2.774-0.458 0.238-0.948 0.496-1.512 0.792-1.096 0.566-2.18 1.148-3.27 1.722-15.704 8.294-30.804 17.572-45.232 27.736v-0.124c-106.896 75.288-176.742 199.646-176.742 340.33 0 229.75 186.25 416 416 416s416-186.25 416-416c-0.002-142.654-71.82-268.52-181.26-343.462z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M925.922 304.496c-1.698-0.218-3.41-0.37-5.166-0.37h-88.64v-93.548c0.006-0.21-0.016-0.422-0.014-0.634 0.004-0.212 0.036-0.416 0.036-0.63 0-0.478-0.054-0.942-0.074-1.416-0.024-0.636-0.042-1.27-0.094-1.906-0.066-0.776-0.168-1.54-0.276-2.302-0.074-0.534-0.146-1.066-0.242-1.596-0.15-0.82-0.338-1.624-0.538-2.424-0.12-0.48-0.23-0.958-0.37-1.436-0.234-0.812-0.506-1.608-0.792-2.398-0.164-0.462-0.322-0.924-0.504-1.38-0.318-0.788-0.668-1.552-1.036-2.316-0.208-0.436-0.406-0.88-0.628-1.312-0.424-0.802-0.88-1.574-1.352-2.344-0.218-0.358-0.422-0.724-0.656-1.078-0.636-0.972-1.324-1.91-2.042-2.82-0.098-0.124-0.182-0.252-0.282-0.376-0.988-1.224-2.048-2.388-3.172-3.488l-104.004-104.882c-3.696-3.696-7.948-6.486-12.466-8.432-0.122-0.050-0.224-0.11-0.344-0.16-0.974-0.41-1.966-0.756-2.962-1.084-0.262-0.086-0.512-0.19-0.78-0.272-0.926-0.284-1.87-0.506-2.812-0.722-0.346-0.080-0.684-0.182-1.034-0.252-0.988-0.198-1.988-0.334-2.988-0.456-0.31-0.040-0.618-0.102-0.93-0.134-1.324-0.132-2.652-0.204-3.978-0.204h-455.67c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.29-34.838 39.63v200h-87.356c-1.754 0-3.468 0.152-5.164 0.37-19.644 2.538-34.836 19.29-34.836 39.63v320c0 22.094 17.91 40 40 40h87.368v216c0 22.094 17.91 40 40 40h560.006c13.81 0 25.982-6.996 33.17-17.636 0.102-0.146 0.184-0.306 0.282-0.458 0.612-0.922 1.2-1.86 1.722-2.836 0.046-0.082 0.080-0.17 0.124-0.254 2.994-5.612 4.704-12.008 4.704-18.808 0 0 0 0 0-0.004v-216h88.624c13.808 0 25.982-6.996 33.168-17.636 0.104-0.148 0.186-0.308 0.286-0.458 0.612-0.922 1.198-1.862 1.72-2.836 0.046-0.082 0.082-0.172 0.124-0.256 2.994-5.61 4.702-12.008 4.702-18.806 0 0 0 0 0-0.004v-320c0-20.344-15.186-37.096-34.834-39.636zM272.116 144.128h375.634v65.186c0 1.38 0.070 2.746 0.208 4.090 2.048 20.168 19.080 35.91 39.792 35.91h64.366v54.812h-480v-159.998zM272.124 880.126v-327.998h480.006v327.998zM880.756 384.128v239.998h-48.624v-111.998c0-20.34-15.19-37.092-34.836-39.63-1.694-0.218-565.17-0.372-565.17-0.372-1.754 0-3.468 0.152-5.162 0.372-19.646 2.538-34.838 19.29-34.838 39.628v112h-47.368v-239.998zM664.124 608.126c22.092 0 40 17.908 40 40s-17.908 40-40 40h-304c-22.092 0-40-17.908-40-40s17.908-40 40-40h304zM704.124 784.126c0 22.092-17.908 40-40 40h-304c-22.092 0-40-17.908-40-40s17.908-40 40-40h304c22.092 0 40 17.908 40 40z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M512 144c98.296 0 190.708 38.28 260.214 107.784 69.506 69.508 107.786 161.922 107.786 260.216 0 98.296-38.28 190.708-107.786 260.214-69.506 69.508-161.918 107.786-260.214 107.786-98.294 0-190.708-38.28-260.216-107.786-69.504-69.506-107.784-161.916-107.784-260.214 0-98.294 38.28-190.708 107.784-260.216 69.508-69.504 161.922-107.784 260.216-107.784zM512 64c-247.424 0-448 200.576-448 448s200.576 448 448 448 448-200.576 448-448-200.576-448-448-448v0zM756.396 484.14l-125-125.436c-15.594-15.65-40.92-15.692-56.568-0.1-15.648 15.594-15.694 40.92-0.1 56.568l57.004 57.204h-335.67c-22.092 0-40 17.908-40 40s17.908 40 40 40h335.258l-56.508 56.368c-15.64 15.602-15.672 40.928-0.070 56.568 7.814 7.834 18.066 11.752 28.32 11.75 10.22 0 20.442-3.892 28.25-11.68l125-124.688c15.634-15.594 15.672-40.91 0.084-56.554z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M396.984 530.228c-12.040-5.090-23.676-10.896-34.898-17.38 1.846-42.512 89.218-80.984 112.798-84.736 7.402-1.178 7.568-21.526 7.568-21.526s-21.742-21.524-26.48-50.47c-12.748 0-20.622-30.77-7.874-41.596-0.532-11.398-16.384-89.468 63.878-89.468s64.408 78.070 63.876 89.468c12.75 10.826 4.876 41.596-7.872 41.596-4.738 28.948-26.482 50.47-26.482 50.47s0.168 20.348 7.568 21.526c23.836 3.792 112.846 43.050 112.846 86.102v6.894c-6.426 3.252-12.968 6.3-19.64 9.122-38.826 16.422-80.090 24.746-122.646 24.746-42.552-0.002-83.816-8.326-122.642-24.748zM800 145h-592.004v736h592.004c8.708 0 15.876-7.086 15.972-15.796v-704.246c-0.018-8.8-7.176-15.958-15.972-15.958zM800 65c52.944 0 95.872 42.858 95.992 95.772l0.012 0.014v705.334h-0.036c-0.602 52.502-43.324 94.88-95.968 94.88h-632.004c-22.090 0-40-17.906-40-40v-816c0-20.338 15.192-37.090 34.836-39.628 1.696-0.218 3.41-0.372 5.164-0.372h632.004zM736.282 792.998c0-11.044-8.956-20-20-20h-408.282c-11.044 0-20 8.956-20 20s8.956 20 20 20h408.282c11.044 0 20-8.956 20-20zM736.282 704.998c0-11.044-8.956-20-20-20h-408.282c-11.044 0-20 8.956-20 20s8.956 20 20 20h408.282c11.044 0 20-8.956 20-20zM736.282 616.998c0-11.044-8.956-20-20-20h-408.282c-11.044 0-20 8.956-20 20s8.956 20 20 20h408.282c11.044 0 20-8.956 20-20z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M631 157c104 1 171 52 171 166v397a123 123 0 1 1-82 0V323c0-63-27-83-90-84h-24l22 23a41 41 0 1 1-58 58l-93-93a41 41 0 0 1 1-58l93-93a41 41 0 1 1 58 58l-23 23h25zM222 314a123 123 0 1 1 82 0v406a123 123 0 1 1-82 0V314zm41 564a41 41 0 1 0 0-82 41 41 0 0 0 0 82zm0-639a41 41 0 1 0 0-83 41 41 0 0 0 0 83zm498 639a41 41 0 1 0 0-82 41 41 0 0 0 0 82z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M828.782 195.218c-174.954-174.958-458.614-174.958-633.566 0-174.958 174.954-174.958 458.612 0 633.566 174.954 174.956 458.614 174.956 633.566 0 174.956-174.95 174.956-458.614 0-633.566zM772.214 772.216c-69.508 69.504-161.918 107.782-260.214 107.782-98.3 0-190.71-38.278-260.218-107.782-69.504-69.506-107.782-161.92-107.786-260.216 0.004-98.298 38.282-190.708 107.786-260.216 69.508-69.504 161.922-107.784 260.218-107.784 98.292 0 190.708 38.28 260.214 107.788 69.504 69.504 107.782 161.916 107.786 260.214-0.004 98.294-38.282 190.708-107.786 260.214zM512.996 784.784c-22.090 0-40-17.906-40-40v0c0-22.090 17.91-40 40-40v0c22.090 0 40.004 17.91 40.004 40v0c0 22.094-17.914 40-40.004 40v0zM552.996 572.27v52.898c0.004 22.088-17.906 39.996-39.996 40-22.094 0-40.004-17.908-40-40v-88c-0.004-21.752 17.372-39.416 38.996-39.952v-0.146c53.118 0 96.332-43.212 96.332-96.33 0-53.116-43.214-96.328-96.332-96.328-53.098 0-96.296 43.184-96.324 96.278 0 0.014 0 0.034 0 0.050 0 22.094-17.914 40-40.004 40s-40-17.906-40-40c0-97.382 78.946-176.328 176.328-176.328 97.386 0 176.332 78.946 176.332 176.328 0 83.268-57.722 153.048-135.332 171.53z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M913.852 702.796c-15.594-15.648-40.922-15.694-56.57-0.1l-57.204 57.006v-451.424c0-0.372-0.028-0.736-0.074-1.098-0.458-99.016-80.86-179.15-179.988-179.15-99.412 0-180 80.592-180 180 0 0.084 0.004 0.166 0.004 0.248h-0.004v343.504h-0.006c0 0.082 0.006 0.164 0.006 0.248 0 55.14-44.86 100-100 100s-100-44.86-100-100c0-0.084 0.006-0.166 0.006-0.248h-0.002v-483.752c0-22.092-17.91-40-40-40s-40.004 17.908-40.004 40v483.752c0 0.018 0.002 0.036 0.002 0.054 0 0.064-0.002 0.128-0.002 0.194 0 99.408 80.59 180 180 180 99.412 0 180-80.592 180-180 0-0.084-0.004-0.166-0.004-0.248h0.004v-343.504h0.008c0-0.082-0.008-0.164-0.008-0.248 0-55.138 44.86-100 100-100s100 44.862 100 100c0 0.084-0.008 0.166-0.008 0.248h0.070v451.008l-56.368-56.506c-15.602-15.642-40.93-15.67-56.566-0.070-7.836 7.814-11.754 18.066-11.754 28.32 0 10.218 3.894 20.442 11.68 28.252l124.692 125c15.594 15.632 40.91 15.67 56.554 0.084l125.434-125c15.652-15.598 15.692-40.92 0.102-56.57z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M359.016 943.608c-23.82 5.948-47.642 8.322-71.512 8.322-88.208 0-168.084-36.982-207.444-96.534-52.432-79.882-70.296-249.182 102.538-374.356 3.586 19.078 10.746 45.292 15.492 60.834-22.656 16.652-58.39 50.064-81.046 95.324-32.19 63.184-28.61 126.404 9.54 184.798 26.194 39.304 67.926 63.176 121.564 70.34 65.598 8.332 131.154-3.582 194.332-36.94 92.998-48.898 155.014-107.282 195.49-187.162-10.702-10.75-17.818-26.248-19.074-44.15-1.168-36.942 27.45-67.922 64.388-69.132h2.418c35.73 0 65.55 28.61 66.714 64.384 1.206 35.73-24.986 65.546-59.548 69.132-65.6 134.686-181.254 225.312-333.852 255.14zM902.646 540.622c-90.59-106.072-224.11-164.488-376.708-164.488h-19.072c-10.744-21.444-33.402-35.752-58.388-35.752h-2.418c-36.944 1.186-65.548 32.192-64.392 69.13 1.216 35.774 30.99 64.394 66.81 64.394h2.328c26.242-1.208 48.894-17.892 58.434-40.542h21.45c90.624 0 176.46 26.234 253.968 77.482 59.55 39.36 102.49 90.576 126.356 152.596 20.24 50.052 19.074 98.952-2.42 140.64-33.356 63.228-89.37 97.794-163.292 97.794-47.69 0-92.998-14.33-116.822-25.082-13.118 11.958-36.984 31.028-53.64 42.944 51.226 23.87 103.7 36.94 153.762 36.94 114.446 0 199.070-63.132 231.268-126.362 34.562-69.13 32.188-188.326-57.224-289.694zM297.046 708.706c1.21 35.828 30.984 64.394 66.764 64.394h2.368c36.992-1.168 65.556-32.15 64.39-69.132-1.162-35.732-30.984-64.394-66.758-64.394h-2.376c-2.418 0-5.958 0-8.332 1.208-48.89-81.090-69.132-169.27-62.014-264.648 4.792-71.528 28.616-133.516 70.346-184.766 34.568-44.106 101.326-65.57 146.598-66.758 126.402-2.396 180.044 154.968 183.576 218.144 15.542 3.584 41.734 11.936 59.644 17.892-14.328-193.118-133.526-293.266-247.97-293.266-107.28 0-206.236 77.484-245.552 191.932-54.848 152.596-19.070 299.212 47.644 414.826-5.912 8.374-9.494 21.498-8.328 34.568z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M679.496 431.738c-0.414-0.062-0.834-0.102-1.266-0.102h-477.482l171.506-171.504c15.622-15.622 15.622-40.95-0.002-56.57-15.62-15.624-40.948-15.624-56.568 0l-239.734 239.732c-0.958 0.956-1.868 1.958-2.724 3.006-0.328 0.402-1.884 2.482-2.324 3.138-0.36 0.54-1.696 2.77-2.008 3.352-0.308 0.58-1.424 2.936-1.676 3.544-0.036 0.086-0.468 1.268-0.648 1.774-0.23 0.636-0.474 1.266-0.672 1.918-0.186 0.612-0.818 3.13-0.95 3.788-0.148 0.748-0.522 3.318-0.574 3.862-0.262 2.642-0.262 5.3 0 7.942 0.044 0.448 0.412 3.032 0.58 3.874 0.112 0.556 0.74 3.088 0.958 3.808 0.158 0.524 1.036 2.992 1.328 3.7 0.192 0.458 1.298 2.828 1.688 3.552 0.208 0.386 0.446 0.75 0.666 1.126 0.436 0.752 1.844 2.888 2.084 3.224 0.52 0.724 4.262 5.074 4.29 5.098l239.718 239.72c15.62 15.618 40.948 15.618 56.57 0 15.62-15.624 15.622-40.948 0-56.57l-171.516-171.514h471.296c114.52 0.084 207.688 93.124 207.988 207.594 0 0.084-0.012 0.164-0.012 0.248v95.876c-0.004 22.094 17.906 40.002 40 40 22.090-0.002 40-17.91 39.996-39.998l0.004-95.57h0.020c0-156.594-124.914-284.012-280.536-288.048z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M856.020 159.804c-0.122-52.916-43.048-95.774-95.992-95.774h-591.968c-1.754 0-3.468 0.154-5.164 0.37-19.644 2.54-34.836 19.292-34.836 39.63v784.584c0 22.094 17.91 40 40 40h151.972v63.594c0 10.876 6.548 20.682 16.598 24.844 10.046 4.164 21.612 1.87 29.304-5.818l34.78-34.748 34.78 34.748c5.144 5.14 12.020 7.87 19.014 7.87 3.466 0 6.962-0.672 10.292-2.052 10.048-4.164 16.598-13.968 16.598-24.844v-63.594h278.63c52.642 0 95.368-42.38 95.968-94.882h0.036v-673.916l-0.012-0.012zM776.020 159.988l-0.014 504.628h-519.974v-520.584h503.996c8.796-0 15.972 7.158 15.992 15.956zM760.028 848.616h-278.63v-56h-161.366v56h-111.972v-104h567.944l-0.002 88.204c-0.102 8.71-7.27 15.796-15.974 15.796zM320.032 240.396c0-17.67 14.328-31.998 31.998-31.998s32.002 14.326 32.002 31.998c0 17.674-14.332 32-32.002 32-17.672-0.002-31.998-14.326-31.998-32zM320.032 349.79c0-17.67 14.328-31.998 31.998-31.998s32.002 14.328 32.002 31.998c0 17.676-14.332 32-32.002 32-17.672 0-31.998-14.324-31.998-32zM320.032 459.188c0-17.67 14.328-32 31.998-32s32.002 14.328 32.002 32c0 17.674-14.332 31.998-32.002 31.998-17.672 0-31.998-14.324-31.998-31.998zM384.032 568.582c0 17.674-14.332 31.998-32.002 31.998s-31.998-14.324-31.998-31.998c0-17.67 14.328-32 31.998-32 17.67 0.002 32.002 14.33 32.002 32z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M925.164 193.396c-1.696-0.214-3.41-0.368-5.164-0.368h-816c-1.754 0-3.468 0.152-5.16 0.368-19.648 2.54-34.84 19.292-34.84 39.632v560c0 22.094 17.91 40 40 40h111.886v86.004c0 22.090 17.91 40 40 40 0.292 0 0.582-0.040 0.876-0.046 10.536 0.238 21.144-3.624 29.18-11.67l114.292-114.286h519.766c13.808 0 25.98-6.996 33.168-17.636 0.102-0.144 0.184-0.304 0.282-0.458 0.614-0.922 1.2-1.86 1.722-2.836 0.046-0.082 0.082-0.172 0.124-0.254 2.988-5.618 4.704-12.008 4.704-18.812v0-560c-0-20.346-15.192-37.098-34.836-39.638zM880 753.028h-736v-480h736v480zM756.334 484.17l-125-125.436c-15.594-15.65-40.92-15.692-56.568-0.1-15.648 15.594-15.694 40.92-0.1 56.568l57.004 57.204h-335.67c-22.092 0-40 17.908-40 40s17.908 40 40 40h335.258l-56.508 56.368c-15.64 15.602-15.672 40.928-0.070 56.57 7.814 7.832 18.066 11.752 28.32 11.75 10.22 0 20.442-3.892 28.25-11.68l125-124.688c15.634-15.596 15.672-40.912 0.084-56.556z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M256.094 865.048c0 53.020-42.972 96-96 96-53.020 0-96-42.98-96-96 0-53.016 42.98-96 96-96s96 42.984 96 96zM510.020 918.352c-0.018-0.172-0.042-0.344-0.050-0.52-0.054-0.676-0.124-1.34-0.214-2.004-10.582-105.644-57.866-200.46-128.894-271.536v0c-71.074-71.054-165.906-118.352-271.564-128.934-0.664-0.090-1.33-0.16-2.006-0.214-0.174-0.016-0.348-0.040-0.52-0.054-0.254-0.024-0.5-0.024-0.742-0.008-0.64-0.032-1.278-0.098-1.922-0.098-22.098 0-40 17.908-40 40 0 20.582 15.542 37.516 35.536 39.738 0.042 0.004 0.066 0.036 0.106 0.040 84.82 8.098 163.514 45.024 224.542 106.042v0c61.036 61.036 97.964 139.738 106.070 224.574 0.004 0.040 0.036 0.070 0.042 0.106 2.222 19.988 19.156 35.536 39.736 35.536 22.092 0 40-17.902 40-40 0-0.644-0.066-1.282-0.098-1.922 0-0.246 0-0.492-0.022-0.746zM734.688 918.45c-0.004-0.090-0.018-0.186-0.024-0.276-0.040-0.544-0.058-1.102-0.124-1.638-10.972-167.816-83.558-318.804-195.33-430.616h0.002c-111.812-111.788-262.81-184.384-430.644-195.36-0.542-0.060-1.094-0.084-1.642-0.122-0.092-0.008-0.182-0.016-0.272-0.022-0.020-0.002-0.042 0.004-0.054 0.004-0.836-0.052-1.664-0.124-2.512-0.124-22.092 0-40 17.908-40 40 0 21.036 16.246 38.24 36.874 39.842 0.046 0.008 0.078 0.038 0.128 0.042 66.876 4.086 131.786 19.292 193.406 45.358 70.472 29.81 133.78 72.494 188.166 126.874v0c54.394 54.396 97.090 117.71 126.902 188.204 26.064 61.624 41.274 126.532 45.362 193.408 0.004 0.052 0.036 0.080 0.042 0.13 1.604 20.624 18.802 36.87 39.844 36.87 22.090 0 40-17.904 40-40 0-0.85-0.074-1.678-0.126-2.514-0.002-0.024 0.006-0.040 0.002-0.060zM959.126 920.556c-0.002-0.094 0.008-0.164 0.004-0.262-10.342-231.204-108.314-439.604-261.486-592.796v-0.002c-153.2-153.19-361.61-251.174-592.828-261.518-0.096-0.004-0.168 0.006-0.262 0.004-0.176-0.004-0.348-0.030-0.524-0.030-22.098 0-40 17.91-40 40 0 20.988 16.168 38.164 36.716 39.834 0.184 0.042 0.356 0.086 0.566 0.098 97.040 4.314 191.186 25.538 280.376 63.258 97.14 41.090 184.406 99.928 259.368 174.876v0c74.96 74.964 133.81 162.24 174.908 259.398 37.718 89.19 58.946 183.336 63.26 280.376 0.010 0.208 0.052 0.38 0.096 0.562 1.67 20.552 18.848 36.72 39.834 36.72 22.092 0 40-17.906 40-40-0-0.17-0.024-0.342-0.028-0.518z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M218 670a318 318 0 0 1 0-451 316 316 0 0 1 451 0 318 318 0 0 1 0 451 316 316 0 0 1-451 0m750 240L756 698a402 402 0 1 0-59 60l212 212c16 16 42 16 59 0 16-17 16-43 0-60"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M896.006 920c0 22.090-17.91 40-40 40h-688.006c-22.090 0-40-17.906-40-40v-549.922c-0.838-3.224-1.33-6.588-1.33-10.072 0-22.090 17.908-40.004 40-40.004h178.66c22.092 0.004 40 17.914 40 40.004 0 22.088-17.908 40-40 40h-137.33v479.996h607.998v-479.996h-138.658c-22.090 0-40-17.912-40-40 0-22.090 17.906-40.004 40-40.004h178.658c22.090 0 40 17.91 40 40v559.844c0 0.050 0.008 0.102 0.008 0.154zM665.622 200.168l-124.452-124.45c-8.042-8.042-18.65-11.912-29.186-11.674-1.612-0.034-3.222 0-4.828 0.16-0.558 0.054-1.098 0.16-1.648 0.238-0.742 0.104-1.484 0.192-2.218 0.338-0.656 0.13-1.29 0.31-1.934 0.472-0.622 0.154-1.244 0.292-1.86 0.476-0.64 0.196-1.258 0.436-1.886 0.66-0.602 0.216-1.208 0.414-1.802 0.66-0.598 0.248-1.17 0.54-1.754 0.814-0.598 0.282-1.202 0.546-1.788 0.86-0.578 0.312-1.13 0.664-1.694 1-0.552 0.332-1.116 0.644-1.654 1.006-0.67 0.448-1.3 0.942-1.942 1.426-0.394 0.302-0.806 0.576-1.196 0.894-1.046 0.858-2.052 1.768-3.008 2.726l-124.398 124.39c-15.622 15.62-15.618 40.948 0.002 56.57 15.622 15.62 40.95 15.62 56.568 0l56.164-56.166v439.426c0 22.094 17.912 40 40.002 40 22.092 0 40-17.91 40-40v-441.202l57.942 57.942c15.622 15.624 40.948 15.62 56.568 0 15.626-15.618 15.626-40.946 0.002-56.566z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M875.146 148.994c-0.064-0.040-0.116-0.094-0.184-0.132-92.714-52.39-221.036-84.83-362.846-84.83-138.512 0-270.346 34.356-362.51 84.618-0.606 0.33-1.138 0.658-1.608 0.986-11.954 6.918-20.016 19.81-20.016 34.614v451.4c0 12.7 5.938 23.996 15.166 31.32l340.538 281.676c6.568 6.434 14.918 10.168 23.564 11.122 0.16 0.024 0.32 0.050 0.48 0.066 0.838 0.082 1.676 0.114 2.518 0.14 0.496 0.020 0.994 0.058 1.492 0.058s0.996-0.040 1.492-0.058c0.842-0.032 1.68-0.058 2.518-0.14 0.16-0.016 0.32-0.042 0.48-0.066 8.646-0.958 16.996-4.688 23.564-11.122l339.36-280.718c10.326-7.23 17.094-19.2 17.094-32.762v-450.918c0.002-15.254-8.54-28.506-21.102-35.254zM207.984 208.212c36.292-18.168 77.668-32.854 123.356-43.722 57.062-13.576 117.884-20.458 180.778-20.458s123.714 6.882 180.778 20.458c30.186 7.182 58.474 16.040 84.674 26.456l-490.846 490.848-78.738-65.070v-408.512zM511.742 867.75l-163.078-134.77 467.586-467.584v350.69l-304.508 251.664z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M920.032 127.858h-816c-22.092 0-40 17.908-40 40v688c0 22.092 17.908 40 40 40h316.578c1.13 0.096 2.266 0.172 3.422 0.172s2.292-0.078 3.424-0.172h492.576c22.092 0 40-17.908 40-40v-688c0-22.092-17.908-40-40-40zM144.032 207.858h240v608h-240v-608zM880.032 815.858h-416v-608h416v608zM198.734 288.030c0-17.674 14.328-32 32.002-32h66.396c17.672 0 32 14.326 32 32 0 17.676-14.324 32-32 32h-66.398c-17.674 0-32-14.326-32-32zM198.734 416.030c0-17.674 14.328-32 32.002-32h66.396c17.672 0 32 14.326 32 32 0 17.676-14.324 32-32 32h-66.398c-17.674 0-32-14.326-32-32zM198.734 544.030c0-17.674 14.328-32 32.002-32h66.396c17.672 0 32 14.326 32 32 0 17.676-14.324 32-32 32h-66.398c-17.674 0-32-14.326-32-32z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M64 167.944v688c0 22.092 17.908 40 40 40h816c22.092 0 40-17.908 40-40v-688c0-22.092-17.908-40-40-40h-816c-22.092 0-40 17.908-40 40zM880 815.944h-240v-608h240v608zM144 207.944h416v608h-416v-608zM793.296 320.118h-66.398c-17.676 0-32-14.324-32-32 0-17.674 14.328-32 32-32h66.396c17.674 0 32.002 14.326 32.002 32 0 17.672-14.324 32-32 32zM793.296 448.118h-66.398c-17.676 0-32-14.324-32-32 0-17.674 14.328-32 32-32h66.396c17.674 0 32.002 14.326 32.002 32 0 17.672-14.324 32-32 32zM793.296 576.118h-66.398c-17.676 0-32-14.324-32-32 0-17.674 14.328-32 32-32h66.396c17.674 0 32.002 14.326 32.002 32 0 17.672-14.324 32-32 32z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M692.070 580.856c18.156-18.156 28.152-42.266 28.152-67.89-0.008-25.622-10.002-49.726-28.148-67.872-8.476-8.478-18.308-15.188-29-19.922-0.222-0.098-0.408-0.22-0.566-0.364-13.294-6.5-22.476-20.116-22.476-35.914 0-22.090 17.91-40 40-40 5.774 0 11.246 1.248 16.204 3.45 0.016 0.006 0.026 0.008 0.040 0.016 19.292 8.656 37.036 20.832 52.368 36.164 33.254 33.254 51.574 77.446 51.58 124.43 0.006 46.996-18.31 91.204-51.58 124.472-15.064 15.062-32.45 27.074-51.344 35.7-0.154 0.070-0.286 0.112-0.434 0.176-5.124 2.382-10.812 3.75-16.832 3.75-22.090 0-40-17.906-40-40 0-16.196 9.644-30.112 23.488-36.402 0.156-0.11 0.32-0.216 0.516-0.304 10.314-4.712 19.81-11.268 28.032-19.49zM861.778 275.386c-47.824-47.824-107.946-79.588-173.204-92.242-0.356-0.078-0.712-0.146-1.072-0.214-0.060-0.012-0.124-0.026-0.186-0.038-0.506-0.096-0.976-0.162-1.422-0.208-1.918-0.282-3.868-0.476-5.864-0.476-22.090 0-40 17.91-40 40 0 19.024 13.292 34.91 31.084 38.968 0.352 0.128 0.728 0.244 1.162 0.326 48.7 9.268 95.226 32.748 132.934 70.452 99.972 99.972 100.054 261.984-0.002 362.040-37.684 37.684-84.152 61.14-132.788 70.426-0.084 0.016-0.144 0.046-0.224 0.066-18.338 3.644-32.166 19.816-32.166 39.222 0 22.094 17.91 40 40 40 2.776 0 5.484-0.286 8.102-0.822 0.094-0.018 0.172-0.018 0.27-0.038 65.32-12.626 125.496-44.406 173.376-92.286 131.008-131.008 131.008-344.172 0-475.176zM525.988 159.516v704.968c0 22.090-17.906 40-40 40-12.73 0-24.046-5.966-31.374-15.234l-51.056-61.722v0.216l-122.14-147.666h-177.386c-22.090 0-40-17.906-40-40v0 0-256c0-5.22 1.030-10.194 2.85-14.766 0.104-0.266 0.184-0.542 0.294-0.804 0.39-0.924 0.844-1.812 1.3-2.702 0.134-0.26 0.242-0.538 0.382-0.794 0.246-0.456 0.54-0.878 0.804-1.324 6.972-11.726 19.734-19.61 34.368-19.61h177.386l173.13-209.238c7.324-9.316 18.67-15.324 31.44-15.324 22.092-0 40.002 17.91 40.002 40zM445.988 270.826l-126.708 153.252h-175.248v176h175.248l19.832 23.998h0.17l106.708 129.112v-482.362z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M763.972 919.5c-6.368 0-12.758-1.518-18.61-4.596l-233.358-122.688-233.37 122.688c-13.476 7.090-29.808 5.904-42.124-3.042-12.318-8.95-18.486-24.118-15.912-39.124l44.57-259.856-188.792-184.028c-10.904-10.626-14.828-26.524-10.124-41.004s17.222-25.034 32.292-27.222l260.906-37.912 116.686-236.42c6.738-13.652 20.644-22.296 35.87-22.296v0c15.226 0 29.13 8.644 35.87 22.298l116.674 236.418 260.906 37.912c15.068 2.19 27.586 12.742 32.292 27.222s0.782 30.376-10.124 41.004l-188.792 184.028 44.24 257.93c0.62 2.796 0.946 5.704 0.946 8.688 0 22.054-17.848 39.942-39.888 40-0.054 0-0.106 0-0.158 0z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M763.972 919.5c-6.368 0-12.758-1.518-18.61-4.596l-233.358-122.688-233.37 122.688c-13.476 7.090-29.808 5.904-42.124-3.042-12.318-8.95-18.486-24.118-15.912-39.124l44.57-259.856-188.792-184.028c-10.904-10.626-14.828-26.524-10.124-41.004s17.222-25.034 32.292-27.222l260.906-37.912 116.686-236.42c6.738-13.652 20.644-22.296 35.87-22.296v0c15.226 0 29.13 8.644 35.87 22.298l116.674 236.418 260.906 37.912c15.068 2.19 27.586 12.742 32.292 27.222s0.782 30.376-10.124 41.004l-188.792 184.028 44.24 257.93c0.62 2.796 0.946 5.704 0.946 8.688 0 22.054-17.848 39.942-39.888 40-0.054 0-0.106 0-0.158 0zM190.256 428.144l145.812 142.13c9.428 9.192 13.73 22.432 11.504 35.406l-34.424 200.7 180.244-94.758c11.654-6.13 25.576-6.126 37.226 0l180.232 94.756-34.422-200.698c-2.226-12.974 2.076-26.214 11.504-35.406l145.812-142.13-201.51-29.282c-13.030-1.892-24.292-10.076-30.118-21.882l-90.114-182.596-90.122 182.598c-5.826 11.804-17.090 19.988-30.118 21.88l-201.506 29.282z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M960 512a448 448 0 1 0-896 0 448 448 0 0 0 896 0zM252 772a366 366 0 0 1 0-520 366 366 0 0 1 520 0 366 366 0 0 1 0 520 366 366 0 0 1-520 0zm412-68H360c-22 0-40-18-40-40V360c0-22 18-40 40-40h304c22 0 40 18 40 40v304c0 22-18 40-40 40z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M954.324 833.3c0.208-0.558 0.388-1.128 0.586-1.692 0.3-0.868 0.608-1.734 0.882-2.61 0.234-0.746 0.444-1.5 0.66-2.25 0.212-0.734 0.432-1.464 0.624-2.204 0.204-0.766 0.378-1.54 0.562-2.308 0.18-0.766 0.366-1.528 0.528-2.292 0.146-0.692 0.272-1.386 0.402-2.082 0.168-0.89 0.332-1.778 0.476-2.668 0.090-0.566 0.164-1.136 0.244-1.704 0.148-1.058 0.29-2.118 0.404-3.18 0.042-0.422 0.080-0.852 0.12-1.274 0.118-1.23 0.212-2.46 0.282-3.696 0.018-0.304 0.030-0.606 0.042-0.906 0.062-1.36 0.098-2.718 0.104-4.082 0-0.114 0.008-0.226 0.008-0.34 0-0.128-0.010-0.258-0.010-0.39-0.006-1.368-0.042-2.734-0.104-4.102-0.014-0.296-0.030-0.594-0.044-0.89-0.070-1.246-0.166-2.492-0.284-3.738-0.042-0.434-0.084-0.864-0.128-1.292-0.116-1.050-0.25-2.098-0.4-3.144-0.088-0.628-0.18-1.258-0.282-1.882-0.13-0.8-0.276-1.598-0.428-2.394-0.162-0.868-0.332-1.73-0.518-2.594-0.116-0.524-0.24-1.046-0.364-1.57-0.264-1.128-0.542-2.25-0.846-3.36-0.070-0.254-0.144-0.504-0.214-0.754-11.38-40.382-48.464-69.996-92.488-69.996-3.066 0-6.096 0.16-9.088 0.442l-264.576-458.262c21.080-29.698 24.3-70.13 4.9-103.732-12.596-21.816-32.458-36.812-54.764-43.724-0.062-0.020-0.124-0.036-0.186-0.054-1.394-0.43-2.798-0.83-4.21-1.196-0.296-0.076-0.596-0.142-0.894-0.216-1.208-0.3-2.422-0.586-3.642-0.84-0.384-0.082-0.774-0.148-1.16-0.224-1.168-0.228-2.338-0.444-3.514-0.626-0.384-0.060-0.776-0.112-1.162-0.168-1.208-0.174-2.416-0.332-3.63-0.46-0.35-0.038-0.7-0.066-1.048-0.1-1.27-0.12-2.54-0.218-3.814-0.29-0.32-0.018-0.642-0.032-0.964-0.044-1.294-0.058-2.594-0.094-3.892-0.1-0.166 0-0.328-0.012-0.492-0.012-0.19 0-0.376 0.014-0.564 0.014-1.21 0.008-2.42 0.040-3.63 0.092-0.494 0.022-0.986 0.046-1.478 0.074-0.992 0.060-1.986 0.136-2.978 0.226-0.722 0.064-1.442 0.134-2.16 0.214-0.696 0.080-1.392 0.17-2.090 0.266-1.014 0.136-2.026 0.286-3.032 0.452-0.352 0.060-0.704 0.124-1.054 0.19-44.97 8.028-79.122 47.302-79.122 94.582 0 20.756 6.602 39.958 17.79 55.67l-264.58 458.26c-2.954-0.274-5.94-0.434-8.962-0.434-53.078 0-96.11 43.032-96.11 96.11 0 53.082 43.032 96.11 96.11 96.11 38.8 0 72.208-23.004 87.386-56.11l529.202-0.004c0.138 0.304 0.292 0.606 0.436 0.91 0.226 0.48 0.456 0.958 0.69 1.434 0.474 0.968 0.966 1.93 1.476 2.882 0.214 0.402 0.432 0.8 0.65 1.2 0.314 0.566 0.604 1.14 0.93 1.708 0.284 0.488 0.59 0.958 0.88 1.442 0.122 0.2 0.244 0.398 0.37 0.602 27.086 44.372 84.766 59.278 130.040 33.136 18.864-10.89 32.624-27.214 40.478-45.852 0.054-0.132 0.104-0.266 0.158-0.398 0.518-1.248 1.020-2.506 1.486-3.776zM238.414 744.282l264.542-458.204c0.424 0.042 0.85 0.064 1.276 0.098 0.668 0.056 1.334 0.112 2.004 0.152 0.652 0.040 1.306 0.066 1.96 0.092 1.122 0.046 2.244 0.076 3.368 0.084 0.146 0.002 0.292 0.012 0.438 0.012 0.168 0 0.334-0.012 0.502-0.014 1.436-0.004 2.874-0.040 4.31-0.108 0.088-0.006 0.176-0.010 0.262-0.014 1.376-0.070 2.75-0.168 4.124-0.296l264.596 458.298c-3.48 4.894-6.514 10.122-9.042 15.636h-529.226c-2.546-5.55-5.602-10.814-9.114-15.736z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm3 83a366 366 0 0 0-368 368 366 366 0 0 0 368 368 366 366 0 0 0 369-368 366 366 0 0 0-369-368zM295 472h434a40 40 0 0 1 0 80H295a40 40 0 1 1 0-80z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M828.814 195.216c-174.956-174.956-458.614-174.956-633.566 0-174.958 174.956-174.956 458.612 0 633.568s458.614 174.956 633.566 0c174.958-174.956 174.956-458.612 0-633.568zM813.592 723.072l-92.714-92.712c41.542-73.186 41.548-163.544 0.016-236.734l92.7-92.698c43.176 61.41 66.44 134.45 66.44 211.074-0.004 76.62-23.266 149.662-66.442 211.070zM398.916 625.116c-62.382-62.384-62.382-163.89 0-226.274 30.216-30.216 70.398-46.86 113.146-46.864h0.010c42.724 0 82.898 16.642 113.12 46.866 62.382 62.38 62.382 163.886 0 226.272-30.22 30.22-70.4 46.864-113.136 46.864-42.74-0.002-82.92-16.644-113.14-46.864zM723.104 210.44l-92.696 92.698c-36.59-20.766-77.464-31.162-118.356-31.158-40.888 0.004-81.78 10.406-118.378 31.178l-92.714-92.716c61.408-43.176 134.452-66.438 211.070-66.44 76.622-0.004 149.668 23.262 211.074 66.438zM210.472 300.928l92.724 92.726c-41.512 73.176-41.506 163.506 0.016 236.678l-92.742 92.74c-43.176-61.408-66.438-134.454-66.44-211.072 0.004-76.624 23.264-149.664 66.442-211.072zM512.032 880c-76.624-0.002-149.666-23.264-211.072-66.44l92.74-92.742c36.59 20.766 77.464 31.16 118.356 31.16 40.868 0 81.738-10.392 118.322-31.144l92.726 92.726c-61.408 43.176-134.454 66.44-211.072 66.44z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M923.946 63.418h-631.232c-20.268 0-36.7 16.432-36.7 36.7v155.286h-155.284c-20.268 0-36.7 16.432-36.7 36.7v631.23c0 20.268 16.43 36.7 36.7 36.7h631.23c20.272 0 36.7-16.432 36.7-36.7v-155.286h155.286c20.272 0 36.7-16.432 36.7-36.7v-631.23c-0.002-20.268-16.43-36.7-36.7-36.7zM688.66 880.032h-544.628v-544.628h111.984v395.946c0 20.268 16.43 36.7 36.7 36.7h395.944v111.982zM688.66 688.046h-352.644v-352.644h352.644v352.644zM880.644 688.046h-111.984v-395.946c0-20.268-16.428-36.7-36.7-36.7h-395.944v-111.984h544.628v544.63z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M998.786 474.516l-91 90.988c-8.028 8.036-18.624 11.902-29.152 11.676-10.536 0.234-21.144-3.632-29.184-11.676l-92.3-92.296c-15.624-15.622-15.624-40.95 0-56.57 15.622-15.622 40.95-15.624 56.57 0l26.146 26.148c-13.774-61.416-44.624-117.806-90.216-163.394-63.46-63.464-147.84-98.414-237.586-98.414-89.75 0-174.128 34.95-237.59 98.414-27.012 27.012-48.836 57.824-65.024 91.214l-0.008-0.004c-6.722 12.632-20.008 21.242-35.32 21.242-22.090 0-40-17.906-40-40 0-5.464 1.102-10.668 3.086-15.414l-0.004-0.004c0.016-0.032 0.024-0.058 0.040-0.090 0.036-0.078 0.070-0.156 0.106-0.234 0.73-1.632 0.208-0.718 5.004-9.996 69.18-133.726 208.766-225.128 369.71-225.128 203.224 0 372.374 145.734 408.728 338.392l21.424-21.424c15.618-15.622 40.946-15.622 56.566 0s15.624 40.948 0.004 56.57zM889.992 682.11c0 5.464-1.106 10.672-3.090 15.414l0.008 0.004c-0.016 0.036-0.028 0.058-0.040 0.090-0.036 0.078-0.074 0.156-0.106 0.234-0.73 1.636-0.208 0.718-5.008 10-69.176 133.722-208.762 225.124-369.708 225.124-205.2 0-375.668-148.578-409.76-344.022l-19.478 19.478c-15.622 15.622-40.95 15.622-56.57 0-15.618-15.622-15.622-40.95 0-56.57l90.996-90.992c8.032-8.032 18.628-11.902 29.152-11.672 10.536-0.238 21.144 3.632 29.188 11.672l92.296 92.3c15.624 15.618 15.624 40.946 0 56.566-15.618 15.622-40.946 15.624-56.566 0.004l-29.292-29.292c12.466 65.568 44.214 125.882 92.448 174.116 63.46 63.46 147.84 98.41 237.586 98.41 89.75 0 174.124-34.95 237.59-98.41 27.012-27.012 48.836-57.824 65.020-91.218l0.008 0.004c6.726-12.632 20.012-21.242 35.324-21.242 22.092 0.002 40.002 17.912 40.002 40.002zM145.83 545.416l1.4 0.248-0.824-0.824-0.576 0.576z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M200.022 927.988h624.018c1.38 0 2.746-0.072 4.090-0.208 20.168-2.050 35.91-19.080 35.91-39.792v-751.916c0-22.092-17.91-40-40-40h-624.018c-22.098 0-40 17.908-40 40v751.916c0 22.094 17.906 40 40 40zM512.002 878.206c-17.674 0-32.004-14.328-32.004-31.998 0-17.678 14.33-32.002 32.004-32.002 17.67 0 32 14.324 32 32.002 0 17.67-14.33 31.998-32 31.998zM240.022 176.078h544.018v591.902h-544.018v-591.902z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M256.972 768.004c0-8.67-3.156-16.158-9.484-22.534-6.332-6.34-13.836-9.484-22.504-9.458-8.682 0-16.188 3.172-22.516 9.458-6.33 6.344-9.488 13.84-9.488 22.534 0 8.692 3.158 16.186 9.488 22.532 6.328 6.286 13.834 9.458 22.516 9.458 8.668 0.028 16.172-3.118 22.504-9.458 6.328-6.376 9.484-13.868 9.484-22.532zM832.948 480.010c0-17.004-6.478-31.908-19.468-44.734-13.014-12.82-27.834-19.25-44.512-19.276h-175.97c0-19.328 7.98-45.904 24.004-79.724 15.968-33.826 23.978-60.568 23.978-80.256 0-32.646-5.332-56.808-15.994-72.48-10.664-15.664-31.988-23.484-63.98-23.484-8.696 8.64-15.012 22.828-19.032 42.486-4.020 19.69-9.102 40.606-15.254 62.752-6.168 22.172-16.080 40.382-29.762 54.738-7.344 7.68-20.168 22.832-38.5 45.496-1.326 1.67-5.164 6.65-11.512 15.010-6.342 8.342-11.594 15.178-15.762 20.508-4.156 5.308-9.91 12.386-17.252 21.218-7.328 8.862-14 16.186-19.988 22.038-5.986 5.794-12.412 11.73-19.26 17.744-6.852 5.984-13.508 10.5-19.99 13.48-6.478 3.010-12.4 4.484-17.756 4.512h-15.982v320.010h15.982c4.332 0 9.596 0.492 15.774 1.504 6.168 1.012 11.676 2.080 16.488 3.258 4.812 1.144 11.154 2.98 19.002 5.466 7.862 2.512 13.702 4.424 17.502 5.74 3.812 1.31 9.732 3.422 17.756 6.238 8.026 2.842 12.866 4.586 14.506 5.272 70.324 24.334 127.304 36.504 170.996 36.504h60.482c64.006 0 96.024-27.836 96.024-83.478 0-8.664-0.848-18.016-2.514-27.996 10.004-5.334 17.936-14.084 23.758-26.276 5.824-12.172 8.724-24.416 8.778-36.746 0-12.366-3.008-23.844-9.024-34.51 17.664-16.682 26.524-36.496 26.524-59.496 0-8.308-1.696-17.554-5.032-27.72-3.336-10.202-7.492-18.104-12.468-23.762 10.636-0.328 19.55-8.15 26.714-23.486 7.192-15.34 10.744-28.82 10.744-40.496v-0.054zM896.984 479.516c0 29.638-8.204 56.816-24.5 81.506 2.98 10.994 4.484 22.476 4.484 34.482 0 25.674-6.344 49.68-19.004 71.99 1.012 7 1.506 14.164 1.506 21.488 0 33.688-10.008 63.354-29.968 89.026 0.326 46.32-13.834 82.904-42.518 109.756-28.682 26.848-66.522 40.246-113.496 40.246h-64.528c-31.99 0-63.542-3.746-94.742-11.268-31.168-7.492-67.246-18.402-108.23-32.758-38.662-13.312-61.656-19.956-68.984-19.956h-143.996c-17.664 0-32.742-6.292-45.252-18.784-12.508-12.5-18.756-27.588-18.756-45.254v-319.982c0-17.666 6.248-32.728 18.756-45.226 12.51-12.52 27.588-18.784 45.252-18.784h136.998c12.002-8.010 34.818-33.822 68.478-77.484 19.33-24.99 37.168-46.344 53.508-64.008 7.996-8.314 13.918-22.586 17.744-42.766 3.828-20.178 8.912-41.232 15.256-63.24 6.36-21.984 16.68-40.002 30.994-53.998 13.002-12.362 28.012-18.514 45.018-18.514 27.998 0 53.152 5.414 75.464 16.242 22.31 10.828 39.316 27.748 50.964 50.77 11.704 23.002 17.5 53.978 17.5 92.962 0 31.008-7.984 63-23.98 96.028h88.014c34.67 0 64.634 12.628 89.956 37.98 25.346 25.346 38.008 55.144 38.008 89.49l0.054 0.056z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M512 64c-247.424 0-448 200.578-448 448.004 0 247.422 200.576 448 448 448s448-200.578 448-448c0-247.424-200.576-448.004-448-448.004zM772.214 772.22c-69.508 69.504-161.918 107.786-260.214 107.786s-190.708-38.282-260.214-107.786c-69.508-69.508-107.786-161.918-107.786-260.214s38.278-190.708 107.786-260.214c69.508-69.504 161.918-107.786 260.214-107.786s190.708 38.278 260.214 107.786c69.504 69.508 107.786 161.918 107.786 260.214s-38.282 190.706-107.786 260.214zM768.004 517.004c0 22.090-17.91 40-40 40h-216c-5.384 0-10.508-1.078-15.196-3.008-0.124-0.046-0.254-0.086-0.376-0.132-0.61-0.262-1.188-0.57-1.782-0.86-0.572-0.278-1.16-0.528-1.718-0.828-0.204-0.114-0.39-0.246-0.594-0.364-0.918-0.516-1.832-1.050-2.704-1.64-0.086-0.058-0.164-0.128-0.254-0.188-10.492-7.21-17.382-19.286-17.382-32.98v-285c0-22.094 17.91-40 40.004-40 22.088 0 40 17.906 40 40v244.996h175.996c22.094 0 40.002 17.916 40.006 40.004z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M576 540.658c0 35.344-28.654 64-64 64s-64-28.656-64-64c0-20.27 9.432-38.324 24.134-50.050v-193.418c-0.004-22.092 17.906-40.002 40-40 22.090 0 40 17.906 40 40l-0.004 193.626c14.552 11.732 23.87 29.692 23.87 49.842zM928.32 543.934c0 229.79-186.28 416.066-416.068 416.066-229.786 0-416.064-186.278-416.064-416.066 0-216.26 164.998-393.958 375.97-414.134l0.188-49.794h-16.348c-22.092 0-40.002-17.91-39.998-40 0-22.090 17.906-40.004 40-40.004l112 0.002c22.090-0.002 39.998 17.91 40 40 0 22.090-17.908 40-40 39.998h-15.656l-0.19 49.782c77.246 7.352 148.33 35.812 207.422 79.564l41.854-41.856c15.622-15.622 40.95-15.618 56.57 0.002s15.622 40.948 0 56.568l-38.9 38.9c67.822 74.028 109.22 172.66 109.22 280.972zM848.32 543.934c0-89.768-34.958-174.16-98.432-237.634s-147.87-98.432-237.636-98.432c-89.766 0-174.158 34.958-237.632 98.432s-98.432 147.868-98.432 237.634c0 89.766 34.958 174.16 98.432 237.636 63.474 63.472 147.868 98.43 237.632 98.43 89.768 0 174.162-34.958 237.636-98.43 63.476-63.476 98.432-147.87 98.432-237.636z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M916.25 348.726l-125 124.688c-7.808 7.79-18.032 11.68-28.25 11.68-10.254 0.002-20.506-3.918-28.32-11.75-15.602-15.64-15.57-40.966 0.070-56.568l56.508-56.368h-655.258c-22.092 0-40-17.908-40-40s17.908-40 40-40h655.672l-57.006-57.206c-15.594-15.646-15.548-40.972 0.1-56.566s40.972-15.55 56.568 0.098l125 125.438c15.588 15.644 15.548 40.958-0.084 56.554zM107.666 731.892l125 125.438c15.596 15.648 40.92 15.692 56.568 0.098s15.694-40.92 0.1-56.566l-57.006-57.206h655.672c22.092 0 40-17.908 40-40s-17.908-40-40-40h-655.258l56.508-56.368c15.64-15.602 15.672-40.928 0.070-56.568-7.814-7.832-18.066-11.752-28.32-11.75-10.218 0-20.442 3.89-28.25 11.68l-125 124.688c-15.632 15.596-15.672 40.91-0.084 56.554z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M919.5 225.208h-215.5v-120.080c0-20.344-15.192-37.096-34.836-39.632-1.696-0.216-3.41-0.372-5.164-0.372h-304.004c-1.754 0-3.468 0.152-5.164 0.372-19.644 2.54-34.836 19.292-34.836 39.628v120.084h-215.996c-22.090 0-40 17.912-40 40.002 0 22.092 17.91 40 40 40h27.216l53.916 615.914h0.214c0 22.092 17.91 40 40 40h573.372c22.094 0 40-17.91 40-40h0.148l53.916-615.914h26.716c22.090 0 40-17.91 40-40s-17.908-40.002-39.998-40.002zM399.996 145.126h224.004v80.082h-224.004v-80.082zM762.062 881.124h-500.124l-50.414-575.912h600.954l-50.416 575.912zM632.004 697.124v-240c-0.004-22.092 17.906-40.002 40-40.002 22.090 0.002 40 17.908 40 40.002l-0.004 240.002c0.004 22.088-17.906 39.996-39.996 39.998-22.094 0.002-40.004-17.906-40-40zM311.996 697.124v-240c-0.004-22.092 17.906-40.002 40-40.002 22.090 0.002 40 17.908 40 40.002l-0.004 240.002c0.004 22.088-17.906 39.996-39.996 39.998-22.094 0.002-40.004-17.906-40-40zM472 697.124v-240c-0.004-22.092 17.906-40.002 40-40.002 22.090 0.002 40 17.908 40 40.002l-0.004 240.002c0.004 22.088-17.906 39.996-39.996 39.998-22.094 0.002-40.004-17.906-40-40z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M960 233.114c-32.946 14.616-68.41 24.5-105.598 28.942 37.954-22.762 67.098-58.774 80.856-101.688-35.52 21.054-74.894 36.368-116.726 44.598-33.542-35.724-81.316-58.038-134.204-58.038-101.496 0-183.796 82.292-183.796 183.814 0 14.424 1.628 28.45 4.758 41.89-152.75-7.668-288.22-80.872-378.876-192.072-15.822 27.15-24.898 58.706-24.898 92.42 0 63.776 32.458 120.034 81.782 153.010-30.116-0.944-58.458-9.212-83.262-22.982-0.028 0.75-0.028 1.546-0.028 2.324 0 89.070 63.356 163.334 147.438 180.256-15.426 4.186-31.664 6.426-48.442 6.426-11.836 0-23.35-1.146-34.574-3.28 23.406 73.006 91.286 126.16 171.726 127.632-62.914 49.324-142.18 78.696-228.314 78.696-14.828 0-29.448-0.876-43.842-2.568 81.33 52.138 177.96 82.574 281.786 82.574 338.11 0 523-280.104 523-523.014 0-7.986-0.164-15.914-0.542-23.778 35.952-25.96 67.124-58.318 91.756-95.162z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M230 301h480a240 240 0 1 1 0 481H235c-23 0-42-20-42-43 0-24 19-43 42-43h475a155 155 0 0 0 0-310H228l3 3 65 65a45 45 0 0 1-65 64L90 376a45 45 0 0 1 0-64l142-142a45 45 0 1 1 64 65l-63 62-3 4z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M896.032 915.53v-467.498c0-1.988-0.194-3.926-0.472-5.834-0.11-0.744-0.192-1.498-0.34-2.226-1.524-7.44-5.136-14.1-10.164-19.408-0.252-0.266-0.48-0.554-0.738-0.814-0.496-0.494-1.036-0.944-1.554-1.412-0.43-0.386-0.84-0.8-1.288-1.17-0.292-0.24-0.608-0.446-0.904-0.676-2.506-1.954-5.244-3.616-8.176-4.934-0.744-0.334-1.504-0.632-2.27-0.922-4.39-1.656-9.124-2.604-14.094-2.604h-552.184l0.002-55.85c0-114.776 93.376-208.15 208.15-208.15 86.038 0 160.034 52.474 191.7 127.096 0.012 0.028 0.030 0.044 0.042 0.072 5.978 14.566 20.284 24.832 37.006 24.832 22.090 0 40-17.906 40-40 0-4.71-0.86-9.21-2.354-13.41-0.182-0.694-0.42-1.438-0.782-2.292-43.666-103.582-146.14-176.296-265.612-176.296-159.128 0-288.13 128.994-288.15 288.12v55.882h-54.85c-20.71 0-37.746 15.742-39.792 35.91-0.136 1.344-0.208 2.708-0.208 4.090v463.332c-0.618 2.794-0.968 5.688-0.968 8.668 0 22.094 17.91 40 40 40h688.27c22.092 0 40-17.91 40-40-0.002-1.528-0.104-3.028-0.27-4.506zM209 488.032h607.032v392h-607.032v-392zM552.164 691.86l-0.002 58.186c0.004 22.088-17.906 39.996-39.996 40-22.094 0-40.004-17.908-40-40v-57.976c-14.702-11.726-24.134-29.782-24.134-50.048 0-35.346 28.654-64 64-64s64 28.654 64 64c0 20.142-9.318 38.102-23.868 49.838z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M143.996 511.998c0-98.296 38.28-190.708 107.784-260.214 69.508-69.508 161.922-107.786 260.216-107.786 98.296 0 190.708 38.278 260.214 107.786s107.786 161.918 107.786 260.214c0 98.292-38.28 190.708-107.786 260.214-69.508 69.504-161.918 107.786-260.214 107.786-98.294 0-190.708-38.282-260.216-107.786-69.504-69.508-107.784-161.922-107.784-260.214zM63.996 511.998c0 247.422 200.576 448 448 448s448-200.578 448-448c0-247.426-200.576-448-448-448s-448 200.574-448 448v0zM485.324 267.598l-125.438 125c-15.648 15.596-15.692 40.922-0.098 56.57s40.92 15.692 56.566 0.098l57.206-57.004v335.672c0 22.090 17.908 40 40 40s40-17.91 40-40v-335.26l56.368 56.508c15.602 15.64 40.928 15.672 56.568 0.070 7.832-7.814 11.752-18.064 11.75-28.318 0-10.22-3.89-20.444-11.68-28.25l-124.688-125c-15.594-15.634-40.91-15.672-56.554-0.086z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M512.062 65.062c-247.424 0-448 200.576-448 448s200.576 448 448 448 448-200.576 448-448-200.576-448-448-448zM776.324 769.132c-55.386-54.52-155.436-95.864-189.492-101.282-14.918-2.376-15.258-43.39-15.258-43.39s43.832-43.39 53.384-101.738c25.698 0 41.568-62.032 15.87-83.856 1.072-22.974 33.038-180.352-128.766-180.352s-129.836 157.376-128.768 180.352c-25.706 21.824-9.83 83.856 15.87 83.856 9.552 58.348 53.382 101.738 53.382 101.738s-0.34 41.020-15.256 43.39c-34.056 5.418-134.104 46.762-189.49 101.282-66.932-69.018-103.738-159.708-103.738-256.070 0-98.296 38.278-190.708 107.786-260.212 69.51-69.506 161.918-107.788 260.214-107.788s190.708 38.278 260.214 107.788c69.506 69.506 107.786 161.916 107.786 260.212-0 96.364-36.808 187.054-103.738 256.070z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M123.302 833.14c-26.284-11.118-51.696-23.792-76.196-37.95 4.028-92.818 194.792-176.82 246.28-185.012 16.158-2.57 16.526-46.994 16.526-46.994s-47.476-46.996-57.818-110.196c-27.836 0-45.024-67.186-17.19-90.824-1.158-24.882-35.776-195.34 139.468-195.34 175.242 0 140.628 170.458 139.464 195.34 27.838 23.638 10.644 90.824-17.188 90.824-10.346 63.2-57.822 110.196-57.822 110.196s0.37 44.424 16.528 46.994c52.042 8.282 246.38 93.996 246.38 187.988v15.054c-14.028 7.102-28.316 13.76-42.88 19.918-84.77 35.852-174.864 54.032-267.78 54.032-92.912 0.002-183.004-18.178-267.772-54.030zM910.064 335h-80.008v-80.010c0.002-22.088-17.906-39.992-39.996-39.992-22.088 0-39.998 17.906-39.998 39.996v80.006h-80.002c-22.094 0-40 17.908-39.998 40-0.002 22.090 17.904 39.996 39.996 39.996h80.004v80.002c0 22.094 17.908 40 40 40 22.090 0 39.996-17.906 39.996-39.996v-80.006l80.010-0.002c22.090 0.002 39.994-17.906 39.994-39.996 0-22.088-17.908-39.998-39.998-39.998z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M532.716 960c115.572 0 227.634-22.612 333.076-67.208 18.116-7.66 35.888-15.94 53.336-24.774v-18.726c0-116.912-241.728-223.528-306.458-233.828-20.1-3.198-20.556-58.458-20.556-58.458s59.050-58.452 71.922-137.062c34.618 0 56.004-83.57 21.378-112.972 1.448-30.95 44.5-242.972-173.474-242.972-217.976 0-174.916 212.022-173.476 242.972-34.622 29.402-13.244 112.972 21.38 112.972 12.864 78.61 71.916 137.062 71.916 137.062s-0.458 55.262-20.554 58.458c-64.042 10.19-301.326 114.674-306.334 230.124 30.474 17.61 62.084 33.376 94.776 47.204 105.436 44.596 217.498 67.208 333.068 67.208z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M123.302 822.204c-26.284-11.118-51.696-23.792-76.196-37.95 4.028-92.818 194.792-176.82 246.28-185.012 16.158-2.57 16.526-46.998 16.526-46.998s-47.476-46.994-57.818-110.192c-27.836 0-45.024-67.186-17.19-90.822-1.158-24.884-35.776-195.342 139.468-195.342 175.242 0 140.628 170.458 139.464 195.342 27.838 23.636 10.644 90.822-17.188 90.822-10.346 63.2-57.822 110.192-57.822 110.192s0.37 44.426 16.528 46.998c52.042 8.282 246.38 93.996 246.38 187.988v15.054c-14.028 7.102-28.316 13.758-42.88 19.918-84.77 35.852-174.864 54.032-267.78 54.032-92.912 0-183.004-18.18-267.772-54.030zM977.018 652.224c0-64.612-133.592-123.532-169.364-129.222-11.106-1.768-11.36-32.306-11.36-32.306s32.634-32.304 39.744-75.746c19.132 0 30.954-46.188 11.818-62.436 0.798-17.106 24.592-134.276-95.874-134.276-120.462 0-96.666 117.17-95.87 134.276-19.134 16.248-7.32 62.436 11.816 62.436 7.11 43.442 39.742 75.746 39.742 75.746s-0.25 30.54-11.358 32.306c-23.154 3.684-87.282 29.672-129.644 65.068 21.022 10.038 42.072 21.39 61.066 33.186 14.278 8.866 27.392 17.866 39.338 26.986 35.696 27.262 60.956 55.638 75.646 84.934 2.784 0.032 5.562 0.102 8.352 0.102 77.788 0 153.58-12.792 225.944-37.976v-43.078z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M926.050 273.364c-9.556 0-20.574 3.8-32.278 11.812l-189.738 129.894v-151.068c0-20.342-15.192-37.094-34.838-39.63-1.694-0.218-3.408-0.372-5.162-0.372h-560.002c-1.754 0-3.468 0.152-5.162 0.372-19.646 2.538-34.838 19.29-34.838 39.628v496.002c0 22.092 17.91 40 40 40h560.004c13.808 0 25.98-6.998 33.168-17.638 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.922 1.2-1.862 1.722-2.836 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.612 4.704-12.010 4.704-18.81v-151.066l189.738 129.886c11.706 8.012 22.718 11.812 32.278 11.812 20.092 0 33.736-16.806 33.736-46.622v-384.032c0-29.816-13.644-46.62-33.738-46.62zM624.036 720h-480.004v-415.998h480.004v415.998zM879.788 632.3l-175.728-120.296 175.728-120.302v240.598zM240.688 663.534c-22.090 0-40-17.906-40-40v0c0-22.090 17.91-40 40-40v0c22.090 0 40.004 17.91 40.004 40v0c0 22.092-17.914 40-40.004 40v0z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M736.172 108.030c0-11.044-8.956-20-20-20h-408.282c-11.044 0-20 8.956-20 20 0 11.046 8.956 20 20 20h408.282c11.044 0 20-8.954 20-20zM736.172 50.37c0-11.044-8.956-20-20-20h-408.282c-11.044 0-20 8.956-20 20s8.956 20 20 20h408.282c11.044 0 20-8.956 20-20zM736.172 973.692c0-11.044-8.956-20-20-20h-408.282c-11.044 0-20 8.956-20 20s8.956 20 20 20h408.282c11.044 0 20-8.956 20-20zM736.172 916.030c0-11.044-8.956-20-20-20h-408.282c-11.044 0-20 8.956-20 20 0 11.046 8.956 20 20 20h408.282c11.044 0 20-8.954 20-20zM717.53 228c18.904 0 34.286 15.14 34.286 33.75v500.502c0 18.61-15.38 33.75-34.286 33.75h-411.43c-18.904 0-34.286-15.14-34.286-33.75v-500.502c0-18.61 15.38-33.75 34.286-33.75h411.43zM717.53 148h-411.43c-63.118 0-114.286 50.928-114.286 113.75v500.502c0 62.822 51.166 113.75 114.286 113.75h411.43c63.118 0 114.286-50.926 114.286-113.75v-500.502c-0.002-62.822-51.168-113.75-114.286-113.75v0zM680.036 511.53c0 22.090-17.91 40-40 40h-128.004c-5.384 0-10.508-1.078-15.196-3.006-0.124-0.048-0.254-0.086-0.376-0.132-0.61-0.262-1.188-0.57-1.782-0.86-0.572-0.276-1.16-0.528-1.718-0.828-0.204-0.112-0.39-0.246-0.594-0.364-0.918-0.514-1.832-1.050-2.704-1.64-0.086-0.058-0.164-0.128-0.254-0.188-10.492-7.21-17.382-19.284-17.382-32.98v-151.5c0-22.094 17.91-40 40.004-40 22.088 0 40 17.906 40 40v111.498h88c22.094-0.002 40.002 17.91 40.006 40z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M959.438 274.25c0-22.090-17.914-40-40.004-40-11.16 0-21.242 4.582-28.496 11.954l-60.152 60.148c-15.622 15.622-40.946 15.618-56.566-0.004l-56.57-56.566c-15.622-15.622-15.622-40.95 0-56.57l59.55-59.546c7.75-7.292 12.614-17.618 12.614-29.102 0-22.090-17.914-40-40.004-40-1.598 0-3.164 0.122-4.71 0.304-0.012 0-0.020-0.008-0.032-0.004-94.958 11.586-168.504 92.492-168.504 190.574 0 23.528 4.238 46.058 11.98 66.886l-503.078 503.074c-1.496 1.496-2.8 3.102-4.012 4.758-10.914 13.676-17.454 30.992-17.454 49.848 0 44.188 35.818 79.996 79.996 79.996 18.906 0 36.27-6.574 49.964-17.54 1.614-1.188 3.18-2.464 4.64-3.926l503.078-503.078c20.828 7.742 43.36 11.98 66.882 11.98 97.988 0 178.828-73.402 190.54-168.222v-0.012c0.2-1.628 0.338-3.272 0.338-4.952zM151.996 912c-22.090 0-40-17.906-40-40 0-22.090 17.91-40 40-40s40.004 17.91 40.004 40c0 22.094-17.914 40-40.004 40z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M704.010 511.988c0-12.332-5.038-21.358-15.042-26.992l-255.982-159.99c-10.344-6.666-21.178-6.998-32.51-1.008-10.988 5.984-16.492 15.312-16.492 28.002v320c0 12.69 5.504 22.018 16.492 28.002 5.332 2.678 10.516 3.996 15.506 3.996 6.668 0 12.334-1.644 17.004-4.98l255.982-160.014c10.004-5.69 15.042-14.684 15.042-26.992v-0.024zM960 511.988c0 31.99-0.164 56.98-0.488 75.032-0.334 17.99-1.754 40.738-4.27 68.25-2.516 27.504-6.262 52.058-11.27 73.742-5.332 24.338-16.84 44.85-34.504 61.496-17.64 16.63-38.306 26.308-61.96 28.988-73.992 8.342-185.824 12.526-335.508 12.526-149.668 0-261.5-4.184-335.5-12.526-23.662-2.656-44.414-12.302-62.242-28.988-17.834-16.678-29.412-37.182-34.744-61.496-4.672-21.684-8.258-46.238-10.756-73.742-2.508-27.512-3.928-50.26-4.254-68.25-0.342-18.050-0.504-43.042-0.504-75.032 0-31.998 0.162-57.010 0.504-75.008 0.326-18.022 1.746-40.768 4.254-68.28 2.498-27.474 6.262-52.082 11.252-73.744 5.34-24.336 16.842-44.842 34.504-61.496 17.648-16.654 38.324-26.332 61.986-29.010 74-8.312 185.832-12.472 335.5-12.472 149.684 0 261.516 4.16 335.508 12.472 23.654 2.678 44.406 12.356 62.232 29.010 17.826 16.678 29.422 37.16 34.73 61.496 4.702 21.662 8.256 46.27 10.772 73.744 2.516 27.512 3.936 50.258 4.27 68.28 0.324 17.998 0.488 43.010 0.488 75.008z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M220 670a316 316 0 0 1 0-450 316 316 0 0 1 450 0 316 316 0 0 1 0 450 316 316 0 0 1-450 0zm749 240L757 698a402 402 0 1 0-59 59l212 212a42 42 0 0 0 59-59zM487 604a42 42 0 0 1-84 0V487H286a42 42 0 1 1 0-84h117V286a42 42 0 1 1 84 0v117h117a42 42 0 0 1 0 84H487v117z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M757 698a402 402 0 1 0-59 59l212 212a42 42 0 0 0 59-59L757 698zM126 445a316 316 0 0 1 319-319 316 316 0 0 1 318 319 316 316 0 0 1-318 318 316 316 0 0 1-319-318zm160 42a42 42 0 1 1 0-84h318a42 42 0 0 1 0 84H286z"
       />
     </svg>
   </div>
   <div
-    class="emotion-4 emotion-5"
+    class="css-g7kkwf-Item e1vckvvz1"
   >
     <svg
-      class="emotion-2 emotion-3"
+      class="css-1yaqr10-Svg e1vqr9v80"
       height="14px"
       viewBox="0 0 1024 1024"
       width="14px"
     >
       <path
-        class="emotion-0 emotion-1"
+        class="css-1xhbbdd-Path e1gl30fa0"
         d="M148 560a318 318 0 0 0 522 110 316 316 0 0 0 0-450 316 316 0 0 0-450 0c-11 11-21 22-30 34v4h47c25 0 46 21 46 46s-21 45-46 45H90c-13 0-25-6-33-14-9-9-14-20-14-33V156c0-25 20-45 45-45s45 20 45 45v32l1 1a401 401 0 0 1 623 509l212 212a42 42 0 0 1-59 59L698 757A401 401 0 0 1 65 570a42 42 0 0 1 83-10z"
       />
     </svg>
diff --git a/lib/components/src/logo/__snapshots__/logo.stories.storyshot b/lib/components/src/logo/__snapshots__/logo.stories.storyshot
index 6887b2c47d4..2545c467695 100644
--- a/lib/components/src/logo/__snapshots__/logo.stories.storyshot
+++ b/lib/components/src/logo/__snapshots__/logo.stories.storyshot
@@ -1,13 +1,8 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Storyshots Components|Logo colored 1`] = `
-.emotion-0 {
-  display: block;
-  max-width: 100%;
-}
-
 <svg
-  class="emotion-0 emotion-1"
+  class="css-1k2xz3n-Svg ezlaqq40"
   version="1.1"
   viewBox="0 0 2023.2 538"
   width="500"
@@ -56,13 +51,8 @@ exports[`Storyshots Components|Logo colored 1`] = `
 `;
 
 exports[`Storyshots Components|Logo gray 1`] = `
-.emotion-0 {
-  display: block;
-  max-width: 100%;
-}
-
 <svg
-  class="emotion-0 emotion-1"
+  class="css-1k2xz3n-Svg ezlaqq40"
   version="1.1"
   viewBox="0 0 2023.2 538"
   width="500"
diff --git a/lib/components/src/menu/__snapshots__/menu.stories.storyshot b/lib/components/src/menu/__snapshots__/menu.stories.storyshot
index 4e7edad02a6..00d1c121791 100644
--- a/lib/components/src/menu/__snapshots__/menu.stories.storyshot
+++ b/lib/components/src/menu/__snapshots__/menu.stories.storyshot
@@ -1,15 +1,11 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Storyshots Components|Menu initial closed 1`] = `
-.emotion-0 {
-  background: hotpink;
-}
-
 <span
-  class="emotion-2 emotion-3"
+  class="css-1vfjj5t-Trigger e195q2qw0"
 >
   <button
-    class="emotion-0 emotion-1"
+    class="css-1oxeog4-Button e1xfucyx0"
   >
     Click me
   </button>
@@ -18,28 +14,20 @@ exports[`Storyshots Components|Menu initial closed 1`] = `
 
 exports[`Storyshots Components|Menu multiple open 1`] = `
 Array [
-  .emotion-0 {
-  background: hotpink;
-}
-
-<span
-    class="emotion-2 emotion-3"
+  <span
+    class="css-1vfjj5t-Trigger e195q2qw0"
   >
     <button
-      class="emotion-0 emotion-1"
+      class="css-1oxeog4-Button e1xfucyx0"
     >
       Click me
     </button>
   </span>,
-  .emotion-0 {
-  background: hotpink;
-}
-
-<span
-    class="emotion-2 emotion-3"
+  <span
+    class="css-1vfjj5t-Trigger e195q2qw0"
   >
     <button
-      class="emotion-0 emotion-1"
+      class="css-1oxeog4-Button e1xfucyx0"
     >
       Click me
     </button>
@@ -48,15 +36,11 @@ Array [
 `;
 
 exports[`Storyshots Components|Menu with Items 1`] = `
-.emotion-0 {
-  background: hotpink;
-}
-
 <span
-  class="emotion-2 emotion-3"
+  class="css-1vfjj5t-Trigger e195q2qw0"
 >
   <button
-    class="emotion-0 emotion-1"
+    class="css-1oxeog4-Button e1xfucyx0"
   >
     Click me
   </button>
@@ -64,15 +48,11 @@ exports[`Storyshots Components|Menu with Items 1`] = `
 `;
 
 exports[`Storyshots Components|Menu with Items that close 1`] = `
-.emotion-0 {
-  background: hotpink;
-}
-
 <span
-  class="emotion-2 emotion-3"
+  class="css-1vfjj5t-Trigger e195q2qw0"
 >
   <button
-    class="emotion-0 emotion-1"
+    class="css-1oxeog4-Button e1xfucyx0"
   >
     Click me
   </button>
@@ -80,15 +60,11 @@ exports[`Storyshots Components|Menu with Items that close 1`] = `
 `;
 
 exports[`Storyshots Components|Menu with links 1`] = `
-.emotion-0 {
-  background: hotpink;
-}
-
 <span
-  class="emotion-2 emotion-3"
+  class="css-1vfjj5t-Trigger e195q2qw0"
 >
   <button
-    class="emotion-0 emotion-1"
+    class="css-1oxeog4-Button e1xfucyx0"
   >
     Click me
   </button>
diff --git a/lib/components/src/navigation/__snapshots__/RoutedLink.stories.storyshot b/lib/components/src/navigation/__snapshots__/RoutedLink.stories.storyshot
index 2ec98bcf0bf..dc8d2cb4703 100644
--- a/lib/components/src/navigation/__snapshots__/RoutedLink.stories.storyshot
+++ b/lib/components/src/navigation/__snapshots__/RoutedLink.stories.storyshot
@@ -1,12 +1,8 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Storyshots Components|Navigation/RoutedLink w/ href 1`] = `
-.emotion-0 {
-  color: inherit;
-}
-
 <a
-  class="emotion-0 emotion-1"
+  class="css-1a69rwi-A e10n0hn00"
   href="http://google.com"
 >
   Link
@@ -14,12 +10,8 @@ exports[`Storyshots Components|Navigation/RoutedLink w/ href 1`] = `
 `;
 
 exports[`Storyshots Components|Navigation/RoutedLink w/ onClick 1`] = `
-.emotion-0 {
-  color: inherit;
-}
-
 <a
-  class="emotion-0 emotion-1"
+  class="css-1a69rwi-A e10n0hn00"
   href="/"
 >
   Try clicking with different mouse buttons and modifier keys (shift/ctrl/alt/cmd)
diff --git a/lib/components/src/panel_actionbar/__snapshots__/panel_actionbar.stories.storyshot b/lib/components/src/panel_actionbar/__snapshots__/panel_actionbar.stories.storyshot
index 6d521532b7d..11bc0c6edd9 100644
--- a/lib/components/src/panel_actionbar/__snapshots__/panel_actionbar.stories.storyshot
+++ b/lib/components/src/panel_actionbar/__snapshots__/panel_actionbar.stories.storyshot
@@ -1,108 +1,32 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Storyshots Components|PanelActionBar 3 items 1`] = `
-.emotion-12 {
-  position: absolute;
-  bottom: 0;
-  right: 0;
-  max-width: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  border-top: 1px solid rgba(0,0,0,0.1);
-  border-left: 1px solid rgba(0,0,0,0.1);
-  background: rgba(255,255,255,1);
-  border-radius: 4px 0 0 0;
-}
-
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  position: relative;
-  list-style: none;
-  padding: 0;
-  height: 26px;
-  font-size: 11px;
-  -webkit-letter-spacing: 1px;
-  -moz-letter-spacing: 1px;
-  -ms-letter-spacing: 1px;
-  letter-spacing: 1px;
-  text-transform: uppercase;
-  border-left: 0 none;
-}
-
-.emotion-0 {
-  border: 0 none;
-  display: block;
-  background: none;
-  padding: 0 10px;
-  cursor: pointer;
-  text-transform: inherit;
-  -webkit-letter-spacing: inherit;
-  -moz-letter-spacing: inherit;
-  -ms-letter-spacing: inherit;
-  letter-spacing: inherit;
-  font-size: inherit;
-  color: inherit;
-  border-top: 2px solid transparent;
-  border-bottom: 2px solid transparent;
-}
-
-.emotion-0:focus {
-  border-bottom: 2px solid #9fdaff;
-  outline: 0 none;
-}
-
-.emotion-6 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  position: relative;
-  list-style: none;
-  padding: 0;
-  height: 26px;
-  font-size: 11px;
-  -webkit-letter-spacing: 1px;
-  -moz-letter-spacing: 1px;
-  -ms-letter-spacing: 1px;
-  letter-spacing: 1px;
-  text-transform: uppercase;
-  border-left: 1px solid rgba(0,0,0,0.1);
-}
-
 <ul
-  class="emotion-12 emotion-13"
+  class="css-13c7bym-Container egs2kzf0"
 >
   <li
-    class="emotion-2 emotion-3"
+    class="css-1tizi7s-ActionItem egs2kzf2"
   >
     <button
-      class="emotion-0 emotion-1"
+      class="css-1r3i0dl-ActionButton egs2kzf1"
     >
       Nr1
     </button>
   </li>
   <li
-    class="emotion-6 emotion-3"
+    class="css-1ed8z1i-ActionItem egs2kzf2"
   >
     <button
-      class="emotion-0 emotion-1"
+      class="css-1r3i0dl-ActionButton egs2kzf1"
     >
       Nr2
     </button>
   </li>
   <li
-    class="emotion-6 emotion-3"
+    class="css-1ed8z1i-ActionItem egs2kzf2"
   >
     <button
-      class="emotion-0 emotion-1"
+      class="css-1r3i0dl-ActionButton egs2kzf1"
     >
       Nr3
     </button>
@@ -111,72 +35,14 @@ exports[`Storyshots Components|PanelActionBar 3 items 1`] = `
 `;
 
 exports[`Storyshots Components|PanelActionBar single item 1`] = `
-.emotion-4 {
-  position: absolute;
-  bottom: 0;
-  right: 0;
-  max-width: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  border-top: 1px solid rgba(0,0,0,0.1);
-  border-left: 1px solid rgba(0,0,0,0.1);
-  background: rgba(255,255,255,1);
-  border-radius: 4px 0 0 0;
-}
-
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  position: relative;
-  list-style: none;
-  padding: 0;
-  height: 26px;
-  font-size: 11px;
-  -webkit-letter-spacing: 1px;
-  -moz-letter-spacing: 1px;
-  -ms-letter-spacing: 1px;
-  letter-spacing: 1px;
-  text-transform: uppercase;
-  border-left: 0 none;
-}
-
-.emotion-0 {
-  border: 0 none;
-  display: block;
-  background: none;
-  padding: 0 10px;
-  cursor: pointer;
-  text-transform: inherit;
-  -webkit-letter-spacing: inherit;
-  -moz-letter-spacing: inherit;
-  -ms-letter-spacing: inherit;
-  letter-spacing: inherit;
-  font-size: inherit;
-  color: inherit;
-  border-top: 2px solid transparent;
-  border-bottom: 2px solid transparent;
-}
-
-.emotion-0:focus {
-  border-bottom: 2px solid #9fdaff;
-  outline: 0 none;
-}
-
 <ul
-  class="emotion-4 emotion-5"
+  class="css-13c7bym-Container egs2kzf0"
 >
   <li
-    class="emotion-2 emotion-3"
+    class="css-1tizi7s-ActionItem egs2kzf2"
   >
     <button
-      class="emotion-0 emotion-1"
+      class="css-1r3i0dl-ActionButton egs2kzf1"
     >
       CLEAR
     </button>
diff --git a/lib/components/src/placeholder/__snapshots__/placeholder.stories.storyshot b/lib/components/src/placeholder/__snapshots__/placeholder.stories.storyshot
index 75a0744a623..8e227f05710 100644
--- a/lib/components/src/placeholder/__snapshots__/placeholder.stories.storyshot
+++ b/lib/components/src/placeholder/__snapshots__/placeholder.stories.storyshot
@@ -1,17 +1,8 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Storyshots Components|Placeholder default 1`] = `
-.emotion-0 {
-  font-size: 11px;
-  display: block;
-  text-align: center;
-  text-transform: uppercase;
-  margin: 0;
-  padding: 20px;
-}
-
 <p
-  class="emotion-0 emotion-1"
+  class="css-hftiue ejh6i270"
 >
   This is a placeholder
 </p>
diff --git a/lib/components/src/preview/__snapshots__/preview.stories.storyshot b/lib/components/src/preview/__snapshots__/preview.stories.storyshot
index f250b1ad0d9..2fc0807a245 100644
--- a/lib/components/src/preview/__snapshots__/preview.stories.storyshot
+++ b/lib/components/src/preview/__snapshots__/preview.stories.storyshot
@@ -2,286 +2,136 @@
 
 exports[`Storyshots Components|Preview default 1`] = `
 Array [
-  .emotion-10 {
-  display: block;
-}
-
-.emotion-8 {
-  fill: currentColor;
-}
-
-.emotion-0 {
-  white-space: normal;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  overflow: hidden;
-  vertical-align: top;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  font-size: 11px;
-  -webkit-letter-spacing: 1px;
-  -moz-letter-spacing: 1px;
-  -ms-letter-spacing: 1px;
-  letter-spacing: 1px;
-  padding: 0 15px;
-  text-transform: uppercase;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  height: 40px;
-  line-height: 12px;
-  box-sizing: border-box;
-  cursor: pointer;
-  background: transparent;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  color: #444;
-  border-bottom-color: rgba(0,0,0,0.1);
-}
-
-.emotion-0:empty {
-  display: none;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-.emotion-54 {
-  display: none;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  position: absolute;
-  top: 0;
-  right: 0;
-  left: 0;
-  height: 40px;
-  width: 100%;
-  box-sizing: border-box;
-  border-bottom: 1px solid rgba(0,0,0,0.1);
-  background: rgba(255,255,255,1);
-  color: #999999;
-  z-index: 4;
-  overflow: auto;
-}
-
-.emotion-34 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-
-.emotion-34 > * {
-  margin-right: 15px;
-}
-
-.emotion-4 {
-  overflow: visisble;
-  white-space: nowrap;
-  height: 100%;
-}
-
-.emotion-2 {
-  color: inherit;
-  -webkit-text-decoration: inherit;
-  text-decoration: inherit;
-  display: inline-block;
-}
-
-.emotion-6 {
-  width: 1px;
-  height: 24px;
-  background: #eee;
-  margin-top: 8px;
-}
-
-.emotion-12 {
-  height: 40px;
-  background: none;
-  color: inherit;
-  padding: 0;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-}
-
-.emotion-12:hover,
-.emotion-12:focus {
-  outline: 0 none;
-  color: #00aaff;
-}
-
-.emotion-52 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-.emotion-52 > * {
-  margin-right: 15px;
-}
-
-<div
-    class="emotion-54 emotion-55"
+  <div
+    class="css-1cvsvnq-Wrapper e18hjm8i3"
   >
     <div
-      class="emotion-34 emotion-35"
+      class="css-1g91tai-Side e18hjm8i2"
     >
       <div
-        class="emotion-4 emotion-5"
+        class="css-1jsscdj-TabBar e1lzzkxx1"
       >
         <a
-          class="emotion-2 emotion-3"
+          class="css-1e55byq-UnstyledLink e15lz5d2"
           href="/?path=/components/string"
         >
           <button
-            class="emotion-0 emotion-1"
+            class="css-1jt6nsk-TabButton e1lzzkxx4"
           >
             Canvas
           </button>
         </a>
       </div>
       <span
-        class="emotion-6 emotion-7"
+        class="css-cn6lb3-Separator e18hjm8i0"
       />
       <button
-        class="emotion-12 emotion-13"
+        class="css-tavclh-IconButton e18hjm8i1"
       >
         <svg
-          class="emotion-10 emotion-11"
+          class="css-1yaqr10-Svg e1vqr9v80"
           height="14px"
           viewBox="0 0 1024 1024"
           width="14px"
         >
           <path
-            class="emotion-8 emotion-9"
+            class="css-1xhbbdd-Path e1gl30fa0"
             d="M220 670a316 316 0 0 1 0-450 316 316 0 0 1 450 0 316 316 0 0 1 0 450 316 316 0 0 1-450 0zm749 240L757 698a402 402 0 1 0-59 59l212 212a42 42 0 0 0 59-59zM487 604a42 42 0 0 1-84 0V487H286a42 42 0 1 1 0-84h117V286a42 42 0 1 1 84 0v117h117a42 42 0 0 1 0 84H487v117z"
           />
         </svg>
       </button>
       <button
-        class="emotion-12 emotion-13"
+        class="css-tavclh-IconButton e18hjm8i1"
       >
         <svg
-          class="emotion-10 emotion-11"
+          class="css-1yaqr10-Svg e1vqr9v80"
           height="14px"
           viewBox="0 0 1024 1024"
           width="14px"
         >
           <path
-            class="emotion-8 emotion-9"
+            class="css-1xhbbdd-Path e1gl30fa0"
             d="M757 698a402 402 0 1 0-59 59l212 212a42 42 0 0 0 59-59L757 698zM126 445a316 316 0 0 1 319-319 316 316 0 0 1 318 319 316 316 0 0 1-318 318 316 316 0 0 1-319-318zm160 42a42 42 0 1 1 0-84h318a42 42 0 0 1 0 84H286z"
           />
         </svg>
       </button>
       <button
-        class="emotion-12 emotion-13"
+        class="css-tavclh-IconButton e18hjm8i1"
       >
         <svg
-          class="emotion-10 emotion-11"
+          class="css-1yaqr10-Svg e1vqr9v80"
           height="14px"
           viewBox="0 0 1024 1024"
           width="14px"
         >
           <path
-            class="emotion-8 emotion-9"
+            class="css-1xhbbdd-Path e1gl30fa0"
             d="M148 560a318 318 0 0 0 522 110 316 316 0 0 0 0-450 316 316 0 0 0-450 0c-11 11-21 22-30 34v4h47c25 0 46 21 46 46s-21 45-46 45H90c-13 0-25-6-33-14-9-9-14-20-14-33V156c0-25 20-45 45-45s45 20 45 45v32l1 1a401 401 0 0 1 623 509l212 212a42 42 0 0 1-59 59L698 757A401 401 0 0 1 65 570a42 42 0 0 1 83-10z"
           />
         </svg>
       </button>
       <span
-        class="emotion-6 emotion-7"
+        class="css-cn6lb3-Separator e18hjm8i0"
       />
       <button
-        class="emotion-12 emotion-13"
+        class="css-tavclh-IconButton e18hjm8i1"
       >
         <svg
-          class="emotion-10 emotion-11"
+          class="css-1yaqr10-Svg e1vqr9v80"
           height="14px"
           viewBox="0 0 1024 1024"
           width="14px"
         >
           <path
-            class="emotion-8 emotion-9"
+            class="css-1xhbbdd-Path e1gl30fa0"
             d="M437.162 552.368c-1.694-0.216-3.408-0.37-5.162-0.37h-263.978c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v264.040c0 22.094 17.91 40 40 40h263.978c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-264.044c0-20.34-15.19-37.094-34.838-39.632zM208.022 816.038v-184.040h183.978v184.040h-183.978zM437.162 128.4c-1.694-0.216-3.408-0.37-5.162-0.37h-263.978c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v263.968c0 22.094 17.91 40 40 40h263.978c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-263.972c0-20.342-15.19-37.096-34.838-39.632zM208.022 392v-183.968h183.978v183.968h-183.978zM861.212 552.368c-1.694-0.216-3.408-0.37-5.162-0.37h-264.050c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v264.040c0 22.094 17.91 40 40 40h264.048c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-264.044c0.002-20.34-15.19-37.094-34.836-39.632zM632 816.038v-184.040h184.048v184.040h-184.048zM861.212 128.4c-1.694-0.216-3.408-0.37-5.162-0.37h-264.050c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v263.968c0 22.094 17.91 40 40 40h264.048c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-263.972c0.002-20.342-15.19-37.096-34.836-39.632zM632 392v-183.968h184.048v183.968h-184.048z"
           />
         </svg>
       </button>
     </div>
     <div
-      class="emotion-52 emotion-35"
+      class="css-14u1h02-Side e18hjm8i2"
     >
       <span
-        class="emotion-6 emotion-7"
+        class="css-cn6lb3-Separator e18hjm8i0"
       />
       <button
-        class="emotion-12 emotion-13"
+        class="css-tavclh-IconButton e18hjm8i1"
       >
         <svg
-          class="emotion-10 emotion-11"
+          class="css-1yaqr10-Svg e1vqr9v80"
           height="14px"
           viewBox="0 0 1024 1024"
           width="14px"
         >
           <path
-            class="emotion-8 emotion-9"
+            class="css-1xhbbdd-Path e1gl30fa0"
             d="M959.688 920.068l0.31-176c0.040-22.094-17.84-40.032-39.93-40.070-22.092-0.040-40.032 17.838-40.070 39.93l-0.142 79.672-235.734-235.732c-15.622-15.622-40.948-15.622-56.57 0s-15.622 40.948 0 56.568l235.442 235.442-78.946-0.1c-22.092-0.028-40.022 17.86-40.050 39.952-0.014 11.064 4.464 21.084 11.714 28.334 7.228 7.224 17.208 11.702 28.236 11.714l175.688 0.22c22.086 0.028 40.014-17.846 40.052-39.93zM920.178 64.228l-176-0.308c-22.094-0.040-40.032 17.84-40.070 39.93-0.040 22.092 17.838 40.032 39.93 40.070l79.672 0.14-235.732 235.734c-15.622 15.622-15.622 40.948 0 56.568s40.948 15.622 56.568 0l235.442-235.442-0.1 78.946c-0.028 22.092 17.86 40.022 39.952 40.050 11.064 0.014 21.084-4.464 28.334-11.714 7.224-7.228 11.702-17.208 11.714-28.236l0.22-175.688c0.026-22.082-17.846-40.010-39.93-40.050zM64.236 103.742l-0.308 176c-0.040 22.094 17.84 40.032 39.93 40.070 22.092 0.040 40.032-17.84 40.070-39.93l0.14-79.672 235.734 235.73c15.622 15.622 40.948 15.622 56.568 0s15.622-40.946 0-56.566l-235.442-235.442 78.946 0.098c22.092 0.028 40.022-17.86 40.050-39.95 0.014-11.066-4.464-21.086-11.714-28.336-7.228-7.222-17.208-11.7-28.236-11.714l-175.688-0.218c-22.084-0.026-40.012 17.844-40.050 39.93zM103.748 959.766l176 0.308c22.094 0.040 40.032-17.84 40.070-39.93 0.040-22.092-17.84-40.032-39.93-40.070l-79.672-0.14 235.73-235.734c15.622-15.622 15.622-40.948 0-56.568s-40.946-15.622-56.566 0l-235.442 235.442 0.098-78.946c0.028-22.092-17.86-40.022-39.95-40.050-11.066-0.014-21.086 4.464-28.336 11.714-7.222 7.228-11.7 17.208-11.714 28.236l-0.218 175.688c-0.026 22.082 17.844 40.010 39.93 40.050z"
           />
         </svg>
       </button>
       <span
-        class="emotion-6 emotion-7"
+        class="css-cn6lb3-Separator e18hjm8i0"
       />
       <button
-        class="emotion-12 emotion-13"
+        class="css-tavclh-IconButton e18hjm8i1"
       >
         <svg
-          class="emotion-10 emotion-11"
+          class="css-1yaqr10-Svg e1vqr9v80"
           height="14px"
           viewBox="0 0 1024 1024"
           width="14px"
         >
           <path
-            class="emotion-8 emotion-9"
+            class="css-1xhbbdd-Path e1gl30fa0"
             d="M896.006 920c0 22.090-17.91 40-40 40h-688.006c-22.090 0-40-17.906-40-40v-549.922c-0.838-3.224-1.33-6.588-1.33-10.072 0-22.090 17.908-40.004 40-40.004h178.66c22.092 0.004 40 17.914 40 40.004 0 22.088-17.908 40-40 40h-137.33v479.996h607.998v-479.996h-138.658c-22.090 0-40-17.912-40-40 0-22.090 17.906-40.004 40-40.004h178.658c22.090 0 40 17.91 40 40v559.844c0 0.050 0.008 0.102 0.008 0.154zM665.622 200.168l-124.452-124.45c-8.042-8.042-18.65-11.912-29.186-11.674-1.612-0.034-3.222 0-4.828 0.16-0.558 0.054-1.098 0.16-1.648 0.238-0.742 0.104-1.484 0.192-2.218 0.338-0.656 0.13-1.29 0.31-1.934 0.472-0.622 0.154-1.244 0.292-1.86 0.476-0.64 0.196-1.258 0.436-1.886 0.66-0.602 0.216-1.208 0.414-1.802 0.66-0.598 0.248-1.17 0.54-1.754 0.814-0.598 0.282-1.202 0.546-1.788 0.86-0.578 0.312-1.13 0.664-1.694 1-0.552 0.332-1.116 0.644-1.654 1.006-0.67 0.448-1.3 0.942-1.942 1.426-0.394 0.302-0.806 0.576-1.196 0.894-1.046 0.858-2.052 1.768-3.008 2.726l-124.398 124.39c-15.622 15.62-15.618 40.948 0.002 56.57 15.622 15.62 40.95 15.62 56.568 0l56.164-56.166v439.426c0 22.094 17.912 40 40.002 40 22.092 0 40-17.91 40-40v-441.202l57.942 57.942c15.622 15.624 40.948 15.62 56.568 0 15.626-15.618 15.626-40.946 0.002-56.566z"
           />
         </svg>
       </button>
     </div>
   </div>,
-  .emotion-0 {
-  position: absolute;
-  overflow: auto;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  top: 0;
-  z-index: 3;
-  height: 100%;
-  background: transparent;
-}
-
-<div
-    class="emotion-0 emotion-1"
+  <div
+    class="css-x2uo28-FrameWrap e15lz5d1"
     offset="0"
   />,
 ]
diff --git a/lib/components/src/syntaxhighlighter/__snapshots__/syntaxhighlighter.stories.storyshot b/lib/components/src/syntaxhighlighter/__snapshots__/syntaxhighlighter.stories.storyshot
index 2b55d4b8c7c..1aaf9b0bd0f 100644
--- a/lib/components/src/syntaxhighlighter/__snapshots__/syntaxhighlighter.stories.storyshot
+++ b/lib/components/src/syntaxhighlighter/__snapshots__/syntaxhighlighter.stories.storyshot
@@ -1,199 +1,17 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Storyshots Components|SyntaxHighlighter bash 1`] = `
-.emotion-6 {
-  position: relative;
-  overflow: hidden;
-}
-
-.emotion-4 {
-  position: relative;
-  overflow: auto;
-}
-
-.emotion-4 code {
-  padding-right: 10px;
-  opacity: 0.7;
-}
-
-.emotion-4 * .token {
-  font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
-  -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.string {
-  color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
-  color: #393A34;
-}
-
-.emotion-4 * .token.operator {
-  color: #393A34;
-}
-
-.emotion-4 * .token.url {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.number {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.function {
-  color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
-  color: #9a050f;
-}
-
-.emotion-4 * .token.important {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
-  font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
-  color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
-  color: #800000;
-}
-
-.emotion-4 * .token.selector {
-  color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.property {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
-  background: #ffff00;
-  color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
-  color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
-  opacity: 0.7;
-}
-
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 0;
-}
-
-.emotion-0 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 0;
-  opacity: 1;
-}
-
 <div
-  class="emotion-6 emotion-7"
+  class="css-fri0s0-Wrapper epklh870"
 >
   <div
-    class="emotion-4 emotion-5"
+    class="css-1y75e3d-Scroller epklh871"
   >
     <pre
-      class="hljs emotion-2 emotion-3"
+      class="hljs css-1x8ad3z-Pre epklh872"
     >
       <code
-        class="emotion-0 emotion-1"
+        class="css-1igagyr-Code epklh873"
       >
         npx npm-check-updates 
         <span
@@ -215,260 +33,17 @@ exports[`Storyshots Components|SyntaxHighlighter bash 1`] = `
 `;
 
 exports[`Storyshots Components|SyntaxHighlighter bordered & copy-able 1`] = `
-.emotion-10 {
-  position: absolute;
-  bottom: 0;
-  right: 0;
-  max-width: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  border-top: 1px solid rgba(0,0,0,0.1);
-  border-left: 1px solid rgba(0,0,0,0.1);
-  background: rgba(255,255,255,1);
-  border-radius: 4px 0 0 0;
-}
-
-.emotion-8 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  position: relative;
-  list-style: none;
-  padding: 0;
-  height: 26px;
-  font-size: 11px;
-  -webkit-letter-spacing: 1px;
-  -moz-letter-spacing: 1px;
-  -ms-letter-spacing: 1px;
-  letter-spacing: 1px;
-  text-transform: uppercase;
-  border-left: 0 none;
-}
-
-.emotion-6 {
-  border: 0 none;
-  display: block;
-  background: none;
-  padding: 0 10px;
-  cursor: pointer;
-  text-transform: inherit;
-  -webkit-letter-spacing: inherit;
-  -moz-letter-spacing: inherit;
-  -ms-letter-spacing: inherit;
-  letter-spacing: inherit;
-  font-size: inherit;
-  color: inherit;
-  border-top: 2px solid transparent;
-  border-bottom: 2px solid transparent;
-}
-
-.emotion-6:focus {
-  border-bottom: 2px solid #9fdaff;
-  outline: 0 none;
-}
-
-.emotion-4 {
-  position: relative;
-  overflow: auto;
-}
-
-.emotion-4 code {
-  padding-right: 10px;
-  opacity: 0.7;
-}
-
-.emotion-4 * .token {
-  font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
-  -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.string {
-  color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
-  color: #393A34;
-}
-
-.emotion-4 * .token.operator {
-  color: #393A34;
-}
-
-.emotion-4 * .token.url {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.number {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.function {
-  color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
-  color: #9a050f;
-}
-
-.emotion-4 * .token.important {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
-  font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
-  color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
-  color: #800000;
-}
-
-.emotion-4 * .token.selector {
-  color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.property {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
-  background: #ffff00;
-  color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
-  color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
-  opacity: 0.7;
-}
-
-.emotion-0 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 0;
-  opacity: 1;
-}
-
-.emotion-12 {
-  position: relative;
-  overflow: hidden;
-  border: 1px solid rgba(0,0,0,0.1);
-  border-radius: 4px;
-  background: rgba(255,255,255,1);
-}
-
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 10px;
-}
-
 <div
-  class="emotion-12 emotion-13"
+  class="css-1utuj4w-Wrapper epklh870"
 >
   <div
-    class="emotion-4 emotion-5"
+    class="css-1y75e3d-Scroller epklh871"
   >
     <pre
-      class="hljs emotion-2 emotion-3"
+      class="hljs css-1ks10li-Pre epklh872"
     >
       <code
-        class="emotion-0 emotion-1"
+        class="css-1igagyr-Code epklh873"
       >
         <span
           class="token keyword"
@@ -654,13 +229,13 @@ exports[`Storyshots Components|SyntaxHighlighter bordered & copy-able 1`] = `
     </pre>
   </div>
   <ul
-    class="emotion-10 emotion-11"
+    class="css-13c7bym-Container egs2kzf0"
   >
     <li
-      class="emotion-8 emotion-9"
+      class="css-1tizi7s-ActionItem egs2kzf2"
     >
       <button
-        class="emotion-6 emotion-7"
+        class="css-1r3i0dl-ActionButton egs2kzf1"
       >
         copy
       </button>
@@ -670,199 +245,17 @@ exports[`Storyshots Components|SyntaxHighlighter bordered & copy-able 1`] = `
 `;
 
 exports[`Storyshots Components|SyntaxHighlighter jsx 1`] = `
-.emotion-6 {
-  position: relative;
-  overflow: hidden;
-}
-
-.emotion-4 {
-  position: relative;
-  overflow: auto;
-}
-
-.emotion-4 code {
-  padding-right: 10px;
-  opacity: 0.7;
-}
-
-.emotion-4 * .token {
-  font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
-  -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.string {
-  color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
-  color: #393A34;
-}
-
-.emotion-4 * .token.operator {
-  color: #393A34;
-}
-
-.emotion-4 * .token.url {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.number {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.function {
-  color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
-  color: #9a050f;
-}
-
-.emotion-4 * .token.important {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
-  font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
-  color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
-  color: #800000;
-}
-
-.emotion-4 * .token.selector {
-  color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.property {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
-  background: #ffff00;
-  color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
-  color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
-  opacity: 0.7;
-}
-
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 0;
-}
-
-.emotion-0 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 0;
-  opacity: 1;
-}
-
 <div
-  class="emotion-6 emotion-7"
+  class="css-fri0s0-Wrapper epklh870"
 >
   <div
-    class="emotion-4 emotion-5"
+    class="css-1y75e3d-Scroller epklh871"
   >
     <pre
-      class="hljs emotion-2 emotion-3"
+      class="hljs css-1x8ad3z-Pre epklh872"
     >
       <code
-        class="emotion-0 emotion-1"
+        class="css-1igagyr-Code epklh873"
       >
         <span
           class="token keyword"
@@ -1081,196 +474,14 @@ exports[`Storyshots Components|SyntaxHighlighter jsx 1`] = `
 `;
 
 exports[`Storyshots Components|SyntaxHighlighter showLineNumbers 1`] = `
-.emotion-6 {
-  position: relative;
-  overflow: hidden;
-}
-
-.emotion-4 {
-  position: relative;
-  overflow: auto;
-}
-
-.emotion-4 code {
-  padding-right: 10px;
-  opacity: 0.7;
-}
-
-.emotion-4 * .token {
-  font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
-  -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.string {
-  color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
-  color: #393A34;
-}
-
-.emotion-4 * .token.operator {
-  color: #393A34;
-}
-
-.emotion-4 * .token.url {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.number {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.function {
-  color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
-  color: #9a050f;
-}
-
-.emotion-4 * .token.important {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
-  font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
-  color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
-  color: #800000;
-}
-
-.emotion-4 * .token.selector {
-  color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.property {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
-  background: #ffff00;
-  color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
-  color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
-  opacity: 0.7;
-}
-
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 0;
-}
-
-.emotion-0 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 0;
-  opacity: 1;
-}
-
 <div
-  class="emotion-6 emotion-7"
+  class="css-fri0s0-Wrapper epklh870"
 >
   <div
-    class="emotion-4 emotion-5"
+    class="css-1y75e3d-Scroller epklh871"
   >
     <pre
-      class="hljs emotion-2 emotion-3"
+      class="hljs css-1x8ad3z-Pre epklh872"
     >
       <code>
         <span
@@ -1305,7 +516,7 @@ exports[`Storyshots Components|SyntaxHighlighter showLineNumbers 1`] = `
         </span>
       </code>
       <code
-        class="emotion-0 emotion-1"
+        class="css-1igagyr-Code epklh873"
       >
         <span
           class="token keyword"
@@ -1494,199 +705,17 @@ exports[`Storyshots Components|SyntaxHighlighter showLineNumbers 1`] = `
 `;
 
 exports[`Storyshots Components|SyntaxHighlighter story 1`] = `
-.emotion-6 {
-  position: relative;
-  overflow: hidden;
-}
-
-.emotion-4 {
-  position: relative;
-  overflow: auto;
-}
-
-.emotion-4 code {
-  padding-right: 10px;
-  opacity: 0.7;
-}
-
-.emotion-4 * .token {
-  font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
-  -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-4 * .token.string {
-  color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
-  color: #393A34;
-}
-
-.emotion-4 * .token.operator {
-  color: #393A34;
-}
-
-.emotion-4 * .token.url {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.number {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
-  color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
-  color: #0000ff;
-}
-
-.emotion-4 * .token.function {
-  color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
-  color: #9a050f;
-}
-
-.emotion-4 * .token.important {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
-  font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
-  font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
-  color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
-  color: #800000;
-}
-
-.emotion-4 * .token.selector {
-  color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.property {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
-  color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
-  background: #ffff00;
-  color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
-  color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
-  color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
-  opacity: 0.7;
-}
-
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 0;
-}
-
-.emotion-0 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 0;
-  opacity: 1;
-}
-
 <div
-  class="emotion-6 emotion-7"
+  class="css-fri0s0-Wrapper epklh870"
 >
   <div
-    class="emotion-4 emotion-5"
+    class="css-1y75e3d-Scroller epklh871"
   >
     <pre
-      class="hljs emotion-2 emotion-3"
+      class="hljs css-1x8ad3z-Pre epklh872"
     >
       <code
-        class="emotion-0 emotion-1"
+        class="css-1igagyr-Code epklh873"
       >
         <span
           class="token keyword"
diff --git a/lib/components/src/tabs/__snapshots__/tabs.stories.storyshot b/lib/components/src/tabs/__snapshots__/tabs.stories.storyshot
index 158eb93b648..cf8f8441111 100644
--- a/lib/components/src/tabs/__snapshots__/tabs.stories.storyshot
+++ b/lib/components/src/tabs/__snapshots__/tabs.stories.storyshot
@@ -1,180 +1,56 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Storyshots Components|Tabs stateful - dynamic 1`] = `
-.emotion-0 {
-  white-space: normal;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  overflow: hidden;
-  vertical-align: top;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  font-size: 11px;
-  -webkit-letter-spacing: 1px;
-  -moz-letter-spacing: 1px;
-  -ms-letter-spacing: 1px;
-  letter-spacing: 1px;
-  padding: 0 15px;
-  text-transform: uppercase;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  height: 40px;
-  line-height: 12px;
-  box-sizing: border-box;
-  cursor: pointer;
-  background: transparent;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  color: rgba(0,0,0,0.4);
-  border-bottom-color: transparent;
-}
-
-.emotion-0:empty {
-  display: none;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-.emotion-14 {
-  height: 40px;
-  background: rgba(255,255,255,1);
-  border-bottom: 1px solid rgba(0,0,0,0.1);
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  color: rgba(0,0,0,0.4);
-}
-
-.emotion-4 {
-  white-space: normal;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  overflow: hidden;
-  vertical-align: top;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  font-size: 11px;
-  -webkit-letter-spacing: 1px;
-  -moz-letter-spacing: 1px;
-  -ms-letter-spacing: 1px;
-  letter-spacing: 1px;
-  padding: 0 15px;
-  text-transform: uppercase;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  height: 40px;
-  line-height: 12px;
-  box-sizing: border-box;
-  cursor: pointer;
-  background: transparent;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  color: #444;
-  border-bottom-color: rgba(0,0,0,0.1);
-}
-
-.emotion-4:empty {
-  display: none;
-}
-
-.emotion-4:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-.emotion-18 {
-  display: block;
-}
-
-.emotion-12 {
-  overflow: auto;
-  white-space: nowrap;
-  height: 100%;
-}
-
-.emotion-16 {
-  display: block;
-  position: relative;
-}
-
 <div
   style="height:calc(100vh - 20px)"
 >
   <div
-    class="emotion-18 emotion-19"
+    class="css-z5a1p4-Wrapper e1lzzkxx0"
   >
     <div
-      class="emotion-14 emotion-15"
+      class="css-1x21rq3-TabBarWrapper e1lzzkxx2"
     >
       <div
-        class="emotion-12 emotion-13"
+        class="css-1qbrtvg-TabBar e1lzzkxx1"
         role="tablist"
       >
         <button
-          class="emotion-0 emotion-1"
+          class="css-1ghc1c-TabButton e1lzzkxx4"
           role="tab"
           type="button"
         >
           Tab title #1
         </button>
         <button
-          class="emotion-0 emotion-1"
+          class="css-1ghc1c-TabButton e1lzzkxx4"
           role="tab"
           type="button"
         >
           Tab title #2
         </button>
         <button
-          class="emotion-4 emotion-1"
+          class="css-1jt6nsk-TabButton e1lzzkxx4"
           role="tab"
           type="button"
         >
           Tab with scroll!
         </button>
         <button
-          class="emotion-0 emotion-1"
+          class="css-1ghc1c-TabButton e1lzzkxx4"
           role="tab"
           type="button"
         >
           Tab title #4
         </button>
         <button
-          class="emotion-0 emotion-1"
+          class="css-1ghc1c-TabButton e1lzzkxx4"
           role="tab"
           type="button"
         >
           Tab title #5
         </button>
         <button
-          class="emotion-0 emotion-1"
+          class="css-1ghc1c-TabButton e1lzzkxx4"
           role="tab"
           type="button"
         >
@@ -183,7 +59,7 @@ exports[`Storyshots Components|Tabs stateful - dynamic 1`] = `
       </div>
     </div>
     <div
-      class="emotion-16 emotion-17"
+      class="css-1eu9ihj-Content e1lzzkxx5"
     >
       <div
         id="test1"
@@ -215,180 +91,56 @@ exports[`Storyshots Components|Tabs stateful - dynamic 1`] = `
 `;
 
 exports[`Storyshots Components|Tabs stateful - no initial 1`] = `
-.emotion-2 {
-  white-space: normal;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  overflow: hidden;
-  vertical-align: top;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  font-size: 11px;
-  -webkit-letter-spacing: 1px;
-  -moz-letter-spacing: 1px;
-  -ms-letter-spacing: 1px;
-  letter-spacing: 1px;
-  padding: 0 15px;
-  text-transform: uppercase;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  height: 40px;
-  line-height: 12px;
-  box-sizing: border-box;
-  cursor: pointer;
-  background: transparent;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  color: rgba(0,0,0,0.4);
-  border-bottom-color: transparent;
-}
-
-.emotion-2:empty {
-  display: none;
-}
-
-.emotion-2:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-.emotion-14 {
-  height: 40px;
-  background: rgba(255,255,255,1);
-  border-bottom: 1px solid rgba(0,0,0,0.1);
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  color: rgba(0,0,0,0.4);
-}
-
-.emotion-0 {
-  white-space: normal;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  overflow: hidden;
-  vertical-align: top;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  font-size: 11px;
-  -webkit-letter-spacing: 1px;
-  -moz-letter-spacing: 1px;
-  -ms-letter-spacing: 1px;
-  letter-spacing: 1px;
-  padding: 0 15px;
-  text-transform: uppercase;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  height: 40px;
-  line-height: 12px;
-  box-sizing: border-box;
-  cursor: pointer;
-  background: transparent;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  color: #444;
-  border-bottom-color: rgba(0,0,0,0.1);
-}
-
-.emotion-0:empty {
-  display: none;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-.emotion-18 {
-  display: block;
-}
-
-.emotion-12 {
-  overflow: auto;
-  white-space: nowrap;
-  height: 100%;
-}
-
-.emotion-16 {
-  display: block;
-  position: relative;
-}
-
 <div
   style="height:calc(100vh - 20px)"
 >
   <div
-    class="emotion-18 emotion-19"
+    class="css-z5a1p4-Wrapper e1lzzkxx0"
   >
     <div
-      class="emotion-14 emotion-15"
+      class="css-1x21rq3-TabBarWrapper e1lzzkxx2"
     >
       <div
-        class="emotion-12 emotion-13"
+        class="css-1qbrtvg-TabBar e1lzzkxx1"
         role="tablist"
       >
         <button
-          class="emotion-0 emotion-1"
+          class="css-1jt6nsk-TabButton e1lzzkxx4"
           role="tab"
           type="button"
         >
           Tab title #1
         </button>
         <button
-          class="emotion-2 emotion-1"
+          class="css-1ghc1c-TabButton e1lzzkxx4"
           role="tab"
           type="button"
         >
           Tab title #2
         </button>
         <button
-          class="emotion-2 emotion-1"
+          class="css-1ghc1c-TabButton e1lzzkxx4"
           role="tab"
           type="button"
         >
           Tab with scroll!
         </button>
         <button
-          class="emotion-2 emotion-1"
+          class="css-1ghc1c-TabButton e1lzzkxx4"
           role="tab"
           type="button"
         >
           Tab title #4
         </button>
         <button
-          class="emotion-2 emotion-1"
+          class="css-1ghc1c-TabButton e1lzzkxx4"
           role="tab"
           type="button"
         >
           Tab title #5
         </button>
         <button
-          class="emotion-2 emotion-1"
+          class="css-1ghc1c-TabButton e1lzzkxx4"
           role="tab"
           type="button"
         >
@@ -397,7 +149,7 @@ exports[`Storyshots Components|Tabs stateful - no initial 1`] = `
       </div>
     </div>
     <div
-      class="emotion-16 emotion-17"
+      class="css-1eu9ihj-Content e1lzzkxx5"
     >
       <div
         id="test1"
@@ -429,152 +181,28 @@ exports[`Storyshots Components|Tabs stateful - no initial 1`] = `
 `;
 
 exports[`Storyshots Components|Tabs stateful - static 1`] = `
-.emotion-0 {
-  white-space: normal;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  overflow: hidden;
-  vertical-align: top;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  font-size: 11px;
-  -webkit-letter-spacing: 1px;
-  -moz-letter-spacing: 1px;
-  -ms-letter-spacing: 1px;
-  letter-spacing: 1px;
-  padding: 0 15px;
-  text-transform: uppercase;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  height: 40px;
-  line-height: 12px;
-  box-sizing: border-box;
-  cursor: pointer;
-  background: transparent;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  color: rgba(0,0,0,0.4);
-  border-bottom-color: transparent;
-}
-
-.emotion-0:empty {
-  display: none;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-.emotion-6 {
-  height: 40px;
-  background: rgba(255,255,255,1);
-  border-bottom: 1px solid rgba(0,0,0,0.1);
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  color: rgba(0,0,0,0.4);
-}
-
-.emotion-2 {
-  white-space: normal;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  overflow: hidden;
-  vertical-align: top;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  font-size: 11px;
-  -webkit-letter-spacing: 1px;
-  -moz-letter-spacing: 1px;
-  -ms-letter-spacing: 1px;
-  letter-spacing: 1px;
-  padding: 0 15px;
-  text-transform: uppercase;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  height: 40px;
-  line-height: 12px;
-  box-sizing: border-box;
-  cursor: pointer;
-  background: transparent;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  color: #444;
-  border-bottom-color: rgba(0,0,0,0.1);
-}
-
-.emotion-2:empty {
-  display: none;
-}
-
-.emotion-2:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-.emotion-10 {
-  display: block;
-}
-
-.emotion-4 {
-  overflow: auto;
-  white-space: nowrap;
-  height: 100%;
-}
-
-.emotion-8 {
-  display: block;
-  position: relative;
-}
-
 <div
   style="height:calc(100vh - 20px)"
 >
   <div
-    class="emotion-10 emotion-11"
+    class="css-z5a1p4-Wrapper e1lzzkxx0"
   >
     <div
-      class="emotion-6 emotion-7"
+      class="css-1x21rq3-TabBarWrapper e1lzzkxx2"
     >
       <div
-        class="emotion-4 emotion-5"
+        class="css-1qbrtvg-TabBar e1lzzkxx1"
         role="tablist"
       >
         <button
-          class="emotion-0 emotion-1"
+          class="css-1ghc1c-TabButton e1lzzkxx4"
           role="tab"
           type="button"
         >
           With a function
         </button>
         <button
-          class="emotion-2 emotion-1"
+          class="css-1jt6nsk-TabButton e1lzzkxx4"
           role="tab"
           type="button"
         >
@@ -583,7 +211,7 @@ exports[`Storyshots Components|Tabs stateful - static 1`] = `
       </div>
     </div>
     <div
-      class="emotion-8 emotion-9"
+      class="css-1eu9ihj-Content e1lzzkxx5"
     >
       <div
         id="test1"
@@ -603,199 +231,56 @@ exports[`Storyshots Components|Tabs stateful - static 1`] = `
 `;
 
 exports[`Storyshots Components|Tabs stateless - absolute 1`] = `
-.emotion-0 {
-  white-space: normal;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  overflow: hidden;
-  vertical-align: top;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  font-size: 11px;
-  -webkit-letter-spacing: 1px;
-  -moz-letter-spacing: 1px;
-  -ms-letter-spacing: 1px;
-  letter-spacing: 1px;
-  padding: 0 15px;
-  text-transform: uppercase;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  height: 40px;
-  line-height: 12px;
-  box-sizing: border-box;
-  cursor: pointer;
-  background: transparent;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  color: rgba(0,0,0,0.4);
-  border-bottom-color: transparent;
-}
-
-.emotion-0:empty {
-  display: none;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-.emotion-14 {
-  height: 40px;
-  background: rgba(255,255,255,1);
-  border-bottom: 1px solid rgba(0,0,0,0.1);
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  color: rgba(0,0,0,0.4);
-}
-
-.emotion-4 {
-  white-space: normal;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  overflow: hidden;
-  vertical-align: top;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  font-size: 11px;
-  -webkit-letter-spacing: 1px;
-  -moz-letter-spacing: 1px;
-  -ms-letter-spacing: 1px;
-  letter-spacing: 1px;
-  padding: 0 15px;
-  text-transform: uppercase;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  height: 40px;
-  line-height: 12px;
-  box-sizing: border-box;
-  cursor: pointer;
-  background: transparent;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  color: #444;
-  border-bottom-color: rgba(0,0,0,0.1);
-}
-
-.emotion-4:empty {
-  display: none;
-}
-
-.emotion-4:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-.emotion-16 {
-  display: block;
-  position: relative;
-  position: relative;
-  overflow: auto;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  width: 100%;
-}
-
-.emotion-12 {
-  overflow: auto;
-  white-space: nowrap;
-  height: 100%;
-}
-
-.emotion-18 {
-  background: rgba(255,255,255,0.89);
-  background-clip: padding-box;
-  border-radius: 4px;
-  border: 1px solid rgba(0,0,0,0.1);
-  width: 100%;
-  height: 100%;
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-}
-
 <div
   style="height:calc(100vh - 20px)"
 >
   <div
-    class="emotion-18 emotion-19"
+    class="css-rpkhur-Wrapper e1lzzkxx0"
   >
     <div
-      class="emotion-14 emotion-15"
+      class="css-1x21rq3-TabBarWrapper e1lzzkxx2"
     >
       <div
-        class="emotion-12 emotion-13"
+        class="css-1qbrtvg-TabBar e1lzzkxx1"
         role="tablist"
       >
         <button
-          class="emotion-0 emotion-1"
+          class="css-1ghc1c-TabButton e1lzzkxx4"
           role="tab"
           type="button"
         >
           Tab title #1
         </button>
         <button
-          class="emotion-0 emotion-1"
+          class="css-1ghc1c-TabButton e1lzzkxx4"
           role="tab"
           type="button"
         >
           Tab title #2
         </button>
         <button
-          class="emotion-4 emotion-1"
+          class="css-1jt6nsk-TabButton e1lzzkxx4"
           role="tab"
           type="button"
         >
           Tab with scroll!
         </button>
         <button
-          class="emotion-0 emotion-1"
+          class="css-1ghc1c-TabButton e1lzzkxx4"
           role="tab"
           type="button"
         >
           Tab title #4
         </button>
         <button
-          class="emotion-0 emotion-1"
+          class="css-1ghc1c-TabButton e1lzzkxx4"
           role="tab"
           type="button"
         >
           Tab title #5
         </button>
         <button
-          class="emotion-0 emotion-1"
+          class="css-1ghc1c-TabButton e1lzzkxx4"
           role="tab"
           type="button"
         >
@@ -804,7 +289,7 @@ exports[`Storyshots Components|Tabs stateless - absolute 1`] = `
       </div>
     </div>
     <div
-      class="emotion-16 emotion-17"
+      class="css-1od9ihz-Content e1lzzkxx5"
     >
       <div
         id="test1"
@@ -836,184 +321,56 @@ exports[`Storyshots Components|Tabs stateless - absolute 1`] = `
 `;
 
 exports[`Storyshots Components|Tabs stateless - bordered 1`] = `
-.emotion-0 {
-  white-space: normal;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  overflow: hidden;
-  vertical-align: top;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  font-size: 11px;
-  -webkit-letter-spacing: 1px;
-  -moz-letter-spacing: 1px;
-  -ms-letter-spacing: 1px;
-  letter-spacing: 1px;
-  padding: 0 15px;
-  text-transform: uppercase;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  height: 40px;
-  line-height: 12px;
-  box-sizing: border-box;
-  cursor: pointer;
-  background: transparent;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  color: rgba(0,0,0,0.4);
-  border-bottom-color: transparent;
-}
-
-.emotion-0:empty {
-  display: none;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-.emotion-14 {
-  height: 40px;
-  background: rgba(255,255,255,1);
-  border-bottom: 1px solid rgba(0,0,0,0.1);
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  color: rgba(0,0,0,0.4);
-}
-
-.emotion-4 {
-  white-space: normal;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  overflow: hidden;
-  vertical-align: top;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  font-size: 11px;
-  -webkit-letter-spacing: 1px;
-  -moz-letter-spacing: 1px;
-  -ms-letter-spacing: 1px;
-  letter-spacing: 1px;
-  padding: 0 15px;
-  text-transform: uppercase;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  height: 40px;
-  line-height: 12px;
-  box-sizing: border-box;
-  cursor: pointer;
-  background: transparent;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  color: #444;
-  border-bottom-color: rgba(0,0,0,0.1);
-}
-
-.emotion-4:empty {
-  display: none;
-}
-
-.emotion-4:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-.emotion-12 {
-  overflow: auto;
-  white-space: nowrap;
-  height: 100%;
-}
-
-.emotion-16 {
-  display: block;
-  position: relative;
-}
-
-.emotion-18 {
-  background: rgba(255,255,255,0.89);
-  background-clip: padding-box;
-  border-radius: 4px;
-  border: 1px solid rgba(0,0,0,0.1);
-  display: block;
-}
-
 <div
   style="height:calc(100vh - 20px)"
 >
   <div
-    class="emotion-18 emotion-19"
+    class="css-1nivq3t-Wrapper e1lzzkxx0"
   >
     <div
-      class="emotion-14 emotion-15"
+      class="css-1x21rq3-TabBarWrapper e1lzzkxx2"
     >
       <div
-        class="emotion-12 emotion-13"
+        class="css-1qbrtvg-TabBar e1lzzkxx1"
         role="tablist"
       >
         <button
-          class="emotion-0 emotion-1"
+          class="css-1ghc1c-TabButton e1lzzkxx4"
           role="tab"
           type="button"
         >
           Tab title #1
         </button>
         <button
-          class="emotion-0 emotion-1"
+          class="css-1ghc1c-TabButton e1lzzkxx4"
           role="tab"
           type="button"
         >
           Tab title #2
         </button>
         <button
-          class="emotion-4 emotion-1"
+          class="css-1jt6nsk-TabButton e1lzzkxx4"
           role="tab"
           type="button"
         >
           Tab with scroll!
         </button>
         <button
-          class="emotion-0 emotion-1"
+          class="css-1ghc1c-TabButton e1lzzkxx4"
           role="tab"
           type="button"
         >
           Tab title #4
         </button>
         <button
-          class="emotion-0 emotion-1"
+          class="css-1ghc1c-TabButton e1lzzkxx4"
           role="tab"
           type="button"
         >
           Tab title #5
         </button>
         <button
-          class="emotion-0 emotion-1"
+          class="css-1ghc1c-TabButton e1lzzkxx4"
           role="tab"
           type="button"
         >
@@ -1022,7 +379,7 @@ exports[`Storyshots Components|Tabs stateless - bordered 1`] = `
       </div>
     </div>
     <div
-      class="emotion-16 emotion-17"
+      class="css-1eu9ihj-Content e1lzzkxx5"
     >
       <div
         id="test1"
@@ -1054,20 +411,11 @@ exports[`Storyshots Components|Tabs stateless - bordered 1`] = `
 `;
 
 exports[`Storyshots Components|Tabs stateless - empty 1`] = `
-.emotion-0 {
-  font-size: 11px;
-  display: block;
-  text-align: center;
-  text-transform: uppercase;
-  margin: 0;
-  padding: 20px;
-}
-
 <div
   style="height:calc(100vh - 20px)"
 >
   <p
-    class="emotion-0 emotion-1"
+    class="css-hftiue ejh6i270"
   >
     no panels available
   </p>
@@ -1075,184 +423,56 @@ exports[`Storyshots Components|Tabs stateless - empty 1`] = `
 `;
 
 exports[`Storyshots Components|Tabs stateless - no scrolling 1`] = `
-.emotion-0 {
-  white-space: normal;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  overflow: hidden;
-  vertical-align: top;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  font-size: 11px;
-  -webkit-letter-spacing: 1px;
-  -moz-letter-spacing: 1px;
-  -ms-letter-spacing: 1px;
-  letter-spacing: 1px;
-  padding: 0 15px;
-  text-transform: uppercase;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  height: 40px;
-  line-height: 12px;
-  box-sizing: border-box;
-  cursor: pointer;
-  background: transparent;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  color: rgba(0,0,0,0.4);
-  border-bottom-color: transparent;
-}
-
-.emotion-0:empty {
-  display: none;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-.emotion-14 {
-  height: 40px;
-  background: rgba(255,255,255,1);
-  border-bottom: 1px solid rgba(0,0,0,0.1);
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  color: rgba(0,0,0,0.4);
-}
-
-.emotion-4 {
-  white-space: normal;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  overflow: hidden;
-  vertical-align: top;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  font-size: 11px;
-  -webkit-letter-spacing: 1px;
-  -moz-letter-spacing: 1px;
-  -ms-letter-spacing: 1px;
-  letter-spacing: 1px;
-  padding: 0 15px;
-  text-transform: uppercase;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  height: 40px;
-  line-height: 12px;
-  box-sizing: border-box;
-  cursor: pointer;
-  background: transparent;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  color: #444;
-  border-bottom-color: rgba(0,0,0,0.1);
-}
-
-.emotion-4:empty {
-  display: none;
-}
-
-.emotion-4:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-.emotion-12 {
-  overflow: visisble;
-  white-space: nowrap;
-  height: 100%;
-}
-
-.emotion-16 {
-  display: block;
-  position: relative;
-}
-
-.emotion-18 {
-  background: rgba(255,255,255,0.89);
-  background-clip: padding-box;
-  border-radius: 4px;
-  border: 1px solid rgba(0,0,0,0.1);
-  display: block;
-}
-
 <div
   style="height:calc(100vh - 20px)"
 >
   <div
-    class="emotion-18 emotion-19"
+    class="css-1nivq3t-Wrapper e1lzzkxx0"
   >
     <div
-      class="emotion-14 emotion-15"
+      class="css-1x21rq3-TabBarWrapper e1lzzkxx2"
     >
       <div
-        class="emotion-12 emotion-13"
+        class="css-1jsscdj-TabBar e1lzzkxx1"
         role="tablist"
       >
         <button
-          class="emotion-0 emotion-1"
+          class="css-1ghc1c-TabButton e1lzzkxx4"
           role="tab"
           type="button"
         >
           Tab title #1
         </button>
         <button
-          class="emotion-0 emotion-1"
+          class="css-1ghc1c-TabButton e1lzzkxx4"
           role="tab"
           type="button"
         >
           Tab title #2
         </button>
         <button
-          class="emotion-4 emotion-1"
+          class="css-1jt6nsk-TabButton e1lzzkxx4"
           role="tab"
           type="button"
         >
           Tab with scroll!
         </button>
         <button
-          class="emotion-0 emotion-1"
+          class="css-1ghc1c-TabButton e1lzzkxx4"
           role="tab"
           type="button"
         >
           Tab title #4
         </button>
         <button
-          class="emotion-0 emotion-1"
+          class="css-1ghc1c-TabButton e1lzzkxx4"
           role="tab"
           type="button"
         >
           Tab title #5
         </button>
         <button
-          class="emotion-0 emotion-1"
+          class="css-1ghc1c-TabButton e1lzzkxx4"
           role="tab"
           type="button"
         >
@@ -1261,7 +481,7 @@ exports[`Storyshots Components|Tabs stateless - no scrolling 1`] = `
       </div>
     </div>
     <div
-      class="emotion-16 emotion-17"
+      class="css-1eu9ihj-Content e1lzzkxx5"
     >
       <div
         id="test1"
@@ -1293,202 +513,56 @@ exports[`Storyshots Components|Tabs stateless - no scrolling 1`] = `
 `;
 
 exports[`Storyshots Components|Tabs stateless - with tools 1`] = `
-.emotion-0 {
-  white-space: normal;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  overflow: hidden;
-  vertical-align: top;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  font-size: 11px;
-  -webkit-letter-spacing: 1px;
-  -moz-letter-spacing: 1px;
-  -ms-letter-spacing: 1px;
-  letter-spacing: 1px;
-  padding: 0 15px;
-  text-transform: uppercase;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  height: 40px;
-  line-height: 12px;
-  box-sizing: border-box;
-  cursor: pointer;
-  background: transparent;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  color: rgba(0,0,0,0.4);
-  border-bottom-color: transparent;
-}
-
-.emotion-0:empty {
-  display: none;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-.emotion-16 {
-  height: 40px;
-  background: rgba(255,255,255,1);
-  border-bottom: 1px solid rgba(0,0,0,0.1);
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  color: rgba(0,0,0,0.4);
-}
-
-.emotion-4 {
-  white-space: normal;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  overflow: hidden;
-  vertical-align: top;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  font-size: 11px;
-  -webkit-letter-spacing: 1px;
-  -moz-letter-spacing: 1px;
-  -ms-letter-spacing: 1px;
-  letter-spacing: 1px;
-  padding: 0 15px;
-  text-transform: uppercase;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  height: 40px;
-  line-height: 12px;
-  box-sizing: border-box;
-  cursor: pointer;
-  background: transparent;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  color: #444;
-  border-bottom-color: rgba(0,0,0,0.1);
-}
-
-.emotion-4:empty {
-  display: none;
-}
-
-.emotion-4:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-.emotion-14 {
-  height: 100%;
-  padding-right: 15px;
-  padding-left: 15px;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.emotion-14 > * {
-  margin-right: 15px;
-}
-
-.emotion-14 > *:last-child {
-  margin-right: 0;
-}
-
-.emotion-20 {
-  display: block;
-}
-
-.emotion-12 {
-  overflow: auto;
-  white-space: nowrap;
-  height: 100%;
-}
-
-.emotion-18 {
-  display: block;
-  position: relative;
-}
-
 <div
   style="height:calc(100vh - 20px)"
 >
   <div
-    class="emotion-20 emotion-21"
+    class="css-z5a1p4-Wrapper e1lzzkxx0"
   >
     <div
-      class="emotion-16 emotion-17"
+      class="css-1x21rq3-TabBarWrapper e1lzzkxx2"
     >
       <div
-        class="emotion-12 emotion-13"
+        class="css-1qbrtvg-TabBar e1lzzkxx1"
         role="tablist"
       >
         <button
-          class="emotion-0 emotion-1"
+          class="css-1ghc1c-TabButton e1lzzkxx4"
           role="tab"
           type="button"
         >
           Tab title #1
         </button>
         <button
-          class="emotion-0 emotion-1"
+          class="css-1ghc1c-TabButton e1lzzkxx4"
           role="tab"
           type="button"
         >
           Tab title #2
         </button>
         <button
-          class="emotion-4 emotion-1"
+          class="css-1jt6nsk-TabButton e1lzzkxx4"
           role="tab"
           type="button"
         >
           Tab with scroll!
         </button>
         <button
-          class="emotion-0 emotion-1"
+          class="css-1ghc1c-TabButton e1lzzkxx4"
           role="tab"
           type="button"
         >
           Tab title #4
         </button>
         <button
-          class="emotion-0 emotion-1"
+          class="css-1ghc1c-TabButton e1lzzkxx4"
           role="tab"
           type="button"
         >
           Tab title #5
         </button>
         <button
-          class="emotion-0 emotion-1"
+          class="css-1ghc1c-TabButton e1lzzkxx4"
           role="tab"
           type="button"
         >
@@ -1496,7 +570,7 @@ exports[`Storyshots Components|Tabs stateless - with tools 1`] = `
         </button>
       </div>
       <div
-        class="emotion-14 emotion-15"
+        class="css-1syx3b1-TabBarTools e1lzzkxx3"
       >
         <button
           type="button"
@@ -1511,7 +585,7 @@ exports[`Storyshots Components|Tabs stateless - with tools 1`] = `
       </div>
     </div>
     <div
-      class="emotion-18 emotion-19"
+      class="css-1eu9ihj-Content e1lzzkxx5"
     >
       <div
         id="test1"
diff --git a/lib/components/src/treeview/__snapshots__/treeview.stories.storyshot b/lib/components/src/treeview/__snapshots__/treeview.stories.storyshot
index 311aaf77674..ab1ab8de130 100644
--- a/lib/components/src/treeview/__snapshots__/treeview.stories.storyshot
+++ b/lib/components/src/treeview/__snapshots__/treeview.stories.storyshot
@@ -2,167 +2,44 @@
 
 exports[`Storyshots Components|Treeview stateful 1`] = `
 Array [
-  .emotion-0 {
-  height: 24px;
-  box-sizing: border-box;
-  width: 100%;
-  background: transparent;
-  border: 0 none;
-  color: #444;
-  padding: 10px;
-  padding-left: 0;
-  border-bottom: 1px solid rgba(0,0,0,0.05);
-}
-
-.emotion-0:focus {
-  outline: 0;
-  border-bottom: 1px solid #9fdaff;
-}
-
-<input
-    class="emotion-0 emotion-1"
+  <input
+    class="css-1lshnka-FilterField ejte0e34"
     id="storybook-explorer-searchfield"
     placeholder="Press \\"/\\" to search..."
   />,
-  .emotion-0 {
-  fill: currentColor;
-}
-
-.emotion-59 {
-  margin-left: -20px;
-  margin-right: -20px;
-}
-
-.emotion-12 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  color: inherit;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.emotion-10 {
-  min-height: 24px;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-left: 10px;
-  background: transparent;
-}
-
-.emotion-3 {
-  display: block;
-  display: inline-block;
-  width: 8px;
-  height: 8px;
-  margin: 1px;
-  margin-right: 4px;
-  margin-left: -2px;
-  -webkit-transition: -webkit-transform .1s linear;
-  -webkit-transition: transform .1s linear;
-  transition: transform .1s linear;
-  color: rgba(0,0,0,0.4);
-  -webkit-transform: rotateZ(90deg);
-  -ms-transform: rotateZ(90deg);
-  transform: rotateZ(90deg);
-}
-
-.emotion-8 {
-  display: block;
-  display: inline-block;
-  width: 10px;
-  height: 10px;
-  margin-right: 10px;
-  color: #774dd7;
-}
-
-.emotion-19 {
-  min-height: 24px;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-left: 30px;
-  background: transparent;
-}
-
-.emotion-17 {
-  display: block;
-  display: inline-block;
-  width: 10px;
-  height: 10px;
-  margin-right: 10px;
-  color: #37d5d3;
-}
-
-.emotion-26 {
-  display: block;
-  display: inline-block;
-  width: 8px;
-  height: 8px;
-  margin: 1px;
-  margin-right: 4px;
-  margin-left: -2px;
-  -webkit-transition: -webkit-transform .1s linear;
-  -webkit-transition: transform .1s linear;
-  transition: transform .1s linear;
-  color: rgba(0,0,0,0.4);
-}
-
-<div
-    class="emotion-59 emotion-60"
+  <div
+    class="css-3gk90-Container ejte0e30"
   >
     <div
-      class="emotion-37 emotion-38"
+      class="css-16snshc-TreeWrapper ejte0e31"
     >
       <a
-        class="emotion-12 emotion-13"
+        class="css-1034sg6-A ejte0e33"
         href="#!1"
         id="stateful_1"
       >
         <div
-          class="emotion-10 emotion-11"
+          class="css-1irdycu-LeafStyle ejte0e35"
         >
           <svg
-            class="emotion-2 emotion-3 emotion-4"
+            class="ejte0e36 css-1oq6nrl-Svg-RotatingChevron e1vqr9v80"
             height="14px"
             viewBox="0 0 1024 1024"
             width="14px"
           >
             <path
-              class="emotion-0 emotion-1"
+              class="css-1xhbbdd-Path e1gl30fa0"
               d="M878.78 477.856l-591.884-341.722c-9.464-5.464-18.426-8.050-26.386-8.048-19.516 0.002-33.002 15.546-33.002 42.338v683.446c0 26.792 13.482 42.338 33.002 42.338 7.96 0 16.924-2.586 26.386-8.048l591.884-341.722c32.664-18.864 32.664-49.724 0-68.582z"
             />
           </svg>
           <svg
-            class="emotion-7 emotion-8 emotion-4"
+            class="ejte0e37 css-1qa2lrn-Svg-TypeIcon e1vqr9v80"
             height="14px"
             viewBox="0 0 1024 1024"
             width="14px"
           >
             <path
-              class="emotion-0 emotion-1"
+              class="css-1xhbbdd-Path e1gl30fa0"
               d="M571 274h327c23 0 41 18 41 41v488c0 22-18 40-41 40H126c-23 0-41-18-41-40V242c0-34 27-61 61-61h317c18 0 35 7 47 21l61 72zm-119-8H170v492h684V359H531l-79-93z"
             />
           </svg>
@@ -172,25 +49,25 @@ Array [
         </div>
       </a>
       <div
-        class="emotion-39 emotion-40"
+        class="css-k4gjxv-ListWrapper ejte0e32"
       >
         <a
-          class="emotion-12 emotion-13"
+          class="css-1034sg6-A ejte0e33"
           href="#!1-11"
           id="stateful_1-11"
         >
           <div
-            class="emotion-19 emotion-11"
+            class="css-1cguoty-LeafStyle ejte0e35"
             id="1-11"
           >
             <svg
-              class="emotion-7 emotion-17 emotion-4"
+              class="ejte0e37 css-1s13dbd-Svg-TypeIcon e1vqr9v80"
               height="14px"
               viewBox="0 0 1024 1024"
               width="14px"
             >
               <path
-                class="emotion-0 emotion-1"
+                class="css-1xhbbdd-Path e1gl30fa0"
                 d="M772 1012L511 761l-260 251a49 49 0 0 1-52 10c-18-7-29-24-29-43V132c0-25 21-46 47-46h588c26 0 47 21 47 46v847c0 19-11 36-29 43a49 49 0 0 1-51-10zM545 664l213 205V181H265v688l213-205c9-9 21-14 33-14s24 5 34 14z"
               />
             </svg>
@@ -198,35 +75,35 @@ Array [
           </div>
         </a>
         <div
-          class="emotion-37 emotion-38"
+          class="css-16snshc-TreeWrapper ejte0e31"
         >
           <a
-            class="emotion-12 emotion-13"
+            class="css-1034sg6-A ejte0e33"
             href="#!12"
             id="stateful_1-12"
           >
             <div
-              class="emotion-19 emotion-11"
+              class="css-1cguoty-LeafStyle ejte0e35"
             >
               <svg
-                class="emotion-2 emotion-26 emotion-4"
+                class="ejte0e36 css-ytagf7-Svg-RotatingChevron e1vqr9v80"
                 height="14px"
                 viewBox="0 0 1024 1024"
                 width="14px"
               >
                 <path
-                  class="emotion-0 emotion-1"
+                  class="css-1xhbbdd-Path e1gl30fa0"
                   d="M878.78 477.856l-591.884-341.722c-9.464-5.464-18.426-8.050-26.386-8.048-19.516 0.002-33.002 15.546-33.002 42.338v683.446c0 26.792 13.482 42.338 33.002 42.338 7.96 0 16.924-2.586 26.386-8.048l591.884-341.722c32.664-18.864 32.664-49.724 0-68.582z"
                 />
               </svg>
               <svg
-                class="emotion-7 emotion-8 emotion-4"
+                class="ejte0e37 css-1qa2lrn-Svg-TypeIcon e1vqr9v80"
                 height="14px"
                 viewBox="0 0 1024 1024"
                 width="14px"
               >
                 <path
-                  class="emotion-0 emotion-1"
+                  class="css-1xhbbdd-Path e1gl30fa0"
                   d="M571 274h327c23 0 41 18 41 41v488c0 22-18 40-41 40H126c-23 0-41-18-41-40V242c0-34 27-61 61-61h317c18 0 35 7 47 21l61 72zm-119-8H170v492h684V359H531l-79-93z"
                 />
               </svg>
@@ -239,35 +116,35 @@ Array [
       </div>
     </div>
     <div
-      class="emotion-37 emotion-38"
+      class="css-16snshc-TreeWrapper ejte0e31"
     >
       <a
-        class="emotion-12 emotion-13"
+        class="css-1034sg6-A ejte0e33"
         href="#!2"
         id="stateful_2"
       >
         <div
-          class="emotion-10 emotion-11"
+          class="css-1irdycu-LeafStyle ejte0e35"
         >
           <svg
-            class="emotion-2 emotion-26 emotion-4"
+            class="ejte0e36 css-ytagf7-Svg-RotatingChevron e1vqr9v80"
             height="14px"
             viewBox="0 0 1024 1024"
             width="14px"
           >
             <path
-              class="emotion-0 emotion-1"
+              class="css-1xhbbdd-Path e1gl30fa0"
               d="M878.78 477.856l-591.884-341.722c-9.464-5.464-18.426-8.050-26.386-8.048-19.516 0.002-33.002 15.546-33.002 42.338v683.446c0 26.792 13.482 42.338 33.002 42.338 7.96 0 16.924-2.586 26.386-8.048l591.884-341.722c32.664-18.864 32.664-49.724 0-68.582z"
             />
           </svg>
           <svg
-            class="emotion-7 emotion-8 emotion-4"
+            class="ejte0e37 css-1qa2lrn-Svg-TypeIcon e1vqr9v80"
             height="14px"
             viewBox="0 0 1024 1024"
             width="14px"
           >
             <path
-              class="emotion-0 emotion-1"
+              class="css-1xhbbdd-Path e1gl30fa0"
               d="M571 274h327c23 0 41 18 41 41v488c0 22-18 40-41 40H126c-23 0-41-18-41-40V242c0-34 27-61 61-61h317c18 0 35 7 47 21l61 72zm-119-8H170v492h684V359H531l-79-93z"
             />
           </svg>
@@ -282,137 +159,36 @@ Array [
 `;
 
 exports[`Storyshots Components|Treeview stateless 1`] = `
-.emotion-0 {
-  fill: currentColor;
-}
-
-.emotion-12 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  color: inherit;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.emotion-10 {
-  min-height: 24px;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-left: 10px;
-  background: transparent;
-}
-
-.emotion-3 {
-  display: block;
-  display: inline-block;
-  width: 8px;
-  height: 8px;
-  margin: 1px;
-  margin-right: 4px;
-  margin-left: -2px;
-  -webkit-transition: -webkit-transform .1s linear;
-  -webkit-transition: transform .1s linear;
-  transition: transform .1s linear;
-  color: rgba(0,0,0,0.4);
-  -webkit-transform: rotateZ(90deg);
-  -ms-transform: rotateZ(90deg);
-  transform: rotateZ(90deg);
-}
-
-.emotion-8 {
-  display: block;
-  display: inline-block;
-  width: 10px;
-  height: 10px;
-  margin-right: 10px;
-  color: #774dd7;
-}
-
-.emotion-19 {
-  min-height: 24px;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-left: 30px;
-  background: transparent;
-}
-
-.emotion-17 {
-  display: block;
-  display: inline-block;
-  width: 10px;
-  height: 10px;
-  margin-right: 10px;
-  color: #37d5d3;
-}
-
-.emotion-26 {
-  display: block;
-  display: inline-block;
-  width: 8px;
-  height: 8px;
-  margin: 1px;
-  margin-right: 4px;
-  margin-left: -2px;
-  -webkit-transition: -webkit-transform .1s linear;
-  -webkit-transition: transform .1s linear;
-  transition: transform .1s linear;
-  color: rgba(0,0,0,0.4);
-}
-
 <div
-  class="emotion-37 emotion-38"
+  class="css-16snshc-TreeWrapper ejte0e31"
 >
   <a
-    class="emotion-12 emotion-13"
+    class="css-1034sg6-A ejte0e33"
     href="#!1"
     id="stateless_1"
   >
     <div
-      class="emotion-10 emotion-11"
+      class="css-1irdycu-LeafStyle ejte0e35"
     >
       <svg
-        class="emotion-2 emotion-3 emotion-4"
+        class="ejte0e36 css-1oq6nrl-Svg-RotatingChevron e1vqr9v80"
         height="14px"
         viewBox="0 0 1024 1024"
         width="14px"
       >
         <path
-          class="emotion-0 emotion-1"
+          class="css-1xhbbdd-Path e1gl30fa0"
           d="M878.78 477.856l-591.884-341.722c-9.464-5.464-18.426-8.050-26.386-8.048-19.516 0.002-33.002 15.546-33.002 42.338v683.446c0 26.792 13.482 42.338 33.002 42.338 7.96 0 16.924-2.586 26.386-8.048l591.884-341.722c32.664-18.864 32.664-49.724 0-68.582z"
         />
       </svg>
       <svg
-        class="emotion-7 emotion-8 emotion-4"
+        class="ejte0e37 css-1qa2lrn-Svg-TypeIcon e1vqr9v80"
         height="14px"
         viewBox="0 0 1024 1024"
         width="14px"
       >
         <path
-          class="emotion-0 emotion-1"
+          class="css-1xhbbdd-Path e1gl30fa0"
           d="M571 274h327c23 0 41 18 41 41v488c0 22-18 40-41 40H126c-23 0-41-18-41-40V242c0-34 27-61 61-61h317c18 0 35 7 47 21l61 72zm-119-8H170v492h684V359H531l-79-93z"
         />
       </svg>
@@ -422,25 +198,25 @@ exports[`Storyshots Components|Treeview stateless 1`] = `
     </div>
   </a>
   <div
-    class="emotion-39 emotion-40"
+    class="css-k4gjxv-ListWrapper ejte0e32"
   >
     <a
-      class="emotion-12 emotion-13"
+      class="css-1034sg6-A ejte0e33"
       href="#!1-11"
       id="stateless_1-11"
     >
       <div
-        class="emotion-19 emotion-11"
+        class="css-1cguoty-LeafStyle ejte0e35"
         id="1-11"
       >
         <svg
-          class="emotion-7 emotion-17 emotion-4"
+          class="ejte0e37 css-1s13dbd-Svg-TypeIcon e1vqr9v80"
           height="14px"
           viewBox="0 0 1024 1024"
           width="14px"
         >
           <path
-            class="emotion-0 emotion-1"
+            class="css-1xhbbdd-Path e1gl30fa0"
             d="M772 1012L511 761l-260 251a49 49 0 0 1-52 10c-18-7-29-24-29-43V132c0-25 21-46 47-46h588c26 0 47 21 47 46v847c0 19-11 36-29 43a49 49 0 0 1-51-10zM545 664l213 205V181H265v688l213-205c9-9 21-14 33-14s24 5 34 14z"
           />
         </svg>
@@ -448,35 +224,35 @@ exports[`Storyshots Components|Treeview stateless 1`] = `
       </div>
     </a>
     <div
-      class="emotion-37 emotion-38"
+      class="css-16snshc-TreeWrapper ejte0e31"
     >
       <a
-        class="emotion-12 emotion-13"
+        class="css-1034sg6-A ejte0e33"
         href="#!12"
         id="stateless_1-12"
       >
         <div
-          class="emotion-19 emotion-11"
+          class="css-1cguoty-LeafStyle ejte0e35"
         >
           <svg
-            class="emotion-2 emotion-26 emotion-4"
+            class="ejte0e36 css-ytagf7-Svg-RotatingChevron e1vqr9v80"
             height="14px"
             viewBox="0 0 1024 1024"
             width="14px"
           >
             <path
-              class="emotion-0 emotion-1"
+              class="css-1xhbbdd-Path e1gl30fa0"
               d="M878.78 477.856l-591.884-341.722c-9.464-5.464-18.426-8.050-26.386-8.048-19.516 0.002-33.002 15.546-33.002 42.338v683.446c0 26.792 13.482 42.338 33.002 42.338 7.96 0 16.924-2.586 26.386-8.048l591.884-341.722c32.664-18.864 32.664-49.724 0-68.582z"
             />
           </svg>
           <svg
-            class="emotion-7 emotion-8 emotion-4"
+            class="ejte0e37 css-1qa2lrn-Svg-TypeIcon e1vqr9v80"
             height="14px"
             viewBox="0 0 1024 1024"
             width="14px"
           >
             <path
-              class="emotion-0 emotion-1"
+              class="css-1xhbbdd-Path e1gl30fa0"
               d="M571 274h327c23 0 41 18 41 41v488c0 22-18 40-41 40H126c-23 0-41-18-41-40V242c0-34 27-61 61-61h317c18 0 35 7 47 21l61 72zm-119-8H170v492h684V359H531l-79-93z"
             />
           </svg>
@@ -492,185 +268,44 @@ exports[`Storyshots Components|Treeview stateless 1`] = `
 
 exports[`Storyshots Components|Treeview with custom node 1`] = `
 Array [
-  .emotion-0 {
-  height: 24px;
-  box-sizing: border-box;
-  width: 100%;
-  background: transparent;
-  border: 0 none;
-  color: #444;
-  padding: 10px;
-  padding-left: 0;
-  border-bottom: 1px solid rgba(0,0,0,0.05);
-}
-
-.emotion-0:focus {
-  outline: 0;
-  border-bottom: 1px solid #9fdaff;
-}
-
-<input
-    class="emotion-0 emotion-1"
+  <input
+    class="css-1lshnka-FilterField ejte0e34"
     id="storybook-explorer-searchfield"
     placeholder="Press \\"/\\" to search..."
   />,
-  .emotion-0 {
-  fill: currentColor;
-}
-
-.emotion-60 {
-  margin-left: -20px;
-  margin-right: -20px;
-}
-
-.emotion-12 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  color: inherit;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.emotion-10 {
-  min-height: 24px;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-left: 10px;
-  background: transparent;
-}
-
-.emotion-3 {
-  display: block;
-  display: inline-block;
-  width: 8px;
-  height: 8px;
-  margin: 1px;
-  margin-right: 4px;
-  margin-left: -2px;
-  -webkit-transition: -webkit-transform .1s linear;
-  -webkit-transition: transform .1s linear;
-  transition: transform .1s linear;
-  color: rgba(0,0,0,0.4);
-  -webkit-transform: rotateZ(90deg);
-  -ms-transform: rotateZ(90deg);
-  transform: rotateZ(90deg);
-}
-
-.emotion-8 {
-  display: block;
-  display: inline-block;
-  width: 10px;
-  height: 10px;
-  margin-right: 10px;
-  color: #774dd7;
-}
-
-.emotion-34 {
-  min-height: 24px;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-left: 30px;
-  background: transparent;
-}
-
-.emotion-17 {
-  display: block;
-  display: inline-block;
-  width: 10px;
-  height: 10px;
-  margin-right: 10px;
-  color: #37d5d3;
-}
-
-.emotion-27 {
-  display: block;
-  display: inline-block;
-  width: 8px;
-  height: 8px;
-  margin: 1px;
-  margin-right: 4px;
-  margin-left: -2px;
-  -webkit-transition: -webkit-transform .1s linear;
-  -webkit-transition: transform .1s linear;
-  transition: transform .1s linear;
-  color: rgba(0,0,0,0.4);
-}
-
-.emotion-20 {
-  min-height: 24px;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-left: 30px;
-  background: transparent;
-  background: deepskyblue;
-}
-
-<div
-    class="emotion-60 emotion-61"
+  <div
+    class="css-3gk90-Container ejte0e30"
   >
     <div
-      class="emotion-38 emotion-39"
+      class="css-16snshc-TreeWrapper ejte0e31"
     >
       <a
-        class="emotion-12 emotion-13"
+        class="css-1034sg6-A ejte0e33"
         href="#!1"
         id="stateful_1"
       >
         <div
-          class="emotion-10 emotion-11"
+          class="css-1irdycu-LeafStyle ejte0e35"
         >
           <svg
-            class="emotion-2 emotion-3 emotion-4"
+            class="ejte0e36 css-1oq6nrl-Svg-RotatingChevron e1vqr9v80"
             height="14px"
             viewBox="0 0 1024 1024"
             width="14px"
           >
             <path
-              class="emotion-0 emotion-1"
+              class="css-1xhbbdd-Path e1gl30fa0"
               d="M878.78 477.856l-591.884-341.722c-9.464-5.464-18.426-8.050-26.386-8.048-19.516 0.002-33.002 15.546-33.002 42.338v683.446c0 26.792 13.482 42.338 33.002 42.338 7.96 0 16.924-2.586 26.386-8.048l591.884-341.722c32.664-18.864 32.664-49.724 0-68.582z"
             />
           </svg>
           <svg
-            class="emotion-7 emotion-8 emotion-4"
+            class="ejte0e37 css-1qa2lrn-Svg-TypeIcon e1vqr9v80"
             height="14px"
             viewBox="0 0 1024 1024"
             width="14px"
           >
             <path
-              class="emotion-0 emotion-1"
+              class="css-1xhbbdd-Path e1gl30fa0"
               d="M571 274h327c23 0 41 18 41 41v488c0 22-18 40-41 40H126c-23 0-41-18-41-40V242c0-34 27-61 61-61h317c18 0 35 7 47 21l61 72zm-119-8H170v492h684V359H531l-79-93z"
             />
           </svg>
@@ -680,25 +315,25 @@ Array [
         </div>
       </a>
       <div
-        class="emotion-40 emotion-41"
+        class="css-k4gjxv-ListWrapper ejte0e32"
       >
         <a
-          class="emotion-12 emotion-13"
+          class="css-1034sg6-A ejte0e33"
           href="#!1-11"
           id="stateful_1-11"
         >
           <div
-            class="emotion-19 emotion-20 emotion-11"
+            class="ehoq3ru0 css-1w58l2s-LeafStyle-CustomLeaf ejte0e35"
             id="1-11"
           >
             <svg
-              class="emotion-7 emotion-17 emotion-4"
+              class="ejte0e37 css-1s13dbd-Svg-TypeIcon e1vqr9v80"
               height="14px"
               viewBox="0 0 1024 1024"
               width="14px"
             >
               <path
-                class="emotion-0 emotion-1"
+                class="css-1xhbbdd-Path e1gl30fa0"
                 d="M772 1012L511 761l-260 251a49 49 0 0 1-52 10c-18-7-29-24-29-43V132c0-25 21-46 47-46h588c26 0 47 21 47 46v847c0 19-11 36-29 43a49 49 0 0 1-51-10zM545 664l213 205V181H265v688l213-205c9-9 21-14 33-14s24 5 34 14z"
               />
             </svg>
@@ -706,35 +341,35 @@ Array [
           </div>
         </a>
         <div
-          class="emotion-38 emotion-39"
+          class="css-16snshc-TreeWrapper ejte0e31"
         >
           <a
-            class="emotion-12 emotion-13"
+            class="css-1034sg6-A ejte0e33"
             href="#!12"
             id="stateful_1-12"
           >
             <div
-              class="emotion-34 emotion-11"
+              class="css-1cguoty-LeafStyle ejte0e35"
             >
               <svg
-                class="emotion-2 emotion-27 emotion-4"
+                class="ejte0e36 css-ytagf7-Svg-RotatingChevron e1vqr9v80"
                 height="14px"
                 viewBox="0 0 1024 1024"
                 width="14px"
               >
                 <path
-                  class="emotion-0 emotion-1"
+                  class="css-1xhbbdd-Path e1gl30fa0"
                   d="M878.78 477.856l-591.884-341.722c-9.464-5.464-18.426-8.050-26.386-8.048-19.516 0.002-33.002 15.546-33.002 42.338v683.446c0 26.792 13.482 42.338 33.002 42.338 7.96 0 16.924-2.586 26.386-8.048l591.884-341.722c32.664-18.864 32.664-49.724 0-68.582z"
                 />
               </svg>
               <svg
-                class="emotion-7 emotion-8 emotion-4"
+                class="ejte0e37 css-1qa2lrn-Svg-TypeIcon e1vqr9v80"
                 height="14px"
                 viewBox="0 0 1024 1024"
                 width="14px"
               >
                 <path
-                  class="emotion-0 emotion-1"
+                  class="css-1xhbbdd-Path e1gl30fa0"
                   d="M571 274h327c23 0 41 18 41 41v488c0 22-18 40-41 40H126c-23 0-41-18-41-40V242c0-34 27-61 61-61h317c18 0 35 7 47 21l61 72zm-119-8H170v492h684V359H531l-79-93z"
                 />
               </svg>
@@ -747,35 +382,35 @@ Array [
       </div>
     </div>
     <div
-      class="emotion-38 emotion-39"
+      class="css-16snshc-TreeWrapper ejte0e31"
     >
       <a
-        class="emotion-12 emotion-13"
+        class="css-1034sg6-A ejte0e33"
         href="#!2"
         id="stateful_2"
       >
         <div
-          class="emotion-10 emotion-11"
+          class="css-1irdycu-LeafStyle ejte0e35"
         >
           <svg
-            class="emotion-2 emotion-27 emotion-4"
+            class="ejte0e36 css-ytagf7-Svg-RotatingChevron e1vqr9v80"
             height="14px"
             viewBox="0 0 1024 1024"
             width="14px"
           >
             <path
-              class="emotion-0 emotion-1"
+              class="css-1xhbbdd-Path e1gl30fa0"
               d="M878.78 477.856l-591.884-341.722c-9.464-5.464-18.426-8.050-26.386-8.048-19.516 0.002-33.002 15.546-33.002 42.338v683.446c0 26.792 13.482 42.338 33.002 42.338 7.96 0 16.924-2.586 26.386-8.048l591.884-341.722c32.664-18.864 32.664-49.724 0-68.582z"
             />
           </svg>
           <svg
-            class="emotion-7 emotion-8 emotion-4"
+            class="ejte0e37 css-1qa2lrn-Svg-TypeIcon e1vqr9v80"
             height="14px"
             viewBox="0 0 1024 1024"
             width="14px"
           >
             <path
-              class="emotion-0 emotion-1"
+              class="css-1xhbbdd-Path e1gl30fa0"
               d="M571 274h327c23 0 41 18 41 41v488c0 22-18 40-41 40H126c-23 0-41-18-41-40V242c0-34 27-61 61-61h317c18 0 35 7 47 21l61 72zm-119-8H170v492h684V359H531l-79-93z"
             />
           </svg>
@@ -791,165 +426,55 @@ Array [
 
 exports[`Storyshots Components|Treeview with ensured (WIP) 1`] = `
 Array [
-  .emotion-0 {
-  height: 24px;
-  box-sizing: border-box;
-  width: 100%;
-  background: transparent;
-  border: 0 none;
-  color: #444;
-  padding: 10px;
-  padding-left: 0;
-  border-bottom: 1px solid rgba(0,0,0,0.05);
-}
-
-.emotion-0:focus {
-  outline: 0;
-  border-bottom: 1px solid #9fdaff;
-}
-
-<input
-    class="emotion-0 emotion-1"
+  <input
+    class="css-1lshnka-FilterField ejte0e34"
     id="storybook-explorer-searchfield"
     placeholder="Press \\"/\\" to search..."
   />,
-  .emotion-0 {
-  color: currentColor;
-  font-weight: normal;
-  font-family: -apple-system,".SFNSText-Regular","San Francisco",BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Lucida Grande","Arial",sans-serif;
-  margin: 0;
-  padding: 0;
-  line-height: 1.2em;
-  display: block;
-  color: rgba(0,0,0,0.4);
-  -webkit-letter-spacing: 4.3px;
-  -moz-letter-spacing: 4.3px;
-  -ms-letter-spacing: 4.3px;
-  letter-spacing: 4.3px;
-  font-weight: 400;
-  font-size: 10px;
-  text-transform: uppercase;
-}
-
-.emotion-0 > sub {
-  display: block;
-  padding-top: 5px;
-  line-height: 1.2em;
-  font-size: 14px;
-}
-
-.emotion-3 {
-  margin-top: 20px;
-  margin-bottom: 10px;
-}
-
-<header
-    class="emotion-2 emotion-3 emotion-4"
+  <header
+    class="ejte0e38 css-1lwbtk-Container-DefaultRootTitle e1mflg051"
   >
     <h1
-      class="emotion-0 emotion-1"
+      class="css-vn0zam-getElement e1mflg050"
     >
       <span>
         Root 1
       </span>
     </h1>
   </header>,
-  .emotion-0 {
-  fill: currentColor;
-}
-
-.emotion-16 {
-  margin-left: -20px;
-  margin-right: -20px;
-}
-
-.emotion-12 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  color: inherit;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.emotion-10 {
-  min-height: 24px;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-left: 10px;
-  background: transparent;
-}
-
-.emotion-8 {
-  display: block;
-  display: inline-block;
-  width: 10px;
-  height: 10px;
-  margin-right: 10px;
-  color: #774dd7;
-}
-
-.emotion-3 {
-  display: block;
-  display: inline-block;
-  width: 8px;
-  height: 8px;
-  margin: 1px;
-  margin-right: 4px;
-  margin-left: -2px;
-  -webkit-transition: -webkit-transform .1s linear;
-  -webkit-transition: transform .1s linear;
-  transition: transform .1s linear;
-  color: rgba(0,0,0,0.4);
-}
-
-<div
-    class="emotion-16 emotion-17"
+  <div
+    class="css-3gk90-Container ejte0e30"
   >
     <div
-      class="emotion-14 emotion-15"
+      class="css-16snshc-TreeWrapper ejte0e31"
     >
       <a
-        class="emotion-12 emotion-13"
+        class="css-1034sg6-A ejte0e33"
         href="#!1-12"
         id="stateful_1-12"
       >
         <div
-          class="emotion-10 emotion-11"
+          class="css-1irdycu-LeafStyle ejte0e35"
         >
           <svg
-            class="emotion-2 emotion-3 emotion-4"
+            class="ejte0e36 css-ytagf7-Svg-RotatingChevron e1vqr9v80"
             height="14px"
             viewBox="0 0 1024 1024"
             width="14px"
           >
             <path
-              class="emotion-0 emotion-1"
+              class="css-1xhbbdd-Path e1gl30fa0"
               d="M878.78 477.856l-591.884-341.722c-9.464-5.464-18.426-8.050-26.386-8.048-19.516 0.002-33.002 15.546-33.002 42.338v683.446c0 26.792 13.482 42.338 33.002 42.338 7.96 0 16.924-2.586 26.386-8.048l591.884-341.722c32.664-18.864 32.664-49.724 0-68.582z"
             />
           </svg>
           <svg
-            class="emotion-7 emotion-8 emotion-4"
+            class="ejte0e37 css-1qa2lrn-Svg-TypeIcon e1vqr9v80"
             height="14px"
             viewBox="0 0 1024 1024"
             width="14px"
           >
             <path
-              class="emotion-0 emotion-1"
+              class="css-1xhbbdd-Path e1gl30fa0"
               d="M571 274h327c23 0 41 18 41 41v488c0 22-18 40-41 40H126c-23 0-41-18-41-40V242c0-34 27-61 61-61h317c18 0 35 7 47 21l61 72zm-119-8H170v492h684V359H531l-79-93z"
             />
           </svg>
@@ -960,143 +485,50 @@ Array [
       </a>
     </div>
   </div>,
-  .emotion-0 {
-  color: currentColor;
-  font-weight: normal;
-  font-family: -apple-system,".SFNSText-Regular","San Francisco",BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Lucida Grande","Arial",sans-serif;
-  margin: 0;
-  padding: 0;
-  line-height: 1.2em;
-  display: block;
-  color: rgba(0,0,0,0.4);
-  -webkit-letter-spacing: 4.3px;
-  -moz-letter-spacing: 4.3px;
-  -ms-letter-spacing: 4.3px;
-  letter-spacing: 4.3px;
-  font-weight: 400;
-  font-size: 10px;
-  text-transform: uppercase;
-}
-
-.emotion-0 > sub {
-  display: block;
-  padding-top: 5px;
-  line-height: 1.2em;
-  font-size: 14px;
-}
-
-.emotion-3 {
-  margin-top: 20px;
-  margin-bottom: 10px;
-}
-
-<header
-    class="emotion-2 emotion-3 emotion-4"
+  <header
+    class="ejte0e38 css-1lwbtk-Container-DefaultRootTitle e1mflg051"
   >
     <h1
-      class="emotion-0 emotion-1"
+      class="css-vn0zam-getElement e1mflg050"
     >
       <span>
         Root 3
       </span>
     </h1>
   </header>,
-  .emotion-0 {
-  fill: currentColor;
-}
-
-.emotion-16 {
-  margin-left: -20px;
-  margin-right: -20px;
-}
-
-.emotion-12 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  color: inherit;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.emotion-10 {
-  min-height: 24px;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-left: 10px;
-  background: transparent;
-}
-
-.emotion-8 {
-  display: block;
-  display: inline-block;
-  width: 10px;
-  height: 10px;
-  margin-right: 10px;
-  color: #774dd7;
-}
-
-.emotion-3 {
-  display: block;
-  display: inline-block;
-  width: 8px;
-  height: 8px;
-  margin: 1px;
-  margin-right: 4px;
-  margin-left: -2px;
-  -webkit-transition: -webkit-transform .1s linear;
-  -webkit-transition: transform .1s linear;
-  transition: transform .1s linear;
-  color: rgba(0,0,0,0.4);
-}
-
-<div
-    class="emotion-16 emotion-17"
+  <div
+    class="css-3gk90-Container ejte0e30"
   >
     <div
-      class="emotion-14 emotion-15"
+      class="css-16snshc-TreeWrapper ejte0e31"
     >
       <a
-        class="emotion-12 emotion-13"
+        class="css-1034sg6-A ejte0e33"
         href="#!12"
         id="stateful_3-32"
       >
         <div
-          class="emotion-10 emotion-11"
+          class="css-1irdycu-LeafStyle ejte0e35"
         >
           <svg
-            class="emotion-2 emotion-3 emotion-4"
+            class="ejte0e36 css-ytagf7-Svg-RotatingChevron e1vqr9v80"
             height="14px"
             viewBox="0 0 1024 1024"
             width="14px"
           >
             <path
-              class="emotion-0 emotion-1"
+              class="css-1xhbbdd-Path e1gl30fa0"
               d="M878.78 477.856l-591.884-341.722c-9.464-5.464-18.426-8.050-26.386-8.048-19.516 0.002-33.002 15.546-33.002 42.338v683.446c0 26.792 13.482 42.338 33.002 42.338 7.96 0 16.924-2.586 26.386-8.048l591.884-341.722c32.664-18.864 32.664-49.724 0-68.582z"
             />
           </svg>
           <svg
-            class="emotion-7 emotion-8 emotion-4"
+            class="ejte0e37 css-1qa2lrn-Svg-TypeIcon e1vqr9v80"
             height="14px"
             viewBox="0 0 1024 1024"
             width="14px"
           >
             <path
-              class="emotion-0 emotion-1"
+              class="css-1xhbbdd-Path e1gl30fa0"
               d="M571 274h327c23 0 41 18 41 41v488c0 22-18 40-41 40H126c-23 0-41-18-41-40V242c0-34 27-61 61-61h317c18 0 35 7 47 21l61 72zm-119-8H170v492h684V359H531l-79-93z"
             />
           </svg>
@@ -1107,143 +539,50 @@ Array [
       </a>
     </div>
   </div>,
-  .emotion-0 {
-  color: currentColor;
-  font-weight: normal;
-  font-family: -apple-system,".SFNSText-Regular","San Francisco",BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Lucida Grande","Arial",sans-serif;
-  margin: 0;
-  padding: 0;
-  line-height: 1.2em;
-  display: block;
-  color: rgba(0,0,0,0.4);
-  -webkit-letter-spacing: 4.3px;
-  -moz-letter-spacing: 4.3px;
-  -ms-letter-spacing: 4.3px;
-  letter-spacing: 4.3px;
-  font-weight: 400;
-  font-size: 10px;
-  text-transform: uppercase;
-}
-
-.emotion-0 > sub {
-  display: block;
-  padding-top: 5px;
-  line-height: 1.2em;
-  font-size: 14px;
-}
-
-.emotion-3 {
-  margin-top: 20px;
-  margin-bottom: 10px;
-}
-
-<header
-    class="emotion-2 emotion-3 emotion-4"
+  <header
+    class="ejte0e38 css-1lwbtk-Container-DefaultRootTitle e1mflg051"
   >
     <h1
-      class="emotion-0 emotion-1"
+      class="css-vn0zam-getElement e1mflg050"
     >
       <span>
         Others
       </span>
     </h1>
   </header>,
-  .emotion-0 {
-  fill: currentColor;
-}
-
-.emotion-16 {
-  margin-left: -20px;
-  margin-right: -20px;
-}
-
-.emotion-12 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  color: inherit;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.emotion-10 {
-  min-height: 24px;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-left: 10px;
-  background: transparent;
-}
-
-.emotion-8 {
-  display: block;
-  display: inline-block;
-  width: 10px;
-  height: 10px;
-  margin-right: 10px;
-  color: #774dd7;
-}
-
-.emotion-3 {
-  display: block;
-  display: inline-block;
-  width: 8px;
-  height: 8px;
-  margin: 1px;
-  margin-right: 4px;
-  margin-left: -2px;
-  -webkit-transition: -webkit-transform .1s linear;
-  -webkit-transition: transform .1s linear;
-  transition: transform .1s linear;
-  color: rgba(0,0,0,0.4);
-}
-
-<div
-    class="emotion-16 emotion-17"
+  <div
+    class="css-3gk90-Container ejte0e30"
   >
     <div
-      class="emotion-14 emotion-15"
+      class="css-16snshc-TreeWrapper ejte0e31"
     >
       <a
-        class="emotion-12 emotion-13"
+        class="css-1034sg6-A ejte0e33"
         href="#!2"
         id="stateful_2"
       >
         <div
-          class="emotion-10 emotion-11"
+          class="css-1irdycu-LeafStyle ejte0e35"
         >
           <svg
-            class="emotion-2 emotion-3 emotion-4"
+            class="ejte0e36 css-ytagf7-Svg-RotatingChevron e1vqr9v80"
             height="14px"
             viewBox="0 0 1024 1024"
             width="14px"
           >
             <path
-              class="emotion-0 emotion-1"
+              class="css-1xhbbdd-Path e1gl30fa0"
               d="M878.78 477.856l-591.884-341.722c-9.464-5.464-18.426-8.050-26.386-8.048-19.516 0.002-33.002 15.546-33.002 42.338v683.446c0 26.792 13.482 42.338 33.002 42.338 7.96 0 16.924-2.586 26.386-8.048l591.884-341.722c32.664-18.864 32.664-49.724 0-68.582z"
             />
           </svg>
           <svg
-            class="emotion-7 emotion-8 emotion-4"
+            class="ejte0e37 css-1qa2lrn-Svg-TypeIcon e1vqr9v80"
             height="14px"
             viewBox="0 0 1024 1024"
             width="14px"
           >
             <path
-              class="emotion-0 emotion-1"
+              class="css-1xhbbdd-Path e1gl30fa0"
               d="M571 274h327c23 0 41 18 41 41v488c0 22-18 40-41 40H126c-23 0-41-18-41-40V242c0-34 27-61 61-61h317c18 0 35 7 47 21l61 72zm-119-8H170v492h684V359H531l-79-93z"
             />
           </svg>
@@ -1259,165 +598,55 @@ Array [
 
 exports[`Storyshots Components|Treeview with roots node 1`] = `
 Array [
-  .emotion-0 {
-  height: 24px;
-  box-sizing: border-box;
-  width: 100%;
-  background: transparent;
-  border: 0 none;
-  color: #444;
-  padding: 10px;
-  padding-left: 0;
-  border-bottom: 1px solid rgba(0,0,0,0.05);
-}
-
-.emotion-0:focus {
-  outline: 0;
-  border-bottom: 1px solid #9fdaff;
-}
-
-<input
-    class="emotion-0 emotion-1"
+  <input
+    class="css-1lshnka-FilterField ejte0e34"
     id="storybook-explorer-searchfield"
     placeholder="Press \\"/\\" to search..."
   />,
-  .emotion-0 {
-  color: currentColor;
-  font-weight: normal;
-  font-family: -apple-system,".SFNSText-Regular","San Francisco",BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Lucida Grande","Arial",sans-serif;
-  margin: 0;
-  padding: 0;
-  line-height: 1.2em;
-  display: block;
-  color: rgba(0,0,0,0.4);
-  -webkit-letter-spacing: 4.3px;
-  -moz-letter-spacing: 4.3px;
-  -ms-letter-spacing: 4.3px;
-  letter-spacing: 4.3px;
-  font-weight: 400;
-  font-size: 10px;
-  text-transform: uppercase;
-}
-
-.emotion-0 > sub {
-  display: block;
-  padding-top: 5px;
-  line-height: 1.2em;
-  font-size: 14px;
-}
-
-.emotion-3 {
-  margin-top: 20px;
-  margin-bottom: 10px;
-}
-
-<header
-    class="emotion-2 emotion-3 emotion-4"
+  <header
+    class="ejte0e38 css-1lwbtk-Container-DefaultRootTitle e1mflg051"
   >
     <h1
-      class="emotion-0 emotion-1"
+      class="css-vn0zam-getElement e1mflg050"
     >
       <span>
         Root 1
       </span>
     </h1>
   </header>,
-  .emotion-0 {
-  fill: currentColor;
-}
-
-.emotion-16 {
-  margin-left: -20px;
-  margin-right: -20px;
-}
-
-.emotion-12 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  color: inherit;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.emotion-10 {
-  min-height: 24px;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-left: 10px;
-  background: transparent;
-}
-
-.emotion-8 {
-  display: block;
-  display: inline-block;
-  width: 10px;
-  height: 10px;
-  margin-right: 10px;
-  color: #774dd7;
-}
-
-.emotion-3 {
-  display: block;
-  display: inline-block;
-  width: 8px;
-  height: 8px;
-  margin: 1px;
-  margin-right: 4px;
-  margin-left: -2px;
-  -webkit-transition: -webkit-transform .1s linear;
-  -webkit-transition: transform .1s linear;
-  transition: transform .1s linear;
-  color: rgba(0,0,0,0.4);
-}
-
-<div
-    class="emotion-16 emotion-17"
+  <div
+    class="css-3gk90-Container ejte0e30"
   >
     <div
-      class="emotion-14 emotion-15"
+      class="css-16snshc-TreeWrapper ejte0e31"
     >
       <a
-        class="emotion-12 emotion-13"
+        class="css-1034sg6-A ejte0e33"
         href="#!1-12"
         id="stateful_1-12"
       >
         <div
-          class="emotion-10 emotion-11"
+          class="css-1irdycu-LeafStyle ejte0e35"
         >
           <svg
-            class="emotion-2 emotion-3 emotion-4"
+            class="ejte0e36 css-ytagf7-Svg-RotatingChevron e1vqr9v80"
             height="14px"
             viewBox="0 0 1024 1024"
             width="14px"
           >
             <path
-              class="emotion-0 emotion-1"
+              class="css-1xhbbdd-Path e1gl30fa0"
               d="M878.78 477.856l-591.884-341.722c-9.464-5.464-18.426-8.050-26.386-8.048-19.516 0.002-33.002 15.546-33.002 42.338v683.446c0 26.792 13.482 42.338 33.002 42.338 7.96 0 16.924-2.586 26.386-8.048l591.884-341.722c32.664-18.864 32.664-49.724 0-68.582z"
             />
           </svg>
           <svg
-            class="emotion-7 emotion-8 emotion-4"
+            class="ejte0e37 css-1qa2lrn-Svg-TypeIcon e1vqr9v80"
             height="14px"
             viewBox="0 0 1024 1024"
             width="14px"
           >
             <path
-              class="emotion-0 emotion-1"
+              class="css-1xhbbdd-Path e1gl30fa0"
               d="M571 274h327c23 0 41 18 41 41v488c0 22-18 40-41 40H126c-23 0-41-18-41-40V242c0-34 27-61 61-61h317c18 0 35 7 47 21l61 72zm-119-8H170v492h684V359H531l-79-93z"
             />
           </svg>
@@ -1428,143 +657,50 @@ Array [
       </a>
     </div>
   </div>,
-  .emotion-0 {
-  color: currentColor;
-  font-weight: normal;
-  font-family: -apple-system,".SFNSText-Regular","San Francisco",BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Lucida Grande","Arial",sans-serif;
-  margin: 0;
-  padding: 0;
-  line-height: 1.2em;
-  display: block;
-  color: rgba(0,0,0,0.4);
-  -webkit-letter-spacing: 4.3px;
-  -moz-letter-spacing: 4.3px;
-  -ms-letter-spacing: 4.3px;
-  letter-spacing: 4.3px;
-  font-weight: 400;
-  font-size: 10px;
-  text-transform: uppercase;
-}
-
-.emotion-0 > sub {
-  display: block;
-  padding-top: 5px;
-  line-height: 1.2em;
-  font-size: 14px;
-}
-
-.emotion-3 {
-  margin-top: 20px;
-  margin-bottom: 10px;
-}
-
-<header
-    class="emotion-2 emotion-3 emotion-4"
+  <header
+    class="ejte0e38 css-1lwbtk-Container-DefaultRootTitle e1mflg051"
   >
     <h1
-      class="emotion-0 emotion-1"
+      class="css-vn0zam-getElement e1mflg050"
     >
       <span>
         Root 3
       </span>
     </h1>
   </header>,
-  .emotion-0 {
-  fill: currentColor;
-}
-
-.emotion-16 {
-  margin-left: -20px;
-  margin-right: -20px;
-}
-
-.emotion-12 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  color: inherit;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.emotion-10 {
-  min-height: 24px;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-left: 10px;
-  background: transparent;
-}
-
-.emotion-8 {
-  display: block;
-  display: inline-block;
-  width: 10px;
-  height: 10px;
-  margin-right: 10px;
-  color: #774dd7;
-}
-
-.emotion-3 {
-  display: block;
-  display: inline-block;
-  width: 8px;
-  height: 8px;
-  margin: 1px;
-  margin-right: 4px;
-  margin-left: -2px;
-  -webkit-transition: -webkit-transform .1s linear;
-  -webkit-transition: transform .1s linear;
-  transition: transform .1s linear;
-  color: rgba(0,0,0,0.4);
-}
-
-<div
-    class="emotion-16 emotion-17"
+  <div
+    class="css-3gk90-Container ejte0e30"
   >
     <div
-      class="emotion-14 emotion-15"
+      class="css-16snshc-TreeWrapper ejte0e31"
     >
       <a
-        class="emotion-12 emotion-13"
+        class="css-1034sg6-A ejte0e33"
         href="#!12"
         id="stateful_3-32"
       >
         <div
-          class="emotion-10 emotion-11"
+          class="css-1irdycu-LeafStyle ejte0e35"
         >
           <svg
-            class="emotion-2 emotion-3 emotion-4"
+            class="ejte0e36 css-ytagf7-Svg-RotatingChevron e1vqr9v80"
             height="14px"
             viewBox="0 0 1024 1024"
             width="14px"
           >
             <path
-              class="emotion-0 emotion-1"
+              class="css-1xhbbdd-Path e1gl30fa0"
               d="M878.78 477.856l-591.884-341.722c-9.464-5.464-18.426-8.050-26.386-8.048-19.516 0.002-33.002 15.546-33.002 42.338v683.446c0 26.792 13.482 42.338 33.002 42.338 7.96 0 16.924-2.586 26.386-8.048l591.884-341.722c32.664-18.864 32.664-49.724 0-68.582z"
             />
           </svg>
           <svg
-            class="emotion-7 emotion-8 emotion-4"
+            class="ejte0e37 css-1qa2lrn-Svg-TypeIcon e1vqr9v80"
             height="14px"
             viewBox="0 0 1024 1024"
             width="14px"
           >
             <path
-              class="emotion-0 emotion-1"
+              class="css-1xhbbdd-Path e1gl30fa0"
               d="M571 274h327c23 0 41 18 41 41v488c0 22-18 40-41 40H126c-23 0-41-18-41-40V242c0-34 27-61 61-61h317c18 0 35 7 47 21l61 72zm-119-8H170v492h684V359H531l-79-93z"
             />
           </svg>
@@ -1575,143 +711,50 @@ Array [
       </a>
     </div>
   </div>,
-  .emotion-0 {
-  color: currentColor;
-  font-weight: normal;
-  font-family: -apple-system,".SFNSText-Regular","San Francisco",BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Lucida Grande","Arial",sans-serif;
-  margin: 0;
-  padding: 0;
-  line-height: 1.2em;
-  display: block;
-  color: rgba(0,0,0,0.4);
-  -webkit-letter-spacing: 4.3px;
-  -moz-letter-spacing: 4.3px;
-  -ms-letter-spacing: 4.3px;
-  letter-spacing: 4.3px;
-  font-weight: 400;
-  font-size: 10px;
-  text-transform: uppercase;
-}
-
-.emotion-0 > sub {
-  display: block;
-  padding-top: 5px;
-  line-height: 1.2em;
-  font-size: 14px;
-}
-
-.emotion-3 {
-  margin-top: 20px;
-  margin-bottom: 10px;
-}
-
-<header
-    class="emotion-2 emotion-3 emotion-4"
+  <header
+    class="ejte0e38 css-1lwbtk-Container-DefaultRootTitle e1mflg051"
   >
     <h1
-      class="emotion-0 emotion-1"
+      class="css-vn0zam-getElement e1mflg050"
     >
       <span>
         Others
       </span>
     </h1>
   </header>,
-  .emotion-0 {
-  fill: currentColor;
-}
-
-.emotion-16 {
-  margin-left: -20px;
-  margin-right: -20px;
-}
-
-.emotion-12 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  color: inherit;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.emotion-10 {
-  min-height: 24px;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-left: 10px;
-  background: transparent;
-}
-
-.emotion-8 {
-  display: block;
-  display: inline-block;
-  width: 10px;
-  height: 10px;
-  margin-right: 10px;
-  color: #774dd7;
-}
-
-.emotion-3 {
-  display: block;
-  display: inline-block;
-  width: 8px;
-  height: 8px;
-  margin: 1px;
-  margin-right: 4px;
-  margin-left: -2px;
-  -webkit-transition: -webkit-transform .1s linear;
-  -webkit-transition: transform .1s linear;
-  transition: transform .1s linear;
-  color: rgba(0,0,0,0.4);
-}
-
-<div
-    class="emotion-16 emotion-17"
+  <div
+    class="css-3gk90-Container ejte0e30"
   >
     <div
-      class="emotion-14 emotion-15"
+      class="css-16snshc-TreeWrapper ejte0e31"
     >
       <a
-        class="emotion-12 emotion-13"
+        class="css-1034sg6-A ejte0e33"
         href="#!2"
         id="stateful_2"
       >
         <div
-          class="emotion-10 emotion-11"
+          class="css-1irdycu-LeafStyle ejte0e35"
         >
           <svg
-            class="emotion-2 emotion-3 emotion-4"
+            class="ejte0e36 css-ytagf7-Svg-RotatingChevron e1vqr9v80"
             height="14px"
             viewBox="0 0 1024 1024"
             width="14px"
           >
             <path
-              class="emotion-0 emotion-1"
+              class="css-1xhbbdd-Path e1gl30fa0"
               d="M878.78 477.856l-591.884-341.722c-9.464-5.464-18.426-8.050-26.386-8.048-19.516 0.002-33.002 15.546-33.002 42.338v683.446c0 26.792 13.482 42.338 33.002 42.338 7.96 0 16.924-2.586 26.386-8.048l591.884-341.722c32.664-18.864 32.664-49.724 0-68.582z"
             />
           </svg>
           <svg
-            class="emotion-7 emotion-8 emotion-4"
+            class="ejte0e37 css-1qa2lrn-Svg-TypeIcon e1vqr9v80"
             height="14px"
             viewBox="0 0 1024 1024"
             width="14px"
           >
             <path
-              class="emotion-0 emotion-1"
+              class="css-1xhbbdd-Path e1gl30fa0"
               d="M571 274h327c23 0 41 18 41 41v488c0 22-18 40-41 40H126c-23 0-41-18-41-40V242c0-34 27-61 61-61h317c18 0 35 7 47 21l61 72zm-119-8H170v492h684V359H531l-79-93z"
             />
           </svg>
diff --git a/lib/ui/src/components/layout/__snapshots__/layout.stories.storyshot b/lib/ui/src/components/layout/__snapshots__/layout.stories.storyshot
index e0484dba068..c9adbc26809 100644
--- a/lib/ui/src/components/layout/__snapshots__/layout.stories.storyshot
+++ b/lib/ui/src/components/layout/__snapshots__/layout.stories.storyshot
@@ -1,17 +1,8 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Storyshots UI|Desktop layout bottom Panel 1`] = `
-.emotion-0 {
-  position: fixed;
-  left: 0;
-  top: 0;
-  width: 100vw;
-  height: 100vh;
-  overflow: hidden;
-}
-
 <div
-  class="emotion-0 emotion-1"
+  class="css-i0efha-Root e1wsvst20"
 >
   <div
     style="position:absolute;width:0;height:0;visibility:hidden;display:none"
@@ -23,17 +14,8 @@ exports[`Storyshots UI|Desktop layout bottom Panel 1`] = `
 `;
 
 exports[`Storyshots UI|Desktop layout default 1`] = `
-.emotion-0 {
-  position: fixed;
-  left: 0;
-  top: 0;
-  width: 100vw;
-  height: 100vh;
-  overflow: hidden;
-}
-
 <div
-  class="emotion-0 emotion-1"
+  class="css-i0efha-Root e1wsvst20"
 >
   <div
     style="position:absolute;width:0;height:0;visibility:hidden;display:none"
@@ -45,17 +27,8 @@ exports[`Storyshots UI|Desktop layout default 1`] = `
 `;
 
 exports[`Storyshots UI|Desktop layout full 1`] = `
-.emotion-0 {
-  position: fixed;
-  left: 0;
-  top: 0;
-  width: 100vw;
-  height: 100vh;
-  overflow: hidden;
-}
-
 <div
-  class="emotion-0 emotion-1"
+  class="css-i0efha-Root e1wsvst20"
 >
   <div
     style="position:absolute;width:0;height:0;visibility:hidden;display:none"
@@ -67,17 +40,8 @@ exports[`Storyshots UI|Desktop layout full 1`] = `
 `;
 
 exports[`Storyshots UI|Desktop layout no Nav 1`] = `
-.emotion-0 {
-  position: fixed;
-  left: 0;
-  top: 0;
-  width: 100vw;
-  height: 100vh;
-  overflow: hidden;
-}
-
 <div
-  class="emotion-0 emotion-1"
+  class="css-i0efha-Root e1wsvst20"
 >
   <div
     style="position:absolute;width:0;height:0;visibility:hidden;display:none"
@@ -89,17 +53,8 @@ exports[`Storyshots UI|Desktop layout no Nav 1`] = `
 `;
 
 exports[`Storyshots UI|Desktop layout no Panel 1`] = `
-.emotion-0 {
-  position: fixed;
-  left: 0;
-  top: 0;
-  width: 100vw;
-  height: 100vh;
-  overflow: hidden;
-}
-
 <div
-  class="emotion-0 emotion-1"
+  class="css-i0efha-Root e1wsvst20"
 >
   <div
     style="position:absolute;width:0;height:0;visibility:hidden;display:none"
@@ -111,17 +66,8 @@ exports[`Storyshots UI|Desktop layout no Panel 1`] = `
 `;
 
 exports[`Storyshots UI|Desktop layout no Panel, no Nav 1`] = `
-.emotion-0 {
-  position: fixed;
-  left: 0;
-  top: 0;
-  width: 100vw;
-  height: 100vh;
-  overflow: hidden;
-}
-
 <div
-  class="emotion-0 emotion-1"
+  class="css-i0efha-Root e1wsvst20"
 >
   <div
     style="position:absolute;width:0;height:0;visibility:hidden;display:none"
@@ -133,17 +79,8 @@ exports[`Storyshots UI|Desktop layout no Panel, no Nav 1`] = `
 `;
 
 exports[`Storyshots UI|Desktop layout page 1`] = `
-.emotion-0 {
-  position: fixed;
-  left: 0;
-  top: 0;
-  width: 100vw;
-  height: 100vh;
-  overflow: hidden;
-}
-
 <div
-  class="emotion-0 emotion-1"
+  class="css-i0efha-Root e1wsvst20"
 >
   <div
     style="position:absolute;width:0;height:0;visibility:hidden;display:none"
@@ -155,221 +92,17 @@ exports[`Storyshots UI|Desktop layout page 1`] = `
 `;
 
 exports[`Storyshots UI|Mobile layout initial 0 1`] = `
-.emotion-22 {
-  position: fixed;
-  left: 0;
-  top: 0;
-  width: 100vw;
-  height: 100vh;
-  overflow: hidden;
-}
-
-.emotion-12 {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: calc(100% - 40px);
-}
-
-.emotion-2 {
-  -webkit-transition: -webkit-transform .2s ease;
-  -webkit-transition: transform .2s ease;
-  transition: transform .2s ease;
-  position: absolute;
-  top: 0;
-  height: 100%;
-  width: 80vw;
-  -webkit-transform: translateX(-80vw);
-  -ms-transform: translateX(-80vw);
-  transform: translateX(-80vw);
-  left: 0;
-  -webkit-transform: translateX(-0px);
-  -ms-transform: translateX(-0px);
-  transform: translateX(-0px);
-}
-
-.emotion-0 {
-  background: hotpink;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  overflow: hidden;
-}
-
-.emotion-6 {
-  -webkit-transition: -webkit-transform .2s ease;
-  -webkit-transition: transform .2s ease;
-  transition: transform .2s ease;
-  position: absolute;
-  top: 0;
-  height: 100%;
-  width: 100%;
-  -webkit-transform: translateX(0) scale(1);
-  -ms-transform: translateX(0) scale(1);
-  transform: translateX(0) scale(1);
-  left: 0;
-  -webkit-transform: translateX(40vw) translateY(-42.5vh) translateY(40px) scale(0.2);
-  -ms-transform: translateX(40vw) translateY(-42.5vh) translateY(40px) scale(0.2);
-  transform: translateX(40vw) translateY(-42.5vh) translateY(40px) scale(0.2);
-}
-
-.emotion-4 {
-  background: deepskyblue;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  overflow: hidden;
-}
-
-.emotion-10 {
-  -webkit-transition: -webkit-transform .2s ease;
-  -webkit-transition: transform .2s ease;
-  transition: transform .2s ease;
-  position: absolute;
-  top: 0;
-  height: 100%;
-  width: 80vw;
-  -webkit-transform: translateX(80vw);
-  -ms-transform: translateX(80vw);
-  transform: translateX(80vw);
-  right: 0;
-}
-
-.emotion-8 {
-  background: orangered;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  overflow: hidden;
-}
-
-.emotion-20 {
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  width: 100vw;
-  height: 40px;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-.emotion-20 > * {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-
-.emotion-14 {
-  white-space: normal;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  overflow: hidden;
-  vertical-align: top;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  font-size: 11px;
-  -webkit-letter-spacing: 1px;
-  -moz-letter-spacing: 1px;
-  -ms-letter-spacing: 1px;
-  letter-spacing: 1px;
-  padding: 0 15px;
-  text-transform: uppercase;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  height: 40px;
-  line-height: 12px;
-  box-sizing: border-box;
-  cursor: pointer;
-  background: transparent;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  color: rgba(0,0,0,0.4);
-  border-bottom-color: transparent;
-}
-
-.emotion-14:empty {
-  display: none;
-}
-
-.emotion-14:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
 <div
-  class="emotion-22 emotion-23"
+  class="css-i0efha-Root e1wsvst20"
 >
   <div
-    class="emotion-12 emotion-13"
+    class="css-todx5r e1miv4j01"
   >
     <div
-      class="emotion-2 emotion-3"
+      class="css-1izxglx-Pane e1miv4j00"
     >
       <div
-        class="emotion-0 emotion-1"
+        class="css-69f31u-PlaceholderBlock e1fh6ul50"
         color="hotpink"
       >
         <h2
@@ -383,12 +116,12 @@ exports[`Storyshots UI|Mobile layout initial 0 1`] = `
       </div>
     </div>
     <div
-      class="emotion-6 emotion-3"
+      class="css-1xie5dm-Pane e1miv4j00"
     >
       <div>
         <div>
           <div
-            class="emotion-4 emotion-1"
+            class="css-csmggg-PlaceholderBlock e1fh6ul50"
             color="deepskyblue"
           >
             <h2
@@ -404,11 +137,11 @@ exports[`Storyshots UI|Mobile layout initial 0 1`] = `
       </div>
     </div>
     <div
-      class="emotion-10 emotion-3"
+      class="css-1v7ry7-Pane e1miv4j00"
     >
       <div>
         <div
-          class="emotion-8 emotion-1"
+          class="css-usnvbh-PlaceholderBlock e1fh6ul50"
           color="orangered"
         >
           <h2
@@ -426,20 +159,20 @@ exports[`Storyshots UI|Mobile layout initial 0 1`] = `
     </div>
   </div>
   <nav
-    class="emotion-20 emotion-21"
+    class="css-171svmn-Bar e1miv4j02"
   >
     <button
-      class="emotion-14 emotion-15"
+      class="css-1ghc1c-TabButton e1lzzkxx4"
     >
       Nav
     </button>
     <button
-      class="emotion-14 emotion-15"
+      class="css-1ghc1c-TabButton e1lzzkxx4"
     >
       Preview
     </button>
     <button
-      class="emotion-14 emotion-15"
+      class="css-1ghc1c-TabButton e1lzzkxx4"
     >
       Panel
     </button>
@@ -448,215 +181,17 @@ exports[`Storyshots UI|Mobile layout initial 0 1`] = `
 `;
 
 exports[`Storyshots UI|Mobile layout initial 1 1`] = `
-.emotion-22 {
-  position: fixed;
-  left: 0;
-  top: 0;
-  width: 100vw;
-  height: 100vh;
-  overflow: hidden;
-}
-
-.emotion-12 {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: calc(100% - 40px);
-}
-
-.emotion-0 {
-  background: hotpink;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  overflow: hidden;
-}
-
-.emotion-4 {
-  background: deepskyblue;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  overflow: hidden;
-}
-
-.emotion-10 {
-  -webkit-transition: -webkit-transform .2s ease;
-  -webkit-transition: transform .2s ease;
-  transition: transform .2s ease;
-  position: absolute;
-  top: 0;
-  height: 100%;
-  width: 80vw;
-  -webkit-transform: translateX(80vw);
-  -ms-transform: translateX(80vw);
-  transform: translateX(80vw);
-  right: 0;
-}
-
-.emotion-8 {
-  background: orangered;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  overflow: hidden;
-}
-
-.emotion-20 {
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  width: 100vw;
-  height: 40px;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-.emotion-20 > * {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-
-.emotion-14 {
-  white-space: normal;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  overflow: hidden;
-  vertical-align: top;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  font-size: 11px;
-  -webkit-letter-spacing: 1px;
-  -moz-letter-spacing: 1px;
-  -ms-letter-spacing: 1px;
-  letter-spacing: 1px;
-  padding: 0 15px;
-  text-transform: uppercase;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  height: 40px;
-  line-height: 12px;
-  box-sizing: border-box;
-  cursor: pointer;
-  background: transparent;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  color: rgba(0,0,0,0.4);
-  border-bottom-color: transparent;
-}
-
-.emotion-14:empty {
-  display: none;
-}
-
-.emotion-14:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-.emotion-2 {
-  -webkit-transition: -webkit-transform .2s ease;
-  -webkit-transition: transform .2s ease;
-  transition: transform .2s ease;
-  position: absolute;
-  top: 0;
-  height: 100%;
-  width: 80vw;
-  -webkit-transform: translateX(-80vw);
-  -ms-transform: translateX(-80vw);
-  transform: translateX(-80vw);
-  left: 0;
-}
-
-.emotion-6 {
-  -webkit-transition: -webkit-transform .2s ease;
-  -webkit-transition: transform .2s ease;
-  transition: transform .2s ease;
-  position: absolute;
-  top: 0;
-  height: 100%;
-  width: 100%;
-  -webkit-transform: translateX(0) scale(1);
-  -ms-transform: translateX(0) scale(1);
-  transform: translateX(0) scale(1);
-  left: 0;
-}
-
 <div
-  class="emotion-22 emotion-23"
+  class="css-i0efha-Root e1wsvst20"
 >
   <div
-    class="emotion-12 emotion-13"
+    class="css-todx5r e1miv4j01"
   >
     <div
-      class="emotion-2 emotion-3"
+      class="css-ib9ddz-Pane e1miv4j00"
     >
       <div
-        class="emotion-0 emotion-1"
+        class="css-69f31u-PlaceholderBlock e1fh6ul50"
         color="hotpink"
       >
         <h2
@@ -670,12 +205,12 @@ exports[`Storyshots UI|Mobile layout initial 1 1`] = `
       </div>
     </div>
     <div
-      class="emotion-6 emotion-3"
+      class="css-4fcvwf-Pane e1miv4j00"
     >
       <div>
         <div>
           <div
-            class="emotion-4 emotion-1"
+            class="css-csmggg-PlaceholderBlock e1fh6ul50"
             color="deepskyblue"
           >
             <h2
@@ -691,11 +226,11 @@ exports[`Storyshots UI|Mobile layout initial 1 1`] = `
       </div>
     </div>
     <div
-      class="emotion-10 emotion-3"
+      class="css-1v7ry7-Pane e1miv4j00"
     >
       <div>
         <div
-          class="emotion-8 emotion-1"
+          class="css-usnvbh-PlaceholderBlock e1fh6ul50"
           color="orangered"
         >
           <h2
@@ -713,20 +248,20 @@ exports[`Storyshots UI|Mobile layout initial 1 1`] = `
     </div>
   </div>
   <nav
-    class="emotion-20 emotion-21"
+    class="css-171svmn-Bar e1miv4j02"
   >
     <button
-      class="emotion-14 emotion-15"
+      class="css-1ghc1c-TabButton e1lzzkxx4"
     >
       Nav
     </button>
     <button
-      class="emotion-14 emotion-15"
+      class="css-1ghc1c-TabButton e1lzzkxx4"
     >
       Preview
     </button>
     <button
-      class="emotion-14 emotion-15"
+      class="css-1ghc1c-TabButton e1lzzkxx4"
     >
       Panel
     </button>
@@ -735,221 +270,17 @@ exports[`Storyshots UI|Mobile layout initial 1 1`] = `
 `;
 
 exports[`Storyshots UI|Mobile layout initial 2 1`] = `
-.emotion-22 {
-  position: fixed;
-  left: 0;
-  top: 0;
-  width: 100vw;
-  height: 100vh;
-  overflow: hidden;
-}
-
-.emotion-12 {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: calc(100% - 40px);
-}
-
-.emotion-0 {
-  background: hotpink;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  overflow: hidden;
-}
-
-.emotion-4 {
-  background: deepskyblue;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  overflow: hidden;
-}
-
-.emotion-8 {
-  background: orangered;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  overflow: hidden;
-}
-
-.emotion-20 {
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  width: 100vw;
-  height: 40px;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-.emotion-20 > * {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-
-.emotion-14 {
-  white-space: normal;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  overflow: hidden;
-  vertical-align: top;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  font-size: 11px;
-  -webkit-letter-spacing: 1px;
-  -moz-letter-spacing: 1px;
-  -ms-letter-spacing: 1px;
-  letter-spacing: 1px;
-  padding: 0 15px;
-  text-transform: uppercase;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  height: 40px;
-  line-height: 12px;
-  box-sizing: border-box;
-  cursor: pointer;
-  background: transparent;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  color: rgba(0,0,0,0.4);
-  border-bottom-color: transparent;
-}
-
-.emotion-14:empty {
-  display: none;
-}
-
-.emotion-14:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-.emotion-2 {
-  -webkit-transition: -webkit-transform .2s ease;
-  -webkit-transition: transform .2s ease;
-  transition: transform .2s ease;
-  position: absolute;
-  top: 0;
-  height: 100%;
-  width: 80vw;
-  -webkit-transform: translateX(-80vw);
-  -ms-transform: translateX(-80vw);
-  transform: translateX(-80vw);
-  left: 0;
-}
-
-.emotion-6 {
-  -webkit-transition: -webkit-transform .2s ease;
-  -webkit-transition: transform .2s ease;
-  transition: transform .2s ease;
-  position: absolute;
-  top: 0;
-  height: 100%;
-  width: 100%;
-  -webkit-transform: translateX(0) scale(1);
-  -ms-transform: translateX(0) scale(1);
-  transform: translateX(0) scale(1);
-  left: 0;
-  -webkit-transform: translateX(-40vw) translateY(-42.5vh) translateY(40px) scale(0.2);
-  -ms-transform: translateX(-40vw) translateY(-42.5vh) translateY(40px) scale(0.2);
-  transform: translateX(-40vw) translateY(-42.5vh) translateY(40px) scale(0.2);
-}
-
-.emotion-10 {
-  -webkit-transition: -webkit-transform .2s ease;
-  -webkit-transition: transform .2s ease;
-  transition: transform .2s ease;
-  position: absolute;
-  top: 0;
-  height: 100%;
-  width: 80vw;
-  -webkit-transform: translateX(80vw);
-  -ms-transform: translateX(80vw);
-  transform: translateX(80vw);
-  right: 0;
-  -webkit-transform: translateX(0px);
-  -ms-transform: translateX(0px);
-  transform: translateX(0px);
-}
-
 <div
-  class="emotion-22 emotion-23"
+  class="css-i0efha-Root e1wsvst20"
 >
   <div
-    class="emotion-12 emotion-13"
+    class="css-todx5r e1miv4j01"
   >
     <div
-      class="emotion-2 emotion-3"
+      class="css-ib9ddz-Pane e1miv4j00"
     >
       <div
-        class="emotion-0 emotion-1"
+        class="css-69f31u-PlaceholderBlock e1fh6ul50"
         color="hotpink"
       >
         <h2
@@ -963,12 +294,12 @@ exports[`Storyshots UI|Mobile layout initial 2 1`] = `
       </div>
     </div>
     <div
-      class="emotion-6 emotion-3"
+      class="css-1de9iio-Pane e1miv4j00"
     >
       <div>
         <div>
           <div
-            class="emotion-4 emotion-1"
+            class="css-csmggg-PlaceholderBlock e1fh6ul50"
             color="deepskyblue"
           >
             <h2
@@ -984,11 +315,11 @@ exports[`Storyshots UI|Mobile layout initial 2 1`] = `
       </div>
     </div>
     <div
-      class="emotion-10 emotion-3"
+      class="css-yu47hj-Pane e1miv4j00"
     >
       <div>
         <div
-          class="emotion-8 emotion-1"
+          class="css-usnvbh-PlaceholderBlock e1fh6ul50"
           color="orangered"
         >
           <h2
@@ -1006,20 +337,20 @@ exports[`Storyshots UI|Mobile layout initial 2 1`] = `
     </div>
   </div>
   <nav
-    class="emotion-20 emotion-21"
+    class="css-171svmn-Bar e1miv4j02"
   >
     <button
-      class="emotion-14 emotion-15"
+      class="css-1ghc1c-TabButton e1lzzkxx4"
     >
       Nav
     </button>
     <button
-      class="emotion-14 emotion-15"
+      class="css-1ghc1c-TabButton e1lzzkxx4"
     >
       Preview
     </button>
     <button
-      class="emotion-14 emotion-15"
+      class="css-1ghc1c-TabButton e1lzzkxx4"
     >
       Panel
     </button>
@@ -1028,239 +359,17 @@ exports[`Storyshots UI|Mobile layout initial 2 1`] = `
 `;
 
 exports[`Storyshots UI|Mobile layout page 1`] = `
-.emotion-22 {
-  position: fixed;
-  left: 0;
-  top: 0;
-  width: 100vw;
-  height: 100vh;
-  overflow: hidden;
-}
-
-.emotion-14 {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: calc(100% - 40px);
-}
-
-.emotion-0 {
-  background: hotpink;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  overflow: hidden;
-}
-
-.emotion-4 {
-  background: deepskyblue;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  overflow: hidden;
-}
-
-.emotion-12 {
-  -webkit-transition: -webkit-transform .2s ease;
-  -webkit-transition: transform .2s ease;
-  transition: transform .2s ease;
-  position: absolute;
-  top: 0;
-  height: 100%;
-  width: 80vw;
-  -webkit-transform: translateX(80vw);
-  -ms-transform: translateX(80vw);
-  transform: translateX(80vw);
-  right: 0;
-}
-
-.emotion-10 {
-  background: orangered;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  overflow: hidden;
-}
-
-.emotion-20 {
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  width: 100vw;
-  height: 40px;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-.emotion-20 > * {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-
-.emotion-16 {
-  white-space: normal;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  overflow: hidden;
-  vertical-align: top;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  font-size: 11px;
-  -webkit-letter-spacing: 1px;
-  -moz-letter-spacing: 1px;
-  -ms-letter-spacing: 1px;
-  letter-spacing: 1px;
-  padding: 0 15px;
-  text-transform: uppercase;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  height: 40px;
-  line-height: 12px;
-  box-sizing: border-box;
-  cursor: pointer;
-  background: transparent;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  color: rgba(0,0,0,0.4);
-  border-bottom-color: transparent;
-}
-
-.emotion-16:empty {
-  display: none;
-}
-
-.emotion-16:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-.emotion-2 {
-  -webkit-transition: -webkit-transform .2s ease;
-  -webkit-transition: transform .2s ease;
-  transition: transform .2s ease;
-  position: absolute;
-  top: 0;
-  height: 100%;
-  width: 80vw;
-  -webkit-transform: translateX(-80vw);
-  -ms-transform: translateX(-80vw);
-  transform: translateX(-80vw);
-  left: 0;
-}
-
-.emotion-8 {
-  -webkit-transition: -webkit-transform .2s ease;
-  -webkit-transition: transform .2s ease;
-  transition: transform .2s ease;
-  position: absolute;
-  top: 0;
-  height: 100%;
-  width: 100%;
-  -webkit-transform: translateX(0) scale(1);
-  -ms-transform: translateX(0) scale(1);
-  transform: translateX(0) scale(1);
-  left: 0;
-}
-
-.emotion-6 {
-  background: cyan;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  overflow: hidden;
-}
-
 <div
-  class="emotion-22 emotion-23"
+  class="css-i0efha-Root e1wsvst20"
 >
   <div
-    class="emotion-14 emotion-15"
+    class="css-todx5r e1miv4j01"
   >
     <div
-      class="emotion-2 emotion-3"
+      class="css-ib9ddz-Pane e1miv4j00"
     >
       <div
-        class="emotion-0 emotion-1"
+        class="css-69f31u-PlaceholderBlock e1fh6ul50"
         color="hotpink"
       >
         <h2
@@ -1274,14 +383,14 @@ exports[`Storyshots UI|Mobile layout page 1`] = `
       </div>
     </div>
     <div
-      class="emotion-8 emotion-3"
+      class="css-4fcvwf-Pane e1miv4j00"
     >
       <div>
         <div
           hidden=""
         >
           <div
-            class="emotion-4 emotion-1"
+            class="css-csmggg-PlaceholderBlock e1fh6ul50"
             color="deepskyblue"
           >
             <h2
@@ -1295,7 +404,7 @@ exports[`Storyshots UI|Mobile layout page 1`] = `
           </div>
         </div>
         <div
-          class="emotion-6 emotion-1"
+          class="css-sbb2zp-PlaceholderBlock e1fh6ul50"
           color="cyan"
         >
           <h2
@@ -1310,13 +419,13 @@ exports[`Storyshots UI|Mobile layout page 1`] = `
       </div>
     </div>
     <div
-      class="emotion-12 emotion-3"
+      class="css-1v7ry7-Pane e1miv4j00"
     >
       <div
         hidden=""
       >
         <div
-          class="emotion-10 emotion-1"
+          class="css-usnvbh-PlaceholderBlock e1fh6ul50"
           color="orangered"
         >
           <h2
@@ -1334,15 +443,15 @@ exports[`Storyshots UI|Mobile layout page 1`] = `
     </div>
   </div>
   <nav
-    class="emotion-20 emotion-21"
+    class="css-171svmn-Bar e1miv4j02"
   >
     <button
-      class="emotion-16 emotion-17"
+      class="css-1ghc1c-TabButton e1lzzkxx4"
     >
       Nav
     </button>
     <button
-      class="emotion-16 emotion-17"
+      class="css-1ghc1c-TabButton e1lzzkxx4"
     >
       settings
     </button>
diff --git a/lib/ui/src/components/nav/__snapshots__/nav.stories.storyshot b/lib/ui/src/components/nav/__snapshots__/nav.stories.storyshot
index a7c9c930b41..7f190211e78 100644
--- a/lib/ui/src/components/nav/__snapshots__/nav.stories.storyshot
+++ b/lib/ui/src/components/nav/__snapshots__/nav.stories.storyshot
@@ -1,174 +1,26 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Storyshots UI|Nav/components components 1`] = `
-.emotion-24 {
-  position: absolute;
-  z-index: 1;
-  left: 0;
-  top: 0;
-  bottom: 0;
-  right: 0;
-  width: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-  padding: 20px;
-  overflow: auto;
-  min-height: 100%;
-  box-sizing: border-box;
-}
-
-.emotion-20 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-
-.emotion-16 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: flex-start;
-  -webkit-box-align: flex-start;
-  -ms-flex-align: flex-start;
-  align-items: flex-start;
-  margin-right: -10px;
-  margin-bottom: 15px;
-}
-
-.emotion-6 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  margin-right: 30px;
-}
-
-.emotion-4 {
-  min-height: 30px;
-  vertical-align: top;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-.emotion-0 {
-  display: inline-block;
-}
-
-.emotion-2 {
-  padding-left: 10px;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  line-height: 12px;
-}
-
-.emotion-12 {
-  height: 28px;
-  width: 28px;
-  border: 1px solid #eee;
-  position: relative;
-  border-radius: 14px;
-  box-sizing: border-box;
-  background: transparent;
-  cursor: pointer;
-}
-
-.popup-content + .emotion-12,
-.emotion-12:focus {
-  border: 1px solid #00aaff;
-  outline: 0 none;
-  box-shadow: 0 1px 5px 0 rgba(0,0,0,0.1);
-}
-
-.emotion-12:after {
-  content: "";
-  position: absolute;
-  top: -1px;
-  right: -1px;
-  width: 8px;
-  height: 8px;
-  border-radius: 4px;
-  background: #66bf3c;
-}
-
-.emotion-12 > * {
-  position: absolute;
-  top: 5px;
-  left: 5px;
-  width: calc(100% - 10px);
-  height: calc(100% - 10px);
-}
-
-.emotion-10 {
-  display: block;
-}
-
-.emotion-8 {
-  fill: currentColor;
-}
-
-.emotion-18 {
-  font-size: 11px;
-  display: block;
-  text-align: center;
-  text-transform: uppercase;
-  margin: 0;
-  padding: 20px;
-}
-
-.emotion-26 {
-  background: transparent;
-  position: absolute;
-  z-index: 1;
-  left: 0;
-  top: 0;
-  bottom: 0;
-  right: 0;
-  width: 100%;
-  height: 100%;
-  box-sizing: border-box;
-}
-
 <nav
-  class="emotion-26 emotion-27"
+  class="css-1y3wcdx-Container ea9ueuv0"
 >
   <div
-    class="emotion-24 emotion-25"
+    class="css-1w49w0r-Inner ea9ueuv1"
   >
     <div
-      class="emotion-20 emotion-21"
+      class="css-vx98lc-Main ea9ueuv3"
     >
       <div
-        class="emotion-16 emotion-17"
+        class="css-1l8ehjd-Head ea9ueuv2"
       >
         <div
-          class="emotion-6 emotion-7"
+          class="css-1utbklm-HeadMain ea9ueuv6"
         >
           <div
-            class="emotion-4 emotion-5"
+            class="css-12abwdn-BrandWrapper ezlaqq41"
           >
             <svg
-              class="emotion-0 emotion-1"
+              class="css-1hafpwu-Svg e1jx9faa0"
               height="30px"
               viewBox="0 0 420 538"
             >
@@ -190,7 +42,7 @@ exports[`Storyshots UI|Nav/components components 1`] = `
               />
             </svg>
             <span
-              class="emotion-2 emotion-3"
+              class="css-1y8nbux-BrandText ezlaqq42"
             >
               <strong>
                 Title
@@ -199,20 +51,20 @@ exports[`Storyshots UI|Nav/components components 1`] = `
           </div>
         </div>
         <span
-          class="emotion-14 emotion-15"
+          class="css-1vfjj5t-Trigger e195q2qw0"
         >
           <button
-            class="emotion-12 emotion-13"
+            class="css-16kkzcq-RoundButton eclugbz0"
             id="storybook-explorer-menu"
           >
             <svg
-              class="emotion-10 emotion-11"
+              class="css-1yaqr10-Svg e1vqr9v80"
               height="14px"
               viewBox="0 0 1024 1024"
               width="14px"
             >
               <path
-                class="emotion-8 emotion-9"
+                class="css-1xhbbdd-Path e1gl30fa0"
                 d="M184 393c66.274 0 120 53.73 120 120s-53.726 120-120 120c-66.286 0-120-53.73-120-120s53.714-120 120-120zM512 393c66.272 0 120 53.73 120 120s-53.728 120-120 120c-66.286 0-120-53.73-120-120s53.714-120 120-120zM840 393c66.272 0 120 53.73 120 120s-53.728 120-120 120c-66.286 0-120-53.73-120-120s53.714-120 120-120z"
               />
             </svg>
@@ -220,187 +72,39 @@ exports[`Storyshots UI|Nav/components components 1`] = `
         </span>
       </div>
       <p
-        class="emotion-18 emotion-19"
+        class="css-hftiue ejh6i270"
       >
         There have no stories been loaded yet
       </p>
     </div>
     <div
-      class="emotion-22 emotion-23"
+      class="css-1yt93tv-Foot ea9ueuv4"
     />
   </div>
 </nav>
 `;
 
 exports[`Storyshots UI|Nav/settings with brand 1`] = `
-.emotion-26 {
-  background: linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 100%);
-  position: absolute;
-  z-index: 1;
-  left: 0;
-  top: 0;
-  bottom: 0;
-  right: 0;
-  width: 100%;
-  height: 100%;
-  box-sizing: border-box;
-}
-
-.emotion-24 {
-  position: absolute;
-  z-index: 1;
-  left: 0;
-  top: 0;
-  bottom: 0;
-  right: 0;
-  width: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-  padding: 20px;
-  overflow: auto;
-  min-height: 100%;
-  box-sizing: border-box;
-}
-
-.emotion-20 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-
-.emotion-16 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: flex-start;
-  -webkit-box-align: flex-start;
-  -ms-flex-align: flex-start;
-  align-items: flex-start;
-  margin-right: -10px;
-  margin-bottom: 15px;
-}
-
-.emotion-6 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  margin-right: 30px;
-}
-
-.emotion-4 {
-  min-height: 30px;
-  vertical-align: top;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-.emotion-0 {
-  display: inline-block;
-}
-
-.emotion-2 {
-  padding-left: 10px;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  line-height: 12px;
-}
-
-.emotion-12 {
-  height: 28px;
-  width: 28px;
-  border: 1px solid #eee;
-  position: relative;
-  border-radius: 14px;
-  box-sizing: border-box;
-  background: transparent;
-  cursor: pointer;
-}
-
-.popup-content + .emotion-12,
-.emotion-12:focus {
-  border: 1px solid #00aaff;
-  outline: 0 none;
-  box-shadow: 0 1px 5px 0 rgba(0,0,0,0.1);
-}
-
-.emotion-12:after {
-  content: "";
-  position: absolute;
-  top: -1px;
-  right: -1px;
-  width: 8px;
-  height: 8px;
-  border-radius: 4px;
-  background: #66bf3c;
-}
-
-.emotion-12 > * {
-  position: absolute;
-  top: 5px;
-  left: 5px;
-  width: calc(100% - 10px);
-  height: calc(100% - 10px);
-}
-
-.emotion-10 {
-  display: block;
-}
-
-.emotion-8 {
-  fill: currentColor;
-}
-
-.emotion-18 {
-  font-size: 11px;
-  display: block;
-  text-align: center;
-  text-transform: uppercase;
-  margin: 0;
-  padding: 20px;
-}
-
 <nav
-  class="emotion-26 emotion-27"
+  class="css-12y23u7-Container ea9ueuv0"
 >
   <div
-    class="emotion-24 emotion-25"
+    class="css-1w49w0r-Inner ea9ueuv1"
   >
     <div
-      class="emotion-20 emotion-21"
+      class="css-vx98lc-Main ea9ueuv3"
     >
       <div
-        class="emotion-16 emotion-17"
+        class="css-1l8ehjd-Head ea9ueuv2"
       >
         <div
-          class="emotion-6 emotion-7"
+          class="css-1utbklm-HeadMain ea9ueuv6"
         >
           <div
-            class="emotion-4 emotion-5"
+            class="css-12abwdn-BrandWrapper ezlaqq41"
           >
             <svg
-              class="emotion-0 emotion-1"
+              class="css-1hafpwu-Svg e1jx9faa0"
               height="30px"
               viewBox="0 0 420 538"
             >
@@ -422,7 +126,7 @@ exports[`Storyshots UI|Nav/settings with brand 1`] = `
               />
             </svg>
             <span
-              class="emotion-2 emotion-3"
+              class="css-1y8nbux-BrandText ezlaqq42"
             >
               <strong>
                 Title
@@ -431,20 +135,20 @@ exports[`Storyshots UI|Nav/settings with brand 1`] = `
           </div>
         </div>
         <span
-          class="emotion-14 emotion-15"
+          class="css-1vfjj5t-Trigger e195q2qw0"
         >
           <button
-            class="emotion-12 emotion-13"
+            class="css-16kkzcq-RoundButton eclugbz0"
             id="storybook-explorer-menu"
           >
             <svg
-              class="emotion-10 emotion-11"
+              class="css-1yaqr10-Svg e1vqr9v80"
               height="14px"
               viewBox="0 0 1024 1024"
               width="14px"
             >
               <path
-                class="emotion-8 emotion-9"
+                class="css-1xhbbdd-Path e1gl30fa0"
                 d="M184 393c66.274 0 120 53.73 120 120s-53.726 120-120 120c-66.286 0-120-53.73-120-120s53.714-120 120-120zM512 393c66.272 0 120 53.73 120 120s-53.728 120-120 120c-66.286 0-120-53.73-120-120s53.714-120 120-120zM840 393c66.272 0 120 53.73 120 120s-53.728 120-120 120c-66.286 0-120-53.73-120-120s53.714-120 120-120z"
               />
             </svg>
@@ -452,164 +156,36 @@ exports[`Storyshots UI|Nav/settings with brand 1`] = `
         </span>
       </div>
       <p
-        class="emotion-18 emotion-19"
+        class="css-hftiue ejh6i270"
       >
         There have no stories been loaded yet
       </p>
     </div>
     <div
-      class="emotion-22 emotion-23"
+      class="css-1yt93tv-Foot ea9ueuv4"
     />
   </div>
 </nav>
 `;
 
 exports[`Storyshots UI|Nav/settings without brand 1`] = `
-.emotion-22 {
-  background: linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 100%);
-  position: absolute;
-  z-index: 1;
-  left: 0;
-  top: 0;
-  bottom: 0;
-  right: 0;
-  width: 100%;
-  height: 100%;
-  box-sizing: border-box;
-}
-
-.emotion-20 {
-  position: absolute;
-  z-index: 1;
-  left: 0;
-  top: 0;
-  bottom: 0;
-  right: 0;
-  width: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-  padding: 20px;
-  overflow: auto;
-  min-height: 100%;
-  box-sizing: border-box;
-}
-
-.emotion-16 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-
-.emotion-12 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: flex-start;
-  -webkit-box-align: flex-start;
-  -ms-flex-align: flex-start;
-  align-items: flex-start;
-  margin-right: -10px;
-  margin-bottom: 15px;
-}
-
-.emotion-2 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  margin-right: 30px;
-}
-
-.emotion-8 {
-  height: 28px;
-  width: 28px;
-  border: 1px solid #eee;
-  position: relative;
-  border-radius: 14px;
-  box-sizing: border-box;
-  background: transparent;
-  cursor: pointer;
-}
-
-.popup-content + .emotion-8,
-.emotion-8:focus {
-  border: 1px solid #00aaff;
-  outline: 0 none;
-  box-shadow: 0 1px 5px 0 rgba(0,0,0,0.1);
-}
-
-.emotion-8:after {
-  content: "";
-  position: absolute;
-  top: -1px;
-  right: -1px;
-  width: 8px;
-  height: 8px;
-  border-radius: 4px;
-  background: #66bf3c;
-}
-
-.emotion-8 > * {
-  position: absolute;
-  top: 5px;
-  left: 5px;
-  width: calc(100% - 10px);
-  height: calc(100% - 10px);
-}
-
-.emotion-6 {
-  display: block;
-}
-
-.emotion-4 {
-  fill: currentColor;
-}
-
-.emotion-14 {
-  font-size: 11px;
-  display: block;
-  text-align: center;
-  text-transform: uppercase;
-  margin: 0;
-  padding: 20px;
-}
-
-.emotion-0 {
-  color: inherit;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
 <nav
-  class="emotion-22 emotion-23"
+  class="css-12y23u7-Container ea9ueuv0"
 >
   <div
-    class="emotion-20 emotion-21"
+    class="css-1w49w0r-Inner ea9ueuv1"
   >
     <div
-      class="emotion-16 emotion-17"
+      class="css-vx98lc-Main ea9ueuv3"
     >
       <div
-        class="emotion-12 emotion-13"
+        class="css-1l8ehjd-Head ea9ueuv2"
       >
         <div
-          class="emotion-2 emotion-3"
+          class="css-1utbklm-HeadMain ea9ueuv6"
         >
           <a
-            class="emotion-0 emotion-1"
+            class="css-t6n78u-A ea9ueuv5"
             href="https://example.com"
             tabindex="-1"
           >
@@ -617,20 +193,20 @@ exports[`Storyshots UI|Nav/settings without brand 1`] = `
           </a>
         </div>
         <span
-          class="emotion-10 emotion-11"
+          class="css-1vfjj5t-Trigger e195q2qw0"
         >
           <button
-            class="emotion-8 emotion-9"
+            class="css-16kkzcq-RoundButton eclugbz0"
             id="storybook-explorer-menu"
           >
             <svg
-              class="emotion-6 emotion-7"
+              class="css-1yaqr10-Svg e1vqr9v80"
               height="14px"
               viewBox="0 0 1024 1024"
               width="14px"
             >
               <path
-                class="emotion-4 emotion-5"
+                class="css-1xhbbdd-Path e1gl30fa0"
                 d="M184 393c66.274 0 120 53.73 120 120s-53.726 120-120 120c-66.286 0-120-53.73-120-120s53.714-120 120-120zM512 393c66.272 0 120 53.73 120 120s-53.728 120-120 120c-66.286 0-120-53.73-120-120s53.714-120 120-120zM840 393c66.272 0 120 53.73 120 120s-53.728 120-120 120c-66.286 0-120-53.73-120-120s53.714-120 120-120z"
               />
             </svg>
@@ -638,13 +214,13 @@ exports[`Storyshots UI|Nav/settings without brand 1`] = `
         </span>
       </div>
       <p
-        class="emotion-14 emotion-15"
+        class="css-hftiue ejh6i270"
       >
         There have no stories been loaded yet
       </p>
     </div>
     <div
-      class="emotion-18 emotion-19"
+      class="css-1yt93tv-Foot ea9ueuv4"
     />
   </div>
 </nav>
diff --git a/lib/ui/src/components/panel/__snapshots__/panel.stories.storyshot b/lib/ui/src/components/panel/__snapshots__/panel.stories.storyshot
index 86838e9b1df..f6927c6cdb3 100644
--- a/lib/ui/src/components/panel/__snapshots__/panel.stories.storyshot
+++ b/lib/ui/src/components/panel/__snapshots__/panel.stories.storyshot
@@ -1,221 +1,29 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Storyshots UI|Panel default 1`] = `
-.emotion-0 {
-  white-space: normal;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  overflow: hidden;
-  vertical-align: top;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  font-size: 11px;
-  -webkit-letter-spacing: 1px;
-  -moz-letter-spacing: 1px;
-  -ms-letter-spacing: 1px;
-  letter-spacing: 1px;
-  padding: 0 15px;
-  text-transform: uppercase;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  height: 40px;
-  line-height: 12px;
-  box-sizing: border-box;
-  cursor: pointer;
-  background: transparent;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  color: rgba(0,0,0,0.4);
-  border-bottom-color: transparent;
-}
-
-.emotion-0:empty {
-  display: none;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-.emotion-10 {
-  display: block;
-}
-
-.emotion-8 {
-  fill: currentColor;
-}
-
-.emotion-26 {
-  width: 100%;
-  height: 100%;
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-}
-
-.emotion-22 {
-  height: 40px;
-  background: rgba(255,255,255,1);
-  border-bottom: 1px solid rgba(0,0,0,0.1);
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  color: rgba(0,0,0,0.4);
-}
-
-.emotion-4 {
-  overflow: auto;
-  white-space: nowrap;
-  height: 100%;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-
-.emotion-2 {
-  white-space: normal;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  overflow: hidden;
-  vertical-align: top;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  font-size: 11px;
-  -webkit-letter-spacing: 1px;
-  -moz-letter-spacing: 1px;
-  -ms-letter-spacing: 1px;
-  letter-spacing: 1px;
-  padding: 0 15px;
-  text-transform: uppercase;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  height: 40px;
-  line-height: 12px;
-  box-sizing: border-box;
-  cursor: pointer;
-  background: transparent;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  color: #444;
-  border-bottom-color: rgba(0,0,0,0.1);
-}
-
-.emotion-2:empty {
-  display: none;
-}
-
-.emotion-2:focus {
-  outline: 0 none;
-  border-bottom-color: #9fdaff;
-}
-
-.emotion-20 {
-  height: 100%;
-  padding-right: 15px;
-  padding-left: 15px;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.emotion-20 > * {
-  margin-right: 15px;
-}
-
-.emotion-20 > *:last-child {
-  margin-right: 0;
-}
-
-.emotion-6 {
-  width: 1px;
-  height: 24px;
-  background: #eee;
-}
-
-.emotion-12 {
-  background: none;
-  border: 0 none;
-  padding: 0;
-  color: inherit;
-}
-
-.emotion-12:hover,
-.emotion-12:focus {
-  color: #300aaff;
-  outline: 0 none;
-  cursor: pointer;
-}
-
-.emotion-24 {
-  display: block;
-  position: relative;
-  position: relative;
-  overflow: auto;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  width: 100%;
-}
-
 <div
   style="height:calc(100vh - 20px)"
 >
   <div
-    class="emotion-26 emotion-27"
+    class="css-1rahlzc-Wrapper e1lzzkxx0"
     id="storybook-panel-root"
   >
     <div
-      class="emotion-22 emotion-23"
+      class="css-1x21rq3-TabBarWrapper e1lzzkxx2"
     >
       <div
-        class="emotion-4 emotion-5"
+        class="css-i6idqx-TabBar e1lzzkxx1"
         role="tablist"
       >
         <button
-          class="emotion-0 emotion-1"
+          class="css-1ghc1c-TabButton e1lzzkxx4"
           role="tab"
           type="button"
         >
           Test 1
         </button>
         <button
-          class="emotion-2 emotion-1"
+          class="css-1jt6nsk-TabButton e1lzzkxx4"
           role="tab"
           type="button"
         >
@@ -223,37 +31,37 @@ exports[`Storyshots UI|Panel default 1`] = `
         </button>
       </div>
       <div
-        class="emotion-20 emotion-21"
+        class="css-1syx3b1-TabBarTools e1lzzkxx3"
       >
         <span
-          class="emotion-6 emotion-7"
+          class="css-fk8yj3-Separator e9z07qj1"
         />
         <button
-          class="emotion-12 emotion-13"
+          class="css-506fq4-ToolButton e9z07qj0"
         >
           <svg
-            class="emotion-10 emotion-11"
+            class="css-1yaqr10-Svg e1vqr9v80"
             height="14px"
             viewBox="0 0 1024 1024"
             width="14px"
           >
             <path
-              class="emotion-8 emotion-9"
+              class="css-1xhbbdd-Path e1gl30fa0"
               d="M64 167.944v688c0 22.092 17.908 40 40 40h816c22.092 0 40-17.908 40-40v-688c0-22.092-17.908-40-40-40h-816c-22.092 0-40 17.908-40 40zM880 815.944h-240v-608h240v608zM144 207.944h416v608h-416v-608zM793.296 320.118h-66.398c-17.676 0-32-14.324-32-32 0-17.674 14.328-32 32-32h66.396c17.674 0 32.002 14.326 32.002 32 0 17.672-14.324 32-32 32zM793.296 448.118h-66.398c-17.676 0-32-14.324-32-32 0-17.674 14.328-32 32-32h66.396c17.674 0 32.002 14.326 32.002 32 0 17.672-14.324 32-32 32zM793.296 576.118h-66.398c-17.676 0-32-14.324-32-32 0-17.674 14.328-32 32-32h66.396c17.674 0 32.002 14.326 32.002 32 0 17.672-14.324 32-32 32z"
             />
           </svg>
         </button>
         <button
-          class="emotion-12 emotion-13"
+          class="css-506fq4-ToolButton e9z07qj0"
         >
           <svg
-            class="emotion-10 emotion-11"
+            class="css-1yaqr10-Svg e1vqr9v80"
             height="14px"
             viewBox="0 0 1024 1024"
             width="14px"
           >
             <path
-              class="emotion-8 emotion-9"
+              class="css-1xhbbdd-Path e1gl30fa0"
               d="M693.022 637.866c15.62 15.622 15.618 40.95 0 56.566-15.622 15.622-40.946 15.624-56.562 0.002l-124.46-124.458-124.456 124.458c-15.622 15.622-40.944 15.622-56.562 0-15.624-15.622-15.624-40.946-0.002-56.568l124.454-124.456-124.452-124.45c-15.622-15.622-15.622-40.946 0-56.564 15.62-15.624 40.944-15.624 56.568-0.002l124.45 124.45 124.454-124.452c15.622-15.62 40.95-15.62 56.566 0 15.622 15.62 15.624 40.944 0.002 56.56l-124.456 124.458 124.456 124.456zM828.784 828.784c-174.956 174.956-458.614 174.956-633.566 0-174.958-174.956-174.958-458.614 0-633.566 174.954-174.958 458.612-174.958 633.566 0 174.954 174.952 174.954 458.612 0 633.566zM880 511.998c-0.002-98.296-38.28-190.708-107.786-260.212s-161.92-107.786-260.214-107.788c-98.296 0.002-190.71 38.282-260.216 107.786-69.506 69.508-107.782 161.918-107.786 260.214 0.002 98.296 38.282 190.71 107.786 260.216 69.508 69.506 161.918 107.784 260.216 107.784 98.296 0 190.708-38.278 260.214-107.784s107.784-161.92 107.786-260.216z"
             />
           </svg>
@@ -261,7 +69,7 @@ exports[`Storyshots UI|Panel default 1`] = `
       </div>
     </div>
     <div
-      class="emotion-24 emotion-25"
+      class="css-1od9ihz-Content e1lzzkxx5"
     >
       <div
         id="test1"
@@ -283,20 +91,11 @@ exports[`Storyshots UI|Panel default 1`] = `
 `;
 
 exports[`Storyshots UI|Panel no panels 1`] = `
-.emotion-0 {
-  font-size: 11px;
-  display: block;
-  text-align: center;
-  text-transform: uppercase;
-  margin: 0;
-  padding: 20px;
-}
-
 <div
   style="height:calc(100vh - 20px)"
 >
   <p
-    class="emotion-0 emotion-1"
+    class="css-hftiue ejh6i270"
   >
     no panels available
   </p>