diff --git a/packages/logos/src/node.js b/packages/logos/src/node.js
index 95867b8e..879ecc24 100644
--- a/packages/logos/src/node.js
+++ b/packages/logos/src/node.js
@@ -8,12 +8,6 @@ export default props => (
     {...props}
   >
     <defs>
-      <style
-        dangerouslySetInnerHTML={{
-          __html:
-            '.cls-1{fill:url(#linear-gradient);}.cls-2{fill:#1b3240;opacity:0.66;isolation:isolate;}.cls-3{fill:url(#linear-gradient-2);}'
-        }}
-      />
       <linearGradient
         id="linear-gradient"
         y1="225.5"
@@ -43,16 +37,15 @@ export default props => (
       <g id="svg4300">
         <path
           id="_Path_"
-          data-name="<Path>"
-          className="cls-1"
+          style={{ fill: 'url(#linear-gradient)' }}
           d="M14.2.3a1.53,1.53,0,0,1,1.6,0L29.2,8A1.6,1.6,0,0,1,30,9.4V24.9a1.6,1.6,0,0,1-.8,1.4L15.8,34a1.53,1.53,0,0,1-1.6,0L.8,26.3A1.6,1.6,0,0,1,0,24.9V9.4A1.6,1.6,0,0,1,.8,8Z"
         />
         <path
-          className="cls-2"
+          style={{ fill: ' #1b3240', opacity: 0.66, isolation: 'isolate' }}
           d="M28.8,8,15.5.2c-.1-.1-.3-.1-.4-.2L0,25.8a1,1,0,0,0,.5.4l13.4,7.7a1.5,1.5,0,0,0,1.3.1L29.3,8.2C29.1,8.2,29,8.1,28.8,8Z"
         />
         <path
-          className="cls-3"
+          style={{ fill: 'url(#linear-gradient-2)' }}
           d="M15.9,34l13.4-7.7a1.51,1.51,0,0,0,.7-1.4v-.1L15.6.1a1.53,1.53,0,0,0-1.3.2L1.1,7.9,15.5,34.1C15.6,34.1,15.7,34,15.9,34Z"
         />
       </g>
diff --git a/packages/my-joy-beta/package.json b/packages/my-joy-beta/package.json
index 29174d0b..f9748d9b 100644
--- a/packages/my-joy-beta/package.json
+++ b/packages/my-joy-beta/package.json
@@ -18,7 +18,7 @@
   },
   "dependencies": {
     "@manaflair/redux-batch": "^0.1.0",
-    "apollo": "^0.2.2",
+    "apollo": "0.2.2",
     "apr-intercept": "^3.0.3",
     "babel-preset-joyent-portal": "^6.0.3",
     "bytes": "^3.0.0",
@@ -27,6 +27,7 @@
     "date-fns": "^1.29.0",
     "declarative-redux-form": "^2.0.8",
     "execa": "^0.9.0",
+    "fuse.js": "^3.2.0",
     "inert": "^5.1.0",
     "joyent-logo-assets": "^1.0.0",
     "joyent-manifest-editor": "^1.4.0",
@@ -47,7 +48,6 @@
     "lodash.sortby": "^4.7.0",
     "lodash.uniqby": "^4.7.0",
     "lodash.values": "^4.3.0",
-    "lunr": "^2.1.5",
     "normalized-styled-components": "^1.0.18",
     "param-case": "^2.1.1",
     "prop-types": "^15.6.0",
diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-submitting-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-submitting-1-snap.png
index e00af188..e742a1c1 100644
Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-submitting-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-submitting-1-snap.png differ
diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-2-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-2-snap.png
index 06e13d30..5c997d49 100644
Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-2-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-2-snap.png differ
diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-3-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-3-snap.png
index b907d2e3..06e13d30 100644
Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-3-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-3-snap.png differ
diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-4-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-4-snap.png
index 06e13d30..b907d2e3 100644
Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-4-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-4-snap.png differ
diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-fabric-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-fabric-1-snap.png
index 6965264e..f0a23cfc 100644
Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-fabric-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-fabric-1-snap.png differ
diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-fabric-2-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-fabric-2-snap.png
index d6efbae0..6965264e 100644
Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-fabric-2-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-fabric-2-snap.png differ
diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-public-2-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-public-2-snap.png
index f0a23cfc..0058f68a 100644
Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-public-2-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-public-2-snap.png differ
diff --git a/packages/my-joy-beta/src/components/__tests__/__snapshots__/firewall.spec.js.snap b/packages/my-joy-beta/src/components/__tests__/__snapshots__/firewall.spec.js.snap
index 458cdb49..77059766 100644
--- a/packages/my-joy-beta/src/components/__tests__/__snapshots__/firewall.spec.js.snap
+++ b/packages/my-joy-beta/src/components/__tests__/__snapshots__/firewall.spec.js.snap
@@ -5675,6 +5675,15 @@ exports[`renders <ToggleFirewallForm submitting /> without throwing 1`] = `
   box-shadow: none;
 }
 
+.c4:checked + label {
+  background: rgb(250,250,250);
+  border: 0.0625rem solid rgb(216,216,216);
+}
+
+.c4:checked + label:after {
+  box-shadow: 0 0 0 0.0625rem rgb(216,216,216);
+}
+
 .c5 {
   outline: 0;
   display: block;
diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-overview-1-snap.png b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-overview-1-snap.png
index 73700ec2..b616e164 100644
Binary files a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-overview-1-snap.png and b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-overview-1-snap.png differ
diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-overview-has-vms-1-snap.png b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-overview-has-vms-1-snap.png
index fc789987..a469ec77 100644
Binary files a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-overview-has-vms-1-snap.png and b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-overview-has-vms-1-snap.png differ
diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/affinity.spec.js.snap b/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/affinity.spec.js.snap
index 639e7f12..8a586863 100644
--- a/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/affinity.spec.js.snap
+++ b/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/affinity.spec.js.snap
@@ -302,6 +302,7 @@ exports[`renders <Rule/> without throwing 1`] = `
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   right: 0.75rem;
+  pointer-events: none;
 }
 
 .c4:after {
@@ -336,6 +337,7 @@ exports[`renders <Rule/> without throwing 1`] = `
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   right: 0.75rem;
+  pointer-events: none;
 }
 
 .c9:after {
@@ -1162,6 +1164,7 @@ exports[`renders <Rule/> without throwing 2`] = `
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   right: 0.75rem;
+  pointer-events: none;
 }
 
 .c4:after {
@@ -1196,6 +1199,7 @@ exports[`renders <Rule/> without throwing 2`] = `
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   right: 0.75rem;
+  pointer-events: none;
 }
 
 .c9:after {
diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/images.spec.js.snap b/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/images.spec.js.snap
index fa6a7ce7..1bb31982 100644
--- a/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/images.spec.js.snap
+++ b/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/images.spec.js.snap
@@ -212,6 +212,7 @@ exports[`renders <Images images=[{name: stuff, imageName: stuff}] /> without thr
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   right: 0.75rem;
+  pointer-events: none;
 }
 
 .c9 {
diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/package.spec.js.snap b/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/package.spec.js.snap
index 5430ccfc..ef4df6a5 100644
--- a/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/package.spec.js.snap
+++ b/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/package.spec.js.snap
@@ -281,6 +281,7 @@ exports[`renders <Filters /> without throwing 1`] = `
   font-weight: 600;
   white-space: pre;
   font-size: 0.8125rem;
+  cursor: pointer;
 }
 
 .c1 {
@@ -411,7 +412,7 @@ exports[`renders <Filters /> without throwing 1`] = `
           checked={false}
           className="c5"
           disabled={false}
-          id="m"
+          id="n"
           onBlur={undefined}
           type="checkbox"
         >
@@ -419,25 +420,25 @@ exports[`renders <Filters /> without throwing 1`] = `
             checked={false}
             className="c6"
             disabled={false}
-            id="n"
+            id="o"
             onBlur={undefined}
             type="checkbox"
           />
           <label
             className="c7"
-            htmlFor="n"
+            htmlFor="o"
           />
         </div>
         <div
           checked={false}
           className="c8"
           disabled={false}
-          id="m"
+          id="n"
           onBlur={undefined}
         >
           <label
             className="c9"
-            htmlFor="n"
+            htmlFor="o"
           >
             <div
               className="c10"
@@ -477,7 +478,7 @@ exports[`renders <Filters /> without throwing 1`] = `
           checked={false}
           className="c5"
           disabled={false}
-          id="o"
+          id="p"
           onBlur={undefined}
           type="checkbox"
         >
@@ -485,25 +486,25 @@ exports[`renders <Filters /> without throwing 1`] = `
             checked={false}
             className="c6"
             disabled={false}
-            id="p"
+            id="q"
             onBlur={undefined}
             type="checkbox"
           />
           <label
             className="c7"
-            htmlFor="p"
+            htmlFor="q"
           />
         </div>
         <div
           checked={false}
           className="c8"
           disabled={false}
-          id="o"
+          id="p"
           onBlur={undefined}
         >
           <label
             className="c9"
-            htmlFor="p"
+            htmlFor="q"
           >
             <div
               className="c10"
@@ -543,7 +544,7 @@ exports[`renders <Filters /> without throwing 1`] = `
           checked={false}
           className="c5"
           disabled={false}
-          id="q"
+          id="r"
           onBlur={undefined}
           type="checkbox"
         >
@@ -551,25 +552,25 @@ exports[`renders <Filters /> without throwing 1`] = `
             checked={false}
             className="c6"
             disabled={false}
-            id="r"
+            id="s"
             onBlur={undefined}
             type="checkbox"
           />
           <label
             className="c7"
-            htmlFor="r"
+            htmlFor="s"
           />
         </div>
         <div
           checked={false}
           className="c8"
           disabled={false}
-          id="q"
+          id="r"
           onBlur={undefined}
         >
           <label
             className="c9"
-            htmlFor="r"
+            htmlFor="s"
           >
             <div
               className="c10"
@@ -609,7 +610,7 @@ exports[`renders <Filters /> without throwing 1`] = `
           checked={false}
           className="c5"
           disabled={false}
-          id="s"
+          id="t"
           onBlur={undefined}
           type="checkbox"
         >
@@ -617,25 +618,25 @@ exports[`renders <Filters /> without throwing 1`] = `
             checked={false}
             className="c6"
             disabled={false}
-            id="t"
+            id="u"
             onBlur={undefined}
             type="checkbox"
           />
           <label
             className="c7"
-            htmlFor="t"
+            htmlFor="u"
           />
         </div>
         <div
           checked={false}
           className="c8"
           disabled={false}
-          id="s"
+          id="t"
           onBlur={undefined}
         >
           <label
             className="c9"
-            htmlFor="t"
+            htmlFor="u"
           >
             <div
               className="c10"
@@ -682,7 +683,7 @@ exports[`renders <Filters /> without throwing 1`] = `
           checked={false}
           className="c5"
           disabled={false}
-          id="u"
+          id="v"
           onBlur={undefined}
           type="checkbox"
         >
@@ -690,25 +691,25 @@ exports[`renders <Filters /> without throwing 1`] = `
             checked={false}
             className="c6"
             disabled={false}
-            id="v"
+            id="w"
             onBlur={undefined}
             type="checkbox"
           />
           <label
             className="c7"
-            htmlFor="v"
+            htmlFor="w"
           />
         </div>
         <div
           checked={false}
           className="c8"
           disabled={false}
-          id="u"
+          id="v"
           onBlur={undefined}
         >
           <label
             className="c9"
-            htmlFor="v"
+            htmlFor="w"
           >
             SSD
           </label>
@@ -743,7 +744,6 @@ Array [
   line-height: 1.625rem;
   font-size: 1.3125rem;
   margin: 0;
-  font-weight: 600;
 }
 
 <div
@@ -833,7 +833,6 @@ Array [
   line-height: 1.625rem;
   font-size: 1.3125rem;
   margin: 0;
-  font-weight: 600;
 }
 
 <div
@@ -922,12 +921,12 @@ Array [
 `;
 
 exports[`renders <Package /> without throwing 1`] = `
-.c9 {
+.c10 {
   margin-right: 0.75rem;
   margin-left: 0.375rem;
 }
 
-.c8 {
+.c9 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -951,7 +950,7 @@ exports[`renders <Package /> without throwing 1`] = `
   align-items: center;
 }
 
-.c5 {
+.c6 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -961,60 +960,60 @@ exports[`renders <Package /> without throwing 1`] = `
   display: none;
 }
 
-.c5[type='checkbox'],
-.c5[type='radio'] {
+.c6[type='checkbox'],
+.c6[type='radio'] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.c5[type='number']::-webkit-inner-spin-button,
-.c5[type='number']::-webkit-outer-spin-button {
+.c6[type='number']::-webkit-inner-spin-button,
+.c6[type='number']::-webkit-outer-spin-button {
   height: auto;
 }
 
-.c5[type='search'] {
+.c6[type='search'] {
   -webkit-appearance: textfield;
   -moz-appearance: textfield;
   appearance: textfield;
   outline-offset: -0.125rem;
 }
 
-.c5[type='search']::-webkit-search-cancel-button,
-.c5[type='search']::-webkit-search-decoration {
+.c6[type='search']::-webkit-search-cancel-button,
+.c6[type='search']::-webkit-search-decoration {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
 }
 
-.c5::-webkit-file-upload-button {
+.c6::-webkit-file-upload-button {
   -webkit-appearance: button;
   -moz-appearance: button;
   appearance: button;
   font: inherit;
 }
 
-.c5:checked + label::after {
+.c6:checked + label::after {
   opacity: 1;
 }
 
-.c5:selected + label::after {
+.c6:selected + label::after {
   opacity: 1;
 }
 
-.c5:checked + label {
+.c6:checked + label {
   border-color: rgb(59,70,204);
 }
 
-.c5:selected + label {
+.c6:selected + label {
   border-color: rgb(59,70,204);
 }
 
-.c5:disabled + label {
+.c6:disabled + label {
   background-color: rgb(249,249,249);
   cursor: not-allowed;
 }
 
-.c10 {
+.c11 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-style: normal;
@@ -1028,7 +1027,7 @@ exports[`renders <Package /> without throwing 1`] = `
   font-size: 0.8125rem;
 }
 
-.c6 {
+.c7 {
   color: rgb(100,100,100);
   position: absolute;
   width: 1.125rem;
@@ -1046,7 +1045,7 @@ exports[`renders <Package /> without throwing 1`] = `
   border-radius: 50%;
 }
 
-.c6::after {
+.c7::after {
   opacity: 0;
   content: '';
   position: absolute;
@@ -1061,7 +1060,7 @@ exports[`renders <Package /> without throwing 1`] = `
   transform: translateX(-50%) translateY(-50%);
 }
 
-.c4 {
+.c5 {
   display: inline-block;
   vertical-align: text-bottom;
   width: 1.125rem;
@@ -1070,11 +1069,11 @@ exports[`renders <Package /> without throwing 1`] = `
   cursor: pointer;
 }
 
-.c7 {
+.c8 {
   margin-left: 0.75rem;
 }
 
-.c2 {
+.c3 {
   display: inline-block;
   margin: 0;
   padding: 0;
@@ -1090,7 +1089,7 @@ exports[`renders <Package /> without throwing 1`] = `
   width: 100%;
 }
 
-.c3 {
+.c4 {
   list-style-type: none;
   display: -webkit-box;
   display: -webkit-flex;
@@ -1102,7 +1101,7 @@ exports[`renders <Package /> without throwing 1`] = `
   align-items: center;
 }
 
-.c1 {
+.c2 {
   border-width: 0.0625rem;
   border-style: solid;
   border-color: rgb(216,216,216);
@@ -1115,15 +1114,15 @@ exports[`renders <Package /> without throwing 1`] = `
   border-bottom-width: 0;
 }
 
-.c1:not(:first-child) {
+.c2:not(:first-child) {
   border-left-width: 0;
 }
 
-.c1:not(:last-child) {
+.c2:not(:last-child) {
   border-right-width: 0;
 }
 
-.c0 {
+.c1 {
   display: table-row;
   color: rgba(73,73,73,1);
   background-color: rgb(255,255,255);
@@ -1131,74 +1130,79 @@ exports[`renders <Package /> without throwing 1`] = `
   box-sizing: border-box;
 }
 
-.c0:last-child {
+.c1:last-child {
   box-shadow: none;
 }
 
-.c0:last-child td {
+.c1:last-child td {
   border-bottom-width: 0.0625rem;
 }
 
+.c0 {
+  cursor: pointer;
+}
+
 <tr
-  className="c0"
+  className="c0 c1"
   disabled={undefined}
   name="tr"
+  onClick={[Function]}
   selected={undefined}
 >
   <td
-    className="c1"
+    className="c2"
     disabled={undefined}
     name="td"
     selected={false}
   >
     <div
-      className="baseline-jVaZNU kXgQxt c2"
-      name="package"
+      className="baseline-jVaZNU kXgQxt c3"
       role="group"
       style={undefined}
-      type="radio"
-      value={undefined}
     >
       <li
-        className="c3"
+        checked={false}
+        className="c4"
         disabled={false}
         onBlur={null}
       >
         <div
-          className="c4"
+          checked={false}
+          className="c5"
           disabled={false}
-          id="k"
+          id="l"
           onBlur={null}
           type="radio"
         >
           <input
-            checked={undefined}
-            className="c5"
+            checked={false}
+            className="c6"
             disabled={false}
-            id="l"
+            id="m"
             onBlur={null}
             type="radio"
           />
           <label
-            className="c6"
-            htmlFor="l"
+            className="c7"
+            htmlFor="m"
           />
         </div>
         <div
-          className="c7"
+          checked={false}
+          className="c8"
           disabled={false}
-          id="k"
+          id="l"
           onBlur={null}
         >
           <div
-            className="c8"
+            className="c9"
           >
             <div
-              className="c9"
+              className="c10"
             >
               <label
-                className="c10"
-                htmlFor="l"
+                className="c11"
+                htmlFor="m"
                 style={
                   Object {
                     "fontWeight": "normal",
@@ -1214,7 +1218,7 @@ exports[`renders <Package /> without throwing 1`] = `
     </div>
   </td>
   <td
-    className="c1"
+    className="c2"
     disabled={undefined}
     name="td"
     selected={false}
@@ -1222,7 +1226,7 @@ exports[`renders <Package /> without throwing 1`] = `
     1
   </td>
   <td
-    className="c1"
+    className="c2"
     disabled={undefined}
     name="td"
     selected={false}
@@ -1230,7 +1234,7 @@ exports[`renders <Package /> without throwing 1`] = `
     1
   </td>
   <td
-    className="c1"
+    className="c2"
     disabled={undefined}
     name="td"
     selected={false}
diff --git a/packages/my-joy-beta/src/components/create-instance/image.js b/packages/my-joy-beta/src/components/create-instance/image.js
index 5c511c01..7819adc6 100644
--- a/packages/my-joy-beta/src/components/create-instance/image.js
+++ b/packages/my-joy-beta/src/components/create-instance/image.js
@@ -6,7 +6,6 @@ import { Margin } from 'styled-components-spacing';
 import Flex from 'styled-flex-component';
 import pascalCase from 'pascal-case';
 import titleCase from 'title-case';
-import includes from 'lodash.includes';
 import remcalc from 'remcalc';
 
 import {
@@ -37,7 +36,7 @@ const Version = styled(Select)`
 export const Preview = ({ name, version, isVm }) => (
   <Fragment>
     <Margin bottom={2} top={3}>
-      <H3 bold>
+      <H3>
         {name} - {version}
       </H3>
       <P>{isVm ? 'Hardware Virtual Machine' : 'Infrastructure Container'} </P>
diff --git a/packages/my-joy-beta/src/components/create-instance/package.js b/packages/my-joy-beta/src/components/create-instance/package.js
index 2eb7692b..f16fa776 100644
--- a/packages/my-joy-beta/src/components/create-instance/package.js
+++ b/packages/my-joy-beta/src/components/create-instance/package.js
@@ -46,13 +46,17 @@ const VerticalDivider = styled.div`
   box-sizing: border-box;
 `;
 
+const TableTrActionable = styled(TableTr)`
+  cursor: pointer;
+`;
+
 export const Filters = ({ onResetFilters }) => (
   <Margin top={1} bottom={3}>
     <H4>Filters</H4>
     <Flex wrap alignCenter justifyBetween>
       <FormGroup type="checkbox" name="compute-optimized" field={Field}>
         <Checkbox>
-          <FormLabel>
+          <FormLabel actionable>
             <Flex alignCenter>
               {GroupIcons.COMPUTE}
               <Margin right={1} left={1}>
@@ -64,7 +68,7 @@ export const Filters = ({ onResetFilters }) => (
       </FormGroup>
       <FormGroup type="checkbox" name="memory-optimized" field={Field}>
         <Checkbox>
-          <FormLabel>
+          <FormLabel actionable>
             <Flex alignCenter>
               {GroupIcons.MEMORY}
               <Margin left={1} right={2}>
@@ -76,7 +80,7 @@ export const Filters = ({ onResetFilters }) => (
       </FormGroup>
       <FormGroup type="checkbox" name="general-purpose" field={Field}>
         <Checkbox>
-          <FormLabel>
+          <FormLabel actionable>
             <Flex alignCenter>
               {GroupIcons.GENERAL}
               <Margin left={1} right={2}>
@@ -88,7 +92,7 @@ export const Filters = ({ onResetFilters }) => (
       </FormGroup>
       <FormGroup type="checkbox" name="storage-optimized" field={Field}>
         <Checkbox>
-          <FormLabel>
+          <FormLabel actionable>
             <Flex alignCenter>
               {GroupIcons.STORAGE}
               <Margin left={1} right={2}>
@@ -100,7 +104,7 @@ export const Filters = ({ onResetFilters }) => (
       </FormGroup>
       <FormGroup type="checkbox" name="ssd" field={Field}>
         <Checkbox>
-          <FormLabel>SSD</FormLabel>
+          <FormLabel actionable>SSD</FormLabel>
         </Checkbox>
       </FormGroup>
     </Flex>
@@ -123,12 +127,13 @@ export const Package = ({
   disk,
   ssd,
   hasVms,
-  sortBy
+  sortBy,
+  selectPackage
 }) => (
-  <TableTr>
+  <TableTrActionable onClick={() => selectPackage(id)}>
     <TableTd right selected={selected}>
-      <FormGroup name="package" value={id} type="radio" field={Field} fluid>
-        <Radio onBlur={null} noMargin>
+      <FormGroup fluid>
+        <Radio checked={selected} onBlur={null} noMargin>
           <Flex alignCenter>
             {GroupIcons[group]}
             <Margin left={1} right={2}>
@@ -161,7 +166,7 @@ export const Package = ({
     <TableTd right bold={sortBy === 'price'} selected={selected}>
       {price}
     </TableTd>
-  </TableTr>
+  </TableTrActionable>
 );
 
 export const Packages = ({
@@ -258,9 +263,7 @@ export const Overview = ({
 }) => (
   <Fragment>
     <Margin bottom={2}>
-      <H3 bold noMargin>
-        {name}
-      </H3>
+      <H3 noMargin>{name}</H3>
     </Margin>
     <Flex alignCenter>
       <span>{price} $</span>
diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-instance-list-sort-by-sort-order-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-instance-list-sort-by-sort-order-1-snap.png
index 2388ef16..062683b1 100644
Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-instance-list-sort-by-sort-order-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-instance-list-sort-by-sort-order-1-snap.png differ
diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-instance-list-sort-by-sort-order-2-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-instance-list-sort-by-sort-order-2-snap.png
new file mode 100644
index 00000000..2388ef16
Binary files /dev/null and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-instance-list-sort-by-sort-order-2-snap.png differ
diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-instance-list-submitting-2-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-instance-list-submitting-2-snap.png
new file mode 100644
index 00000000..254974e9
Binary files /dev/null and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-instance-list-submitting-2-snap.png differ
diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-item-mutating-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-item-mutating-1-snap.png
index 87bf4404..a5935d27 100644
Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-item-mutating-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-item-mutating-1-snap.png differ
diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-item-mutating-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-item-mutating-1-snap.png
index 2a489c54..ef8811fa 100644
Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-item-mutating-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-item-mutating-1-snap.png differ
diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-1-snap.png
index fe8f707f..fcc25401 100644
Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-1-snap.png differ
diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__snapshots__/list.spec.js.snap b/packages/my-joy-beta/src/components/instances/__tests__/__snapshots__/list.spec.js.snap
index 3d4cc2e6..3cd6d3ee 100644
--- a/packages/my-joy-beta/src/components/instances/__tests__/__snapshots__/list.spec.js.snap
+++ b/packages/my-joy-beta/src/components/instances/__tests__/__snapshots__/list.spec.js.snap
@@ -3308,6 +3308,34 @@ exports[`renders <Item /> without throwing 1`] = `
   padding: 0rem;
 }
 
+.c21 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-flex-wrap: nowrap;
+  -ms-flex-wrap: nowrap;
+  flex-wrap: nowrap;
+  -webkit-box-pack: start;
+  -webkit-justify-content: flex-start;
+  -ms-flex-pack: start;
+  justify-content: flex-start;
+  -webkit-align-content: stretch;
+  -ms-flex-line-pack: stretch;
+  align-content: stretch;
+  -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;
+}
+
 .c14 {
   width: 0.75rem;
   height: 0.75rem;
@@ -3538,6 +3566,12 @@ exports[`renders <Item /> without throwing 1`] = `
   font-weight: 600;
 }
 
+.c20 {
+  width: 3rem;
+  height: 3rem;
+  min-width: 3rem;
+}
+
 @media only screen and (min-width:47.9375rem) {
   .c15 {
     width: 10rem;
@@ -3665,24 +3699,28 @@ exports[`renders <Item /> without throwing 1`] = `
           onMouseLeave={undefined}
           tag="div"
         >
-          <svg
-            className=""
-            height="16"
-            innerRef={undefined}
-            style={
-              Object {
-                "transform": "rotate(0deg)",
-              }
-            }
-            viewBox="0 0 4 16"
-            width="4"
-            xmlns="http://www.w3.org/2000/svg"
+          <div
+            className="c20 c21"
           >
-            <path
-              d="M2,16a2,2,0,1,0-2-2A2,2,0,0,0,2,16Zm0-6A2,2,0,1,0,0,8,2,2,0,0,0,2,10ZM2,4A2,2,0,1,0,0,2,2,2,0,0,0,2,4Z"
-              fill="rgba(73, 73, 73, 1)"
-            />
-          </svg>
+            <svg
+              className=""
+              height="16"
+              innerRef={undefined}
+              style={
+                Object {
+                  "transform": "rotate(0deg)",
+                }
+              }
+              viewBox="0 0 4 16"
+              width="4"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M2,16a2,2,0,1,0-2-2A2,2,0,0,0,2,16Zm0-6A2,2,0,1,0,0,8,2,2,0,0,0,2,10ZM2,4A2,2,0,1,0,0,2,2,2,0,0,0,2,4Z"
+                fill="rgba(73, 73, 73, 1)"
+              />
+            </svg>
+          </div>
         </div>
       </td>
     </tr>
@@ -3784,6 +3822,34 @@ exports[`renders <Item {...item} /> without throwing 1`] = `
   padding: 0rem;
 }
 
+.c21 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-flex-wrap: nowrap;
+  -ms-flex-wrap: nowrap;
+  flex-wrap: nowrap;
+  -webkit-box-pack: start;
+  -webkit-justify-content: flex-start;
+  -ms-flex-pack: start;
+  justify-content: flex-start;
+  -webkit-align-content: stretch;
+  -ms-flex-line-pack: stretch;
+  align-content: stretch;
+  -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;
+}
+
 .c14 {
   width: 0.75rem;
   height: 0.75rem;
@@ -4014,6 +4080,12 @@ exports[`renders <Item {...item} /> without throwing 1`] = `
   font-weight: 600;
 }
 
+.c20 {
+  width: 3rem;
+  height: 3rem;
+  min-width: 3rem;
+}
+
 @media only screen and (min-width:47.9375rem) {
   .c15 {
     width: 10rem;
@@ -4143,24 +4215,28 @@ exports[`renders <Item {...item} /> without throwing 1`] = `
           onMouseLeave={undefined}
           tag="div"
         >
-          <svg
-            className=""
-            height="16"
-            innerRef={undefined}
-            style={
-              Object {
-                "transform": "rotate(0deg)",
-              }
-            }
-            viewBox="0 0 4 16"
-            width="4"
-            xmlns="http://www.w3.org/2000/svg"
+          <div
+            className="c20 c21"
           >
-            <path
-              d="M2,16a2,2,0,1,0-2-2A2,2,0,0,0,2,16Zm0-6A2,2,0,1,0,0,8,2,2,0,0,0,2,10ZM2,4A2,2,0,1,0,0,2,2,2,0,0,0,2,4Z"
-              fill="rgba(73, 73, 73, 1)"
-            />
-          </svg>
+            <svg
+              className=""
+              height="16"
+              innerRef={undefined}
+              style={
+                Object {
+                  "transform": "rotate(0deg)",
+                }
+              }
+              viewBox="0 0 4 16"
+              width="4"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M2,16a2,2,0,1,0-2-2A2,2,0,0,0,2,16Zm0-6A2,2,0,1,0,0,8,2,2,0,0,0,2,10ZM2,4A2,2,0,1,0,0,2,2,2,0,0,0,2,4Z"
+                fill="rgba(73, 73, 73, 1)"
+              />
+            </svg>
+          </div>
         </div>
       </td>
     </tr>
@@ -4262,6 +4338,34 @@ exports[`renders <Item allowedActions /> without throwing 1`] = `
   padding: 0rem;
 }
 
+.c21 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-flex-wrap: nowrap;
+  -ms-flex-wrap: nowrap;
+  flex-wrap: nowrap;
+  -webkit-box-pack: start;
+  -webkit-justify-content: flex-start;
+  -ms-flex-pack: start;
+  justify-content: flex-start;
+  -webkit-align-content: stretch;
+  -ms-flex-line-pack: stretch;
+  align-content: stretch;
+  -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;
+}
+
 .c14 {
   width: 0.75rem;
   height: 0.75rem;
@@ -4492,6 +4596,12 @@ exports[`renders <Item allowedActions /> without throwing 1`] = `
   font-weight: 600;
 }
 
+.c20 {
+  width: 3rem;
+  height: 3rem;
+  min-width: 3rem;
+}
+
 @media only screen and (min-width:47.9375rem) {
   .c15 {
     width: 10rem;
@@ -4619,24 +4729,28 @@ exports[`renders <Item allowedActions /> without throwing 1`] = `
           onMouseLeave={undefined}
           tag="div"
         >
-          <svg
-            className=""
-            height="16"
-            innerRef={undefined}
-            style={
-              Object {
-                "transform": "rotate(0deg)",
-              }
-            }
-            viewBox="0 0 4 16"
-            width="4"
-            xmlns="http://www.w3.org/2000/svg"
+          <div
+            className="c20 c21"
           >
-            <path
-              d="M2,16a2,2,0,1,0-2-2A2,2,0,0,0,2,16Zm0-6A2,2,0,1,0,0,8,2,2,0,0,0,2,10ZM2,4A2,2,0,1,0,0,2,2,2,0,0,0,2,4Z"
-              fill="rgba(73, 73, 73, 1)"
-            />
-          </svg>
+            <svg
+              className=""
+              height="16"
+              innerRef={undefined}
+              style={
+                Object {
+                  "transform": "rotate(0deg)",
+                }
+              }
+              viewBox="0 0 4 16"
+              width="4"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M2,16a2,2,0,1,0-2-2A2,2,0,0,0,2,16Zm0-6A2,2,0,1,0,0,8,2,2,0,0,0,2,10ZM2,4A2,2,0,1,0,0,2,2,2,0,0,0,2,4Z"
+                fill="rgba(73, 73, 73, 1)"
+              />
+            </svg>
+          </div>
         </div>
       </td>
     </tr>
diff --git a/packages/my-joy-beta/src/components/instances/list.js b/packages/my-joy-beta/src/components/instances/list.js
index f94defd4..6f62cf96 100644
--- a/packages/my-joy-beta/src/components/instances/list.js
+++ b/packages/my-joy-beta/src/components/instances/list.js
@@ -5,6 +5,7 @@ import styled from 'styled-components';
 import titleCase from 'title-case';
 import { Link } from 'react-router-dom';
 import { Field } from 'redux-form';
+import Flex from 'styled-flex-component';
 
 import {
   Anchor,
@@ -47,6 +48,12 @@ const ItemAnchor = styled(Anchor)`
   text-decoration: none;
 `;
 
+const Actions = styled(Flex)`
+  width: ${remcalc(48)};
+  height: ${remcalc(48)};
+  min-width: ${remcalc(48)};
+`;
+
 export const Item = ({
   id = '',
   name,
@@ -58,7 +65,8 @@ export const Item = ({
   onStart,
   onStop,
   onReboot,
-  onRemove
+  onRemove,
+  onClick
 }) => (
   <TableTr>
     <TableTd padding="0" paddingLeft={remcalc(12)} middle left>
@@ -91,7 +99,9 @@ export const Item = ({
       <PopoverContainer clickable>
         <TableTd padding="0" hasBorder="left">
           <PopoverTarget box>
-            <ActionsIcon />
+            <Actions alignCenter justifyCenter>
+              <ActionsIcon />
+            </Actions>
           </PopoverTarget>
           <Popover placement="bottom">
             <PopoverItem disabled={!allowedActions.start} onClick={onStart}>
@@ -135,7 +145,8 @@ export default ({
   allSelected = false,
   toggleSelectAll = () => null,
   onSortBy = () => null,
-  children
+  children,
+  noInstances
 }) => (
   <form>
     <Table>
@@ -145,7 +156,7 @@ export default ({
             <FormGroup paddingTop={remcalc(4)}>
               <Checkbox
                 checked={allSelected}
-                disabled={submitting}
+                disabled={submitting || noInstances}
                 onChange={toggleSelectAll}
                 noMargin
               />
diff --git a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/networks-ui-js-networks-loading-expanded-1-snap.png b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/networks-ui-js-networks-loading-expanded-1-snap.png
index 4ab3f03b..45d97c06 100644
Binary files a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/networks-ui-js-networks-loading-expanded-1-snap.png and b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/networks-ui-js-networks-loading-expanded-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/create-instance/name.js b/packages/my-joy-beta/src/containers/create-instance/name.js
index 665fc38b..520e2171 100644
--- a/packages/my-joy-beta/src/containers/create-instance/name.js
+++ b/packages/my-joy-beta/src/containers/create-instance/name.js
@@ -66,7 +66,7 @@ const NameContainer = ({
           />
         ) : name ? (
           <Margin top={3}>
-            <H3 bold>{name}</H3>
+            <H3>{name}</H3>
           </Margin>
         ) : null
       }
diff --git a/packages/my-joy-beta/src/containers/create-instance/package.js b/packages/my-joy-beta/src/containers/create-instance/package.js
index b9db7839..e98e7655 100644
--- a/packages/my-joy-beta/src/containers/create-instance/package.js
+++ b/packages/my-joy-beta/src/containers/create-instance/package.js
@@ -43,7 +43,8 @@ const PackageContainer = ({
   handleResetFilters,
   handleSortBy,
   sortBy,
-  step
+  step,
+  selectPackage
 }) => (
   <Fragment>
     <Title
@@ -99,6 +100,7 @@ const PackageContainer = ({
             >
               {packages.map(({ id, ...pkg }) => (
                 <Package
+                  selectPackage={selectPackage}
                   key={id}
                   id={id}
                   selected={selected.id === id}
@@ -187,7 +189,7 @@ export default compose(
       );
 
       const vmSelected = get(form, 'create-instance-vms.values.vms', false);
-      const pkgSelected = get(form, `${FORM_NAME}.values.package`, null);
+      const pkgSelected = get(values, `package-selectected`, null);
       const selected = find(packages, ['id', pkgSelected]);
 
       const sorted = sortBy(packages, [_sortBy]);
@@ -217,7 +219,7 @@ export default compose(
         sortOrder: _sortOrder,
         packages: _sortOrder === 'asc' ? filtered : reverse(filtered),
         hasVms: vmSelected,
-        selected: find(packages, ['id', pkgSelected]),
+        selected,
         proceeded: proceeded || selected
       };
     },
@@ -229,6 +231,9 @@ export default compose(
 
         return history.push(`/~create/tags${history.location.search}`);
       },
+      selectPackage: id => {
+        dispatch(set({ name: 'package-selectected', value: id }));
+      },
       handleEdit: () =>
         history.push(`/~create/package${history.location.search}`),
       handleResetFilters: () => {
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-loading-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-loading-1-snap.png
index b8a94cc8..cdbda220 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-loading-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-loading-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-mutating-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-mutating-1-snap.png
index b25cb50b..3f1802a2 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-mutating-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-mutating-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-loading-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-loading-1-snap.png
index fc0690d2..994934ab 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-loading-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-loading-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-1-snap.png
index 71e2e5ee..f1241b8c 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-error-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-error-1-snap.png
index db83a8e6..52fcc7ea 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-error-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-error-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-loading-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-loading-1-snap.png
index b7f76f4c..627456cd 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-loading-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-loading-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-loading-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-loading-1-snap.png
index fcf193c1..813e83bb 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-loading-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-loading-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-metadata-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-metadata-1-snap.png
index c6ec029c..04cc61df 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-metadata-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-metadata-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-loading-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-loading-1-snap.png
index b57541ca..18f02c89 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-loading-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-loading-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-1-snap.png
index b9b097b9..3f333f63 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-loading-error-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-loading-error-1-snap.png
index b9b097b9..e9a1d9c3 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-loading-error-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-loading-error-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-mutation-error-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-mutation-error-1-snap.png
index 39d16b84..31737473 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-mutation-error-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-mutation-error-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-1-snap.png
index 217b0c57..3f53b5ba 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editing-removing-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editing-removing-1-snap.png
index 02c064e4..f3cce387 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editing-removing-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editing-removing-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-loading-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-loading-1-snap.png
index 10388cf4..81e7d0fe 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-loading-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-loading-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/cns.spec.js.snap b/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/cns.spec.js.snap
index 440990ca..7a22b453 100644
--- a/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/cns.spec.js.snap
+++ b/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/cns.spec.js.snap
@@ -4289,6 +4289,15 @@ exports[`renders <Cns mutating /> without throwing 1`] = `
   box-shadow: none;
 }
 
+.c44:checked + label {
+  background: rgb(250,250,250);
+  border: 0.0625rem solid rgb(216,216,216);
+}
+
+.c44:checked + label:after {
+  box-shadow: 0 0 0 0.0625rem rgb(216,216,216);
+}
+
 .c45 {
   outline: 0;
   display: block;
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/list.spec.js.snap b/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/list.spec.js.snap
index dc3eb2f6..c70d329b 100644
--- a/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/list.spec.js.snap
+++ b/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/list.spec.js.snap
@@ -905,7 +905,7 @@ exports[`renders <List /> without throwing 1`] = `
                 <div
                   checked={0}
                   className="c21"
-                  disabled={false}
+                  disabled={true}
                   id="o"
                   onBlur={undefined}
                   onChange={[Function]}
@@ -914,7 +914,7 @@ exports[`renders <List /> without throwing 1`] = `
                   <input
                     checked={false}
                     className="c22"
-                    disabled={false}
+                    disabled={true}
                     id="p"
                     onBlur={undefined}
                     onChange={[Function]}
@@ -1250,8 +1250,7 @@ exports[`renders <List /> without throwing 1`] = `
           className="c37 c38"
         >
           You haven't created any instances yet, but they're really easy to set up.
-          <br />
-          Click above to get going.
+                  Click above to get going.
         </h3>
       </div>
     </div>
@@ -2236,7 +2235,7 @@ exports[`renders <List error /> without throwing 1`] = `
                 <div
                   checked={0}
                   className="c27"
-                  disabled={false}
+                  disabled={true}
                   id="x"
                   onBlur={undefined}
                   onChange={[Function]}
@@ -2245,7 +2244,7 @@ exports[`renders <List error /> without throwing 1`] = `
                   <input
                     checked={false}
                     className="c28"
-                    disabled={false}
+                    disabled={true}
                     id="y"
                     onBlur={undefined}
                     onChange={[Function]}
@@ -2581,8 +2580,7 @@ exports[`renders <List error /> without throwing 1`] = `
           className="c43 c44"
         >
           You haven't created any instances yet, but they're really easy to set up.
-          <br />
-          Click above to get going.
+                  Click above to get going.
         </h3>
       </div>
     </div>
@@ -2907,6 +2905,34 @@ exports[`renders <List instances /> without throwing 1`] = `
   justify-content: space-between;
 }
 
+.c43 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-flex-wrap: nowrap;
+  -ms-flex-wrap: nowrap;
+  flex-wrap: nowrap;
+  -webkit-box-pack: start;
+  -webkit-justify-content: flex-start;
+  -ms-flex-pack: start;
+  justify-content: flex-start;
+  -webkit-align-content: stretch;
+  -ms-flex-line-pack: stretch;
+  align-content: stretch;
+  -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;
+}
+
 .c37 {
   width: 0.75rem;
   height: 0.75rem;
@@ -3427,6 +3453,12 @@ exports[`renders <List instances /> without throwing 1`] = `
   font-weight: 600;
 }
 
+.c42 {
+  width: 3rem;
+  height: 3rem;
+  min-width: 3rem;
+}
+
 @media only screen and (min-width:48em) {
   .c0 {
     width: 46rem;
@@ -3783,24 +3815,28 @@ exports[`renders <List instances /> without throwing 1`] = `
               onMouseLeave={undefined}
               tag="div"
             >
-              <svg
-                className=""
-                height="16"
-                innerRef={undefined}
-                style={
-                  Object {
-                    "transform": "rotate(0deg)",
-                  }
-                }
-                viewBox="0 0 4 16"
-                width="4"
-                xmlns="http://www.w3.org/2000/svg"
+              <div
+                className="c42 c43"
               >
-                <path
-                  d="M2,16a2,2,0,1,0-2-2A2,2,0,0,0,2,16Zm0-6A2,2,0,1,0,0,8,2,2,0,0,0,2,10ZM2,4A2,2,0,1,0,0,2,2,2,0,0,0,2,4Z"
-                  fill="rgba(73, 73, 73, 1)"
-                />
-              </svg>
+                <svg
+                  className=""
+                  height="16"
+                  innerRef={undefined}
+                  style={
+                    Object {
+                      "transform": "rotate(0deg)",
+                    }
+                  }
+                  viewBox="0 0 4 16"
+                  width="4"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M2,16a2,2,0,1,0-2-2A2,2,0,0,0,2,16Zm0-6A2,2,0,1,0,0,8,2,2,0,0,0,2,10ZM2,4A2,2,0,1,0,0,2,2,2,0,0,0,2,4Z"
+                    fill="rgba(73, 73, 73, 1)"
+                  />
+                </svg>
+              </div>
             </div>
           </td>
         </tr>
@@ -3910,24 +3946,28 @@ exports[`renders <List instances /> without throwing 1`] = `
               onMouseLeave={undefined}
               tag="div"
             >
-              <svg
-                className=""
-                height="16"
-                innerRef={undefined}
-                style={
-                  Object {
-                    "transform": "rotate(0deg)",
-                  }
-                }
-                viewBox="0 0 4 16"
-                width="4"
-                xmlns="http://www.w3.org/2000/svg"
+              <div
+                className="c42 c43"
               >
-                <path
-                  d="M2,16a2,2,0,1,0-2-2A2,2,0,0,0,2,16Zm0-6A2,2,0,1,0,0,8,2,2,0,0,0,2,10ZM2,4A2,2,0,1,0,0,2,2,2,0,0,0,2,4Z"
-                  fill="rgba(73, 73, 73, 1)"
-                />
-              </svg>
+                <svg
+                  className=""
+                  height="16"
+                  innerRef={undefined}
+                  style={
+                    Object {
+                      "transform": "rotate(0deg)",
+                    }
+                  }
+                  viewBox="0 0 4 16"
+                  width="4"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M2,16a2,2,0,1,0-2-2A2,2,0,0,0,2,16Zm0-6A2,2,0,1,0,0,8,2,2,0,0,0,2,10ZM2,4A2,2,0,1,0,0,2,2,2,0,0,0,2,4Z"
+                    fill="rgba(73, 73, 73, 1)"
+                  />
+                </svg>
+              </div>
             </div>
           </td>
         </tr>
@@ -4167,4764 +4207,6 @@ exports[`renders <List instances selected /> without throwing 1`] = `
   max-height: 1.125rem;
 }
 
-.c46 {
-  box-sizing: border-box;
-  display: inline-block;
-  -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;
-  min-height: 3rem;
-  height: 3rem;
-  min-width: 7.5rem;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-size: 0.9375rem;
-  text-align: center;
-  font-style: normal;
-  font-stretch: normal;
-  line-height: normal;
-  -webkit-letter-spacing: normal;
-  -moz-letter-spacing: normal;
-  -ms-letter-spacing: normal;
-  letter-spacing: normal;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-  background-image: none;
-  background-color: rgb(59,70,204);
-  border-radius: 0.25rem;
-  border: solid 0.0625rem rgb(45,56,132);
-  color: rgb(70,70,70);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-  cursor: not-allowed;
-  pointer-events: none;
-  color: rgb(216,216,216);
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-  padding: 0.5625rem 1.125rem;
-  font-size: 0.8125rem;
-  min-width: 0rem;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c46:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c46:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c46:active,
-.c46:active:hover,
-.c46:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c46[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c46:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c46:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c46:active,
-.c46:active:hover,
-.c46:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c46:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-}
-
-.c46:hover {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c46:active,
-.c46:active:hover,
-.c46:active:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c46 svg + span {
-  margin-left: 0.75rem;
-}
-
-.c46 svg {
-  max-height: 1.125rem;
-}
-
-.c47 {
-  box-sizing: border-box;
-  display: inline-block;
-  -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;
-  min-height: 3rem;
-  height: 3rem;
-  min-width: 7.5rem;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-size: 0.9375rem;
-  text-align: center;
-  font-style: normal;
-  font-stretch: normal;
-  line-height: normal;
-  -webkit-letter-spacing: normal;
-  -moz-letter-spacing: normal;
-  -ms-letter-spacing: normal;
-  letter-spacing: normal;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-  background-image: none;
-  background-color: rgb(59,70,204);
-  border-radius: 0.25rem;
-  border: solid 0.0625rem rgb(45,56,132);
-  color: rgb(70,70,70);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-  cursor: not-allowed;
-  pointer-events: none;
-  color: rgb(216,216,216);
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c47:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c47:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c47:active,
-.c47:active:hover,
-.c47:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c47[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c47:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c47:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c47:active,
-.c47:active:hover,
-.c47:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c47:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-}
-
-.c47:hover {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c47:active,
-.c47:active:hover,
-.c47:active:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c47 svg + span {
-  margin-left: 0.75rem;
-}
-
-.c47 svg {
-  max-height: 1.125rem;
-}
-
-.c49 {
-  box-sizing: border-box;
-  display: inline-block;
-  -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;
-  min-height: 3rem;
-  height: 3rem;
-  min-width: 7.5rem;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-size: 0.9375rem;
-  text-align: center;
-  font-style: normal;
-  font-stretch: normal;
-  line-height: normal;
-  -webkit-letter-spacing: normal;
-  -moz-letter-spacing: normal;
-  -ms-letter-spacing: normal;
-  letter-spacing: normal;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-  background-image: none;
-  background-color: rgb(59,70,204);
-  border-radius: 0.25rem;
-  border: solid 0.0625rem rgb(45,56,132);
-  color: rgb(70,70,70);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-  color: rgb(210,67,58);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(210,67,58);
-  cursor: not-allowed;
-  pointer-events: none;
-  color: rgb(216,216,216);
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-  padding: 0.5625rem 1.125rem;
-  font-size: 0.8125rem;
-  min-width: 0rem;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  float: right;
-}
-
-.c49:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c49:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c49:active,
-.c49:active:hover,
-.c49:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c49[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c49:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c49:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c49:active,
-.c49:active:hover,
-.c49:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c49:focus {
-  color: rgb(205,37,27);
-  background-color: rgb(255,255,255);
-  border-color: rgb(205,37,27);
-}
-
-.c49:hover {
-  color: rgb(205,37,27);
-  background-color: rgb(255,255,255);
-  border-color: rgb(205,37,27);
-}
-
-.c49:active,
-.c49:active:hover,
-.c49:active:focus {
-  background-color: rgba(210,67,58,0.1);
-  border-color: rgb(205,37,27);
-}
-
-.c49:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-}
-
-.c49:hover {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c49:active,
-.c49:active:hover,
-.c49:active:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c49 svg + span {
-  margin-left: 0.75rem;
-}
-
-.c49 svg {
-  max-height: 1.125rem;
-}
-
-.c50 {
-  box-sizing: border-box;
-  display: inline-block;
-  -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;
-  min-height: 3rem;
-  height: 3rem;
-  min-width: 7.5rem;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-size: 0.9375rem;
-  text-align: center;
-  font-style: normal;
-  font-stretch: normal;
-  line-height: normal;
-  -webkit-letter-spacing: normal;
-  -moz-letter-spacing: normal;
-  -ms-letter-spacing: normal;
-  letter-spacing: normal;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-  background-image: none;
-  background-color: rgb(59,70,204);
-  border-radius: 0.25rem;
-  border: solid 0.0625rem rgb(45,56,132);
-  color: rgb(70,70,70);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-  color: rgb(210,67,58);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(210,67,58);
-  cursor: not-allowed;
-  pointer-events: none;
-  color: rgb(216,216,216);
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  float: right;
-}
-
-.c50:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c50:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c50:active,
-.c50:active:hover,
-.c50:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c50[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c50:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c50:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c50:active,
-.c50:active:hover,
-.c50:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c50:focus {
-  color: rgb(205,37,27);
-  background-color: rgb(255,255,255);
-  border-color: rgb(205,37,27);
-}
-
-.c50:hover {
-  color: rgb(205,37,27);
-  background-color: rgb(255,255,255);
-  border-color: rgb(205,37,27);
-}
-
-.c50:active,
-.c50:active:hover,
-.c50:active:focus {
-  background-color: rgba(210,67,58,0.1);
-  border-color: rgb(205,37,27);
-}
-
-.c50:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-}
-
-.c50:hover {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c50:active,
-.c50:active:hover,
-.c50:active:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c50 svg + span {
-  margin-left: 0.75rem;
-}
-
-.c50 svg {
-  max-height: 1.125rem;
-}
-
-.c5 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-  margin-right: 0.75rem;
-  font-weight: 600;
-  white-space: pre;
-  font-size: 0.8125rem;
-}
-
-.c0 {
-  margin-right: auto;
-  margin-left: auto;
-  box-sizing: border-box;
-  width: 100%;
-  max-width: 62.5rem;
-  padding-bottom: 1.125rem;
-}
-
-.c43 {
-  margin-right: auto;
-  margin-left: auto;
-  box-sizing: border-box;
-  width: 100%;
-  max-width: 62.5rem;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-wrap: nowrap;
-  -ms-flex-wrap: nowrap;
-  flex-wrap: nowrap;
-  -webkit-align-content: stretch;
-  -ms-flex-line-pack: stretch;
-  align-content: stretch;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c2 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-  margin-right: -0.625rem;
-  margin-left: -0.625rem;
-}
-
-.c44 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-  margin-right: -0.625rem;
-  margin-left: -0.625rem;
-}
-
-.c45 {
-  box-sizing: border-box;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  padding-right: 0.625rem;
-  padding-left: 0.625rem;
-  display: block;
-}
-
-.c48 {
-  box-sizing: border-box;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  padding-right: 0.625rem;
-  padding-left: 0.625rem;
-  display: block;
-}
-
-.c1 {
-  background-color: rgb(216,216,216);
-  margin: 0;
-  background-color: transparent;
-  height: 1.875rem;
-}
-
-.c9 {
-  background-color: rgb(216,216,216);
-  margin: 0;
-  background-color: transparent;
-  height: 1.3125rem;
-}
-
-.c13 {
-  background-color: rgb(216,216,216);
-  margin: 0;
-  background-color: transparent;
-  height: 1.25rem;
-}
-
-.c42 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-flex-wrap: nowrap;
-  -ms-flex-wrap: nowrap;
-  flex-wrap: nowrap;
-  -webkit-align-content: stretch;
-  -ms-flex-line-pack: stretch;
-  align-content: stretch;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-  background-color: rgba(241,241,241,1);
-  border-top: 0.0625rem solid rgb(216,216,216);
-  max-height: 3.3125rem;
-  min-height: 3.3125rem;
-  line-height: 1.5625rem;
-  height: 4.375rem;
-  max-height: 4.375rem;
-  z-index: 1;
-  position: fixed;
-  left: 0;
-  right: 0;
-  bottom: 0;
-}
-
-.c3 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-flex-wrap: nowrap;
-  -ms-flex-wrap: nowrap;
-  flex-wrap: nowrap;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  -webkit-align-content: stretch;
-  -ms-flex-line-pack: stretch;
-  align-content: stretch;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-}
-
-.c37 {
-  width: 0.75rem;
-  height: 0.75rem;
-  border-radius: 50%;
-  background-color: rgb(0,152,88);
-  display: inline-block;
-  margin-right: 0rem;
-  margin-left: 0rem;
-}
-
-.c23 {
-  color: rgb(100,100,100);
-  position: absolute;
-  width: 1.125rem;
-  height: 1.125rem;
-  box-sizing: border-box;
-  top: 0;
-  right: 0;
-  cursor: pointer;
-  background-color: rgb(255,255,255);
-  box-shadow: none;
-  border: 0.0625rem solid rgb(216,216,216);
-  cursor: pointer;
-  border-radius: 0.25rem;
-  width: 1.125rem;
-  height: 1.125rem;
-}
-
-.c23::after {
-  opacity: 0;
-  content: '';
-  position: absolute;
-  width: 0.375rem;
-  height: 0.125rem;
-  background: transparent;
-  top: 0.3125rem;
-  left: 0.25rem;
-  border: 0.125rem solid rgb(45,45,45);
-  border-top: none;
-  border-right: none;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-}
-
-.c21 {
-  display: inline-block;
-  vertical-align: text-bottom;
-  width: 1.125rem;
-  height: 1.125rem;
-  position: relative;
-  cursor: pointer;
-}
-
-.c20 {
-  list-style-type: none;
-  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;
-}
-
-.c20 label {
-  font-weight: 400;
-}
-
-.c4 {
-  display: inline-block;
-  margin: 0;
-  padding: 0;
-  border: none;
-  overflow: hidden;
-  height: auto;
-  -webkit-margin-start: 0;
-  -webkit-margin-end: 0;
-  -webkit-padding-before: 0;
-  -webkit-padding-start: 0;
-  -webkit-padding-end: 0;
-  -webkit-padding-after: 0;
-}
-
-.c8 {
-  display: inline-block;
-  margin: 0;
-  padding: 0;
-  border: none;
-  overflow: hidden;
-  height: auto;
-  -webkit-margin-start: 0;
-  -webkit-margin-end: 0;
-  -webkit-padding-before: 0;
-  -webkit-padding-start: 0;
-  -webkit-padding-end: 0;
-  -webkit-padding-after: 0;
-  float: right;
-}
-
-.c7 {
-  box-sizing: border-box;
-  width: 18.75rem;
-  height: 3rem;
-  min-height: 3rem;
-  padding: 0.8125rem 1.125rem;
-  border-radius: 0.25rem;
-  background-color: rgb(255,255,255);
-  border: 0.0625rem solid rgb(216,216,216);
-  color: rgba(73,73,73,1);
-  max-width: 22.1875rem;
-  text-overflow: ellipsis;
-  font-size: 0.9375rem;
-  line-height: normal !important;
-  font-style: normal;
-  font-stretch: normal;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  outline: 0;
-}
-
-.c7::-webkit-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c7::-moz-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c7:-ms-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c7:invalid {
-  box-shadow: none;
-}
-
-.c7:disabled {
-  background-color: rgb(250,250,250);
-  color: rgb(216,216,216);
-  cursor: not-allowed;
-}
-
-.c7:disabled::-webkit-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c7:disabled::-moz-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c7:disabled:-ms-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c7:focus {
-  border-color: rgb(59,70,204);
-  outline: 0;
-}
-
-.c41 {
-  cursor: pointer;
-  height: 100%;
-  width: 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;
-}
-
-.c14 {
-  overflow: hidden;
-  border-spacing: 0;
-  border-collapse: separate;
-  table-layout: fixed;
-  width: 100%;
-  max-width: 100%;
-}
-
-.c15 {
-  width: 100%;
-  background: rgb(250,250,250);
-}
-
-.c15 th:first-child {
-  border-top-left-radius: 0.25rem;
-}
-
-.c15 th:last-child {
-  border-top-right-radius: 0.25rem;
-}
-
-.c31 {
-  width: 100%;
-}
-
-.c18 {
-  border-width: 0.0625rem;
-  border-style: solid;
-  border-color: rgb(216,216,216);
-  border-spacing: 0;
-  white-space: nowrap;
-  box-sizing: border-box;
-  padding: 0 1.5rem;
-  height: 3.75rem;
-  width: 2rem;
-  display: table-cell;
-  vertical-align: middle;
-  text-align: left;
-  height: 2.625rem;
-  color: rgb(189,189,189);
-  font-weight: 500;
-  border-bottom-width: 0;
-}
-
-.c18:not(:first-child) {
-  border-left-width: 0;
-}
-
-.c18:not(:last-child) {
-  border-right-width: 0;
-}
-
-.c24 {
-  border-width: 0.0625rem;
-  border-style: solid;
-  border-color: rgb(216,216,216);
-  border-spacing: 0;
-  white-space: nowrap;
-  box-sizing: border-box;
-  padding: 0 1.5rem;
-  height: 3.75rem;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  vertical-align: middle;
-  text-align: left;
-  height: 2.625rem;
-  color: rgb(189,189,189);
-  font-weight: 500;
-  border-bottom-width: 0;
-  color: rgba(73,73,73,1);
-  font-weight: bold;
-}
-
-.c24:not(:first-child) {
-  border-left-width: 0;
-}
-
-.c24:not(:last-child) {
-  border-right-width: 0;
-}
-
-.c26 {
-  border-width: 0.0625rem;
-  border-style: solid;
-  border-color: rgb(216,216,216);
-  border-spacing: 0;
-  white-space: nowrap;
-  box-sizing: border-box;
-  padding: 0 1.5rem;
-  height: 3.75rem;
-  width: 9.375rem;
-  display: table-cell;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  vertical-align: middle;
-  text-align: left;
-  height: 2.625rem;
-  color: rgb(189,189,189);
-  font-weight: 500;
-  border-bottom-width: 0;
-}
-
-.c26:not(:first-child) {
-  border-left-width: 0;
-}
-
-.c26:not(:last-child) {
-  border-right-width: 0;
-}
-
-.c27 {
-  border-width: 0.0625rem;
-  border-style: solid;
-  border-color: rgb(216,216,216);
-  border-spacing: 0;
-  white-space: nowrap;
-  box-sizing: border-box;
-  padding: 0 1.5rem;
-  height: 3.75rem;
-  width: 0rem;
-  display: none;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  vertical-align: middle;
-  text-align: left;
-  height: 2.625rem;
-  color: rgb(189,189,189);
-  font-weight: 500;
-  border-bottom-width: 0;
-}
-
-.c27:not(:first-child) {
-  border-left-width: 0;
-}
-
-.c27:not(:last-child) {
-  border-right-width: 0;
-}
-
-.c28 {
-  border-width: 0.0625rem;
-  border-style: solid;
-  border-color: rgb(216,216,216);
-  border-spacing: 0;
-  white-space: nowrap;
-  box-sizing: border-box;
-  padding: 0 1.5rem;
-  height: 3.75rem;
-  width: 0rem;
-  display: none;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  vertical-align: middle;
-  text-align: left;
-  height: 2.625rem;
-  color: rgb(189,189,189);
-  font-weight: 500;
-  border-bottom-width: 0;
-}
-
-.c28:not(:first-child) {
-  border-left-width: 0;
-}
-
-.c28:not(:last-child) {
-  border-right-width: 0;
-}
-
-.c30 {
-  border-width: 0.0625rem;
-  border-style: solid;
-  border-color: rgb(216,216,216);
-  border-spacing: 0;
-  white-space: nowrap;
-  box-sizing: border-box;
-  padding: 0 1.5rem;
-  height: 3.75rem;
-  width: 3.75rem;
-  display: table-cell;
-  height: 2.625rem;
-  color: rgb(189,189,189);
-  font-weight: 500;
-  border-bottom-width: 0;
-}
-
-.c30:not(:first-child) {
-  border-left-width: 0;
-}
-
-.c30:not(:last-child) {
-  border-right-width: 0;
-}
-
-.c33 {
-  border-width: 0.0625rem;
-  border-style: solid;
-  border-color: rgb(216,216,216);
-  border-spacing: 0;
-  white-space: nowrap;
-  box-sizing: border-box;
-  padding: 0 1.5rem;
-  height: 3.75rem;
-  vertical-align: middle;
-  text-align: left;
-  border-bottom-width: 0;
-}
-
-.c33:not(:first-child) {
-  border-left-width: 0;
-}
-
-.c33:not(:last-child) {
-  border-right-width: 0;
-}
-
-.c38 {
-  border-width: 0.0625rem;
-  border-style: solid;
-  border-color: rgb(216,216,216);
-  border-spacing: 0;
-  white-space: nowrap;
-  box-sizing: border-box;
-  padding: 0 1.5rem;
-  height: 3.75rem;
-  width: 0rem;
-  display: none;
-  vertical-align: middle;
-  text-align: left;
-  border-bottom-width: 0;
-}
-
-.c38:not(:first-child) {
-  border-left-width: 0;
-}
-
-.c38:not(:last-child) {
-  border-right-width: 0;
-}
-
-.c39 {
-  border-width: 0.0625rem;
-  border-style: solid;
-  border-color: rgb(216,216,216);
-  border-spacing: 0;
-  white-space: nowrap;
-  box-sizing: border-box;
-  padding: 0 1.5rem;
-  height: 3.75rem;
-  width: 0rem;
-  display: none;
-  vertical-align: middle;
-  text-align: left;
-  border-bottom-width: 0;
-}
-
-.c39:not(:first-child) {
-  border-left-width: 0;
-}
-
-.c39:not(:last-child) {
-  border-right-width: 0;
-}
-
-.c40 {
-  border-width: 0.0625rem;
-  border-style: solid;
-  border-color: rgb(216,216,216);
-  border-spacing: 0;
-  white-space: nowrap;
-  box-sizing: border-box;
-  padding: 0 1.5rem;
-  height: 3.75rem;
-  border-bottom-width: 0;
-  border-left-width: 0.0625rem !important;
-}
-
-.c40:not(:first-child) {
-  border-left-width: 0;
-}
-
-.c40:not(:last-child) {
-  border-right-width: 0;
-}
-
-.c16 {
-  display: table-row;
-  color: rgba(73,73,73,1);
-  background-color: rgb(255,255,255);
-  box-shadow: 0 0.125rem 0 rgba(0,0,0,0.05);
-  box-sizing: border-box;
-  color: rgba(73,73,73,1);
-  background-color: transparent;
-  border: none;
-  box-shadow: none;
-}
-
-.c16:last-child {
-  box-shadow: none;
-}
-
-.c16:last-child td {
-  border-bottom-width: 0.0625rem;
-}
-
-.c32 {
-  display: table-row;
-  color: rgba(73,73,73,1);
-  background-color: rgb(255,255,255);
-  box-shadow: 0 0.125rem 0 rgba(0,0,0,0.05);
-  box-sizing: border-box;
-}
-
-.c32:last-child {
-  box-shadow: none;
-}
-
-.c32:last-child td {
-  border-bottom-width: 0.0625rem;
-}
-
-.c34 {
-  color: rgba(73,73,73,1);
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  font-weight: 600;
-}
-
-@media only screen and (min-width:48em) {
-  .c0 {
-    width: 46rem;
-  }
-}
-
-@media only screen and (min-width:64em) {
-  .c0 {
-    width: 56rem;
-  }
-}
-
-@media only screen and (min-width:75em) {
-  .c0 {
-    width: 59rem;
-  }
-}
-
-@media only screen and (max-width:47.9375rem) {
-  .c0 {
-    padding-left: 0.375rem;
-    padding-right: 0.375rem;
-  }
-}
-
-@media only screen and (min-width:48em) {
-  .c43 {
-    width: 46rem;
-  }
-}
-
-@media only screen and (min-width:64em) {
-  .c43 {
-    width: 56rem;
-  }
-}
-
-@media only screen and (min-width:75em) {
-  .c43 {
-    width: 59rem;
-  }
-}
-
-@media only screen and (max-width:47.9375rem) {
-  .c43 {
-    padding-left: 0.375rem;
-    padding-right: 0.375rem;
-  }
-}
-
-@media only screen and (min-width:0em) {
-  .c44 {
-    -webkit-align-items: center;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-  }
-}
-
-@media only screen and (min-width:0em) {
-  .c44 {
-    -webkit-box-pack: justify;
-    -webkit-justify-content: space-between;
-    -ms-flex-pack: justify;
-    justify-content: space-between;
-  }
-}
-
-@media only screen and (min-width:0em) {
-  .c45 {
-    -webkit-flex-basis: 58.333333333333336%;
-    -ms-flex-preferred-size: 58.333333333333336%;
-    flex-basis: 58.333333333333336%;
-    max-width: 58.333333333333336%;
-  }
-}
-
-@media only screen and (min-width:0em) {
-  .c48 {
-    -webkit-flex-basis: 41.66666666666667%;
-    -ms-flex-preferred-size: 41.66666666666667%;
-    flex-basis: 41.66666666666667%;
-    max-width: 41.66666666666667%;
-  }
-}
-
-@media only screen and (min-width:47.9375rem) {
-  .c27 {
-    width: 10rem;
-    display: table-cell;
-  }
-}
-
-@media only screen and (min-width:47.9375rem) {
-  .c28 {
-    width: 8.125rem;
-    display: table-cell;
-  }
-}
-
-@media only screen and (min-width:47.9375rem) {
-  .c38 {
-    width: 10rem;
-    display: table-cell;
-  }
-}
-
-@media only screen and (min-width:47.9375rem) {
-  .c39 {
-    width: 8.125rem;
-    display: table-cell;
-  }
-}
-
-<div
-  className="c0"
->
-  <div
-    className="c1 c2"
-    height="1.875rem"
-  />
-  <form
-    onSubmit={undefined}
-  >
-    <div
-      className="c3"
-    >
-      <div
-        className="baseline-jVaZNU kXgQxt c4"
-        name="filter"
-        role="group"
-        style={undefined}
-      >
-        <label
-          className="c5"
-          htmlFor="J"
-        >
-          Filter instances
-        </label>
-        <div
-          className="c6"
-        >
-          <input
-            className="c7"
-            disabled={false}
-            id="J"
-            onBlur={undefined}
-            placeholder=""
-          />
-        </div>
-      </div>
-      <div
-        className="baseline-jVaZNU kXgQxt c8"
-        role="group"
-        style={undefined}
-      >
-        <div
-          className="c9 c2"
-          height="1.3125rem"
-        />
-        <button
-          className="c10 c11 c12"
-          disabled={false}
-          href=""
-          icon={true}
-          onClick={[Function]}
-          type="button"
-        >
-          Create Instance
-        </button>
-      </div>
-    </div>
-    <div
-      className="c13 c2"
-      height="1.25rem"
-    />
-  </form>
-  <form>
-    <table
-      className="c14"
-    >
-      <thead
-        className="c15"
-        disabled={undefined}
-        name="thdead"
-        selected={undefined}
-      >
-        <tr
-          className="c16"
-          disabled={undefined}
-          name="tr"
-          selected={undefined}
-        >
-          <th
-            className="c17 c18"
-            disabled={undefined}
-            name="th"
-            selected={undefined}
-          >
-            <div
-              className="c19 baseline-jVaZNU c19 c4"
-              role="group"
-              style={undefined}
-            >
-              <li
-                className="c20"
-              >
-                <div
-                  checked={false}
-                  className="c21"
-                  disabled={false}
-                  id="N"
-                  onBlur={undefined}
-                  onChange={[Function]}
-                  type="checkbox"
-                >
-                  <input
-                    checked={false}
-                    className="c22"
-                    disabled={false}
-                    id="O"
-                    onBlur={undefined}
-                    onChange={[Function]}
-                    type="checkbox"
-                  />
-                  <label
-                    className="c23"
-                    htmlFor="O"
-                  />
-                </div>
-              </li>
-            </div>
-          </th>
-          <th
-            className="c24"
-            disabled={undefined}
-            name="th"
-            onClick={[Function]}
-            selected={undefined}
-          >
-            <span>
-              Name 
-            </span>
-            <svg
-              className="c25"
-              height="6"
-              innerRef={undefined}
-              marginBottom="0.125rem"
-              marginLeft="0.5625rem"
-              style={
-                Object {
-                  "transform": "rotate(180deg)",
-                }
-              }
-              viewBox="0 0 9.6 6"
-              width="9.6"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
-                fill="rgba(73, 73, 73, 1)"
-              />
-            </svg>
-          </th>
-          <th
-            className="c26"
-            disabled={undefined}
-            name="th"
-            onClick={[Function]}
-            selected={undefined}
-          >
-            <span>
-              Status 
-            </span>
-          </th>
-          <th
-            className="c27"
-            disabled={undefined}
-            name="th"
-            onClick={[Function]}
-            selected={undefined}
-          >
-            <span>
-              Created 
-            </span>
-          </th>
-          <th
-            className="c28"
-            disabled={undefined}
-            name="th"
-            onClick={[Function]}
-            selected={undefined}
-          >
-            <span>
-              Short ID 
-            </span>
-          </th>
-          <th
-            className="c29 c30"
-            disabled={undefined}
-            name="th"
-            selected={undefined}
-          />
-        </tr>
-      </thead>
-      <tbody
-        className="c31"
-        disabled={undefined}
-        name="tbody"
-        selected={undefined}
-      >
-        <tr
-          className="c32"
-          disabled={undefined}
-          name="tr"
-          selected={undefined}
-        >
-          <td
-            className="c17 c33"
-            disabled={undefined}
-            name="td"
-            selected={undefined}
-          >
-            <div
-              className="c19 baseline-jVaZNU c19 c4"
-              name="2252839a-e698-ceec-afac-9549ad0c6624"
-              role="group"
-              style={undefined}
-            >
-              <li
-                className="c20"
-              >
-                <div
-                  checked={false}
-                  className="c21"
-                  disabled={false}
-                  id="P"
-                  onBlur={undefined}
-                  type="checkbox"
-                >
-                  <input
-                    checked={false}
-                    className="c22"
-                    disabled={false}
-                    id="Q"
-                    onBlur={undefined}
-                    type="checkbox"
-                  />
-                  <label
-                    className="c23"
-                    htmlFor="Q"
-                  />
-                </div>
-              </li>
-            </div>
-          </td>
-          <td
-            className="c33"
-            disabled={undefined}
-            name="td"
-            selected={undefined}
-          >
-            <a
-              className="c34 c35 c36"
-              to="/2252839a"
-            >
-              2252839a
-            </a>
-          </td>
-          <td
-            className="c33"
-            disabled={undefined}
-            name="td"
-            selected={undefined}
-          >
-            <span>
-              <span
-                className="c37"
-                color="green"
-                size="0.75rem"
-              />
-               
-              Running
-            </span>
-          </td>
-          <td
-            className="c38"
-            disabled={undefined}
-            name="td"
-            selected={undefined}
-          >
-            almost NaN years
-          </td>
-          <td
-            className="c39"
-            disabled={undefined}
-            name="td"
-            selected={undefined}
-          >
-            <code>
-              2252839
-            </code>
-          </td>
-          <td
-            className="c29 c40"
-            disabled={undefined}
-            name="td"
-            selected={undefined}
-          >
-            <div
-              box={true}
-              className="c41"
-              onClick={[Function]}
-              onMouseEnter={undefined}
-              onMouseLeave={undefined}
-              tag="div"
-            >
-              <svg
-                className=""
-                height="16"
-                innerRef={undefined}
-                style={
-                  Object {
-                    "transform": "rotate(0deg)",
-                  }
-                }
-                viewBox="0 0 4 16"
-                width="4"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M2,16a2,2,0,1,0-2-2A2,2,0,0,0,2,16Zm0-6A2,2,0,1,0,0,8,2,2,0,0,0,2,10ZM2,4A2,2,0,1,0,0,2,2,2,0,0,0,2,4Z"
-                  fill="rgba(73, 73, 73, 1)"
-                />
-              </svg>
-            </div>
-          </td>
-        </tr>
-        <tr
-          className="c32"
-          disabled={undefined}
-          name="tr"
-          selected={undefined}
-        >
-          <td
-            className="c17 c33"
-            disabled={undefined}
-            name="td"
-            selected={undefined}
-          >
-            <div
-              className="c19 baseline-jVaZNU c19 c4"
-              name="f1bd1730-e8a6-4956-e738-d8e85cc6aa04"
-              role="group"
-              style={undefined}
-            >
-              <li
-                className="c20"
-              >
-                <div
-                  checked={false}
-                  className="c21"
-                  disabled={false}
-                  id="R"
-                  onBlur={undefined}
-                  type="checkbox"
-                >
-                  <input
-                    checked={false}
-                    className="c22"
-                    disabled={false}
-                    id="S"
-                    onBlur={undefined}
-                    type="checkbox"
-                  />
-                  <label
-                    className="c23"
-                    htmlFor="S"
-                  />
-                </div>
-              </li>
-            </div>
-          </td>
-          <td
-            className="c33"
-            disabled={undefined}
-            name="td"
-            selected={undefined}
-          >
-            <a
-              className="c34 c35 c36"
-              to="/f1bd1730"
-            >
-              f1bd1730
-            </a>
-          </td>
-          <td
-            className="c33"
-            disabled={undefined}
-            name="td"
-            selected={undefined}
-          >
-            <span>
-              <span
-                className="c37"
-                color="green"
-                size="0.75rem"
-              />
-               
-              Running
-            </span>
-          </td>
-          <td
-            className="c38"
-            disabled={undefined}
-            name="td"
-            selected={undefined}
-          >
-            almost NaN years
-          </td>
-          <td
-            className="c39"
-            disabled={undefined}
-            name="td"
-            selected={undefined}
-          >
-            <code>
-              f1bd173
-            </code>
-          </td>
-          <td
-            className="c29 c40"
-            disabled={undefined}
-            name="td"
-            selected={undefined}
-          >
-            <div
-              box={true}
-              className="c41"
-              onClick={[Function]}
-              onMouseEnter={undefined}
-              onMouseLeave={undefined}
-              tag="div"
-            >
-              <svg
-                className=""
-                height="16"
-                innerRef={undefined}
-                style={
-                  Object {
-                    "transform": "rotate(0deg)",
-                  }
-                }
-                viewBox="0 0 4 16"
-                width="4"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M2,16a2,2,0,1,0-2-2A2,2,0,0,0,2,16Zm0-6A2,2,0,1,0,0,8,2,2,0,0,0,2,10ZM2,4A2,2,0,1,0,0,2,2,2,0,0,0,2,4Z"
-                  fill="rgba(73, 73, 73, 1)"
-                />
-              </svg>
-            </div>
-          </td>
-        </tr>
-      </tbody>
-    </table>
-  </form>
-  <div
-    className="c42"
-  >
-    <div
-      className="c43"
-    >
-      <div
-        className="c44"
-      >
-        <div
-          className="c45"
-        >
-          <span
-            name="react-responsive-mock"
-            query="only screen and (max-width: 47.9375rem)"
-          >
-            <button
-              className="c46 c11 c12"
-              disabled={true}
-              href=""
-              icon={true}
-              onClick={[Function]}
-              type="button"
-            >
-              <svg
-                className=""
-                height="14"
-                innerRef={undefined}
-                style={
-                  Object {
-                    "transform": "rotate(0deg)",
-                  }
-                }
-                viewBox="0 0 13.36 14"
-                width="13.36"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M2.53,1.68a.81.81,0,0,1,.39.1l8.31,4.48a.84.84,0,0,1,0,1.48L2.92,12.22a.81.81,0,0,1-.39.1.85.85,0,0,1-.85-.85V2.53a.85.85,0,0,1,.85-.85M2.53,0A2.53,2.53,0,0,0,0,2.53v8.94A2.53,2.53,0,0,0,3.72,13.7L12,9.22a2.52,2.52,0,0,0,0-4.44L3.72.3A2.5,2.5,0,0,0,2.53,0Z"
-                  fill="rgb(216, 216, 216)"
-                />
-              </svg>
-            </button>
-          </span>
-          <span
-            name="react-responsive-mock"
-            query="only screen and (min-width: 48rem)"
-          >
-            <button
-              className="c47 c11 c12"
-              disabled={true}
-              href=""
-              icon={true}
-              onClick={[Function]}
-              type="button"
-            >
-              <svg
-                className=""
-                height="14"
-                innerRef={undefined}
-                style={
-                  Object {
-                    "transform": "rotate(0deg)",
-                  }
-                }
-                viewBox="0 0 13.36 14"
-                width="13.36"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M2.53,1.68a.81.81,0,0,1,.39.1l8.31,4.48a.84.84,0,0,1,0,1.48L2.92,12.22a.81.81,0,0,1-.39.1.85.85,0,0,1-.85-.85V2.53a.85.85,0,0,1,.85-.85M2.53,0A2.53,2.53,0,0,0,0,2.53v8.94A2.53,2.53,0,0,0,3.72,13.7L12,9.22a2.52,2.52,0,0,0,0-4.44L3.72.3A2.5,2.5,0,0,0,2.53,0Z"
-                  fill="rgb(216, 216, 216)"
-                />
-              </svg>
-              <span>
-                Start
-              </span>
-            </button>
-          </span>
-          <span
-            name="react-responsive-mock"
-            query="only screen and (max-width: 47.9375rem)"
-          >
-            <button
-              className="c46 c11 c12"
-              disabled={true}
-              href=""
-              icon={true}
-              onClick={[Function]}
-              type="button"
-            >
-              <svg
-                className=""
-                height="14"
-                innerRef={undefined}
-                style={
-                  Object {
-                    "transform": "rotate(0deg)",
-                  }
-                }
-                viewBox="0 0 14 14"
-                width="14"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M10.75,1.75a1.5,1.5,0,0,1,1.5,1.5v7.5a1.5,1.5,0,0,1-1.5,1.5H3.25a1.5,1.5,0,0,1-1.5-1.5V3.25a1.5,1.5,0,0,1,1.5-1.5h7.5m0-1.75H3.25A3.26,3.26,0,0,0,0,3.25v7.5A3.26,3.26,0,0,0,3.25,14h7.5A3.26,3.26,0,0,0,14,10.75V3.25A3.26,3.26,0,0,0,10.75,0Z"
-                  fill="rgb(216, 216, 216)"
-                />
-              </svg>
-            </button>
-          </span>
-          <span
-            name="react-responsive-mock"
-            query="only screen and (min-width: 48rem)"
-          >
-            <button
-              className="c47 c11 c12"
-              disabled={true}
-              href=""
-              icon={true}
-              onClick={[Function]}
-              type="button"
-            >
-              <svg
-                className=""
-                height="14"
-                innerRef={undefined}
-                style={
-                  Object {
-                    "transform": "rotate(0deg)",
-                  }
-                }
-                viewBox="0 0 14 14"
-                width="14"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M10.75,1.75a1.5,1.5,0,0,1,1.5,1.5v7.5a1.5,1.5,0,0,1-1.5,1.5H3.25a1.5,1.5,0,0,1-1.5-1.5V3.25a1.5,1.5,0,0,1,1.5-1.5h7.5m0-1.75H3.25A3.26,3.26,0,0,0,0,3.25v7.5A3.26,3.26,0,0,0,3.25,14h7.5A3.26,3.26,0,0,0,14,10.75V3.25A3.26,3.26,0,0,0,10.75,0Z"
-                  fill="rgb(216, 216, 216)"
-                />
-              </svg>
-              <span>
-                Stop
-              </span>
-            </button>
-          </span>
-          <span
-            name="react-responsive-mock"
-            query="only screen and (max-width: 47.9375rem)"
-          >
-            <button
-              className="c46 c11 c12"
-              disabled={true}
-              href=""
-              icon={true}
-              onClick={[Function]}
-              type="button"
-            >
-              <svg
-                className=""
-                height="21"
-                innerRef={undefined}
-                style={
-                  Object {
-                    "transform": "rotate(0deg)",
-                  }
-                }
-                version="1.1"
-                viewBox="0 0 20 21"
-                width="20"
-                xmlns="http://www.w3.org/2000/svg"
-                xmlnsXlink="http://www.w3.org/1999/xlink"
-              >
-                <g
-                  transform="translate(17997 -18577)"
-                >
-                  <g>
-                    <use
-                      fill="rgb(216, 216, 216)"
-                      transform="matrix(0.866025 0.5 -0.5 0.866025 -17988.7 18577.9)"
-                      xlinkHref="#f"
-                    />
-                  </g>
-                </g>
-                <defs>
-                  <path
-                    d="M 5.39661 3.57718L 5.3977 5.34469L 10.0255 2.67281L 5.39715 0L 5.39832 2.00201C 2.33086 2.5484 0.00065755 5.23112 0 8.45654C 0.000380483 12.0783 2.93556 15.0137 6.55562 15.0143C 10.1774 15.014 13.1128 12.0788 13.1124 8.45702L 11.5697 8.45687C 11.5697 11.2264 9.32527 13.4717 6.55578 13.4716C 3.78629 13.4716 1.54268 11.2262 1.5427 8.45669C 1.54135 6.08718 3.18616 4.10012 5.39661 3.57718Z"
-                    fillRule="evenodd"
-                    id="f"
-                  />
-                </defs>
-              </svg>
-            </button>
-          </span>
-          <span
-            name="react-responsive-mock"
-            query="only screen and (min-width: 48rem)"
-          >
-            <button
-              className="c47 c11 c12"
-              disabled={true}
-              href=""
-              icon={true}
-              onClick={[Function]}
-              type="button"
-            >
-              <svg
-                className=""
-                height="21"
-                innerRef={undefined}
-                style={
-                  Object {
-                    "transform": "rotate(0deg)",
-                  }
-                }
-                version="1.1"
-                viewBox="0 0 20 21"
-                width="20"
-                xmlns="http://www.w3.org/2000/svg"
-                xmlnsXlink="http://www.w3.org/1999/xlink"
-              >
-                <g
-                  transform="translate(17997 -18577)"
-                >
-                  <g>
-                    <use
-                      fill="rgb(216, 216, 216)"
-                      transform="matrix(0.866025 0.5 -0.5 0.866025 -17988.7 18577.9)"
-                      xlinkHref="#f"
-                    />
-                  </g>
-                </g>
-                <defs>
-                  <path
-                    d="M 5.39661 3.57718L 5.3977 5.34469L 10.0255 2.67281L 5.39715 0L 5.39832 2.00201C 2.33086 2.5484 0.00065755 5.23112 0 8.45654C 0.000380483 12.0783 2.93556 15.0137 6.55562 15.0143C 10.1774 15.014 13.1128 12.0788 13.1124 8.45702L 11.5697 8.45687C 11.5697 11.2264 9.32527 13.4717 6.55578 13.4716C 3.78629 13.4716 1.54268 11.2262 1.5427 8.45669C 1.54135 6.08718 3.18616 4.10012 5.39661 3.57718Z"
-                    fillRule="evenodd"
-                    id="f"
-                  />
-                </defs>
-              </svg>
-              <span>
-                Reboot
-              </span>
-            </button>
-          </span>
-        </div>
-        <div
-          className="c48"
-        >
-          <span
-            name="react-responsive-mock"
-            query="only screen and (max-width: 47.9375rem)"
-          >
-            <button
-              className="c49 c11 c12"
-              disabled={true}
-              href=""
-              icon={true}
-              onClick={[Function]}
-              type="button"
-            >
-              <svg
-                className=""
-                height="16"
-                innerRef={undefined}
-                style={
-                  Object {
-                    "transform": "rotate(0deg)",
-                  }
-                }
-                viewBox="0 0 12 16"
-                width="12"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
-                  fill="rgba(73, 73, 73, 1)"
-                />
-              </svg>
-            </button>
-          </span>
-          <span
-            name="react-responsive-mock"
-            query="only screen and (min-width: 48rem)"
-          >
-            <button
-              className="c50 c11 c12"
-              disabled={true}
-              href=""
-              icon={true}
-              onClick={[Function]}
-              type="button"
-            >
-              <svg
-                className=""
-                height="16"
-                innerRef={undefined}
-                style={
-                  Object {
-                    "transform": "rotate(0deg)",
-                  }
-                }
-                viewBox="0 0 12 16"
-                width="12"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
-                  fill="rgb(216, 216, 216)"
-                />
-              </svg>
-              <span>
-                Remove
-              </span>
-            </button>
-          </span>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`renders <List instances selected=all /> without throwing 1`] = `
-.c6 {
-  margin-top: 0.1875rem;
-}
-
-.c36 {
-  background-color: transparent;
-  -webkit-text-decoration-skip: objects;
-  text-decoration-skip: objects;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-}
-
-.c12 {
-  font-family: sans-serif;
-  font-size: 100%;
-  line-height: 1.15;
-  margin: 0;
-  overflow: visible;
-  text-transform: none;
-  -webkit-appearance: button;
-  -moz-appearance: button;
-  appearance: button;
-  min-width: 7.5rem;
-}
-
-.c12::-moz-focus-inner,
-.c12[type='button']::-moz-focus-inner,
-.c12[type='reset']::-moz-focus-inner,
-.c12[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c12:-moz-focusring,
-.c12[type='button']:-moz-focusring,
-.c12[type='reset']:-moz-focusring,
-.c12[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c12 + button,
-.c12 + a {
-  margin-left: 0.375rem;
-}
-
-.c22 {
-  font-family: sans-serif;
-  font-size: 100%;
-  line-height: 1.15;
-  margin: 0;
-  overflow: visible;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  display: none;
-}
-
-.c22[type='checkbox'],
-.c22[type='radio'] {
-  box-sizing: border-box;
-  padding: 0;
-}
-
-.c22[type='number']::-webkit-inner-spin-button,
-.c22[type='number']::-webkit-outer-spin-button {
-  height: auto;
-}
-
-.c22[type='search'] {
-  -webkit-appearance: textfield;
-  -moz-appearance: textfield;
-  appearance: textfield;
-  outline-offset: -0.125rem;
-}
-
-.c22[type='search']::-webkit-search-cancel-button,
-.c22[type='search']::-webkit-search-decoration {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-}
-
-.c22::-webkit-file-upload-button {
-  -webkit-appearance: button;
-  -moz-appearance: button;
-  appearance: button;
-  font: inherit;
-}
-
-.c22:checked + label::after {
-  opacity: 1;
-}
-
-.c22:selected + label::after {
-  opacity: 1;
-}
-
-.c22:checked + label {
-  border-color: rgb(59,70,204);
-}
-
-.c22:selected + label {
-  border-color: rgb(59,70,204);
-}
-
-.c22:disabled + label {
-  background-color: rgb(249,249,249);
-  cursor: not-allowed;
-}
-
-.c35 {
-  color: rgb(59,70,204);
-  -webkit-text-fill-color: currentcolor;
-}
-
-.c35:hover {
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.c17 {
-  padding: 0rem;
-  padding-left: 0.75rem;
-}
-
-.c19 {
-  padding-top: 0.25rem;
-}
-
-.c25 {
-  margin-bottom: 0.125rem;
-  margin-left: 0.5625rem;
-}
-
-.c29 {
-  padding: 0rem;
-}
-
-.c11 {
-  display: inline-block;
-}
-
-.c11 + button,
-.c11 + a {
-  margin-left: 0.375rem;
-}
-
-.c10 {
-  box-sizing: border-box;
-  display: inline-block;
-  -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;
-  min-height: 3rem;
-  height: 3rem;
-  min-width: 7.5rem;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-size: 0.9375rem;
-  text-align: center;
-  font-style: normal;
-  font-stretch: normal;
-  line-height: normal;
-  -webkit-letter-spacing: normal;
-  -moz-letter-spacing: normal;
-  -ms-letter-spacing: normal;
-  letter-spacing: normal;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-  background-image: none;
-  background-color: rgb(59,70,204);
-  border-radius: 0.25rem;
-  border: solid 0.0625rem rgb(45,56,132);
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  width: 100%;
-  max-width: 100%;
-}
-
-.c10:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c10:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c10:active,
-.c10:active:hover,
-.c10:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c10[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c10 svg + span {
-  margin-left: 0.75rem;
-}
-
-.c10 svg {
-  max-height: 1.125rem;
-}
-
-.c46 {
-  box-sizing: border-box;
-  display: inline-block;
-  -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;
-  min-height: 3rem;
-  height: 3rem;
-  min-width: 7.5rem;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-size: 0.9375rem;
-  text-align: center;
-  font-style: normal;
-  font-stretch: normal;
-  line-height: normal;
-  -webkit-letter-spacing: normal;
-  -moz-letter-spacing: normal;
-  -ms-letter-spacing: normal;
-  letter-spacing: normal;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-  background-image: none;
-  background-color: rgb(59,70,204);
-  border-radius: 0.25rem;
-  border: solid 0.0625rem rgb(45,56,132);
-  color: rgb(70,70,70);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-  cursor: not-allowed;
-  pointer-events: none;
-  color: rgb(216,216,216);
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-  padding: 0.5625rem 1.125rem;
-  font-size: 0.8125rem;
-  min-width: 0rem;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c46:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c46:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c46:active,
-.c46:active:hover,
-.c46:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c46[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c46:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c46:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c46:active,
-.c46:active:hover,
-.c46:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c46:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-}
-
-.c46:hover {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c46:active,
-.c46:active:hover,
-.c46:active:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c46 svg + span {
-  margin-left: 0.75rem;
-}
-
-.c46 svg {
-  max-height: 1.125rem;
-}
-
-.c47 {
-  box-sizing: border-box;
-  display: inline-block;
-  -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;
-  min-height: 3rem;
-  height: 3rem;
-  min-width: 7.5rem;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-size: 0.9375rem;
-  text-align: center;
-  font-style: normal;
-  font-stretch: normal;
-  line-height: normal;
-  -webkit-letter-spacing: normal;
-  -moz-letter-spacing: normal;
-  -ms-letter-spacing: normal;
-  letter-spacing: normal;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-  background-image: none;
-  background-color: rgb(59,70,204);
-  border-radius: 0.25rem;
-  border: solid 0.0625rem rgb(45,56,132);
-  color: rgb(70,70,70);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-  cursor: not-allowed;
-  pointer-events: none;
-  color: rgb(216,216,216);
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c47:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c47:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c47:active,
-.c47:active:hover,
-.c47:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c47[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c47:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c47:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c47:active,
-.c47:active:hover,
-.c47:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c47:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-}
-
-.c47:hover {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c47:active,
-.c47:active:hover,
-.c47:active:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c47 svg + span {
-  margin-left: 0.75rem;
-}
-
-.c47 svg {
-  max-height: 1.125rem;
-}
-
-.c49 {
-  box-sizing: border-box;
-  display: inline-block;
-  -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;
-  min-height: 3rem;
-  height: 3rem;
-  min-width: 7.5rem;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-size: 0.9375rem;
-  text-align: center;
-  font-style: normal;
-  font-stretch: normal;
-  line-height: normal;
-  -webkit-letter-spacing: normal;
-  -moz-letter-spacing: normal;
-  -ms-letter-spacing: normal;
-  letter-spacing: normal;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-  background-image: none;
-  background-color: rgb(59,70,204);
-  border-radius: 0.25rem;
-  border: solid 0.0625rem rgb(45,56,132);
-  color: rgb(70,70,70);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-  color: rgb(210,67,58);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(210,67,58);
-  cursor: not-allowed;
-  pointer-events: none;
-  color: rgb(216,216,216);
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-  padding: 0.5625rem 1.125rem;
-  font-size: 0.8125rem;
-  min-width: 0rem;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  float: right;
-}
-
-.c49:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c49:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c49:active,
-.c49:active:hover,
-.c49:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c49[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c49:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c49:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c49:active,
-.c49:active:hover,
-.c49:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c49:focus {
-  color: rgb(205,37,27);
-  background-color: rgb(255,255,255);
-  border-color: rgb(205,37,27);
-}
-
-.c49:hover {
-  color: rgb(205,37,27);
-  background-color: rgb(255,255,255);
-  border-color: rgb(205,37,27);
-}
-
-.c49:active,
-.c49:active:hover,
-.c49:active:focus {
-  background-color: rgba(210,67,58,0.1);
-  border-color: rgb(205,37,27);
-}
-
-.c49:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-}
-
-.c49:hover {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c49:active,
-.c49:active:hover,
-.c49:active:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c49 svg + span {
-  margin-left: 0.75rem;
-}
-
-.c49 svg {
-  max-height: 1.125rem;
-}
-
-.c50 {
-  box-sizing: border-box;
-  display: inline-block;
-  -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;
-  min-height: 3rem;
-  height: 3rem;
-  min-width: 7.5rem;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-size: 0.9375rem;
-  text-align: center;
-  font-style: normal;
-  font-stretch: normal;
-  line-height: normal;
-  -webkit-letter-spacing: normal;
-  -moz-letter-spacing: normal;
-  -ms-letter-spacing: normal;
-  letter-spacing: normal;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-  background-image: none;
-  background-color: rgb(59,70,204);
-  border-radius: 0.25rem;
-  border: solid 0.0625rem rgb(45,56,132);
-  color: rgb(70,70,70);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-  color: rgb(210,67,58);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(210,67,58);
-  cursor: not-allowed;
-  pointer-events: none;
-  color: rgb(216,216,216);
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  float: right;
-}
-
-.c50:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c50:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c50:active,
-.c50:active:hover,
-.c50:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c50[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c50:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c50:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c50:active,
-.c50:active:hover,
-.c50:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c50:focus {
-  color: rgb(205,37,27);
-  background-color: rgb(255,255,255);
-  border-color: rgb(205,37,27);
-}
-
-.c50:hover {
-  color: rgb(205,37,27);
-  background-color: rgb(255,255,255);
-  border-color: rgb(205,37,27);
-}
-
-.c50:active,
-.c50:active:hover,
-.c50:active:focus {
-  background-color: rgba(210,67,58,0.1);
-  border-color: rgb(205,37,27);
-}
-
-.c50:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-}
-
-.c50:hover {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c50:active,
-.c50:active:hover,
-.c50:active:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c50 svg + span {
-  margin-left: 0.75rem;
-}
-
-.c50 svg {
-  max-height: 1.125rem;
-}
-
-.c5 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-  margin-right: 0.75rem;
-  font-weight: 600;
-  white-space: pre;
-  font-size: 0.8125rem;
-}
-
-.c0 {
-  margin-right: auto;
-  margin-left: auto;
-  box-sizing: border-box;
-  width: 100%;
-  max-width: 62.5rem;
-  padding-bottom: 1.125rem;
-}
-
-.c43 {
-  margin-right: auto;
-  margin-left: auto;
-  box-sizing: border-box;
-  width: 100%;
-  max-width: 62.5rem;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-wrap: nowrap;
-  -ms-flex-wrap: nowrap;
-  flex-wrap: nowrap;
-  -webkit-align-content: stretch;
-  -ms-flex-line-pack: stretch;
-  align-content: stretch;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c2 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-  margin-right: -0.625rem;
-  margin-left: -0.625rem;
-}
-
-.c44 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-  margin-right: -0.625rem;
-  margin-left: -0.625rem;
-}
-
-.c45 {
-  box-sizing: border-box;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  padding-right: 0.625rem;
-  padding-left: 0.625rem;
-  display: block;
-}
-
-.c48 {
-  box-sizing: border-box;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  padding-right: 0.625rem;
-  padding-left: 0.625rem;
-  display: block;
-}
-
-.c1 {
-  background-color: rgb(216,216,216);
-  margin: 0;
-  background-color: transparent;
-  height: 1.875rem;
-}
-
-.c9 {
-  background-color: rgb(216,216,216);
-  margin: 0;
-  background-color: transparent;
-  height: 1.3125rem;
-}
-
-.c13 {
-  background-color: rgb(216,216,216);
-  margin: 0;
-  background-color: transparent;
-  height: 1.25rem;
-}
-
-.c42 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-flex-wrap: nowrap;
-  -ms-flex-wrap: nowrap;
-  flex-wrap: nowrap;
-  -webkit-align-content: stretch;
-  -ms-flex-line-pack: stretch;
-  align-content: stretch;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-  background-color: rgba(241,241,241,1);
-  border-top: 0.0625rem solid rgb(216,216,216);
-  max-height: 3.3125rem;
-  min-height: 3.3125rem;
-  line-height: 1.5625rem;
-  height: 4.375rem;
-  max-height: 4.375rem;
-  z-index: 1;
-  position: fixed;
-  left: 0;
-  right: 0;
-  bottom: 0;
-}
-
-.c3 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-flex-wrap: nowrap;
-  -ms-flex-wrap: nowrap;
-  flex-wrap: nowrap;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  -webkit-align-content: stretch;
-  -ms-flex-line-pack: stretch;
-  align-content: stretch;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-}
-
-.c37 {
-  width: 0.75rem;
-  height: 0.75rem;
-  border-radius: 50%;
-  background-color: rgb(0,152,88);
-  display: inline-block;
-  margin-right: 0rem;
-  margin-left: 0rem;
-}
-
-.c23 {
-  color: rgb(100,100,100);
-  position: absolute;
-  width: 1.125rem;
-  height: 1.125rem;
-  box-sizing: border-box;
-  top: 0;
-  right: 0;
-  cursor: pointer;
-  background-color: rgb(255,255,255);
-  box-shadow: none;
-  border: 0.0625rem solid rgb(216,216,216);
-  cursor: pointer;
-  border-radius: 0.25rem;
-  width: 1.125rem;
-  height: 1.125rem;
-}
-
-.c23::after {
-  opacity: 0;
-  content: '';
-  position: absolute;
-  width: 0.375rem;
-  height: 0.125rem;
-  background: transparent;
-  top: 0.3125rem;
-  left: 0.25rem;
-  border: 0.125rem solid rgb(45,45,45);
-  border-top: none;
-  border-right: none;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-}
-
-.c21 {
-  display: inline-block;
-  vertical-align: text-bottom;
-  width: 1.125rem;
-  height: 1.125rem;
-  position: relative;
-  cursor: pointer;
-}
-
-.c20 {
-  list-style-type: none;
-  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;
-}
-
-.c20 label {
-  font-weight: 400;
-}
-
-.c4 {
-  display: inline-block;
-  margin: 0;
-  padding: 0;
-  border: none;
-  overflow: hidden;
-  height: auto;
-  -webkit-margin-start: 0;
-  -webkit-margin-end: 0;
-  -webkit-padding-before: 0;
-  -webkit-padding-start: 0;
-  -webkit-padding-end: 0;
-  -webkit-padding-after: 0;
-}
-
-.c8 {
-  display: inline-block;
-  margin: 0;
-  padding: 0;
-  border: none;
-  overflow: hidden;
-  height: auto;
-  -webkit-margin-start: 0;
-  -webkit-margin-end: 0;
-  -webkit-padding-before: 0;
-  -webkit-padding-start: 0;
-  -webkit-padding-end: 0;
-  -webkit-padding-after: 0;
-  float: right;
-}
-
-.c7 {
-  box-sizing: border-box;
-  width: 18.75rem;
-  height: 3rem;
-  min-height: 3rem;
-  padding: 0.8125rem 1.125rem;
-  border-radius: 0.25rem;
-  background-color: rgb(255,255,255);
-  border: 0.0625rem solid rgb(216,216,216);
-  color: rgba(73,73,73,1);
-  max-width: 22.1875rem;
-  text-overflow: ellipsis;
-  font-size: 0.9375rem;
-  line-height: normal !important;
-  font-style: normal;
-  font-stretch: normal;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  outline: 0;
-}
-
-.c7::-webkit-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c7::-moz-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c7:-ms-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c7:invalid {
-  box-shadow: none;
-}
-
-.c7:disabled {
-  background-color: rgb(250,250,250);
-  color: rgb(216,216,216);
-  cursor: not-allowed;
-}
-
-.c7:disabled::-webkit-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c7:disabled::-moz-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c7:disabled:-ms-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c7:focus {
-  border-color: rgb(59,70,204);
-  outline: 0;
-}
-
-.c41 {
-  cursor: pointer;
-  height: 100%;
-  width: 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;
-}
-
-.c14 {
-  overflow: hidden;
-  border-spacing: 0;
-  border-collapse: separate;
-  table-layout: fixed;
-  width: 100%;
-  max-width: 100%;
-}
-
-.c15 {
-  width: 100%;
-  background: rgb(250,250,250);
-}
-
-.c15 th:first-child {
-  border-top-left-radius: 0.25rem;
-}
-
-.c15 th:last-child {
-  border-top-right-radius: 0.25rem;
-}
-
-.c31 {
-  width: 100%;
-}
-
-.c18 {
-  border-width: 0.0625rem;
-  border-style: solid;
-  border-color: rgb(216,216,216);
-  border-spacing: 0;
-  white-space: nowrap;
-  box-sizing: border-box;
-  padding: 0 1.5rem;
-  height: 3.75rem;
-  width: 2rem;
-  display: table-cell;
-  vertical-align: middle;
-  text-align: left;
-  height: 2.625rem;
-  color: rgb(189,189,189);
-  font-weight: 500;
-  border-bottom-width: 0;
-}
-
-.c18:not(:first-child) {
-  border-left-width: 0;
-}
-
-.c18:not(:last-child) {
-  border-right-width: 0;
-}
-
-.c24 {
-  border-width: 0.0625rem;
-  border-style: solid;
-  border-color: rgb(216,216,216);
-  border-spacing: 0;
-  white-space: nowrap;
-  box-sizing: border-box;
-  padding: 0 1.5rem;
-  height: 3.75rem;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  vertical-align: middle;
-  text-align: left;
-  height: 2.625rem;
-  color: rgb(189,189,189);
-  font-weight: 500;
-  border-bottom-width: 0;
-  color: rgba(73,73,73,1);
-  font-weight: bold;
-}
-
-.c24:not(:first-child) {
-  border-left-width: 0;
-}
-
-.c24:not(:last-child) {
-  border-right-width: 0;
-}
-
-.c26 {
-  border-width: 0.0625rem;
-  border-style: solid;
-  border-color: rgb(216,216,216);
-  border-spacing: 0;
-  white-space: nowrap;
-  box-sizing: border-box;
-  padding: 0 1.5rem;
-  height: 3.75rem;
-  width: 9.375rem;
-  display: table-cell;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  vertical-align: middle;
-  text-align: left;
-  height: 2.625rem;
-  color: rgb(189,189,189);
-  font-weight: 500;
-  border-bottom-width: 0;
-}
-
-.c26:not(:first-child) {
-  border-left-width: 0;
-}
-
-.c26:not(:last-child) {
-  border-right-width: 0;
-}
-
-.c27 {
-  border-width: 0.0625rem;
-  border-style: solid;
-  border-color: rgb(216,216,216);
-  border-spacing: 0;
-  white-space: nowrap;
-  box-sizing: border-box;
-  padding: 0 1.5rem;
-  height: 3.75rem;
-  width: 0rem;
-  display: none;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  vertical-align: middle;
-  text-align: left;
-  height: 2.625rem;
-  color: rgb(189,189,189);
-  font-weight: 500;
-  border-bottom-width: 0;
-}
-
-.c27:not(:first-child) {
-  border-left-width: 0;
-}
-
-.c27:not(:last-child) {
-  border-right-width: 0;
-}
-
-.c28 {
-  border-width: 0.0625rem;
-  border-style: solid;
-  border-color: rgb(216,216,216);
-  border-spacing: 0;
-  white-space: nowrap;
-  box-sizing: border-box;
-  padding: 0 1.5rem;
-  height: 3.75rem;
-  width: 0rem;
-  display: none;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  vertical-align: middle;
-  text-align: left;
-  height: 2.625rem;
-  color: rgb(189,189,189);
-  font-weight: 500;
-  border-bottom-width: 0;
-}
-
-.c28:not(:first-child) {
-  border-left-width: 0;
-}
-
-.c28:not(:last-child) {
-  border-right-width: 0;
-}
-
-.c30 {
-  border-width: 0.0625rem;
-  border-style: solid;
-  border-color: rgb(216,216,216);
-  border-spacing: 0;
-  white-space: nowrap;
-  box-sizing: border-box;
-  padding: 0 1.5rem;
-  height: 3.75rem;
-  width: 3.75rem;
-  display: table-cell;
-  height: 2.625rem;
-  color: rgb(189,189,189);
-  font-weight: 500;
-  border-bottom-width: 0;
-}
-
-.c30:not(:first-child) {
-  border-left-width: 0;
-}
-
-.c30:not(:last-child) {
-  border-right-width: 0;
-}
-
-.c33 {
-  border-width: 0.0625rem;
-  border-style: solid;
-  border-color: rgb(216,216,216);
-  border-spacing: 0;
-  white-space: nowrap;
-  box-sizing: border-box;
-  padding: 0 1.5rem;
-  height: 3.75rem;
-  vertical-align: middle;
-  text-align: left;
-  border-bottom-width: 0;
-}
-
-.c33:not(:first-child) {
-  border-left-width: 0;
-}
-
-.c33:not(:last-child) {
-  border-right-width: 0;
-}
-
-.c38 {
-  border-width: 0.0625rem;
-  border-style: solid;
-  border-color: rgb(216,216,216);
-  border-spacing: 0;
-  white-space: nowrap;
-  box-sizing: border-box;
-  padding: 0 1.5rem;
-  height: 3.75rem;
-  width: 0rem;
-  display: none;
-  vertical-align: middle;
-  text-align: left;
-  border-bottom-width: 0;
-}
-
-.c38:not(:first-child) {
-  border-left-width: 0;
-}
-
-.c38:not(:last-child) {
-  border-right-width: 0;
-}
-
-.c39 {
-  border-width: 0.0625rem;
-  border-style: solid;
-  border-color: rgb(216,216,216);
-  border-spacing: 0;
-  white-space: nowrap;
-  box-sizing: border-box;
-  padding: 0 1.5rem;
-  height: 3.75rem;
-  width: 0rem;
-  display: none;
-  vertical-align: middle;
-  text-align: left;
-  border-bottom-width: 0;
-}
-
-.c39:not(:first-child) {
-  border-left-width: 0;
-}
-
-.c39:not(:last-child) {
-  border-right-width: 0;
-}
-
-.c40 {
-  border-width: 0.0625rem;
-  border-style: solid;
-  border-color: rgb(216,216,216);
-  border-spacing: 0;
-  white-space: nowrap;
-  box-sizing: border-box;
-  padding: 0 1.5rem;
-  height: 3.75rem;
-  border-bottom-width: 0;
-  border-left-width: 0.0625rem !important;
-}
-
-.c40:not(:first-child) {
-  border-left-width: 0;
-}
-
-.c40:not(:last-child) {
-  border-right-width: 0;
-}
-
-.c16 {
-  display: table-row;
-  color: rgba(73,73,73,1);
-  background-color: rgb(255,255,255);
-  box-shadow: 0 0.125rem 0 rgba(0,0,0,0.05);
-  box-sizing: border-box;
-  color: rgba(73,73,73,1);
-  background-color: transparent;
-  border: none;
-  box-shadow: none;
-}
-
-.c16:last-child {
-  box-shadow: none;
-}
-
-.c16:last-child td {
-  border-bottom-width: 0.0625rem;
-}
-
-.c32 {
-  display: table-row;
-  color: rgba(73,73,73,1);
-  background-color: rgb(255,255,255);
-  box-shadow: 0 0.125rem 0 rgba(0,0,0,0.05);
-  box-sizing: border-box;
-}
-
-.c32:last-child {
-  box-shadow: none;
-}
-
-.c32:last-child td {
-  border-bottom-width: 0.0625rem;
-}
-
-.c34 {
-  color: rgba(73,73,73,1);
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  font-weight: 600;
-}
-
-@media only screen and (min-width:48em) {
-  .c0 {
-    width: 46rem;
-  }
-}
-
-@media only screen and (min-width:64em) {
-  .c0 {
-    width: 56rem;
-  }
-}
-
-@media only screen and (min-width:75em) {
-  .c0 {
-    width: 59rem;
-  }
-}
-
-@media only screen and (max-width:47.9375rem) {
-  .c0 {
-    padding-left: 0.375rem;
-    padding-right: 0.375rem;
-  }
-}
-
-@media only screen and (min-width:48em) {
-  .c43 {
-    width: 46rem;
-  }
-}
-
-@media only screen and (min-width:64em) {
-  .c43 {
-    width: 56rem;
-  }
-}
-
-@media only screen and (min-width:75em) {
-  .c43 {
-    width: 59rem;
-  }
-}
-
-@media only screen and (max-width:47.9375rem) {
-  .c43 {
-    padding-left: 0.375rem;
-    padding-right: 0.375rem;
-  }
-}
-
-@media only screen and (min-width:0em) {
-  .c44 {
-    -webkit-align-items: center;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-  }
-}
-
-@media only screen and (min-width:0em) {
-  .c44 {
-    -webkit-box-pack: justify;
-    -webkit-justify-content: space-between;
-    -ms-flex-pack: justify;
-    justify-content: space-between;
-  }
-}
-
-@media only screen and (min-width:0em) {
-  .c45 {
-    -webkit-flex-basis: 58.333333333333336%;
-    -ms-flex-preferred-size: 58.333333333333336%;
-    flex-basis: 58.333333333333336%;
-    max-width: 58.333333333333336%;
-  }
-}
-
-@media only screen and (min-width:0em) {
-  .c48 {
-    -webkit-flex-basis: 41.66666666666667%;
-    -ms-flex-preferred-size: 41.66666666666667%;
-    flex-basis: 41.66666666666667%;
-    max-width: 41.66666666666667%;
-  }
-}
-
-@media only screen and (min-width:47.9375rem) {
-  .c27 {
-    width: 10rem;
-    display: table-cell;
-  }
-}
-
-@media only screen and (min-width:47.9375rem) {
-  .c28 {
-    width: 8.125rem;
-    display: table-cell;
-  }
-}
-
-@media only screen and (min-width:47.9375rem) {
-  .c38 {
-    width: 10rem;
-    display: table-cell;
-  }
-}
-
-@media only screen and (min-width:47.9375rem) {
-  .c39 {
-    width: 8.125rem;
-    display: table-cell;
-  }
-}
-
-<div
-  className="c0"
->
-  <div
-    className="c1 c2"
-    height="1.875rem"
-  />
-  <form
-    onSubmit={undefined}
-  >
-    <div
-      className="c3"
-    >
-      <div
-        className="baseline-jVaZNU kXgQxt c4"
-        name="filter"
-        role="group"
-        style={undefined}
-      >
-        <label
-          className="c5"
-          htmlFor="T"
-        >
-          Filter instances
-        </label>
-        <div
-          className="c6"
-        >
-          <input
-            className="c7"
-            disabled={false}
-            id="T"
-            onBlur={undefined}
-            placeholder=""
-          />
-        </div>
-      </div>
-      <div
-        className="baseline-jVaZNU kXgQxt c8"
-        role="group"
-        style={undefined}
-      >
-        <div
-          className="c9 c2"
-          height="1.3125rem"
-        />
-        <button
-          className="c10 c11 c12"
-          disabled={false}
-          href=""
-          icon={true}
-          onClick={[Function]}
-          type="button"
-        >
-          Create Instance
-        </button>
-      </div>
-    </div>
-    <div
-      className="c13 c2"
-      height="1.25rem"
-    />
-  </form>
-  <form>
-    <table
-      className="c14"
-    >
-      <thead
-        className="c15"
-        disabled={undefined}
-        name="thdead"
-        selected={undefined}
-      >
-        <tr
-          className="c16"
-          disabled={undefined}
-          name="tr"
-          selected={undefined}
-        >
-          <th
-            className="c17 c18"
-            disabled={undefined}
-            name="th"
-            selected={undefined}
-          >
-            <div
-              className="c19 baseline-jVaZNU c19 c4"
-              role="group"
-              style={undefined}
-            >
-              <li
-                className="c20"
-              >
-                <div
-                  checked={true}
-                  className="c21"
-                  disabled={false}
-                  id="X"
-                  onBlur={undefined}
-                  onChange={[Function]}
-                  type="checkbox"
-                >
-                  <input
-                    checked={true}
-                    className="c22"
-                    disabled={false}
-                    id="Y"
-                    onBlur={undefined}
-                    onChange={[Function]}
-                    type="checkbox"
-                  />
-                  <label
-                    className="c23"
-                    htmlFor="Y"
-                  />
-                </div>
-              </li>
-            </div>
-          </th>
-          <th
-            className="c24"
-            disabled={undefined}
-            name="th"
-            onClick={[Function]}
-            selected={undefined}
-          >
-            <span>
-              Name 
-            </span>
-            <svg
-              className="c25"
-              height="6"
-              innerRef={undefined}
-              marginBottom="0.125rem"
-              marginLeft="0.5625rem"
-              style={
-                Object {
-                  "transform": "rotate(180deg)",
-                }
-              }
-              viewBox="0 0 9.6 6"
-              width="9.6"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
-                fill="rgba(73, 73, 73, 1)"
-              />
-            </svg>
-          </th>
-          <th
-            className="c26"
-            disabled={undefined}
-            name="th"
-            onClick={[Function]}
-            selected={undefined}
-          >
-            <span>
-              Status 
-            </span>
-          </th>
-          <th
-            className="c27"
-            disabled={undefined}
-            name="th"
-            onClick={[Function]}
-            selected={undefined}
-          >
-            <span>
-              Created 
-            </span>
-          </th>
-          <th
-            className="c28"
-            disabled={undefined}
-            name="th"
-            onClick={[Function]}
-            selected={undefined}
-          >
-            <span>
-              Short ID 
-            </span>
-          </th>
-          <th
-            className="c29 c30"
-            disabled={undefined}
-            name="th"
-            selected={undefined}
-          />
-        </tr>
-      </thead>
-      <tbody
-        className="c31"
-        disabled={undefined}
-        name="tbody"
-        selected={undefined}
-      >
-        <tr
-          className="c32"
-          disabled={undefined}
-          name="tr"
-          selected={undefined}
-        >
-          <td
-            className="c17 c33"
-            disabled={undefined}
-            name="td"
-            selected={undefined}
-          >
-            <div
-              className="c19 baseline-jVaZNU c19 c4"
-              name="2252839a-e698-ceec-afac-9549ad0c6624"
-              role="group"
-              style={undefined}
-            >
-              <li
-                className="c20"
-              >
-                <div
-                  checked={false}
-                  className="c21"
-                  disabled={false}
-                  id="Z"
-                  onBlur={undefined}
-                  type="checkbox"
-                >
-                  <input
-                    checked={false}
-                    className="c22"
-                    disabled={false}
-                    id="a"
-                    onBlur={undefined}
-                    type="checkbox"
-                  />
-                  <label
-                    className="c23"
-                    htmlFor="a"
-                  />
-                </div>
-              </li>
-            </div>
-          </td>
-          <td
-            className="c33"
-            disabled={undefined}
-            name="td"
-            selected={undefined}
-          >
-            <a
-              className="c34 c35 c36"
-              to="/2252839a"
-            >
-              2252839a
-            </a>
-          </td>
-          <td
-            className="c33"
-            disabled={undefined}
-            name="td"
-            selected={undefined}
-          >
-            <span>
-              <span
-                className="c37"
-                color="green"
-                size="0.75rem"
-              />
-               
-              Running
-            </span>
-          </td>
-          <td
-            className="c38"
-            disabled={undefined}
-            name="td"
-            selected={undefined}
-          >
-            almost NaN years
-          </td>
-          <td
-            className="c39"
-            disabled={undefined}
-            name="td"
-            selected={undefined}
-          >
-            <code>
-              2252839
-            </code>
-          </td>
-          <td
-            className="c29 c40"
-            disabled={undefined}
-            name="td"
-            selected={undefined}
-          >
-            <div
-              box={true}
-              className="c41"
-              onClick={[Function]}
-              onMouseEnter={undefined}
-              onMouseLeave={undefined}
-              tag="div"
-            >
-              <svg
-                className=""
-                height="16"
-                innerRef={undefined}
-                style={
-                  Object {
-                    "transform": "rotate(0deg)",
-                  }
-                }
-                viewBox="0 0 4 16"
-                width="4"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M2,16a2,2,0,1,0-2-2A2,2,0,0,0,2,16Zm0-6A2,2,0,1,0,0,8,2,2,0,0,0,2,10ZM2,4A2,2,0,1,0,0,2,2,2,0,0,0,2,4Z"
-                  fill="rgba(73, 73, 73, 1)"
-                />
-              </svg>
-            </div>
-          </td>
-        </tr>
-        <tr
-          className="c32"
-          disabled={undefined}
-          name="tr"
-          selected={undefined}
-        >
-          <td
-            className="c17 c33"
-            disabled={undefined}
-            name="td"
-            selected={undefined}
-          >
-            <div
-              className="c19 baseline-jVaZNU c19 c4"
-              name="f1bd1730-e8a6-4956-e738-d8e85cc6aa04"
-              role="group"
-              style={undefined}
-            >
-              <li
-                className="c20"
-              >
-                <div
-                  checked={false}
-                  className="c21"
-                  disabled={false}
-                  id="bb"
-                  onBlur={undefined}
-                  type="checkbox"
-                >
-                  <input
-                    checked={false}
-                    className="c22"
-                    disabled={false}
-                    id="bc"
-                    onBlur={undefined}
-                    type="checkbox"
-                  />
-                  <label
-                    className="c23"
-                    htmlFor="bc"
-                  />
-                </div>
-              </li>
-            </div>
-          </td>
-          <td
-            className="c33"
-            disabled={undefined}
-            name="td"
-            selected={undefined}
-          >
-            <a
-              className="c34 c35 c36"
-              to="/f1bd1730"
-            >
-              f1bd1730
-            </a>
-          </td>
-          <td
-            className="c33"
-            disabled={undefined}
-            name="td"
-            selected={undefined}
-          >
-            <span>
-              <span
-                className="c37"
-                color="green"
-                size="0.75rem"
-              />
-               
-              Running
-            </span>
-          </td>
-          <td
-            className="c38"
-            disabled={undefined}
-            name="td"
-            selected={undefined}
-          >
-            almost NaN years
-          </td>
-          <td
-            className="c39"
-            disabled={undefined}
-            name="td"
-            selected={undefined}
-          >
-            <code>
-              f1bd173
-            </code>
-          </td>
-          <td
-            className="c29 c40"
-            disabled={undefined}
-            name="td"
-            selected={undefined}
-          >
-            <div
-              box={true}
-              className="c41"
-              onClick={[Function]}
-              onMouseEnter={undefined}
-              onMouseLeave={undefined}
-              tag="div"
-            >
-              <svg
-                className=""
-                height="16"
-                innerRef={undefined}
-                style={
-                  Object {
-                    "transform": "rotate(0deg)",
-                  }
-                }
-                viewBox="0 0 4 16"
-                width="4"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M2,16a2,2,0,1,0-2-2A2,2,0,0,0,2,16Zm0-6A2,2,0,1,0,0,8,2,2,0,0,0,2,10ZM2,4A2,2,0,1,0,0,2,2,2,0,0,0,2,4Z"
-                  fill="rgba(73, 73, 73, 1)"
-                />
-              </svg>
-            </div>
-          </td>
-        </tr>
-      </tbody>
-    </table>
-  </form>
-  <div
-    className="c42"
-  >
-    <div
-      className="c43"
-    >
-      <div
-        className="c44"
-      >
-        <div
-          className="c45"
-        >
-          <span
-            name="react-responsive-mock"
-            query="only screen and (max-width: 47.9375rem)"
-          >
-            <button
-              className="c46 c11 c12"
-              disabled={true}
-              href=""
-              icon={true}
-              onClick={[Function]}
-              type="button"
-            >
-              <svg
-                className=""
-                height="14"
-                innerRef={undefined}
-                style={
-                  Object {
-                    "transform": "rotate(0deg)",
-                  }
-                }
-                viewBox="0 0 13.36 14"
-                width="13.36"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M2.53,1.68a.81.81,0,0,1,.39.1l8.31,4.48a.84.84,0,0,1,0,1.48L2.92,12.22a.81.81,0,0,1-.39.1.85.85,0,0,1-.85-.85V2.53a.85.85,0,0,1,.85-.85M2.53,0A2.53,2.53,0,0,0,0,2.53v8.94A2.53,2.53,0,0,0,3.72,13.7L12,9.22a2.52,2.52,0,0,0,0-4.44L3.72.3A2.5,2.5,0,0,0,2.53,0Z"
-                  fill="rgb(216, 216, 216)"
-                />
-              </svg>
-            </button>
-          </span>
-          <span
-            name="react-responsive-mock"
-            query="only screen and (min-width: 48rem)"
-          >
-            <button
-              className="c47 c11 c12"
-              disabled={true}
-              href=""
-              icon={true}
-              onClick={[Function]}
-              type="button"
-            >
-              <svg
-                className=""
-                height="14"
-                innerRef={undefined}
-                style={
-                  Object {
-                    "transform": "rotate(0deg)",
-                  }
-                }
-                viewBox="0 0 13.36 14"
-                width="13.36"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M2.53,1.68a.81.81,0,0,1,.39.1l8.31,4.48a.84.84,0,0,1,0,1.48L2.92,12.22a.81.81,0,0,1-.39.1.85.85,0,0,1-.85-.85V2.53a.85.85,0,0,1,.85-.85M2.53,0A2.53,2.53,0,0,0,0,2.53v8.94A2.53,2.53,0,0,0,3.72,13.7L12,9.22a2.52,2.52,0,0,0,0-4.44L3.72.3A2.5,2.5,0,0,0,2.53,0Z"
-                  fill="rgb(216, 216, 216)"
-                />
-              </svg>
-              <span>
-                Start
-              </span>
-            </button>
-          </span>
-          <span
-            name="react-responsive-mock"
-            query="only screen and (max-width: 47.9375rem)"
-          >
-            <button
-              className="c46 c11 c12"
-              disabled={true}
-              href=""
-              icon={true}
-              onClick={[Function]}
-              type="button"
-            >
-              <svg
-                className=""
-                height="14"
-                innerRef={undefined}
-                style={
-                  Object {
-                    "transform": "rotate(0deg)",
-                  }
-                }
-                viewBox="0 0 14 14"
-                width="14"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M10.75,1.75a1.5,1.5,0,0,1,1.5,1.5v7.5a1.5,1.5,0,0,1-1.5,1.5H3.25a1.5,1.5,0,0,1-1.5-1.5V3.25a1.5,1.5,0,0,1,1.5-1.5h7.5m0-1.75H3.25A3.26,3.26,0,0,0,0,3.25v7.5A3.26,3.26,0,0,0,3.25,14h7.5A3.26,3.26,0,0,0,14,10.75V3.25A3.26,3.26,0,0,0,10.75,0Z"
-                  fill="rgb(216, 216, 216)"
-                />
-              </svg>
-            </button>
-          </span>
-          <span
-            name="react-responsive-mock"
-            query="only screen and (min-width: 48rem)"
-          >
-            <button
-              className="c47 c11 c12"
-              disabled={true}
-              href=""
-              icon={true}
-              onClick={[Function]}
-              type="button"
-            >
-              <svg
-                className=""
-                height="14"
-                innerRef={undefined}
-                style={
-                  Object {
-                    "transform": "rotate(0deg)",
-                  }
-                }
-                viewBox="0 0 14 14"
-                width="14"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M10.75,1.75a1.5,1.5,0,0,1,1.5,1.5v7.5a1.5,1.5,0,0,1-1.5,1.5H3.25a1.5,1.5,0,0,1-1.5-1.5V3.25a1.5,1.5,0,0,1,1.5-1.5h7.5m0-1.75H3.25A3.26,3.26,0,0,0,0,3.25v7.5A3.26,3.26,0,0,0,3.25,14h7.5A3.26,3.26,0,0,0,14,10.75V3.25A3.26,3.26,0,0,0,10.75,0Z"
-                  fill="rgb(216, 216, 216)"
-                />
-              </svg>
-              <span>
-                Stop
-              </span>
-            </button>
-          </span>
-          <span
-            name="react-responsive-mock"
-            query="only screen and (max-width: 47.9375rem)"
-          >
-            <button
-              className="c46 c11 c12"
-              disabled={true}
-              href=""
-              icon={true}
-              onClick={[Function]}
-              type="button"
-            >
-              <svg
-                className=""
-                height="21"
-                innerRef={undefined}
-                style={
-                  Object {
-                    "transform": "rotate(0deg)",
-                  }
-                }
-                version="1.1"
-                viewBox="0 0 20 21"
-                width="20"
-                xmlns="http://www.w3.org/2000/svg"
-                xmlnsXlink="http://www.w3.org/1999/xlink"
-              >
-                <g
-                  transform="translate(17997 -18577)"
-                >
-                  <g>
-                    <use
-                      fill="rgb(216, 216, 216)"
-                      transform="matrix(0.866025 0.5 -0.5 0.866025 -17988.7 18577.9)"
-                      xlinkHref="#f"
-                    />
-                  </g>
-                </g>
-                <defs>
-                  <path
-                    d="M 5.39661 3.57718L 5.3977 5.34469L 10.0255 2.67281L 5.39715 0L 5.39832 2.00201C 2.33086 2.5484 0.00065755 5.23112 0 8.45654C 0.000380483 12.0783 2.93556 15.0137 6.55562 15.0143C 10.1774 15.014 13.1128 12.0788 13.1124 8.45702L 11.5697 8.45687C 11.5697 11.2264 9.32527 13.4717 6.55578 13.4716C 3.78629 13.4716 1.54268 11.2262 1.5427 8.45669C 1.54135 6.08718 3.18616 4.10012 5.39661 3.57718Z"
-                    fillRule="evenodd"
-                    id="f"
-                  />
-                </defs>
-              </svg>
-            </button>
-          </span>
-          <span
-            name="react-responsive-mock"
-            query="only screen and (min-width: 48rem)"
-          >
-            <button
-              className="c47 c11 c12"
-              disabled={true}
-              href=""
-              icon={true}
-              onClick={[Function]}
-              type="button"
-            >
-              <svg
-                className=""
-                height="21"
-                innerRef={undefined}
-                style={
-                  Object {
-                    "transform": "rotate(0deg)",
-                  }
-                }
-                version="1.1"
-                viewBox="0 0 20 21"
-                width="20"
-                xmlns="http://www.w3.org/2000/svg"
-                xmlnsXlink="http://www.w3.org/1999/xlink"
-              >
-                <g
-                  transform="translate(17997 -18577)"
-                >
-                  <g>
-                    <use
-                      fill="rgb(216, 216, 216)"
-                      transform="matrix(0.866025 0.5 -0.5 0.866025 -17988.7 18577.9)"
-                      xlinkHref="#f"
-                    />
-                  </g>
-                </g>
-                <defs>
-                  <path
-                    d="M 5.39661 3.57718L 5.3977 5.34469L 10.0255 2.67281L 5.39715 0L 5.39832 2.00201C 2.33086 2.5484 0.00065755 5.23112 0 8.45654C 0.000380483 12.0783 2.93556 15.0137 6.55562 15.0143C 10.1774 15.014 13.1128 12.0788 13.1124 8.45702L 11.5697 8.45687C 11.5697 11.2264 9.32527 13.4717 6.55578 13.4716C 3.78629 13.4716 1.54268 11.2262 1.5427 8.45669C 1.54135 6.08718 3.18616 4.10012 5.39661 3.57718Z"
-                    fillRule="evenodd"
-                    id="f"
-                  />
-                </defs>
-              </svg>
-              <span>
-                Reboot
-              </span>
-            </button>
-          </span>
-        </div>
-        <div
-          className="c48"
-        >
-          <span
-            name="react-responsive-mock"
-            query="only screen and (max-width: 47.9375rem)"
-          >
-            <button
-              className="c49 c11 c12"
-              disabled={true}
-              href=""
-              icon={true}
-              onClick={[Function]}
-              type="button"
-            >
-              <svg
-                className=""
-                height="16"
-                innerRef={undefined}
-                style={
-                  Object {
-                    "transform": "rotate(0deg)",
-                  }
-                }
-                viewBox="0 0 12 16"
-                width="12"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
-                  fill="rgba(73, 73, 73, 1)"
-                />
-              </svg>
-            </button>
-          </span>
-          <span
-            name="react-responsive-mock"
-            query="only screen and (min-width: 48rem)"
-          >
-            <button
-              className="c50 c11 c12"
-              disabled={true}
-              href=""
-              icon={true}
-              onClick={[Function]}
-              type="button"
-            >
-              <svg
-                className=""
-                height="16"
-                innerRef={undefined}
-                style={
-                  Object {
-                    "transform": "rotate(0deg)",
-                  }
-                }
-                viewBox="0 0 12 16"
-                width="12"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
-                  fill="rgb(216, 216, 216)"
-                />
-              </svg>
-              <span>
-                Remove
-              </span>
-            </button>
-          </span>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`renders <List instances selected=all allowedActions /> without throwing 1`] = `
-.c6 {
-  margin-top: 0.1875rem;
-}
-
-.c36 {
-  background-color: transparent;
-  -webkit-text-decoration-skip: objects;
-  text-decoration-skip: objects;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-}
-
-.c12 {
-  font-family: sans-serif;
-  font-size: 100%;
-  line-height: 1.15;
-  margin: 0;
-  overflow: visible;
-  text-transform: none;
-  -webkit-appearance: button;
-  -moz-appearance: button;
-  appearance: button;
-  min-width: 7.5rem;
-}
-
-.c12::-moz-focus-inner,
-.c12[type='button']::-moz-focus-inner,
-.c12[type='reset']::-moz-focus-inner,
-.c12[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c12:-moz-focusring,
-.c12[type='button']:-moz-focusring,
-.c12[type='reset']:-moz-focusring,
-.c12[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c12 + button,
-.c12 + a {
-  margin-left: 0.375rem;
-}
-
-.c22 {
-  font-family: sans-serif;
-  font-size: 100%;
-  line-height: 1.15;
-  margin: 0;
-  overflow: visible;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  display: none;
-}
-
-.c22[type='checkbox'],
-.c22[type='radio'] {
-  box-sizing: border-box;
-  padding: 0;
-}
-
-.c22[type='number']::-webkit-inner-spin-button,
-.c22[type='number']::-webkit-outer-spin-button {
-  height: auto;
-}
-
-.c22[type='search'] {
-  -webkit-appearance: textfield;
-  -moz-appearance: textfield;
-  appearance: textfield;
-  outline-offset: -0.125rem;
-}
-
-.c22[type='search']::-webkit-search-cancel-button,
-.c22[type='search']::-webkit-search-decoration {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-}
-
-.c22::-webkit-file-upload-button {
-  -webkit-appearance: button;
-  -moz-appearance: button;
-  appearance: button;
-  font: inherit;
-}
-
-.c22:checked + label::after {
-  opacity: 1;
-}
-
-.c22:selected + label::after {
-  opacity: 1;
-}
-
-.c22:checked + label {
-  border-color: rgb(59,70,204);
-}
-
-.c22:selected + label {
-  border-color: rgb(59,70,204);
-}
-
-.c22:disabled + label {
-  background-color: rgb(249,249,249);
-  cursor: not-allowed;
-}
-
-.c35 {
-  color: rgb(59,70,204);
-  -webkit-text-fill-color: currentcolor;
-}
-
-.c35:hover {
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.c17 {
-  padding: 0rem;
-  padding-left: 0.75rem;
-}
-
-.c19 {
-  padding-top: 0.25rem;
-}
-
-.c25 {
-  margin-bottom: 0.125rem;
-  margin-left: 0.5625rem;
-}
-
-.c29 {
-  padding: 0rem;
-}
-
-.c11 {
-  display: inline-block;
-}
-
-.c11 + button,
-.c11 + a {
-  margin-left: 0.375rem;
-}
-
-.c10 {
-  box-sizing: border-box;
-  display: inline-block;
-  -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;
-  min-height: 3rem;
-  height: 3rem;
-  min-width: 7.5rem;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-size: 0.9375rem;
-  text-align: center;
-  font-style: normal;
-  font-stretch: normal;
-  line-height: normal;
-  -webkit-letter-spacing: normal;
-  -moz-letter-spacing: normal;
-  -ms-letter-spacing: normal;
-  letter-spacing: normal;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-  background-image: none;
-  background-color: rgb(59,70,204);
-  border-radius: 0.25rem;
-  border: solid 0.0625rem rgb(45,56,132);
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  width: 100%;
-  max-width: 100%;
-}
-
-.c10:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c10:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c10:active,
-.c10:active:hover,
-.c10:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c10[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c10 svg + span {
-  margin-left: 0.75rem;
-}
-
-.c10 svg {
-  max-height: 1.125rem;
-}
-
 .c48 {
   box-sizing: border-box;
   display: inline-block;
@@ -9483,217 +4765,6 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
   max-height: 1.125rem;
 }
 
-.c46 {
-  box-sizing: border-box;
-  display: inline-block;
-  -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;
-  min-height: 3rem;
-  height: 3rem;
-  min-width: 7.5rem;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-size: 0.9375rem;
-  text-align: center;
-  font-style: normal;
-  font-stretch: normal;
-  line-height: normal;
-  -webkit-letter-spacing: normal;
-  -moz-letter-spacing: normal;
-  -ms-letter-spacing: normal;
-  letter-spacing: normal;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-  background-image: none;
-  background-color: rgb(59,70,204);
-  border-radius: 0.25rem;
-  border: solid 0.0625rem rgb(45,56,132);
-  color: rgb(70,70,70);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-  padding: 0.5625rem 1.125rem;
-  font-size: 0.8125rem;
-  min-width: 0rem;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c46:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c46:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c46:active,
-.c46:active:hover,
-.c46:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c46[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c46:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c46:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c46:active,
-.c46:active:hover,
-.c46:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c46 svg + span {
-  margin-left: 0.75rem;
-}
-
-.c46 svg {
-  max-height: 1.125rem;
-}
-
-.c47 {
-  box-sizing: border-box;
-  display: inline-block;
-  -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;
-  min-height: 3rem;
-  height: 3rem;
-  min-width: 7.5rem;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-size: 0.9375rem;
-  text-align: center;
-  font-style: normal;
-  font-stretch: normal;
-  line-height: normal;
-  -webkit-letter-spacing: normal;
-  -moz-letter-spacing: normal;
-  -ms-letter-spacing: normal;
-  letter-spacing: normal;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-  background-image: none;
-  background-color: rgb(59,70,204);
-  border-radius: 0.25rem;
-  border: solid 0.0625rem rgb(45,56,132);
-  color: rgb(70,70,70);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c47:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c47:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c47:active,
-.c47:active:hover,
-.c47:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c47[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c47:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c47:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c47:active,
-.c47:active:hover,
-.c47:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c47 svg + span {
-  margin-left: 0.75rem;
-}
-
-.c47 svg {
-  max-height: 1.125rem;
-}
-
 .c5 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
@@ -9717,7 +4788,7 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
   padding-bottom: 1.125rem;
 }
 
-.c43 {
+.c45 {
   margin-right: auto;
   margin-left: auto;
   box-sizing: border-box;
@@ -9758,7 +4829,7 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
   margin-left: -0.625rem;
 }
 
-.c44 {
+.c46 {
   box-sizing: border-box;
   display: -webkit-box;
   display: -webkit-flex;
@@ -9777,7 +4848,7 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
   margin-left: -0.625rem;
 }
 
-.c45 {
+.c47 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -9818,7 +4889,7 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
   height: 1.25rem;
 }
 
-.c42 {
+.c44 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -9874,6 +4945,34 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
   justify-content: space-between;
 }
 
+.c43 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-flex-wrap: nowrap;
+  -ms-flex-wrap: nowrap;
+  flex-wrap: nowrap;
+  -webkit-box-pack: start;
+  -webkit-justify-content: flex-start;
+  -ms-flex-pack: start;
+  justify-content: flex-start;
+  -webkit-align-content: stretch;
+  -ms-flex-line-pack: stretch;
+  align-content: stretch;
+  -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;
+}
+
 .c37 {
   width: 0.75rem;
   height: 0.75rem;
@@ -10394,6 +5493,12 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
   font-weight: 600;
 }
 
+.c42 {
+  width: 3rem;
+  height: 3rem;
+  min-width: 3rem;
+}
+
 @media only screen and (min-width:48em) {
   .c0 {
     width: 46rem;
@@ -10420,32 +5525,32 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
 }
 
 @media only screen and (min-width:48em) {
-  .c43 {
+  .c45 {
     width: 46rem;
   }
 }
 
 @media only screen and (min-width:64em) {
-  .c43 {
+  .c45 {
     width: 56rem;
   }
 }
 
 @media only screen and (min-width:75em) {
-  .c43 {
+  .c45 {
     width: 59rem;
   }
 }
 
 @media only screen and (max-width:47.9375rem) {
-  .c43 {
+  .c45 {
     padding-left: 0.375rem;
     padding-right: 0.375rem;
   }
 }
 
 @media only screen and (min-width:0em) {
-  .c44 {
+  .c46 {
     -webkit-align-items: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
@@ -10454,7 +5559,7 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
 }
 
 @media only screen and (min-width:0em) {
-  .c44 {
+  .c46 {
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
@@ -10463,7 +5568,7 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
 }
 
 @media only screen and (min-width:0em) {
-  .c45 {
+  .c47 {
     -webkit-flex-basis: 58.333333333333336%;
     -ms-flex-preferred-size: 58.333333333333336%;
     flex-basis: 58.333333333333336%;
@@ -10508,6 +5613,5059 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
   }
 }
 
+<div
+  className="c0"
+>
+  <div
+    className="c1 c2"
+    height="1.875rem"
+  />
+  <form
+    onSubmit={undefined}
+  >
+    <div
+      className="c3"
+    >
+      <div
+        className="baseline-jVaZNU kXgQxt c4"
+        name="filter"
+        role="group"
+        style={undefined}
+      >
+        <label
+          className="c5"
+          htmlFor="J"
+        >
+          Filter instances
+        </label>
+        <div
+          className="c6"
+        >
+          <input
+            className="c7"
+            disabled={false}
+            id="J"
+            onBlur={undefined}
+            placeholder=""
+          />
+        </div>
+      </div>
+      <div
+        className="baseline-jVaZNU kXgQxt c8"
+        role="group"
+        style={undefined}
+      >
+        <div
+          className="c9 c2"
+          height="1.3125rem"
+        />
+        <button
+          className="c10 c11 c12"
+          disabled={false}
+          href=""
+          icon={true}
+          onClick={[Function]}
+          type="button"
+        >
+          Create Instance
+        </button>
+      </div>
+    </div>
+    <div
+      className="c13 c2"
+      height="1.25rem"
+    />
+  </form>
+  <form>
+    <table
+      className="c14"
+    >
+      <thead
+        className="c15"
+        disabled={undefined}
+        name="thdead"
+        selected={undefined}
+      >
+        <tr
+          className="c16"
+          disabled={undefined}
+          name="tr"
+          selected={undefined}
+        >
+          <th
+            className="c17 c18"
+            disabled={undefined}
+            name="th"
+            selected={undefined}
+          >
+            <div
+              className="c19 baseline-jVaZNU c19 c4"
+              role="group"
+              style={undefined}
+            >
+              <li
+                className="c20"
+              >
+                <div
+                  checked={false}
+                  className="c21"
+                  disabled={false}
+                  id="N"
+                  onBlur={undefined}
+                  onChange={[Function]}
+                  type="checkbox"
+                >
+                  <input
+                    checked={false}
+                    className="c22"
+                    disabled={false}
+                    id="O"
+                    onBlur={undefined}
+                    onChange={[Function]}
+                    type="checkbox"
+                  />
+                  <label
+                    className="c23"
+                    htmlFor="O"
+                  />
+                </div>
+              </li>
+            </div>
+          </th>
+          <th
+            className="c24"
+            disabled={undefined}
+            name="th"
+            onClick={[Function]}
+            selected={undefined}
+          >
+            <span>
+              Name 
+            </span>
+            <svg
+              className="c25"
+              height="6"
+              innerRef={undefined}
+              marginBottom="0.125rem"
+              marginLeft="0.5625rem"
+              style={
+                Object {
+                  "transform": "rotate(180deg)",
+                }
+              }
+              viewBox="0 0 9.6 6"
+              width="9.6"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
+                fill="rgba(73, 73, 73, 1)"
+              />
+            </svg>
+          </th>
+          <th
+            className="c26"
+            disabled={undefined}
+            name="th"
+            onClick={[Function]}
+            selected={undefined}
+          >
+            <span>
+              Status 
+            </span>
+          </th>
+          <th
+            className="c27"
+            disabled={undefined}
+            name="th"
+            onClick={[Function]}
+            selected={undefined}
+          >
+            <span>
+              Created 
+            </span>
+          </th>
+          <th
+            className="c28"
+            disabled={undefined}
+            name="th"
+            onClick={[Function]}
+            selected={undefined}
+          >
+            <span>
+              Short ID 
+            </span>
+          </th>
+          <th
+            className="c29 c30"
+            disabled={undefined}
+            name="th"
+            selected={undefined}
+          />
+        </tr>
+      </thead>
+      <tbody
+        className="c31"
+        disabled={undefined}
+        name="tbody"
+        selected={undefined}
+      >
+        <tr
+          className="c32"
+          disabled={undefined}
+          name="tr"
+          selected={undefined}
+        >
+          <td
+            className="c17 c33"
+            disabled={undefined}
+            name="td"
+            selected={undefined}
+          >
+            <div
+              className="c19 baseline-jVaZNU c19 c4"
+              name="2252839a-e698-ceec-afac-9549ad0c6624"
+              role="group"
+              style={undefined}
+            >
+              <li
+                className="c20"
+              >
+                <div
+                  checked={false}
+                  className="c21"
+                  disabled={false}
+                  id="P"
+                  onBlur={undefined}
+                  type="checkbox"
+                >
+                  <input
+                    checked={false}
+                    className="c22"
+                    disabled={false}
+                    id="Q"
+                    onBlur={undefined}
+                    type="checkbox"
+                  />
+                  <label
+                    className="c23"
+                    htmlFor="Q"
+                  />
+                </div>
+              </li>
+            </div>
+          </td>
+          <td
+            className="c33"
+            disabled={undefined}
+            name="td"
+            selected={undefined}
+          >
+            <a
+              className="c34 c35 c36"
+              to="/2252839a"
+            >
+              2252839a
+            </a>
+          </td>
+          <td
+            className="c33"
+            disabled={undefined}
+            name="td"
+            selected={undefined}
+          >
+            <span>
+              <span
+                className="c37"
+                color="green"
+                size="0.75rem"
+              />
+               
+              Running
+            </span>
+          </td>
+          <td
+            className="c38"
+            disabled={undefined}
+            name="td"
+            selected={undefined}
+          >
+            almost NaN years
+          </td>
+          <td
+            className="c39"
+            disabled={undefined}
+            name="td"
+            selected={undefined}
+          >
+            <code>
+              2252839
+            </code>
+          </td>
+          <td
+            className="c29 c40"
+            disabled={undefined}
+            name="td"
+            selected={undefined}
+          >
+            <div
+              box={true}
+              className="c41"
+              onClick={[Function]}
+              onMouseEnter={undefined}
+              onMouseLeave={undefined}
+              tag="div"
+            >
+              <div
+                className="c42 c43"
+              >
+                <svg
+                  className=""
+                  height="16"
+                  innerRef={undefined}
+                  style={
+                    Object {
+                      "transform": "rotate(0deg)",
+                    }
+                  }
+                  viewBox="0 0 4 16"
+                  width="4"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M2,16a2,2,0,1,0-2-2A2,2,0,0,0,2,16Zm0-6A2,2,0,1,0,0,8,2,2,0,0,0,2,10ZM2,4A2,2,0,1,0,0,2,2,2,0,0,0,2,4Z"
+                    fill="rgba(73, 73, 73, 1)"
+                  />
+                </svg>
+              </div>
+            </div>
+          </td>
+        </tr>
+        <tr
+          className="c32"
+          disabled={undefined}
+          name="tr"
+          selected={undefined}
+        >
+          <td
+            className="c17 c33"
+            disabled={undefined}
+            name="td"
+            selected={undefined}
+          >
+            <div
+              className="c19 baseline-jVaZNU c19 c4"
+              name="f1bd1730-e8a6-4956-e738-d8e85cc6aa04"
+              role="group"
+              style={undefined}
+            >
+              <li
+                className="c20"
+              >
+                <div
+                  checked={false}
+                  className="c21"
+                  disabled={false}
+                  id="R"
+                  onBlur={undefined}
+                  type="checkbox"
+                >
+                  <input
+                    checked={false}
+                    className="c22"
+                    disabled={false}
+                    id="S"
+                    onBlur={undefined}
+                    type="checkbox"
+                  />
+                  <label
+                    className="c23"
+                    htmlFor="S"
+                  />
+                </div>
+              </li>
+            </div>
+          </td>
+          <td
+            className="c33"
+            disabled={undefined}
+            name="td"
+            selected={undefined}
+          >
+            <a
+              className="c34 c35 c36"
+              to="/f1bd1730"
+            >
+              f1bd1730
+            </a>
+          </td>
+          <td
+            className="c33"
+            disabled={undefined}
+            name="td"
+            selected={undefined}
+          >
+            <span>
+              <span
+                className="c37"
+                color="green"
+                size="0.75rem"
+              />
+               
+              Running
+            </span>
+          </td>
+          <td
+            className="c38"
+            disabled={undefined}
+            name="td"
+            selected={undefined}
+          >
+            almost NaN years
+          </td>
+          <td
+            className="c39"
+            disabled={undefined}
+            name="td"
+            selected={undefined}
+          >
+            <code>
+              f1bd173
+            </code>
+          </td>
+          <td
+            className="c29 c40"
+            disabled={undefined}
+            name="td"
+            selected={undefined}
+          >
+            <div
+              box={true}
+              className="c41"
+              onClick={[Function]}
+              onMouseEnter={undefined}
+              onMouseLeave={undefined}
+              tag="div"
+            >
+              <div
+                className="c42 c43"
+              >
+                <svg
+                  className=""
+                  height="16"
+                  innerRef={undefined}
+                  style={
+                    Object {
+                      "transform": "rotate(0deg)",
+                    }
+                  }
+                  viewBox="0 0 4 16"
+                  width="4"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M2,16a2,2,0,1,0-2-2A2,2,0,0,0,2,16Zm0-6A2,2,0,1,0,0,8,2,2,0,0,0,2,10ZM2,4A2,2,0,1,0,0,2,2,2,0,0,0,2,4Z"
+                    fill="rgba(73, 73, 73, 1)"
+                  />
+                </svg>
+              </div>
+            </div>
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </form>
+  <div
+    className="c44"
+  >
+    <div
+      className="c45"
+    >
+      <div
+        className="c46"
+      >
+        <div
+          className="c47"
+        >
+          <span
+            name="react-responsive-mock"
+            query="only screen and (max-width: 47.9375rem)"
+          >
+            <button
+              className="c48 c11 c12"
+              disabled={true}
+              href=""
+              icon={true}
+              onClick={[Function]}
+              type="button"
+            >
+              <svg
+                className=""
+                height="14"
+                innerRef={undefined}
+                style={
+                  Object {
+                    "transform": "rotate(0deg)",
+                  }
+                }
+                viewBox="0 0 13.36 14"
+                width="13.36"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M2.53,1.68a.81.81,0,0,1,.39.1l8.31,4.48a.84.84,0,0,1,0,1.48L2.92,12.22a.81.81,0,0,1-.39.1.85.85,0,0,1-.85-.85V2.53a.85.85,0,0,1,.85-.85M2.53,0A2.53,2.53,0,0,0,0,2.53v8.94A2.53,2.53,0,0,0,3.72,13.7L12,9.22a2.52,2.52,0,0,0,0-4.44L3.72.3A2.5,2.5,0,0,0,2.53,0Z"
+                  fill="rgb(216, 216, 216)"
+                />
+              </svg>
+            </button>
+          </span>
+          <span
+            name="react-responsive-mock"
+            query="only screen and (min-width: 48rem)"
+          >
+            <button
+              className="c49 c11 c12"
+              disabled={true}
+              href=""
+              icon={true}
+              onClick={[Function]}
+              type="button"
+            >
+              <svg
+                className=""
+                height="14"
+                innerRef={undefined}
+                style={
+                  Object {
+                    "transform": "rotate(0deg)",
+                  }
+                }
+                viewBox="0 0 13.36 14"
+                width="13.36"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M2.53,1.68a.81.81,0,0,1,.39.1l8.31,4.48a.84.84,0,0,1,0,1.48L2.92,12.22a.81.81,0,0,1-.39.1.85.85,0,0,1-.85-.85V2.53a.85.85,0,0,1,.85-.85M2.53,0A2.53,2.53,0,0,0,0,2.53v8.94A2.53,2.53,0,0,0,3.72,13.7L12,9.22a2.52,2.52,0,0,0,0-4.44L3.72.3A2.5,2.5,0,0,0,2.53,0Z"
+                  fill="rgb(216, 216, 216)"
+                />
+              </svg>
+              <span>
+                Start
+              </span>
+            </button>
+          </span>
+          <span
+            name="react-responsive-mock"
+            query="only screen and (max-width: 47.9375rem)"
+          >
+            <button
+              className="c48 c11 c12"
+              disabled={true}
+              href=""
+              icon={true}
+              onClick={[Function]}
+              type="button"
+            >
+              <svg
+                className=""
+                height="14"
+                innerRef={undefined}
+                style={
+                  Object {
+                    "transform": "rotate(0deg)",
+                  }
+                }
+                viewBox="0 0 14 14"
+                width="14"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M10.75,1.75a1.5,1.5,0,0,1,1.5,1.5v7.5a1.5,1.5,0,0,1-1.5,1.5H3.25a1.5,1.5,0,0,1-1.5-1.5V3.25a1.5,1.5,0,0,1,1.5-1.5h7.5m0-1.75H3.25A3.26,3.26,0,0,0,0,3.25v7.5A3.26,3.26,0,0,0,3.25,14h7.5A3.26,3.26,0,0,0,14,10.75V3.25A3.26,3.26,0,0,0,10.75,0Z"
+                  fill="rgb(216, 216, 216)"
+                />
+              </svg>
+            </button>
+          </span>
+          <span
+            name="react-responsive-mock"
+            query="only screen and (min-width: 48rem)"
+          >
+            <button
+              className="c49 c11 c12"
+              disabled={true}
+              href=""
+              icon={true}
+              onClick={[Function]}
+              type="button"
+            >
+              <svg
+                className=""
+                height="14"
+                innerRef={undefined}
+                style={
+                  Object {
+                    "transform": "rotate(0deg)",
+                  }
+                }
+                viewBox="0 0 14 14"
+                width="14"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M10.75,1.75a1.5,1.5,0,0,1,1.5,1.5v7.5a1.5,1.5,0,0,1-1.5,1.5H3.25a1.5,1.5,0,0,1-1.5-1.5V3.25a1.5,1.5,0,0,1,1.5-1.5h7.5m0-1.75H3.25A3.26,3.26,0,0,0,0,3.25v7.5A3.26,3.26,0,0,0,3.25,14h7.5A3.26,3.26,0,0,0,14,10.75V3.25A3.26,3.26,0,0,0,10.75,0Z"
+                  fill="rgb(216, 216, 216)"
+                />
+              </svg>
+              <span>
+                Stop
+              </span>
+            </button>
+          </span>
+          <span
+            name="react-responsive-mock"
+            query="only screen and (max-width: 47.9375rem)"
+          >
+            <button
+              className="c48 c11 c12"
+              disabled={true}
+              href=""
+              icon={true}
+              onClick={[Function]}
+              type="button"
+            >
+              <svg
+                className=""
+                height="21"
+                innerRef={undefined}
+                style={
+                  Object {
+                    "transform": "rotate(0deg)",
+                  }
+                }
+                version="1.1"
+                viewBox="0 0 20 21"
+                width="20"
+                xmlns="http://www.w3.org/2000/svg"
+                xmlnsXlink="http://www.w3.org/1999/xlink"
+              >
+                <g
+                  transform="translate(17997 -18577)"
+                >
+                  <g>
+                    <use
+                      fill="rgb(216, 216, 216)"
+                      transform="matrix(0.866025 0.5 -0.5 0.866025 -17988.7 18577.9)"
+                      xlinkHref="#f"
+                    />
+                  </g>
+                </g>
+                <defs>
+                  <path
+                    d="M 5.39661 3.57718L 5.3977 5.34469L 10.0255 2.67281L 5.39715 0L 5.39832 2.00201C 2.33086 2.5484 0.00065755 5.23112 0 8.45654C 0.000380483 12.0783 2.93556 15.0137 6.55562 15.0143C 10.1774 15.014 13.1128 12.0788 13.1124 8.45702L 11.5697 8.45687C 11.5697 11.2264 9.32527 13.4717 6.55578 13.4716C 3.78629 13.4716 1.54268 11.2262 1.5427 8.45669C 1.54135 6.08718 3.18616 4.10012 5.39661 3.57718Z"
+                    fillRule="evenodd"
+                    id="f"
+                  />
+                </defs>
+              </svg>
+            </button>
+          </span>
+          <span
+            name="react-responsive-mock"
+            query="only screen and (min-width: 48rem)"
+          >
+            <button
+              className="c49 c11 c12"
+              disabled={true}
+              href=""
+              icon={true}
+              onClick={[Function]}
+              type="button"
+            >
+              <svg
+                className=""
+                height="21"
+                innerRef={undefined}
+                style={
+                  Object {
+                    "transform": "rotate(0deg)",
+                  }
+                }
+                version="1.1"
+                viewBox="0 0 20 21"
+                width="20"
+                xmlns="http://www.w3.org/2000/svg"
+                xmlnsXlink="http://www.w3.org/1999/xlink"
+              >
+                <g
+                  transform="translate(17997 -18577)"
+                >
+                  <g>
+                    <use
+                      fill="rgb(216, 216, 216)"
+                      transform="matrix(0.866025 0.5 -0.5 0.866025 -17988.7 18577.9)"
+                      xlinkHref="#f"
+                    />
+                  </g>
+                </g>
+                <defs>
+                  <path
+                    d="M 5.39661 3.57718L 5.3977 5.34469L 10.0255 2.67281L 5.39715 0L 5.39832 2.00201C 2.33086 2.5484 0.00065755 5.23112 0 8.45654C 0.000380483 12.0783 2.93556 15.0137 6.55562 15.0143C 10.1774 15.014 13.1128 12.0788 13.1124 8.45702L 11.5697 8.45687C 11.5697 11.2264 9.32527 13.4717 6.55578 13.4716C 3.78629 13.4716 1.54268 11.2262 1.5427 8.45669C 1.54135 6.08718 3.18616 4.10012 5.39661 3.57718Z"
+                    fillRule="evenodd"
+                    id="f"
+                  />
+                </defs>
+              </svg>
+              <span>
+                Reboot
+              </span>
+            </button>
+          </span>
+        </div>
+        <div
+          className="c50"
+        >
+          <span
+            name="react-responsive-mock"
+            query="only screen and (max-width: 47.9375rem)"
+          >
+            <button
+              className="c51 c11 c12"
+              disabled={true}
+              href=""
+              icon={true}
+              onClick={[Function]}
+              type="button"
+            >
+              <svg
+                className=""
+                height="16"
+                innerRef={undefined}
+                style={
+                  Object {
+                    "transform": "rotate(0deg)",
+                  }
+                }
+                viewBox="0 0 12 16"
+                width="12"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
+                  fill="rgba(73, 73, 73, 1)"
+                />
+              </svg>
+            </button>
+          </span>
+          <span
+            name="react-responsive-mock"
+            query="only screen and (min-width: 48rem)"
+          >
+            <button
+              className="c52 c11 c12"
+              disabled={true}
+              href=""
+              icon={true}
+              onClick={[Function]}
+              type="button"
+            >
+              <svg
+                className=""
+                height="16"
+                innerRef={undefined}
+                style={
+                  Object {
+                    "transform": "rotate(0deg)",
+                  }
+                }
+                viewBox="0 0 12 16"
+                width="12"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
+                  fill="rgb(216, 216, 216)"
+                />
+              </svg>
+              <span>
+                Remove
+              </span>
+            </button>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`renders <List instances selected=all /> without throwing 1`] = `
+.c6 {
+  margin-top: 0.1875rem;
+}
+
+.c36 {
+  background-color: transparent;
+  -webkit-text-decoration-skip: objects;
+  text-decoration-skip: objects;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+}
+
+.c12 {
+  font-family: sans-serif;
+  font-size: 100%;
+  line-height: 1.15;
+  margin: 0;
+  overflow: visible;
+  text-transform: none;
+  -webkit-appearance: button;
+  -moz-appearance: button;
+  appearance: button;
+  min-width: 7.5rem;
+}
+
+.c12::-moz-focus-inner,
+.c12[type='button']::-moz-focus-inner,
+.c12[type='reset']::-moz-focus-inner,
+.c12[type='submit']::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+.c12:-moz-focusring,
+.c12[type='button']:-moz-focusring,
+.c12[type='reset']:-moz-focusring,
+.c12[type='submit']:-moz-focusring {
+  outline: 0.0625rem dotted ButtonText;
+}
+
+.c12 + button,
+.c12 + a {
+  margin-left: 0.375rem;
+}
+
+.c22 {
+  font-family: sans-serif;
+  font-size: 100%;
+  line-height: 1.15;
+  margin: 0;
+  overflow: visible;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+  display: none;
+}
+
+.c22[type='checkbox'],
+.c22[type='radio'] {
+  box-sizing: border-box;
+  padding: 0;
+}
+
+.c22[type='number']::-webkit-inner-spin-button,
+.c22[type='number']::-webkit-outer-spin-button {
+  height: auto;
+}
+
+.c22[type='search'] {
+  -webkit-appearance: textfield;
+  -moz-appearance: textfield;
+  appearance: textfield;
+  outline-offset: -0.125rem;
+}
+
+.c22[type='search']::-webkit-search-cancel-button,
+.c22[type='search']::-webkit-search-decoration {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+}
+
+.c22::-webkit-file-upload-button {
+  -webkit-appearance: button;
+  -moz-appearance: button;
+  appearance: button;
+  font: inherit;
+}
+
+.c22:checked + label::after {
+  opacity: 1;
+}
+
+.c22:selected + label::after {
+  opacity: 1;
+}
+
+.c22:checked + label {
+  border-color: rgb(59,70,204);
+}
+
+.c22:selected + label {
+  border-color: rgb(59,70,204);
+}
+
+.c22:disabled + label {
+  background-color: rgb(249,249,249);
+  cursor: not-allowed;
+}
+
+.c35 {
+  color: rgb(59,70,204);
+  -webkit-text-fill-color: currentcolor;
+}
+
+.c35:hover {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.c17 {
+  padding: 0rem;
+  padding-left: 0.75rem;
+}
+
+.c19 {
+  padding-top: 0.25rem;
+}
+
+.c25 {
+  margin-bottom: 0.125rem;
+  margin-left: 0.5625rem;
+}
+
+.c29 {
+  padding: 0rem;
+}
+
+.c11 {
+  display: inline-block;
+}
+
+.c11 + button,
+.c11 + a {
+  margin-left: 0.375rem;
+}
+
+.c10 {
+  box-sizing: border-box;
+  display: inline-block;
+  -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;
+  min-height: 3rem;
+  height: 3rem;
+  min-width: 7.5rem;
+  padding: 0.9375rem 1.125rem;
+  position: relative;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+  font-size: 0.9375rem;
+  text-align: center;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-letter-spacing: normal;
+  -moz-letter-spacing: normal;
+  -ms-letter-spacing: normal;
+  letter-spacing: normal;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+  background-image: none;
+  background-color: rgb(59,70,204);
+  border-radius: 0.25rem;
+  border: solid 0.0625rem rgb(45,56,132);
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  width: 100%;
+  max-width: 100%;
+}
+
+.c10:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c10:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c10:active,
+.c10:active:hover,
+.c10:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c10[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c10 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c10 svg {
+  max-height: 1.125rem;
+}
+
+.c48 {
+  box-sizing: border-box;
+  display: inline-block;
+  -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;
+  min-height: 3rem;
+  height: 3rem;
+  min-width: 7.5rem;
+  padding: 0.9375rem 1.125rem;
+  position: relative;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+  font-size: 0.9375rem;
+  text-align: center;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-letter-spacing: normal;
+  -moz-letter-spacing: normal;
+  -ms-letter-spacing: normal;
+  letter-spacing: normal;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+  background-image: none;
+  background-color: rgb(59,70,204);
+  border-radius: 0.25rem;
+  border: solid 0.0625rem rgb(45,56,132);
+  color: rgb(70,70,70);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+  cursor: not-allowed;
+  pointer-events: none;
+  color: rgb(216,216,216);
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+  padding: 0.5625rem 1.125rem;
+  font-size: 0.8125rem;
+  min-width: 0rem;
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.c48:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c48:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c48:active,
+.c48:active:hover,
+.c48:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c48[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c48:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c48:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c48:active,
+.c48:active:hover,
+.c48:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c48:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+}
+
+.c48:hover {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c48:active,
+.c48:active:hover,
+.c48:active:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c48 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c48 svg {
+  max-height: 1.125rem;
+}
+
+.c49 {
+  box-sizing: border-box;
+  display: inline-block;
+  -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;
+  min-height: 3rem;
+  height: 3rem;
+  min-width: 7.5rem;
+  padding: 0.9375rem 1.125rem;
+  position: relative;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+  font-size: 0.9375rem;
+  text-align: center;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-letter-spacing: normal;
+  -moz-letter-spacing: normal;
+  -ms-letter-spacing: normal;
+  letter-spacing: normal;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+  background-image: none;
+  background-color: rgb(59,70,204);
+  border-radius: 0.25rem;
+  border: solid 0.0625rem rgb(45,56,132);
+  color: rgb(70,70,70);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+  cursor: not-allowed;
+  pointer-events: none;
+  color: rgb(216,216,216);
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.c49:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c49:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c49:active,
+.c49:active:hover,
+.c49:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c49[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c49:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c49:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c49:active,
+.c49:active:hover,
+.c49:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c49:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+}
+
+.c49:hover {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c49:active,
+.c49:active:hover,
+.c49:active:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c49 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c49 svg {
+  max-height: 1.125rem;
+}
+
+.c51 {
+  box-sizing: border-box;
+  display: inline-block;
+  -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;
+  min-height: 3rem;
+  height: 3rem;
+  min-width: 7.5rem;
+  padding: 0.9375rem 1.125rem;
+  position: relative;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+  font-size: 0.9375rem;
+  text-align: center;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-letter-spacing: normal;
+  -moz-letter-spacing: normal;
+  -ms-letter-spacing: normal;
+  letter-spacing: normal;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+  background-image: none;
+  background-color: rgb(59,70,204);
+  border-radius: 0.25rem;
+  border: solid 0.0625rem rgb(45,56,132);
+  color: rgb(70,70,70);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+  color: rgb(210,67,58);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(210,67,58);
+  cursor: not-allowed;
+  pointer-events: none;
+  color: rgb(216,216,216);
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+  padding: 0.5625rem 1.125rem;
+  font-size: 0.8125rem;
+  min-width: 0rem;
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  float: right;
+}
+
+.c51:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c51:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c51:active,
+.c51:active:hover,
+.c51:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c51[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c51:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c51:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c51:active,
+.c51:active:hover,
+.c51:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c51:focus {
+  color: rgb(205,37,27);
+  background-color: rgb(255,255,255);
+  border-color: rgb(205,37,27);
+}
+
+.c51:hover {
+  color: rgb(205,37,27);
+  background-color: rgb(255,255,255);
+  border-color: rgb(205,37,27);
+}
+
+.c51:active,
+.c51:active:hover,
+.c51:active:focus {
+  background-color: rgba(210,67,58,0.1);
+  border-color: rgb(205,37,27);
+}
+
+.c51:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+}
+
+.c51:hover {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c51:active,
+.c51:active:hover,
+.c51:active:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c51 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c51 svg {
+  max-height: 1.125rem;
+}
+
+.c52 {
+  box-sizing: border-box;
+  display: inline-block;
+  -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;
+  min-height: 3rem;
+  height: 3rem;
+  min-width: 7.5rem;
+  padding: 0.9375rem 1.125rem;
+  position: relative;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+  font-size: 0.9375rem;
+  text-align: center;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-letter-spacing: normal;
+  -moz-letter-spacing: normal;
+  -ms-letter-spacing: normal;
+  letter-spacing: normal;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+  background-image: none;
+  background-color: rgb(59,70,204);
+  border-radius: 0.25rem;
+  border: solid 0.0625rem rgb(45,56,132);
+  color: rgb(70,70,70);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+  color: rgb(210,67,58);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(210,67,58);
+  cursor: not-allowed;
+  pointer-events: none;
+  color: rgb(216,216,216);
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  float: right;
+}
+
+.c52:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c52:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c52:active,
+.c52:active:hover,
+.c52:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c52[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c52:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c52:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c52:active,
+.c52:active:hover,
+.c52:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c52:focus {
+  color: rgb(205,37,27);
+  background-color: rgb(255,255,255);
+  border-color: rgb(205,37,27);
+}
+
+.c52:hover {
+  color: rgb(205,37,27);
+  background-color: rgb(255,255,255);
+  border-color: rgb(205,37,27);
+}
+
+.c52:active,
+.c52:active:hover,
+.c52:active:focus {
+  background-color: rgba(210,67,58,0.1);
+  border-color: rgb(205,37,27);
+}
+
+.c52:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+}
+
+.c52:hover {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c52:active,
+.c52:active:hover,
+.c52:active:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c52 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c52 svg {
+  max-height: 1.125rem;
+}
+
+.c5 {
+  font-size: 0.9375rem;
+  line-height: 1.125rem;
+  font-style: normal;
+  font-stretch: normal;
+  display: block;
+  color: rgb(70,70,70);
+  text-align: left;
+  margin-right: 0.75rem;
+  font-weight: 600;
+  white-space: pre;
+  font-size: 0.8125rem;
+}
+
+.c0 {
+  margin-right: auto;
+  margin-left: auto;
+  box-sizing: border-box;
+  width: 100%;
+  max-width: 62.5rem;
+  padding-bottom: 1.125rem;
+}
+
+.c45 {
+  margin-right: auto;
+  margin-left: auto;
+  box-sizing: border-box;
+  width: 100%;
+  max-width: 62.5rem;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-wrap: nowrap;
+  -ms-flex-wrap: nowrap;
+  flex-wrap: nowrap;
+  -webkit-align-content: stretch;
+  -ms-flex-line-pack: stretch;
+  align-content: stretch;
+  -webkit-align-items: stretch;
+  -webkit-box-align: stretch;
+  -ms-flex-align: stretch;
+  align-items: stretch;
+}
+
+.c2 {
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex: 1 1 auto;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-flex-wrap: wrap;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  margin-right: -0.625rem;
+  margin-left: -0.625rem;
+}
+
+.c46 {
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex: 1 1 auto;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-flex-wrap: wrap;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  margin-right: -0.625rem;
+  margin-left: -0.625rem;
+}
+
+.c47 {
+  box-sizing: border-box;
+  -webkit-flex: 0 0 auto;
+  -ms-flex: 0 0 auto;
+  flex: 0 0 auto;
+  padding-right: 0.625rem;
+  padding-left: 0.625rem;
+  display: block;
+}
+
+.c50 {
+  box-sizing: border-box;
+  -webkit-flex: 0 0 auto;
+  -ms-flex: 0 0 auto;
+  flex: 0 0 auto;
+  padding-right: 0.625rem;
+  padding-left: 0.625rem;
+  display: block;
+}
+
+.c1 {
+  background-color: rgb(216,216,216);
+  margin: 0;
+  background-color: transparent;
+  height: 1.875rem;
+}
+
+.c9 {
+  background-color: rgb(216,216,216);
+  margin: 0;
+  background-color: transparent;
+  height: 1.3125rem;
+}
+
+.c13 {
+  background-color: rgb(216,216,216);
+  margin: 0;
+  background-color: transparent;
+  height: 1.25rem;
+}
+
+.c44 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-flex-wrap: nowrap;
+  -ms-flex-wrap: nowrap;
+  flex-wrap: nowrap;
+  -webkit-align-content: stretch;
+  -ms-flex-line-pack: stretch;
+  align-content: stretch;
+  -webkit-align-items: stretch;
+  -webkit-box-align: stretch;
+  -ms-flex-align: stretch;
+  align-items: stretch;
+  background-color: rgba(241,241,241,1);
+  border-top: 0.0625rem solid rgb(216,216,216);
+  max-height: 3.3125rem;
+  min-height: 3.3125rem;
+  line-height: 1.5625rem;
+  height: 4.375rem;
+  max-height: 4.375rem;
+  z-index: 1;
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}
+
+.c3 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-flex-wrap: nowrap;
+  -ms-flex-wrap: nowrap;
+  flex-wrap: nowrap;
+  -webkit-box-pack: start;
+  -webkit-justify-content: flex-start;
+  -ms-flex-pack: start;
+  justify-content: flex-start;
+  -webkit-align-content: stretch;
+  -ms-flex-line-pack: stretch;
+  align-content: stretch;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+}
+
+.c43 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-flex-wrap: nowrap;
+  -ms-flex-wrap: nowrap;
+  flex-wrap: nowrap;
+  -webkit-box-pack: start;
+  -webkit-justify-content: flex-start;
+  -ms-flex-pack: start;
+  justify-content: flex-start;
+  -webkit-align-content: stretch;
+  -ms-flex-line-pack: stretch;
+  align-content: stretch;
+  -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;
+}
+
+.c37 {
+  width: 0.75rem;
+  height: 0.75rem;
+  border-radius: 50%;
+  background-color: rgb(0,152,88);
+  display: inline-block;
+  margin-right: 0rem;
+  margin-left: 0rem;
+}
+
+.c23 {
+  color: rgb(100,100,100);
+  position: absolute;
+  width: 1.125rem;
+  height: 1.125rem;
+  box-sizing: border-box;
+  top: 0;
+  right: 0;
+  cursor: pointer;
+  background-color: rgb(255,255,255);
+  box-shadow: none;
+  border: 0.0625rem solid rgb(216,216,216);
+  cursor: pointer;
+  border-radius: 0.25rem;
+  width: 1.125rem;
+  height: 1.125rem;
+}
+
+.c23::after {
+  opacity: 0;
+  content: '';
+  position: absolute;
+  width: 0.375rem;
+  height: 0.125rem;
+  background: transparent;
+  top: 0.3125rem;
+  left: 0.25rem;
+  border: 0.125rem solid rgb(45,45,45);
+  border-top: none;
+  border-right: none;
+  -webkit-transform: rotate(-45deg);
+  -ms-transform: rotate(-45deg);
+  transform: rotate(-45deg);
+}
+
+.c21 {
+  display: inline-block;
+  vertical-align: text-bottom;
+  width: 1.125rem;
+  height: 1.125rem;
+  position: relative;
+  cursor: pointer;
+}
+
+.c20 {
+  list-style-type: none;
+  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;
+}
+
+.c20 label {
+  font-weight: 400;
+}
+
+.c4 {
+  display: inline-block;
+  margin: 0;
+  padding: 0;
+  border: none;
+  overflow: hidden;
+  height: auto;
+  -webkit-margin-start: 0;
+  -webkit-margin-end: 0;
+  -webkit-padding-before: 0;
+  -webkit-padding-start: 0;
+  -webkit-padding-end: 0;
+  -webkit-padding-after: 0;
+}
+
+.c8 {
+  display: inline-block;
+  margin: 0;
+  padding: 0;
+  border: none;
+  overflow: hidden;
+  height: auto;
+  -webkit-margin-start: 0;
+  -webkit-margin-end: 0;
+  -webkit-padding-before: 0;
+  -webkit-padding-start: 0;
+  -webkit-padding-end: 0;
+  -webkit-padding-after: 0;
+  float: right;
+}
+
+.c7 {
+  box-sizing: border-box;
+  width: 18.75rem;
+  height: 3rem;
+  min-height: 3rem;
+  padding: 0.8125rem 1.125rem;
+  border-radius: 0.25rem;
+  background-color: rgb(255,255,255);
+  border: 0.0625rem solid rgb(216,216,216);
+  color: rgba(73,73,73,1);
+  max-width: 22.1875rem;
+  text-overflow: ellipsis;
+  font-size: 0.9375rem;
+  line-height: normal !important;
+  font-style: normal;
+  font-stretch: normal;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  outline: 0;
+}
+
+.c7::-webkit-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c7::-moz-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c7:-ms-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c7:invalid {
+  box-shadow: none;
+}
+
+.c7:disabled {
+  background-color: rgb(250,250,250);
+  color: rgb(216,216,216);
+  cursor: not-allowed;
+}
+
+.c7:disabled::-webkit-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c7:disabled::-moz-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c7:disabled:-ms-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c7:focus {
+  border-color: rgb(59,70,204);
+  outline: 0;
+}
+
+.c41 {
+  cursor: pointer;
+  height: 100%;
+  width: 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;
+}
+
+.c14 {
+  overflow: hidden;
+  border-spacing: 0;
+  border-collapse: separate;
+  table-layout: fixed;
+  width: 100%;
+  max-width: 100%;
+}
+
+.c15 {
+  width: 100%;
+  background: rgb(250,250,250);
+}
+
+.c15 th:first-child {
+  border-top-left-radius: 0.25rem;
+}
+
+.c15 th:last-child {
+  border-top-right-radius: 0.25rem;
+}
+
+.c31 {
+  width: 100%;
+}
+
+.c18 {
+  border-width: 0.0625rem;
+  border-style: solid;
+  border-color: rgb(216,216,216);
+  border-spacing: 0;
+  white-space: nowrap;
+  box-sizing: border-box;
+  padding: 0 1.5rem;
+  height: 3.75rem;
+  width: 2rem;
+  display: table-cell;
+  vertical-align: middle;
+  text-align: left;
+  height: 2.625rem;
+  color: rgb(189,189,189);
+  font-weight: 500;
+  border-bottom-width: 0;
+}
+
+.c18:not(:first-child) {
+  border-left-width: 0;
+}
+
+.c18:not(:last-child) {
+  border-right-width: 0;
+}
+
+.c24 {
+  border-width: 0.0625rem;
+  border-style: solid;
+  border-color: rgb(216,216,216);
+  border-spacing: 0;
+  white-space: nowrap;
+  box-sizing: border-box;
+  padding: 0 1.5rem;
+  height: 3.75rem;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  vertical-align: middle;
+  text-align: left;
+  height: 2.625rem;
+  color: rgb(189,189,189);
+  font-weight: 500;
+  border-bottom-width: 0;
+  color: rgba(73,73,73,1);
+  font-weight: bold;
+}
+
+.c24:not(:first-child) {
+  border-left-width: 0;
+}
+
+.c24:not(:last-child) {
+  border-right-width: 0;
+}
+
+.c26 {
+  border-width: 0.0625rem;
+  border-style: solid;
+  border-color: rgb(216,216,216);
+  border-spacing: 0;
+  white-space: nowrap;
+  box-sizing: border-box;
+  padding: 0 1.5rem;
+  height: 3.75rem;
+  width: 9.375rem;
+  display: table-cell;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  vertical-align: middle;
+  text-align: left;
+  height: 2.625rem;
+  color: rgb(189,189,189);
+  font-weight: 500;
+  border-bottom-width: 0;
+}
+
+.c26:not(:first-child) {
+  border-left-width: 0;
+}
+
+.c26:not(:last-child) {
+  border-right-width: 0;
+}
+
+.c27 {
+  border-width: 0.0625rem;
+  border-style: solid;
+  border-color: rgb(216,216,216);
+  border-spacing: 0;
+  white-space: nowrap;
+  box-sizing: border-box;
+  padding: 0 1.5rem;
+  height: 3.75rem;
+  width: 0rem;
+  display: none;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  vertical-align: middle;
+  text-align: left;
+  height: 2.625rem;
+  color: rgb(189,189,189);
+  font-weight: 500;
+  border-bottom-width: 0;
+}
+
+.c27:not(:first-child) {
+  border-left-width: 0;
+}
+
+.c27:not(:last-child) {
+  border-right-width: 0;
+}
+
+.c28 {
+  border-width: 0.0625rem;
+  border-style: solid;
+  border-color: rgb(216,216,216);
+  border-spacing: 0;
+  white-space: nowrap;
+  box-sizing: border-box;
+  padding: 0 1.5rem;
+  height: 3.75rem;
+  width: 0rem;
+  display: none;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  vertical-align: middle;
+  text-align: left;
+  height: 2.625rem;
+  color: rgb(189,189,189);
+  font-weight: 500;
+  border-bottom-width: 0;
+}
+
+.c28:not(:first-child) {
+  border-left-width: 0;
+}
+
+.c28:not(:last-child) {
+  border-right-width: 0;
+}
+
+.c30 {
+  border-width: 0.0625rem;
+  border-style: solid;
+  border-color: rgb(216,216,216);
+  border-spacing: 0;
+  white-space: nowrap;
+  box-sizing: border-box;
+  padding: 0 1.5rem;
+  height: 3.75rem;
+  width: 3.75rem;
+  display: table-cell;
+  height: 2.625rem;
+  color: rgb(189,189,189);
+  font-weight: 500;
+  border-bottom-width: 0;
+}
+
+.c30:not(:first-child) {
+  border-left-width: 0;
+}
+
+.c30:not(:last-child) {
+  border-right-width: 0;
+}
+
+.c33 {
+  border-width: 0.0625rem;
+  border-style: solid;
+  border-color: rgb(216,216,216);
+  border-spacing: 0;
+  white-space: nowrap;
+  box-sizing: border-box;
+  padding: 0 1.5rem;
+  height: 3.75rem;
+  vertical-align: middle;
+  text-align: left;
+  border-bottom-width: 0;
+}
+
+.c33:not(:first-child) {
+  border-left-width: 0;
+}
+
+.c33:not(:last-child) {
+  border-right-width: 0;
+}
+
+.c38 {
+  border-width: 0.0625rem;
+  border-style: solid;
+  border-color: rgb(216,216,216);
+  border-spacing: 0;
+  white-space: nowrap;
+  box-sizing: border-box;
+  padding: 0 1.5rem;
+  height: 3.75rem;
+  width: 0rem;
+  display: none;
+  vertical-align: middle;
+  text-align: left;
+  border-bottom-width: 0;
+}
+
+.c38:not(:first-child) {
+  border-left-width: 0;
+}
+
+.c38:not(:last-child) {
+  border-right-width: 0;
+}
+
+.c39 {
+  border-width: 0.0625rem;
+  border-style: solid;
+  border-color: rgb(216,216,216);
+  border-spacing: 0;
+  white-space: nowrap;
+  box-sizing: border-box;
+  padding: 0 1.5rem;
+  height: 3.75rem;
+  width: 0rem;
+  display: none;
+  vertical-align: middle;
+  text-align: left;
+  border-bottom-width: 0;
+}
+
+.c39:not(:first-child) {
+  border-left-width: 0;
+}
+
+.c39:not(:last-child) {
+  border-right-width: 0;
+}
+
+.c40 {
+  border-width: 0.0625rem;
+  border-style: solid;
+  border-color: rgb(216,216,216);
+  border-spacing: 0;
+  white-space: nowrap;
+  box-sizing: border-box;
+  padding: 0 1.5rem;
+  height: 3.75rem;
+  border-bottom-width: 0;
+  border-left-width: 0.0625rem !important;
+}
+
+.c40:not(:first-child) {
+  border-left-width: 0;
+}
+
+.c40:not(:last-child) {
+  border-right-width: 0;
+}
+
+.c16 {
+  display: table-row;
+  color: rgba(73,73,73,1);
+  background-color: rgb(255,255,255);
+  box-shadow: 0 0.125rem 0 rgba(0,0,0,0.05);
+  box-sizing: border-box;
+  color: rgba(73,73,73,1);
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+.c16:last-child {
+  box-shadow: none;
+}
+
+.c16:last-child td {
+  border-bottom-width: 0.0625rem;
+}
+
+.c32 {
+  display: table-row;
+  color: rgba(73,73,73,1);
+  background-color: rgb(255,255,255);
+  box-shadow: 0 0.125rem 0 rgba(0,0,0,0.05);
+  box-sizing: border-box;
+}
+
+.c32:last-child {
+  box-shadow: none;
+}
+
+.c32:last-child td {
+  border-bottom-width: 0.0625rem;
+}
+
+.c34 {
+  color: rgba(73,73,73,1);
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  font-weight: 600;
+}
+
+.c42 {
+  width: 3rem;
+  height: 3rem;
+  min-width: 3rem;
+}
+
+@media only screen and (min-width:48em) {
+  .c0 {
+    width: 46rem;
+  }
+}
+
+@media only screen and (min-width:64em) {
+  .c0 {
+    width: 56rem;
+  }
+}
+
+@media only screen and (min-width:75em) {
+  .c0 {
+    width: 59rem;
+  }
+}
+
+@media only screen and (max-width:47.9375rem) {
+  .c0 {
+    padding-left: 0.375rem;
+    padding-right: 0.375rem;
+  }
+}
+
+@media only screen and (min-width:48em) {
+  .c45 {
+    width: 46rem;
+  }
+}
+
+@media only screen and (min-width:64em) {
+  .c45 {
+    width: 56rem;
+  }
+}
+
+@media only screen and (min-width:75em) {
+  .c45 {
+    width: 59rem;
+  }
+}
+
+@media only screen and (max-width:47.9375rem) {
+  .c45 {
+    padding-left: 0.375rem;
+    padding-right: 0.375rem;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c46 {
+    -webkit-align-items: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c46 {
+    -webkit-box-pack: justify;
+    -webkit-justify-content: space-between;
+    -ms-flex-pack: justify;
+    justify-content: space-between;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c47 {
+    -webkit-flex-basis: 58.333333333333336%;
+    -ms-flex-preferred-size: 58.333333333333336%;
+    flex-basis: 58.333333333333336%;
+    max-width: 58.333333333333336%;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c50 {
+    -webkit-flex-basis: 41.66666666666667%;
+    -ms-flex-preferred-size: 41.66666666666667%;
+    flex-basis: 41.66666666666667%;
+    max-width: 41.66666666666667%;
+  }
+}
+
+@media only screen and (min-width:47.9375rem) {
+  .c27 {
+    width: 10rem;
+    display: table-cell;
+  }
+}
+
+@media only screen and (min-width:47.9375rem) {
+  .c28 {
+    width: 8.125rem;
+    display: table-cell;
+  }
+}
+
+@media only screen and (min-width:47.9375rem) {
+  .c38 {
+    width: 10rem;
+    display: table-cell;
+  }
+}
+
+@media only screen and (min-width:47.9375rem) {
+  .c39 {
+    width: 8.125rem;
+    display: table-cell;
+  }
+}
+
+<div
+  className="c0"
+>
+  <div
+    className="c1 c2"
+    height="1.875rem"
+  />
+  <form
+    onSubmit={undefined}
+  >
+    <div
+      className="c3"
+    >
+      <div
+        className="baseline-jVaZNU kXgQxt c4"
+        name="filter"
+        role="group"
+        style={undefined}
+      >
+        <label
+          className="c5"
+          htmlFor="T"
+        >
+          Filter instances
+        </label>
+        <div
+          className="c6"
+        >
+          <input
+            className="c7"
+            disabled={false}
+            id="T"
+            onBlur={undefined}
+            placeholder=""
+          />
+        </div>
+      </div>
+      <div
+        className="baseline-jVaZNU kXgQxt c8"
+        role="group"
+        style={undefined}
+      >
+        <div
+          className="c9 c2"
+          height="1.3125rem"
+        />
+        <button
+          className="c10 c11 c12"
+          disabled={false}
+          href=""
+          icon={true}
+          onClick={[Function]}
+          type="button"
+        >
+          Create Instance
+        </button>
+      </div>
+    </div>
+    <div
+      className="c13 c2"
+      height="1.25rem"
+    />
+  </form>
+  <form>
+    <table
+      className="c14"
+    >
+      <thead
+        className="c15"
+        disabled={undefined}
+        name="thdead"
+        selected={undefined}
+      >
+        <tr
+          className="c16"
+          disabled={undefined}
+          name="tr"
+          selected={undefined}
+        >
+          <th
+            className="c17 c18"
+            disabled={undefined}
+            name="th"
+            selected={undefined}
+          >
+            <div
+              className="c19 baseline-jVaZNU c19 c4"
+              role="group"
+              style={undefined}
+            >
+              <li
+                className="c20"
+              >
+                <div
+                  checked={true}
+                  className="c21"
+                  disabled={false}
+                  id="X"
+                  onBlur={undefined}
+                  onChange={[Function]}
+                  type="checkbox"
+                >
+                  <input
+                    checked={true}
+                    className="c22"
+                    disabled={false}
+                    id="Y"
+                    onBlur={undefined}
+                    onChange={[Function]}
+                    type="checkbox"
+                  />
+                  <label
+                    className="c23"
+                    htmlFor="Y"
+                  />
+                </div>
+              </li>
+            </div>
+          </th>
+          <th
+            className="c24"
+            disabled={undefined}
+            name="th"
+            onClick={[Function]}
+            selected={undefined}
+          >
+            <span>
+              Name 
+            </span>
+            <svg
+              className="c25"
+              height="6"
+              innerRef={undefined}
+              marginBottom="0.125rem"
+              marginLeft="0.5625rem"
+              style={
+                Object {
+                  "transform": "rotate(180deg)",
+                }
+              }
+              viewBox="0 0 9.6 6"
+              width="9.6"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M9.6,1.12,8.24,0,4.8,3.5,1.36,0,0,1.12,4.8,6Z"
+                fill="rgba(73, 73, 73, 1)"
+              />
+            </svg>
+          </th>
+          <th
+            className="c26"
+            disabled={undefined}
+            name="th"
+            onClick={[Function]}
+            selected={undefined}
+          >
+            <span>
+              Status 
+            </span>
+          </th>
+          <th
+            className="c27"
+            disabled={undefined}
+            name="th"
+            onClick={[Function]}
+            selected={undefined}
+          >
+            <span>
+              Created 
+            </span>
+          </th>
+          <th
+            className="c28"
+            disabled={undefined}
+            name="th"
+            onClick={[Function]}
+            selected={undefined}
+          >
+            <span>
+              Short ID 
+            </span>
+          </th>
+          <th
+            className="c29 c30"
+            disabled={undefined}
+            name="th"
+            selected={undefined}
+          />
+        </tr>
+      </thead>
+      <tbody
+        className="c31"
+        disabled={undefined}
+        name="tbody"
+        selected={undefined}
+      >
+        <tr
+          className="c32"
+          disabled={undefined}
+          name="tr"
+          selected={undefined}
+        >
+          <td
+            className="c17 c33"
+            disabled={undefined}
+            name="td"
+            selected={undefined}
+          >
+            <div
+              className="c19 baseline-jVaZNU c19 c4"
+              name="2252839a-e698-ceec-afac-9549ad0c6624"
+              role="group"
+              style={undefined}
+            >
+              <li
+                className="c20"
+              >
+                <div
+                  checked={false}
+                  className="c21"
+                  disabled={false}
+                  id="Z"
+                  onBlur={undefined}
+                  type="checkbox"
+                >
+                  <input
+                    checked={false}
+                    className="c22"
+                    disabled={false}
+                    id="a"
+                    onBlur={undefined}
+                    type="checkbox"
+                  />
+                  <label
+                    className="c23"
+                    htmlFor="a"
+                  />
+                </div>
+              </li>
+            </div>
+          </td>
+          <td
+            className="c33"
+            disabled={undefined}
+            name="td"
+            selected={undefined}
+          >
+            <a
+              className="c34 c35 c36"
+              to="/2252839a"
+            >
+              2252839a
+            </a>
+          </td>
+          <td
+            className="c33"
+            disabled={undefined}
+            name="td"
+            selected={undefined}
+          >
+            <span>
+              <span
+                className="c37"
+                color="green"
+                size="0.75rem"
+              />
+               
+              Running
+            </span>
+          </td>
+          <td
+            className="c38"
+            disabled={undefined}
+            name="td"
+            selected={undefined}
+          >
+            almost NaN years
+          </td>
+          <td
+            className="c39"
+            disabled={undefined}
+            name="td"
+            selected={undefined}
+          >
+            <code>
+              2252839
+            </code>
+          </td>
+          <td
+            className="c29 c40"
+            disabled={undefined}
+            name="td"
+            selected={undefined}
+          >
+            <div
+              box={true}
+              className="c41"
+              onClick={[Function]}
+              onMouseEnter={undefined}
+              onMouseLeave={undefined}
+              tag="div"
+            >
+              <div
+                className="c42 c43"
+              >
+                <svg
+                  className=""
+                  height="16"
+                  innerRef={undefined}
+                  style={
+                    Object {
+                      "transform": "rotate(0deg)",
+                    }
+                  }
+                  viewBox="0 0 4 16"
+                  width="4"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M2,16a2,2,0,1,0-2-2A2,2,0,0,0,2,16Zm0-6A2,2,0,1,0,0,8,2,2,0,0,0,2,10ZM2,4A2,2,0,1,0,0,2,2,2,0,0,0,2,4Z"
+                    fill="rgba(73, 73, 73, 1)"
+                  />
+                </svg>
+              </div>
+            </div>
+          </td>
+        </tr>
+        <tr
+          className="c32"
+          disabled={undefined}
+          name="tr"
+          selected={undefined}
+        >
+          <td
+            className="c17 c33"
+            disabled={undefined}
+            name="td"
+            selected={undefined}
+          >
+            <div
+              className="c19 baseline-jVaZNU c19 c4"
+              name="f1bd1730-e8a6-4956-e738-d8e85cc6aa04"
+              role="group"
+              style={undefined}
+            >
+              <li
+                className="c20"
+              >
+                <div
+                  checked={false}
+                  className="c21"
+                  disabled={false}
+                  id="bb"
+                  onBlur={undefined}
+                  type="checkbox"
+                >
+                  <input
+                    checked={false}
+                    className="c22"
+                    disabled={false}
+                    id="bc"
+                    onBlur={undefined}
+                    type="checkbox"
+                  />
+                  <label
+                    className="c23"
+                    htmlFor="bc"
+                  />
+                </div>
+              </li>
+            </div>
+          </td>
+          <td
+            className="c33"
+            disabled={undefined}
+            name="td"
+            selected={undefined}
+          >
+            <a
+              className="c34 c35 c36"
+              to="/f1bd1730"
+            >
+              f1bd1730
+            </a>
+          </td>
+          <td
+            className="c33"
+            disabled={undefined}
+            name="td"
+            selected={undefined}
+          >
+            <span>
+              <span
+                className="c37"
+                color="green"
+                size="0.75rem"
+              />
+               
+              Running
+            </span>
+          </td>
+          <td
+            className="c38"
+            disabled={undefined}
+            name="td"
+            selected={undefined}
+          >
+            almost NaN years
+          </td>
+          <td
+            className="c39"
+            disabled={undefined}
+            name="td"
+            selected={undefined}
+          >
+            <code>
+              f1bd173
+            </code>
+          </td>
+          <td
+            className="c29 c40"
+            disabled={undefined}
+            name="td"
+            selected={undefined}
+          >
+            <div
+              box={true}
+              className="c41"
+              onClick={[Function]}
+              onMouseEnter={undefined}
+              onMouseLeave={undefined}
+              tag="div"
+            >
+              <div
+                className="c42 c43"
+              >
+                <svg
+                  className=""
+                  height="16"
+                  innerRef={undefined}
+                  style={
+                    Object {
+                      "transform": "rotate(0deg)",
+                    }
+                  }
+                  viewBox="0 0 4 16"
+                  width="4"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M2,16a2,2,0,1,0-2-2A2,2,0,0,0,2,16Zm0-6A2,2,0,1,0,0,8,2,2,0,0,0,2,10ZM2,4A2,2,0,1,0,0,2,2,2,0,0,0,2,4Z"
+                    fill="rgba(73, 73, 73, 1)"
+                  />
+                </svg>
+              </div>
+            </div>
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </form>
+  <div
+    className="c44"
+  >
+    <div
+      className="c45"
+    >
+      <div
+        className="c46"
+      >
+        <div
+          className="c47"
+        >
+          <span
+            name="react-responsive-mock"
+            query="only screen and (max-width: 47.9375rem)"
+          >
+            <button
+              className="c48 c11 c12"
+              disabled={true}
+              href=""
+              icon={true}
+              onClick={[Function]}
+              type="button"
+            >
+              <svg
+                className=""
+                height="14"
+                innerRef={undefined}
+                style={
+                  Object {
+                    "transform": "rotate(0deg)",
+                  }
+                }
+                viewBox="0 0 13.36 14"
+                width="13.36"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M2.53,1.68a.81.81,0,0,1,.39.1l8.31,4.48a.84.84,0,0,1,0,1.48L2.92,12.22a.81.81,0,0,1-.39.1.85.85,0,0,1-.85-.85V2.53a.85.85,0,0,1,.85-.85M2.53,0A2.53,2.53,0,0,0,0,2.53v8.94A2.53,2.53,0,0,0,3.72,13.7L12,9.22a2.52,2.52,0,0,0,0-4.44L3.72.3A2.5,2.5,0,0,0,2.53,0Z"
+                  fill="rgb(216, 216, 216)"
+                />
+              </svg>
+            </button>
+          </span>
+          <span
+            name="react-responsive-mock"
+            query="only screen and (min-width: 48rem)"
+          >
+            <button
+              className="c49 c11 c12"
+              disabled={true}
+              href=""
+              icon={true}
+              onClick={[Function]}
+              type="button"
+            >
+              <svg
+                className=""
+                height="14"
+                innerRef={undefined}
+                style={
+                  Object {
+                    "transform": "rotate(0deg)",
+                  }
+                }
+                viewBox="0 0 13.36 14"
+                width="13.36"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M2.53,1.68a.81.81,0,0,1,.39.1l8.31,4.48a.84.84,0,0,1,0,1.48L2.92,12.22a.81.81,0,0,1-.39.1.85.85,0,0,1-.85-.85V2.53a.85.85,0,0,1,.85-.85M2.53,0A2.53,2.53,0,0,0,0,2.53v8.94A2.53,2.53,0,0,0,3.72,13.7L12,9.22a2.52,2.52,0,0,0,0-4.44L3.72.3A2.5,2.5,0,0,0,2.53,0Z"
+                  fill="rgb(216, 216, 216)"
+                />
+              </svg>
+              <span>
+                Start
+              </span>
+            </button>
+          </span>
+          <span
+            name="react-responsive-mock"
+            query="only screen and (max-width: 47.9375rem)"
+          >
+            <button
+              className="c48 c11 c12"
+              disabled={true}
+              href=""
+              icon={true}
+              onClick={[Function]}
+              type="button"
+            >
+              <svg
+                className=""
+                height="14"
+                innerRef={undefined}
+                style={
+                  Object {
+                    "transform": "rotate(0deg)",
+                  }
+                }
+                viewBox="0 0 14 14"
+                width="14"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M10.75,1.75a1.5,1.5,0,0,1,1.5,1.5v7.5a1.5,1.5,0,0,1-1.5,1.5H3.25a1.5,1.5,0,0,1-1.5-1.5V3.25a1.5,1.5,0,0,1,1.5-1.5h7.5m0-1.75H3.25A3.26,3.26,0,0,0,0,3.25v7.5A3.26,3.26,0,0,0,3.25,14h7.5A3.26,3.26,0,0,0,14,10.75V3.25A3.26,3.26,0,0,0,10.75,0Z"
+                  fill="rgb(216, 216, 216)"
+                />
+              </svg>
+            </button>
+          </span>
+          <span
+            name="react-responsive-mock"
+            query="only screen and (min-width: 48rem)"
+          >
+            <button
+              className="c49 c11 c12"
+              disabled={true}
+              href=""
+              icon={true}
+              onClick={[Function]}
+              type="button"
+            >
+              <svg
+                className=""
+                height="14"
+                innerRef={undefined}
+                style={
+                  Object {
+                    "transform": "rotate(0deg)",
+                  }
+                }
+                viewBox="0 0 14 14"
+                width="14"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M10.75,1.75a1.5,1.5,0,0,1,1.5,1.5v7.5a1.5,1.5,0,0,1-1.5,1.5H3.25a1.5,1.5,0,0,1-1.5-1.5V3.25a1.5,1.5,0,0,1,1.5-1.5h7.5m0-1.75H3.25A3.26,3.26,0,0,0,0,3.25v7.5A3.26,3.26,0,0,0,3.25,14h7.5A3.26,3.26,0,0,0,14,10.75V3.25A3.26,3.26,0,0,0,10.75,0Z"
+                  fill="rgb(216, 216, 216)"
+                />
+              </svg>
+              <span>
+                Stop
+              </span>
+            </button>
+          </span>
+          <span
+            name="react-responsive-mock"
+            query="only screen and (max-width: 47.9375rem)"
+          >
+            <button
+              className="c48 c11 c12"
+              disabled={true}
+              href=""
+              icon={true}
+              onClick={[Function]}
+              type="button"
+            >
+              <svg
+                className=""
+                height="21"
+                innerRef={undefined}
+                style={
+                  Object {
+                    "transform": "rotate(0deg)",
+                  }
+                }
+                version="1.1"
+                viewBox="0 0 20 21"
+                width="20"
+                xmlns="http://www.w3.org/2000/svg"
+                xmlnsXlink="http://www.w3.org/1999/xlink"
+              >
+                <g
+                  transform="translate(17997 -18577)"
+                >
+                  <g>
+                    <use
+                      fill="rgb(216, 216, 216)"
+                      transform="matrix(0.866025 0.5 -0.5 0.866025 -17988.7 18577.9)"
+                      xlinkHref="#f"
+                    />
+                  </g>
+                </g>
+                <defs>
+                  <path
+                    d="M 5.39661 3.57718L 5.3977 5.34469L 10.0255 2.67281L 5.39715 0L 5.39832 2.00201C 2.33086 2.5484 0.00065755 5.23112 0 8.45654C 0.000380483 12.0783 2.93556 15.0137 6.55562 15.0143C 10.1774 15.014 13.1128 12.0788 13.1124 8.45702L 11.5697 8.45687C 11.5697 11.2264 9.32527 13.4717 6.55578 13.4716C 3.78629 13.4716 1.54268 11.2262 1.5427 8.45669C 1.54135 6.08718 3.18616 4.10012 5.39661 3.57718Z"
+                    fillRule="evenodd"
+                    id="f"
+                  />
+                </defs>
+              </svg>
+            </button>
+          </span>
+          <span
+            name="react-responsive-mock"
+            query="only screen and (min-width: 48rem)"
+          >
+            <button
+              className="c49 c11 c12"
+              disabled={true}
+              href=""
+              icon={true}
+              onClick={[Function]}
+              type="button"
+            >
+              <svg
+                className=""
+                height="21"
+                innerRef={undefined}
+                style={
+                  Object {
+                    "transform": "rotate(0deg)",
+                  }
+                }
+                version="1.1"
+                viewBox="0 0 20 21"
+                width="20"
+                xmlns="http://www.w3.org/2000/svg"
+                xmlnsXlink="http://www.w3.org/1999/xlink"
+              >
+                <g
+                  transform="translate(17997 -18577)"
+                >
+                  <g>
+                    <use
+                      fill="rgb(216, 216, 216)"
+                      transform="matrix(0.866025 0.5 -0.5 0.866025 -17988.7 18577.9)"
+                      xlinkHref="#f"
+                    />
+                  </g>
+                </g>
+                <defs>
+                  <path
+                    d="M 5.39661 3.57718L 5.3977 5.34469L 10.0255 2.67281L 5.39715 0L 5.39832 2.00201C 2.33086 2.5484 0.00065755 5.23112 0 8.45654C 0.000380483 12.0783 2.93556 15.0137 6.55562 15.0143C 10.1774 15.014 13.1128 12.0788 13.1124 8.45702L 11.5697 8.45687C 11.5697 11.2264 9.32527 13.4717 6.55578 13.4716C 3.78629 13.4716 1.54268 11.2262 1.5427 8.45669C 1.54135 6.08718 3.18616 4.10012 5.39661 3.57718Z"
+                    fillRule="evenodd"
+                    id="f"
+                  />
+                </defs>
+              </svg>
+              <span>
+                Reboot
+              </span>
+            </button>
+          </span>
+        </div>
+        <div
+          className="c50"
+        >
+          <span
+            name="react-responsive-mock"
+            query="only screen and (max-width: 47.9375rem)"
+          >
+            <button
+              className="c51 c11 c12"
+              disabled={true}
+              href=""
+              icon={true}
+              onClick={[Function]}
+              type="button"
+            >
+              <svg
+                className=""
+                height="16"
+                innerRef={undefined}
+                style={
+                  Object {
+                    "transform": "rotate(0deg)",
+                  }
+                }
+                viewBox="0 0 12 16"
+                width="12"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
+                  fill="rgba(73, 73, 73, 1)"
+                />
+              </svg>
+            </button>
+          </span>
+          <span
+            name="react-responsive-mock"
+            query="only screen and (min-width: 48rem)"
+          >
+            <button
+              className="c52 c11 c12"
+              disabled={true}
+              href=""
+              icon={true}
+              onClick={[Function]}
+              type="button"
+            >
+              <svg
+                className=""
+                height="16"
+                innerRef={undefined}
+                style={
+                  Object {
+                    "transform": "rotate(0deg)",
+                  }
+                }
+                viewBox="0 0 12 16"
+                width="12"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
+                  fill="rgb(216, 216, 216)"
+                />
+              </svg>
+              <span>
+                Remove
+              </span>
+            </button>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`renders <List instances selected=all allowedActions /> without throwing 1`] = `
+.c6 {
+  margin-top: 0.1875rem;
+}
+
+.c36 {
+  background-color: transparent;
+  -webkit-text-decoration-skip: objects;
+  text-decoration-skip: objects;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+}
+
+.c12 {
+  font-family: sans-serif;
+  font-size: 100%;
+  line-height: 1.15;
+  margin: 0;
+  overflow: visible;
+  text-transform: none;
+  -webkit-appearance: button;
+  -moz-appearance: button;
+  appearance: button;
+  min-width: 7.5rem;
+}
+
+.c12::-moz-focus-inner,
+.c12[type='button']::-moz-focus-inner,
+.c12[type='reset']::-moz-focus-inner,
+.c12[type='submit']::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+.c12:-moz-focusring,
+.c12[type='button']:-moz-focusring,
+.c12[type='reset']:-moz-focusring,
+.c12[type='submit']:-moz-focusring {
+  outline: 0.0625rem dotted ButtonText;
+}
+
+.c12 + button,
+.c12 + a {
+  margin-left: 0.375rem;
+}
+
+.c22 {
+  font-family: sans-serif;
+  font-size: 100%;
+  line-height: 1.15;
+  margin: 0;
+  overflow: visible;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+  display: none;
+}
+
+.c22[type='checkbox'],
+.c22[type='radio'] {
+  box-sizing: border-box;
+  padding: 0;
+}
+
+.c22[type='number']::-webkit-inner-spin-button,
+.c22[type='number']::-webkit-outer-spin-button {
+  height: auto;
+}
+
+.c22[type='search'] {
+  -webkit-appearance: textfield;
+  -moz-appearance: textfield;
+  appearance: textfield;
+  outline-offset: -0.125rem;
+}
+
+.c22[type='search']::-webkit-search-cancel-button,
+.c22[type='search']::-webkit-search-decoration {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+}
+
+.c22::-webkit-file-upload-button {
+  -webkit-appearance: button;
+  -moz-appearance: button;
+  appearance: button;
+  font: inherit;
+}
+
+.c22:checked + label::after {
+  opacity: 1;
+}
+
+.c22:selected + label::after {
+  opacity: 1;
+}
+
+.c22:checked + label {
+  border-color: rgb(59,70,204);
+}
+
+.c22:selected + label {
+  border-color: rgb(59,70,204);
+}
+
+.c22:disabled + label {
+  background-color: rgb(249,249,249);
+  cursor: not-allowed;
+}
+
+.c35 {
+  color: rgb(59,70,204);
+  -webkit-text-fill-color: currentcolor;
+}
+
+.c35:hover {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.c17 {
+  padding: 0rem;
+  padding-left: 0.75rem;
+}
+
+.c19 {
+  padding-top: 0.25rem;
+}
+
+.c25 {
+  margin-bottom: 0.125rem;
+  margin-left: 0.5625rem;
+}
+
+.c29 {
+  padding: 0rem;
+}
+
+.c11 {
+  display: inline-block;
+}
+
+.c11 + button,
+.c11 + a {
+  margin-left: 0.375rem;
+}
+
+.c10 {
+  box-sizing: border-box;
+  display: inline-block;
+  -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;
+  min-height: 3rem;
+  height: 3rem;
+  min-width: 7.5rem;
+  padding: 0.9375rem 1.125rem;
+  position: relative;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+  font-size: 0.9375rem;
+  text-align: center;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-letter-spacing: normal;
+  -moz-letter-spacing: normal;
+  -ms-letter-spacing: normal;
+  letter-spacing: normal;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+  background-image: none;
+  background-color: rgb(59,70,204);
+  border-radius: 0.25rem;
+  border: solid 0.0625rem rgb(45,56,132);
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  width: 100%;
+  max-width: 100%;
+}
+
+.c10:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c10:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c10:active,
+.c10:active:hover,
+.c10:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c10[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c10 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c10 svg {
+  max-height: 1.125rem;
+}
+
+.c50 {
+  box-sizing: border-box;
+  display: inline-block;
+  -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;
+  min-height: 3rem;
+  height: 3rem;
+  min-width: 7.5rem;
+  padding: 0.9375rem 1.125rem;
+  position: relative;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+  font-size: 0.9375rem;
+  text-align: center;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-letter-spacing: normal;
+  -moz-letter-spacing: normal;
+  -ms-letter-spacing: normal;
+  letter-spacing: normal;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+  background-image: none;
+  background-color: rgb(59,70,204);
+  border-radius: 0.25rem;
+  border: solid 0.0625rem rgb(45,56,132);
+  color: rgb(70,70,70);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+  cursor: not-allowed;
+  pointer-events: none;
+  color: rgb(216,216,216);
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+  padding: 0.5625rem 1.125rem;
+  font-size: 0.8125rem;
+  min-width: 0rem;
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.c50:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c50:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c50:active,
+.c50:active:hover,
+.c50:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c50[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c50:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c50:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c50:active,
+.c50:active:hover,
+.c50:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c50:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+}
+
+.c50:hover {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c50:active,
+.c50:active:hover,
+.c50:active:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c50 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c50 svg {
+  max-height: 1.125rem;
+}
+
+.c51 {
+  box-sizing: border-box;
+  display: inline-block;
+  -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;
+  min-height: 3rem;
+  height: 3rem;
+  min-width: 7.5rem;
+  padding: 0.9375rem 1.125rem;
+  position: relative;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+  font-size: 0.9375rem;
+  text-align: center;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-letter-spacing: normal;
+  -moz-letter-spacing: normal;
+  -ms-letter-spacing: normal;
+  letter-spacing: normal;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+  background-image: none;
+  background-color: rgb(59,70,204);
+  border-radius: 0.25rem;
+  border: solid 0.0625rem rgb(45,56,132);
+  color: rgb(70,70,70);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+  cursor: not-allowed;
+  pointer-events: none;
+  color: rgb(216,216,216);
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.c51:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c51:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c51:active,
+.c51:active:hover,
+.c51:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c51[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c51:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c51:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c51:active,
+.c51:active:hover,
+.c51:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c51:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+}
+
+.c51:hover {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c51:active,
+.c51:active:hover,
+.c51:active:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c51 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c51 svg {
+  max-height: 1.125rem;
+}
+
+.c53 {
+  box-sizing: border-box;
+  display: inline-block;
+  -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;
+  min-height: 3rem;
+  height: 3rem;
+  min-width: 7.5rem;
+  padding: 0.9375rem 1.125rem;
+  position: relative;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+  font-size: 0.9375rem;
+  text-align: center;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-letter-spacing: normal;
+  -moz-letter-spacing: normal;
+  -ms-letter-spacing: normal;
+  letter-spacing: normal;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+  background-image: none;
+  background-color: rgb(59,70,204);
+  border-radius: 0.25rem;
+  border: solid 0.0625rem rgb(45,56,132);
+  color: rgb(70,70,70);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+  color: rgb(210,67,58);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(210,67,58);
+  cursor: not-allowed;
+  pointer-events: none;
+  color: rgb(216,216,216);
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+  padding: 0.5625rem 1.125rem;
+  font-size: 0.8125rem;
+  min-width: 0rem;
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  float: right;
+}
+
+.c53:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c53:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c53:active,
+.c53:active:hover,
+.c53:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c53[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c53:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c53:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c53:active,
+.c53:active:hover,
+.c53:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c53:focus {
+  color: rgb(205,37,27);
+  background-color: rgb(255,255,255);
+  border-color: rgb(205,37,27);
+}
+
+.c53:hover {
+  color: rgb(205,37,27);
+  background-color: rgb(255,255,255);
+  border-color: rgb(205,37,27);
+}
+
+.c53:active,
+.c53:active:hover,
+.c53:active:focus {
+  background-color: rgba(210,67,58,0.1);
+  border-color: rgb(205,37,27);
+}
+
+.c53:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+}
+
+.c53:hover {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c53:active,
+.c53:active:hover,
+.c53:active:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c53 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c53 svg {
+  max-height: 1.125rem;
+}
+
+.c54 {
+  box-sizing: border-box;
+  display: inline-block;
+  -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;
+  min-height: 3rem;
+  height: 3rem;
+  min-width: 7.5rem;
+  padding: 0.9375rem 1.125rem;
+  position: relative;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+  font-size: 0.9375rem;
+  text-align: center;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-letter-spacing: normal;
+  -moz-letter-spacing: normal;
+  -ms-letter-spacing: normal;
+  letter-spacing: normal;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+  background-image: none;
+  background-color: rgb(59,70,204);
+  border-radius: 0.25rem;
+  border: solid 0.0625rem rgb(45,56,132);
+  color: rgb(70,70,70);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+  color: rgb(210,67,58);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(210,67,58);
+  cursor: not-allowed;
+  pointer-events: none;
+  color: rgb(216,216,216);
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  float: right;
+}
+
+.c54:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c54:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c54:active,
+.c54:active:hover,
+.c54:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c54[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c54:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c54:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c54:active,
+.c54:active:hover,
+.c54:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c54:focus {
+  color: rgb(205,37,27);
+  background-color: rgb(255,255,255);
+  border-color: rgb(205,37,27);
+}
+
+.c54:hover {
+  color: rgb(205,37,27);
+  background-color: rgb(255,255,255);
+  border-color: rgb(205,37,27);
+}
+
+.c54:active,
+.c54:active:hover,
+.c54:active:focus {
+  background-color: rgba(210,67,58,0.1);
+  border-color: rgb(205,37,27);
+}
+
+.c54:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+}
+
+.c54:hover {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c54:active,
+.c54:active:hover,
+.c54:active:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c54 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c54 svg {
+  max-height: 1.125rem;
+}
+
+.c48 {
+  box-sizing: border-box;
+  display: inline-block;
+  -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;
+  min-height: 3rem;
+  height: 3rem;
+  min-width: 7.5rem;
+  padding: 0.9375rem 1.125rem;
+  position: relative;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+  font-size: 0.9375rem;
+  text-align: center;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-letter-spacing: normal;
+  -moz-letter-spacing: normal;
+  -ms-letter-spacing: normal;
+  letter-spacing: normal;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+  background-image: none;
+  background-color: rgb(59,70,204);
+  border-radius: 0.25rem;
+  border: solid 0.0625rem rgb(45,56,132);
+  color: rgb(70,70,70);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+  padding: 0.5625rem 1.125rem;
+  font-size: 0.8125rem;
+  min-width: 0rem;
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.c48:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c48:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c48:active,
+.c48:active:hover,
+.c48:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c48[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c48:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c48:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c48:active,
+.c48:active:hover,
+.c48:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c48 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c48 svg {
+  max-height: 1.125rem;
+}
+
+.c49 {
+  box-sizing: border-box;
+  display: inline-block;
+  -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;
+  min-height: 3rem;
+  height: 3rem;
+  min-width: 7.5rem;
+  padding: 0.9375rem 1.125rem;
+  position: relative;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+  font-size: 0.9375rem;
+  text-align: center;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-letter-spacing: normal;
+  -moz-letter-spacing: normal;
+  -ms-letter-spacing: normal;
+  letter-spacing: normal;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+  background-image: none;
+  background-color: rgb(59,70,204);
+  border-radius: 0.25rem;
+  border: solid 0.0625rem rgb(45,56,132);
+  color: rgb(70,70,70);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.c49:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c49:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c49:active,
+.c49:active:hover,
+.c49:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c49[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c49:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c49:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c49:active,
+.c49:active:hover,
+.c49:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c49 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c49 svg {
+  max-height: 1.125rem;
+}
+
+.c5 {
+  font-size: 0.9375rem;
+  line-height: 1.125rem;
+  font-style: normal;
+  font-stretch: normal;
+  display: block;
+  color: rgb(70,70,70);
+  text-align: left;
+  margin-right: 0.75rem;
+  font-weight: 600;
+  white-space: pre;
+  font-size: 0.8125rem;
+}
+
+.c0 {
+  margin-right: auto;
+  margin-left: auto;
+  box-sizing: border-box;
+  width: 100%;
+  max-width: 62.5rem;
+  padding-bottom: 1.125rem;
+}
+
+.c45 {
+  margin-right: auto;
+  margin-left: auto;
+  box-sizing: border-box;
+  width: 100%;
+  max-width: 62.5rem;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-wrap: nowrap;
+  -ms-flex-wrap: nowrap;
+  flex-wrap: nowrap;
+  -webkit-align-content: stretch;
+  -ms-flex-line-pack: stretch;
+  align-content: stretch;
+  -webkit-align-items: stretch;
+  -webkit-box-align: stretch;
+  -ms-flex-align: stretch;
+  align-items: stretch;
+}
+
+.c2 {
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex: 1 1 auto;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-flex-wrap: wrap;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  margin-right: -0.625rem;
+  margin-left: -0.625rem;
+}
+
+.c46 {
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex: 1 1 auto;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-flex-wrap: wrap;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  margin-right: -0.625rem;
+  margin-left: -0.625rem;
+}
+
+.c47 {
+  box-sizing: border-box;
+  -webkit-flex: 0 0 auto;
+  -ms-flex: 0 0 auto;
+  flex: 0 0 auto;
+  padding-right: 0.625rem;
+  padding-left: 0.625rem;
+  display: block;
+}
+
+.c52 {
+  box-sizing: border-box;
+  -webkit-flex: 0 0 auto;
+  -ms-flex: 0 0 auto;
+  flex: 0 0 auto;
+  padding-right: 0.625rem;
+  padding-left: 0.625rem;
+  display: block;
+}
+
+.c1 {
+  background-color: rgb(216,216,216);
+  margin: 0;
+  background-color: transparent;
+  height: 1.875rem;
+}
+
+.c9 {
+  background-color: rgb(216,216,216);
+  margin: 0;
+  background-color: transparent;
+  height: 1.3125rem;
+}
+
+.c13 {
+  background-color: rgb(216,216,216);
+  margin: 0;
+  background-color: transparent;
+  height: 1.25rem;
+}
+
+.c44 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-flex-wrap: nowrap;
+  -ms-flex-wrap: nowrap;
+  flex-wrap: nowrap;
+  -webkit-align-content: stretch;
+  -ms-flex-line-pack: stretch;
+  align-content: stretch;
+  -webkit-align-items: stretch;
+  -webkit-box-align: stretch;
+  -ms-flex-align: stretch;
+  align-items: stretch;
+  background-color: rgba(241,241,241,1);
+  border-top: 0.0625rem solid rgb(216,216,216);
+  max-height: 3.3125rem;
+  min-height: 3.3125rem;
+  line-height: 1.5625rem;
+  height: 4.375rem;
+  max-height: 4.375rem;
+  z-index: 1;
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}
+
+.c3 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-flex-wrap: nowrap;
+  -ms-flex-wrap: nowrap;
+  flex-wrap: nowrap;
+  -webkit-box-pack: start;
+  -webkit-justify-content: flex-start;
+  -ms-flex-pack: start;
+  justify-content: flex-start;
+  -webkit-align-content: stretch;
+  -ms-flex-line-pack: stretch;
+  align-content: stretch;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+}
+
+.c43 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-flex-wrap: nowrap;
+  -ms-flex-wrap: nowrap;
+  flex-wrap: nowrap;
+  -webkit-box-pack: start;
+  -webkit-justify-content: flex-start;
+  -ms-flex-pack: start;
+  justify-content: flex-start;
+  -webkit-align-content: stretch;
+  -ms-flex-line-pack: stretch;
+  align-content: stretch;
+  -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;
+}
+
+.c37 {
+  width: 0.75rem;
+  height: 0.75rem;
+  border-radius: 50%;
+  background-color: rgb(0,152,88);
+  display: inline-block;
+  margin-right: 0rem;
+  margin-left: 0rem;
+}
+
+.c23 {
+  color: rgb(100,100,100);
+  position: absolute;
+  width: 1.125rem;
+  height: 1.125rem;
+  box-sizing: border-box;
+  top: 0;
+  right: 0;
+  cursor: pointer;
+  background-color: rgb(255,255,255);
+  box-shadow: none;
+  border: 0.0625rem solid rgb(216,216,216);
+  cursor: pointer;
+  border-radius: 0.25rem;
+  width: 1.125rem;
+  height: 1.125rem;
+}
+
+.c23::after {
+  opacity: 0;
+  content: '';
+  position: absolute;
+  width: 0.375rem;
+  height: 0.125rem;
+  background: transparent;
+  top: 0.3125rem;
+  left: 0.25rem;
+  border: 0.125rem solid rgb(45,45,45);
+  border-top: none;
+  border-right: none;
+  -webkit-transform: rotate(-45deg);
+  -ms-transform: rotate(-45deg);
+  transform: rotate(-45deg);
+}
+
+.c21 {
+  display: inline-block;
+  vertical-align: text-bottom;
+  width: 1.125rem;
+  height: 1.125rem;
+  position: relative;
+  cursor: pointer;
+}
+
+.c20 {
+  list-style-type: none;
+  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;
+}
+
+.c20 label {
+  font-weight: 400;
+}
+
+.c4 {
+  display: inline-block;
+  margin: 0;
+  padding: 0;
+  border: none;
+  overflow: hidden;
+  height: auto;
+  -webkit-margin-start: 0;
+  -webkit-margin-end: 0;
+  -webkit-padding-before: 0;
+  -webkit-padding-start: 0;
+  -webkit-padding-end: 0;
+  -webkit-padding-after: 0;
+}
+
+.c8 {
+  display: inline-block;
+  margin: 0;
+  padding: 0;
+  border: none;
+  overflow: hidden;
+  height: auto;
+  -webkit-margin-start: 0;
+  -webkit-margin-end: 0;
+  -webkit-padding-before: 0;
+  -webkit-padding-start: 0;
+  -webkit-padding-end: 0;
+  -webkit-padding-after: 0;
+  float: right;
+}
+
+.c7 {
+  box-sizing: border-box;
+  width: 18.75rem;
+  height: 3rem;
+  min-height: 3rem;
+  padding: 0.8125rem 1.125rem;
+  border-radius: 0.25rem;
+  background-color: rgb(255,255,255);
+  border: 0.0625rem solid rgb(216,216,216);
+  color: rgba(73,73,73,1);
+  max-width: 22.1875rem;
+  text-overflow: ellipsis;
+  font-size: 0.9375rem;
+  line-height: normal !important;
+  font-style: normal;
+  font-stretch: normal;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  outline: 0;
+}
+
+.c7::-webkit-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c7::-moz-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c7:-ms-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c7:invalid {
+  box-shadow: none;
+}
+
+.c7:disabled {
+  background-color: rgb(250,250,250);
+  color: rgb(216,216,216);
+  cursor: not-allowed;
+}
+
+.c7:disabled::-webkit-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c7:disabled::-moz-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c7:disabled:-ms-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c7:focus {
+  border-color: rgb(59,70,204);
+  outline: 0;
+}
+
+.c41 {
+  cursor: pointer;
+  height: 100%;
+  width: 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;
+}
+
+.c14 {
+  overflow: hidden;
+  border-spacing: 0;
+  border-collapse: separate;
+  table-layout: fixed;
+  width: 100%;
+  max-width: 100%;
+}
+
+.c15 {
+  width: 100%;
+  background: rgb(250,250,250);
+}
+
+.c15 th:first-child {
+  border-top-left-radius: 0.25rem;
+}
+
+.c15 th:last-child {
+  border-top-right-radius: 0.25rem;
+}
+
+.c31 {
+  width: 100%;
+}
+
+.c18 {
+  border-width: 0.0625rem;
+  border-style: solid;
+  border-color: rgb(216,216,216);
+  border-spacing: 0;
+  white-space: nowrap;
+  box-sizing: border-box;
+  padding: 0 1.5rem;
+  height: 3.75rem;
+  width: 2rem;
+  display: table-cell;
+  vertical-align: middle;
+  text-align: left;
+  height: 2.625rem;
+  color: rgb(189,189,189);
+  font-weight: 500;
+  border-bottom-width: 0;
+}
+
+.c18:not(:first-child) {
+  border-left-width: 0;
+}
+
+.c18:not(:last-child) {
+  border-right-width: 0;
+}
+
+.c24 {
+  border-width: 0.0625rem;
+  border-style: solid;
+  border-color: rgb(216,216,216);
+  border-spacing: 0;
+  white-space: nowrap;
+  box-sizing: border-box;
+  padding: 0 1.5rem;
+  height: 3.75rem;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  vertical-align: middle;
+  text-align: left;
+  height: 2.625rem;
+  color: rgb(189,189,189);
+  font-weight: 500;
+  border-bottom-width: 0;
+  color: rgba(73,73,73,1);
+  font-weight: bold;
+}
+
+.c24:not(:first-child) {
+  border-left-width: 0;
+}
+
+.c24:not(:last-child) {
+  border-right-width: 0;
+}
+
+.c26 {
+  border-width: 0.0625rem;
+  border-style: solid;
+  border-color: rgb(216,216,216);
+  border-spacing: 0;
+  white-space: nowrap;
+  box-sizing: border-box;
+  padding: 0 1.5rem;
+  height: 3.75rem;
+  width: 9.375rem;
+  display: table-cell;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  vertical-align: middle;
+  text-align: left;
+  height: 2.625rem;
+  color: rgb(189,189,189);
+  font-weight: 500;
+  border-bottom-width: 0;
+}
+
+.c26:not(:first-child) {
+  border-left-width: 0;
+}
+
+.c26:not(:last-child) {
+  border-right-width: 0;
+}
+
+.c27 {
+  border-width: 0.0625rem;
+  border-style: solid;
+  border-color: rgb(216,216,216);
+  border-spacing: 0;
+  white-space: nowrap;
+  box-sizing: border-box;
+  padding: 0 1.5rem;
+  height: 3.75rem;
+  width: 0rem;
+  display: none;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  vertical-align: middle;
+  text-align: left;
+  height: 2.625rem;
+  color: rgb(189,189,189);
+  font-weight: 500;
+  border-bottom-width: 0;
+}
+
+.c27:not(:first-child) {
+  border-left-width: 0;
+}
+
+.c27:not(:last-child) {
+  border-right-width: 0;
+}
+
+.c28 {
+  border-width: 0.0625rem;
+  border-style: solid;
+  border-color: rgb(216,216,216);
+  border-spacing: 0;
+  white-space: nowrap;
+  box-sizing: border-box;
+  padding: 0 1.5rem;
+  height: 3.75rem;
+  width: 0rem;
+  display: none;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  vertical-align: middle;
+  text-align: left;
+  height: 2.625rem;
+  color: rgb(189,189,189);
+  font-weight: 500;
+  border-bottom-width: 0;
+}
+
+.c28:not(:first-child) {
+  border-left-width: 0;
+}
+
+.c28:not(:last-child) {
+  border-right-width: 0;
+}
+
+.c30 {
+  border-width: 0.0625rem;
+  border-style: solid;
+  border-color: rgb(216,216,216);
+  border-spacing: 0;
+  white-space: nowrap;
+  box-sizing: border-box;
+  padding: 0 1.5rem;
+  height: 3.75rem;
+  width: 3.75rem;
+  display: table-cell;
+  height: 2.625rem;
+  color: rgb(189,189,189);
+  font-weight: 500;
+  border-bottom-width: 0;
+}
+
+.c30:not(:first-child) {
+  border-left-width: 0;
+}
+
+.c30:not(:last-child) {
+  border-right-width: 0;
+}
+
+.c33 {
+  border-width: 0.0625rem;
+  border-style: solid;
+  border-color: rgb(216,216,216);
+  border-spacing: 0;
+  white-space: nowrap;
+  box-sizing: border-box;
+  padding: 0 1.5rem;
+  height: 3.75rem;
+  vertical-align: middle;
+  text-align: left;
+  border-bottom-width: 0;
+}
+
+.c33:not(:first-child) {
+  border-left-width: 0;
+}
+
+.c33:not(:last-child) {
+  border-right-width: 0;
+}
+
+.c38 {
+  border-width: 0.0625rem;
+  border-style: solid;
+  border-color: rgb(216,216,216);
+  border-spacing: 0;
+  white-space: nowrap;
+  box-sizing: border-box;
+  padding: 0 1.5rem;
+  height: 3.75rem;
+  width: 0rem;
+  display: none;
+  vertical-align: middle;
+  text-align: left;
+  border-bottom-width: 0;
+}
+
+.c38:not(:first-child) {
+  border-left-width: 0;
+}
+
+.c38:not(:last-child) {
+  border-right-width: 0;
+}
+
+.c39 {
+  border-width: 0.0625rem;
+  border-style: solid;
+  border-color: rgb(216,216,216);
+  border-spacing: 0;
+  white-space: nowrap;
+  box-sizing: border-box;
+  padding: 0 1.5rem;
+  height: 3.75rem;
+  width: 0rem;
+  display: none;
+  vertical-align: middle;
+  text-align: left;
+  border-bottom-width: 0;
+}
+
+.c39:not(:first-child) {
+  border-left-width: 0;
+}
+
+.c39:not(:last-child) {
+  border-right-width: 0;
+}
+
+.c40 {
+  border-width: 0.0625rem;
+  border-style: solid;
+  border-color: rgb(216,216,216);
+  border-spacing: 0;
+  white-space: nowrap;
+  box-sizing: border-box;
+  padding: 0 1.5rem;
+  height: 3.75rem;
+  border-bottom-width: 0;
+  border-left-width: 0.0625rem !important;
+}
+
+.c40:not(:first-child) {
+  border-left-width: 0;
+}
+
+.c40:not(:last-child) {
+  border-right-width: 0;
+}
+
+.c16 {
+  display: table-row;
+  color: rgba(73,73,73,1);
+  background-color: rgb(255,255,255);
+  box-shadow: 0 0.125rem 0 rgba(0,0,0,0.05);
+  box-sizing: border-box;
+  color: rgba(73,73,73,1);
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+.c16:last-child {
+  box-shadow: none;
+}
+
+.c16:last-child td {
+  border-bottom-width: 0.0625rem;
+}
+
+.c32 {
+  display: table-row;
+  color: rgba(73,73,73,1);
+  background-color: rgb(255,255,255);
+  box-shadow: 0 0.125rem 0 rgba(0,0,0,0.05);
+  box-sizing: border-box;
+}
+
+.c32:last-child {
+  box-shadow: none;
+}
+
+.c32:last-child td {
+  border-bottom-width: 0.0625rem;
+}
+
+.c34 {
+  color: rgba(73,73,73,1);
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  font-weight: 600;
+}
+
+.c42 {
+  width: 3rem;
+  height: 3rem;
+  min-width: 3rem;
+}
+
+@media only screen and (min-width:48em) {
+  .c0 {
+    width: 46rem;
+  }
+}
+
+@media only screen and (min-width:64em) {
+  .c0 {
+    width: 56rem;
+  }
+}
+
+@media only screen and (min-width:75em) {
+  .c0 {
+    width: 59rem;
+  }
+}
+
+@media only screen and (max-width:47.9375rem) {
+  .c0 {
+    padding-left: 0.375rem;
+    padding-right: 0.375rem;
+  }
+}
+
+@media only screen and (min-width:48em) {
+  .c45 {
+    width: 46rem;
+  }
+}
+
+@media only screen and (min-width:64em) {
+  .c45 {
+    width: 56rem;
+  }
+}
+
+@media only screen and (min-width:75em) {
+  .c45 {
+    width: 59rem;
+  }
+}
+
+@media only screen and (max-width:47.9375rem) {
+  .c45 {
+    padding-left: 0.375rem;
+    padding-right: 0.375rem;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c46 {
+    -webkit-align-items: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c46 {
+    -webkit-box-pack: justify;
+    -webkit-justify-content: space-between;
+    -ms-flex-pack: justify;
+    justify-content: space-between;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c47 {
+    -webkit-flex-basis: 58.333333333333336%;
+    -ms-flex-preferred-size: 58.333333333333336%;
+    flex-basis: 58.333333333333336%;
+    max-width: 58.333333333333336%;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c52 {
+    -webkit-flex-basis: 41.66666666666667%;
+    -ms-flex-preferred-size: 41.66666666666667%;
+    flex-basis: 41.66666666666667%;
+    max-width: 41.66666666666667%;
+  }
+}
+
+@media only screen and (min-width:47.9375rem) {
+  .c27 {
+    width: 10rem;
+    display: table-cell;
+  }
+}
+
+@media only screen and (min-width:47.9375rem) {
+  .c28 {
+    width: 8.125rem;
+    display: table-cell;
+  }
+}
+
+@media only screen and (min-width:47.9375rem) {
+  .c38 {
+    width: 10rem;
+    display: table-cell;
+  }
+}
+
+@media only screen and (min-width:47.9375rem) {
+  .c39 {
+    width: 8.125rem;
+    display: table-cell;
+  }
+}
+
 <div
   className="c0"
 >
@@ -10811,24 +10969,28 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
               onMouseLeave={undefined}
               tag="div"
             >
-              <svg
-                className=""
-                height="16"
-                innerRef={undefined}
-                style={
-                  Object {
-                    "transform": "rotate(0deg)",
-                  }
-                }
-                viewBox="0 0 4 16"
-                width="4"
-                xmlns="http://www.w3.org/2000/svg"
+              <div
+                className="c42 c43"
               >
-                <path
-                  d="M2,16a2,2,0,1,0-2-2A2,2,0,0,0,2,16Zm0-6A2,2,0,1,0,0,8,2,2,0,0,0,2,10ZM2,4A2,2,0,1,0,0,2,2,2,0,0,0,2,4Z"
-                  fill="rgba(73, 73, 73, 1)"
-                />
-              </svg>
+                <svg
+                  className=""
+                  height="16"
+                  innerRef={undefined}
+                  style={
+                    Object {
+                      "transform": "rotate(0deg)",
+                    }
+                  }
+                  viewBox="0 0 4 16"
+                  width="4"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M2,16a2,2,0,1,0-2-2A2,2,0,0,0,2,16Zm0-6A2,2,0,1,0,0,8,2,2,0,0,0,2,10ZM2,4A2,2,0,1,0,0,2,2,2,0,0,0,2,4Z"
+                    fill="rgba(73, 73, 73, 1)"
+                  />
+                </svg>
+              </div>
             </div>
           </td>
         </tr>
@@ -10938,24 +11100,28 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
               onMouseLeave={undefined}
               tag="div"
             >
-              <svg
-                className=""
-                height="16"
-                innerRef={undefined}
-                style={
-                  Object {
-                    "transform": "rotate(0deg)",
-                  }
-                }
-                viewBox="0 0 4 16"
-                width="4"
-                xmlns="http://www.w3.org/2000/svg"
+              <div
+                className="c42 c43"
               >
-                <path
-                  d="M2,16a2,2,0,1,0-2-2A2,2,0,0,0,2,16Zm0-6A2,2,0,1,0,0,8,2,2,0,0,0,2,10ZM2,4A2,2,0,1,0,0,2,2,2,0,0,0,2,4Z"
-                  fill="rgba(73, 73, 73, 1)"
-                />
-              </svg>
+                <svg
+                  className=""
+                  height="16"
+                  innerRef={undefined}
+                  style={
+                    Object {
+                      "transform": "rotate(0deg)",
+                    }
+                  }
+                  viewBox="0 0 4 16"
+                  width="4"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M2,16a2,2,0,1,0-2-2A2,2,0,0,0,2,16Zm0-6A2,2,0,1,0,0,8,2,2,0,0,0,2,10ZM2,4A2,2,0,1,0,0,2,2,2,0,0,0,2,4Z"
+                    fill="rgba(73, 73, 73, 1)"
+                  />
+                </svg>
+              </div>
             </div>
           </td>
         </tr>
@@ -10963,23 +11129,23 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
     </table>
   </form>
   <div
-    className="c42"
+    className="c44"
   >
     <div
-      className="c43"
+      className="c45"
     >
       <div
-        className="c44"
+        className="c46"
       >
         <div
-          className="c45"
+          className="c47"
         >
           <span
             name="react-responsive-mock"
             query="only screen and (max-width: 47.9375rem)"
           >
             <button
-              className="c46 c11 c12"
+              className="c48 c11 c12"
               disabled={false}
               href=""
               icon={true}
@@ -11011,7 +11177,7 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
             query="only screen and (min-width: 48rem)"
           >
             <button
-              className="c47 c11 c12"
+              className="c49 c11 c12"
               disabled={false}
               href=""
               icon={true}
@@ -11046,7 +11212,7 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
             query="only screen and (max-width: 47.9375rem)"
           >
             <button
-              className="c48 c11 c12"
+              className="c50 c11 c12"
               disabled={true}
               href=""
               icon={true}
@@ -11078,7 +11244,7 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
             query="only screen and (min-width: 48rem)"
           >
             <button
-              className="c49 c11 c12"
+              className="c51 c11 c12"
               disabled={true}
               href=""
               icon={true}
@@ -11113,7 +11279,7 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
             query="only screen and (max-width: 47.9375rem)"
           >
             <button
-              className="c48 c11 c12"
+              className="c50 c11 c12"
               disabled={true}
               href=""
               icon={true}
@@ -11161,7 +11327,7 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
             query="only screen and (min-width: 48rem)"
           >
             <button
-              className="c49 c11 c12"
+              className="c51 c11 c12"
               disabled={true}
               href=""
               icon={true}
@@ -11209,14 +11375,14 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
           </span>
         </div>
         <div
-          className="c50"
+          className="c52"
         >
           <span
             name="react-responsive-mock"
             query="only screen and (max-width: 47.9375rem)"
           >
             <button
-              className="c51 c11 c12"
+              className="c53 c11 c12"
               disabled={true}
               href=""
               icon={true}
@@ -11248,7 +11414,7 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
             query="only screen and (min-width: 48rem)"
           >
             <button
-              className="c52 c11 c12"
+              className="c54 c11 c12"
               disabled={true}
               href=""
               icon={true}
diff --git a/packages/my-joy-beta/src/containers/instances/list.js b/packages/my-joy-beta/src/containers/instances/list.js
index 07af598a..a0ba75f2 100644
--- a/packages/my-joy-beta/src/containers/instances/list.js
+++ b/packages/my-joy-beta/src/containers/instances/list.js
@@ -12,6 +12,7 @@ import find from 'lodash.find';
 import reverse from 'lodash.reverse';
 import sort from 'lodash.sortby';
 import remcalc from 'remcalc';
+import Fuse from 'fuse.js';
 
 import {
   ViewContainer,
@@ -28,7 +29,7 @@ import StartInstance from '@graphql/start-instance.gql';
 import RebootInstance from '@graphql/reboot-instance.gql';
 import RemoveInstance from '@graphql/remove-instance.gql';
 import ToolbarForm from '@components/instances/toolbar';
-import Index from '@state/gen-index';
+import Empty from '@components/empty';
 import parseError from '@state/parse-error';
 import Confirm from '@state/confirm';
 
@@ -37,7 +38,6 @@ import {
   Item as InstanceListItem
 } from '@components/instances/list';
 
-import Empty from '@components/empty';
 import InstanceListActions from '@components/instances/footer';
 
 const TABLE_FORM_NAME = 'instance-list-table';
@@ -58,7 +58,8 @@ export const List = ({
   toggleSelectAll,
   handleCreateImage,
   handleSortBy,
-  history
+  history,
+  filter
 }) => {
   const _instances = forceArray(instances);
 
@@ -106,11 +107,13 @@ export const List = ({
           sortOrder={sortOrder}
           toggleSelectAll={toggleSelectAll}
           onSortBy={handleSortBy}
+          noInstances={!_instances.length}
         >
-          {_instances.map(({ id, ...rest }) => (
+          {_instances.map(({ name, id, ...rest }) => (
             <InstanceListItem
               key={id}
               id={id}
+              name={name}
               {...rest}
               onCreateImage={() => handleCreateImage(rest)}
               onStart={() => handleStart([{ id }])}
@@ -127,9 +130,10 @@ export const List = ({
   const _empty =
     !loading && !_instances.length ? (
       <Empty>
-        You haven't created any instances yet, but they're really easy to set
-        up.<br />
-        Click above to get going.
+        {filter
+          ? 'You have no Images that match your query'
+          : `You haven't created any instances yet, but they're really easy to set up.
+        Click above to get going.`}
       </Empty>
     ) : null;
 
@@ -191,11 +195,15 @@ export default compose(
         }
       }));
 
+      const index = new Fuse(instances, {
+        keys: instances.length ? Object.keys(instances[0]) : ['name']
+      });
+
       return {
         instances,
         loading,
         error,
-        index: Index(instances),
+        index,
         refetch
       };
     }
@@ -215,9 +223,7 @@ export default compose(
       const sortOrder = get(values, 'instance-list-sort-order', 'asc');
 
       // if user is searching something, get items that match that query
-      const filtered = filter
-        ? index.search(filter).map(({ ref }) => find(instances, ['id', ref]))
-        : instances;
+      const filtered = filter ? index.search(filter) : instances;
 
       // from filtered instances, sort asc
       // set's mutating flag
@@ -259,7 +265,8 @@ export default compose(
         mutationError,
         index,
         sortOrder,
-        sortBy
+        sortBy,
+        filter
       };
     },
     (dispatch, { refetch, ...ownProps }) => ({
diff --git a/packages/my-joy-beta/src/containers/instances/snapshots.js b/packages/my-joy-beta/src/containers/instances/snapshots.js
index c58e6eb0..3277fd14 100644
--- a/packages/my-joy-beta/src/containers/instances/snapshots.js
+++ b/packages/my-joy-beta/src/containers/instances/snapshots.js
@@ -11,6 +11,7 @@ import sort from 'lodash.sortby';
 import { set } from 'react-redux-values';
 import ReduxForm from 'declarative-redux-form';
 import intercept from 'apr-intercept';
+import Fuse from 'fuse.js';
 
 import {
   ViewContainer,
@@ -32,7 +33,6 @@ import CreateSnapshotMutation from '@graphql/create-snapshot.gql';
 import ToolbarForm from '@components/instances/toolbar';
 import SnapshotsListActions from '@components/instances/footer';
 import parseError from '@state/parse-error';
-import GenIndex from '@state/gen-index';
 import Confirm from '@state/confirm';
 
 const MENU_FORM_NAME = 'snapshot-list-menu';
@@ -170,9 +170,9 @@ export default compose(
       const instance = find(get(rest, 'machines', []), ['name', name]);
       const snapshots = get(instance, 'snapshots', []);
 
-      const index = GenIndex(
-        snapshots.map(({ name, ...rest }) => ({ ...rest, id: name }))
-      );
+      const index = new Fuse(snapshots, {
+        keys: snapshots.length ? Object.keys(snapshots[0]) : ['name']
+      });
 
       return {
         index,
@@ -206,9 +206,7 @@ export default compose(
       const createSnapshotOpen = get(values, 'snapshots-create-open', false);
 
       // if user is searching something, get items that match that query
-      const filtered = filter
-        ? index.search(filter).map(({ ref }) => find(snapshots, ['name', ref]))
-        : snapshots;
+      const filtered = filter ? index.search(filter) : snapshots;
 
       // from filtered instances, sort asc
       // set's mutating flag
diff --git a/packages/my-joy-beta/src/containers/instances/tags.js b/packages/my-joy-beta/src/containers/instances/tags.js
index 27fef89b..9f560a93 100644
--- a/packages/my-joy-beta/src/containers/instances/tags.js
+++ b/packages/my-joy-beta/src/containers/instances/tags.js
@@ -10,6 +10,7 @@ import find from 'lodash.find';
 import get from 'lodash.get';
 import intercept from 'apr-intercept';
 import remcalc from 'remcalc';
+import Fuse from 'fuse.js';
 
 import {
   ViewContainer,
@@ -29,7 +30,6 @@ import ToolbarForm from '@components/instances/toolbar';
 import GetTags from '@graphql/list-tags.gql';
 import UpdateTags from '@graphql/update-tags.gql';
 import DeleteTag from '@graphql/delete-tag.gql';
-import Index from '@state/gen-index';
 import parseError from '@state/parse-error';
 import Confirm from '@state/confirm';
 
@@ -161,10 +161,14 @@ export default compose(
         ({ name = '' }) => !/^triton\.cns\./i.test(name)
       );
 
+      const index = new Fuse(tags, {
+        keys: tags.length ? Object.keys(tags[0]) : ['name']
+      });
+
       return {
         tags,
         instance,
-        index: Index(tags),
+        index,
         loading,
         error,
         refetch
@@ -176,9 +180,8 @@ export default compose(
       // get search value
       const filter = get(form, `${MENU_FORM_NAME}.values.filter`, false);
       // if user is searching something, get items that match that query
-      const filtered = filter
-        ? index.search(filter).map(({ ref }) => find(tags, ['id', ref]))
-        : tags;
+      // if user is searching something, get items that match that query
+      const filtered = filter ? index.search(filter) : tags;
 
       const addOpen = get(values, 'add-tags-open', false);
       const editingTagName = get(values, 'editing-tag', null);
diff --git a/packages/my-joy-beta/src/state/gen-index.js b/packages/my-joy-beta/src/state/gen-index.js
deleted file mode 100644
index 327982f0..00000000
--- a/packages/my-joy-beta/src/state/gen-index.js
+++ /dev/null
@@ -1,16 +0,0 @@
-import Lunr from 'lunr';
-
-Lunr.tokenizer.separator = /[\s\-|_]+/;
-
-export default items =>
-  Lunr(function() {
-    const fields = items
-      .map(item => Object.keys(item))
-      .reduce((all, keys) => all.concat(keys), [])
-      // eslint-disable-next-line no-implicit-coercion
-      .reduce((all, key) => (~all.indexOf(key) ? all : all.concat(key)), [])
-      .filter(key => !key.match(/^__/));
-
-    fields.forEach(field => this.field(field));
-    items.forEach(item => this.add(item));
-  });
diff --git a/packages/ui-toolkit/src/form/__tests__/__snapshots__/form.spec.js.snap b/packages/ui-toolkit/src/form/__tests__/__snapshots__/form.spec.js.snap
index 5e4d9e92..911e5338 100644
--- a/packages/ui-toolkit/src/form/__tests__/__snapshots__/form.spec.js.snap
+++ b/packages/ui-toolkit/src/form/__tests__/__snapshots__/form.spec.js.snap
@@ -590,6 +590,7 @@ exports[`Form Select 1`] = `
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   right: 0.75rem;
+  pointer-events: none;
 }
 
 .c2 {
@@ -837,6 +838,15 @@ exports[`Form Toggle 1`] = `
   box-shadow: none;
 }
 
+.c2:checked + label {
+  background: rgb(250,250,250);
+  border: 0.0625rem solid rgb(216,216,216);
+}
+
+.c2:checked + label:after {
+  box-shadow: 0 0 0 0.0625rem rgb(216,216,216);
+}
+
 .c3 {
   outline: 0;
   display: block;
diff --git a/packages/ui-toolkit/src/form/label.js b/packages/ui-toolkit/src/form/label.js
index 367cd7a2..430770e3 100644
--- a/packages/ui-toolkit/src/form/label.js
+++ b/packages/ui-toolkit/src/form/label.js
@@ -11,6 +11,10 @@ const StyledLabel = Label.extend`
   white-space: pre;
   font-size: ${remcalc(13)};
 
+  ${is('actionable')`
+   cursor: pointer;
+  `};
+
   ${is('disabled')`
     color:  ${props => props.theme.grey};
   `};
diff --git a/packages/ui-toolkit/src/form/select.js b/packages/ui-toolkit/src/form/select.js
index bc51061e..479b08ba 100644
--- a/packages/ui-toolkit/src/form/select.js
+++ b/packages/ui-toolkit/src/form/select.js
@@ -34,6 +34,7 @@ const SelectWrapper = styled.div`
     top: 50%;
     transform: translateY(-50%);
     right: ${remcalc(12)};
+    pointer-events: none;
   }
 
   ${is('embedded')`
diff --git a/packages/ui-toolkit/src/form/toggle.js b/packages/ui-toolkit/src/form/toggle.js
index 08569aa6..57bd4a68 100644
--- a/packages/ui-toolkit/src/form/toggle.js
+++ b/packages/ui-toolkit/src/form/toggle.js
@@ -32,6 +32,17 @@ const Input = styled.input`
       }
     }
   }
+
+  ${is('disabled')`
+    &:checked + label {
+      background: ${props => props.theme.background};
+      border: ${remcalc(1)} solid ${props => props.theme.grey};
+
+      &:after {
+        box-shadow: 0 0 0 ${remcalc(1)} ${props => props.theme.grey};
+      }
+    }
+  `}
 `;
 
 const InputLabel = styled.label`
@@ -100,6 +111,7 @@ const InputLabel = styled.label`
           padding-right: 0;
         }
       }
+
       &:before {
         cursor: not-allowed;
       }
diff --git a/packages/ui-toolkit/src/table/index.js b/packages/ui-toolkit/src/table/index.js
index afa8f500..f79a6c90 100644
--- a/packages/ui-toolkit/src/table/index.js
+++ b/packages/ui-toolkit/src/table/index.js
@@ -300,7 +300,7 @@ export const Tfoot = Baseline(({ children, ...rest }) => (
 export const Tr = Baseline(({ children, ...rest }) => (
   <Propagate {...rest}>
     {value => (
-      <BaseTr {...value} name="tr">
+      <BaseTr {...rest} {...value} name="tr">
         {children}
       </BaseTr>
     )}
@@ -310,7 +310,13 @@ export const Tr = Baseline(({ children, ...rest }) => (
 export const Th = Baseline(({ children, ...rest }) => (
   <Propagate {...rest}>
     {({ showSort, sortOrder, header, ...value }) => (
-      <BaseTh {...value} showSort={showSort} header={header} name="th">
+      <BaseTh
+        {...rest}
+        {...value}
+        showSort={showSort}
+        header={header}
+        name="th"
+      >
         {children}
         {!showSort || !header ? null : (
           <ArrowIcon
@@ -337,7 +343,7 @@ export const Tbody = Baseline(({ children, ...rest }) => (
 export const Td = Baseline(({ children, ...rest }) => (
   <Propagate {...rest}>
     {value => (
-      <BaseTd {...value} {...rest} name="td">
+      <BaseTd {...rest} {...value} {...rest} name="td">
         {children}
       </BaseTd>
     )}
diff --git a/yarn.lock b/yarn.lock
index 315aa473..0ab62024 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -185,7 +185,7 @@
   version "9.4.6"
   resolved "https://registry.yarnpkg.com/@types/node/-/node-9.4.6.tgz#d8176d864ee48753d053783e4e463aec86b8d82e"
 
-"@types/zen-observable@0.5.3", "@types/zen-observable@^0.5.3":
+"@types/zen-observable@^0.5.3":
   version "0.5.3"
   resolved "https://registry.yarnpkg.com/@types/zen-observable/-/zen-observable-0.5.3.tgz#91b728599544efbb7386d8b6633693a3c2e7ade5"
 
@@ -379,6 +379,10 @@ anymatch@^2.0.0:
     micromatch "^3.1.4"
     normalize-path "^2.1.1"
 
+apart@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/apart/-/apart-1.0.1.tgz#97ae56938c71c113ae09c0feafb5f5af84eba063"
+
 apollo-cache-inmemory@^1.1.5, apollo-cache-inmemory@^1.1.7:
   version "1.1.9"
   resolved "https://registry.yarnpkg.com/apollo-cache-inmemory/-/apollo-cache-inmemory-1.1.9.tgz#8bcd05e8ec4e7dc5ffda7f68252244cab3197b71"
@@ -408,23 +412,23 @@ apollo-client@^2.2.0, apollo-client@^2.2.3:
     "@types/async" "2.0.47"
 
 apollo-link-dedup@^1.0.0:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/apollo-link-dedup/-/apollo-link-dedup-1.0.7.tgz#2fc31b04d7be5c2b6cb9aded03be9b634e5483c8"
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/apollo-link-dedup/-/apollo-link-dedup-1.0.8.tgz#8c3028cf32557bd040ab6ba8856f38067bdacead"
   dependencies:
-    apollo-link "^1.2.0"
+    apollo-link "^1.2.1"
 
-apollo-link-http-common@^0.2.1:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/apollo-link-http-common/-/apollo-link-http-common-0.2.1.tgz#bd8dbb751633be8796f58fe1ba4ecdc0a2f46110"
+apollo-link-http-common@^0.2.2:
+  version "0.2.2"
+  resolved "https://registry.yarnpkg.com/apollo-link-http-common/-/apollo-link-http-common-0.2.2.tgz#ac8a1810eca6a7ed37a34baeeb0a55752e6a0e30"
   dependencies:
-    apollo-link "^1.2.0"
+    apollo-link "^1.2.1"
 
 apollo-link-http@^1.3.2, apollo-link-http@^1.3.3:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/apollo-link-http/-/apollo-link-http-1.4.0.tgz#63fdaeb63291dd47e0404591fd0a0cf3ca67f8a3"
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/apollo-link-http/-/apollo-link-http-1.5.1.tgz#1cae092e994d86659f88cc418ccd10a914b312d3"
   dependencies:
-    apollo-link "^1.2.0"
-    apollo-link-http-common "^0.2.1"
+    apollo-link "^1.2.1"
+    apollo-link-http-common "^0.2.2"
 
 apollo-link-state@^0.3.1:
   version "0.3.1"
@@ -433,14 +437,13 @@ apollo-link-state@^0.3.1:
     apollo-utilities "^1.0.1"
     graphql-anywhere "^4.1.0-alpha.0"
 
-apollo-link@^1.0.0, apollo-link@^1.0.7, apollo-link@^1.1.0, apollo-link@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/apollo-link/-/apollo-link-1.2.0.tgz#1abba5456eb35fc8b8a79f3be421e683a9ecfc41"
+apollo-link@^1.0.0, apollo-link@^1.0.7, apollo-link@^1.1.0, apollo-link@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/apollo-link/-/apollo-link-1.2.1.tgz#c120b16059f9bd93401b9f72b94d2f80f3f305d2"
   dependencies:
     "@types/node" "^9.4.6"
-    "@types/zen-observable" "0.5.3"
     apollo-utilities "^1.0.0"
-    zen-observable "^0.8.0"
+    zen-observable-ts "^0.8.6"
 
 apollo-server-module-graphiql@^1.3.2:
   version "1.3.2"
@@ -450,7 +453,7 @@ apollo-utilities@1.0.4, apollo-utilities@^1.0.0, apollo-utilities@^1.0.1, apollo
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/apollo-utilities/-/apollo-utilities-1.0.4.tgz#560009ea5541b9fdc4ee07ebb1714ee319a76c15"
 
-apollo@^0.2.2:
+apollo@0.2.2, apollo@^0.2.2:
   version "0.2.2"
   resolved "https://registry.yarnpkg.com/apollo/-/apollo-0.2.2.tgz#e409f53765bbf98efa3d127a2789c63bccd025d6"
   dependencies:
@@ -3094,8 +3097,8 @@ css-loader@0.28.7:
     source-list-map "^2.0.0"
 
 css-loader@^0.28.7:
-  version "0.28.9"
-  resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-0.28.9.tgz#68064b85f4e271d7ce4c48a58300928e535d1c95"
+  version "0.28.10"
+  resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-0.28.10.tgz#40282e79230f7bcb4e483efa631d670b735ebf42"
   dependencies:
     babel-code-frame "^6.26.0"
     css-selector-tokenizer "^0.7.0"
@@ -3218,7 +3221,7 @@ currently-unhandled@^0.4.1:
   dependencies:
     array-find-index "^1.0.1"
 
-currify@^2.0.0:
+currify@^2.0.0, currify@^2.0.6:
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/currify/-/currify-2.0.6.tgz#86064386778e315c043382d53ba278efc6a9ef87"
 
@@ -3645,8 +3648,8 @@ ee-first@1.1.1:
   resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
 
 electron-to-chromium@^1.2.7, electron-to-chromium@^1.3.30:
-  version "1.3.33"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.33.tgz#bf00703d62a7c65238136578c352d6c5c042a545"
+  version "1.3.34"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.34.tgz#d93498f40391bb0c16a603d8241b9951404157ed"
 
 elliptic@^6.0.0:
   version "6.4.0"
@@ -3916,8 +3919,8 @@ eslint-plugin-flowtype@2.39.1:
     lodash "^4.15.0"
 
 eslint-plugin-flowtype@^2.39.1:
-  version "2.46.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-flowtype/-/eslint-plugin-flowtype-2.46.0.tgz#832e2f6cc75ea33a25b801b6b87f0342f372b362"
+  version "2.46.1"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-flowtype/-/eslint-plugin-flowtype-2.46.1.tgz#c4f81d580cd89c82bc3a85a1ccf4ae3a915143a4"
   dependencies:
     lodash "^4.15.0"
 
@@ -4738,6 +4741,10 @@ functional-red-black-tree@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz#1b0ab3bd553b2a0d6399d29c0e3ea0b252078327"
 
+fuse.js@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/fuse.js/-/fuse.js-3.2.0.tgz#f0448e8069855bf2a3e683cdc1d320e7e2a07ef4"
+
 fwrule@^1.4.1:
   version "1.4.1"
   resolved "https://registry.yarnpkg.com/fwrule/-/fwrule-1.4.1.tgz#41f24a1d9eac22b8cf20c65dd9dab4240ad11a1f"
@@ -5007,8 +5014,8 @@ graphql-config@~1.0.9:
     rimraf "^2.6.2"
 
 graphql-request@^1.4.0:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/graphql-request/-/graphql-request-1.4.1.tgz#0772743cfac8dfdd4d69d36106a96c9bdd191ce8"
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/graphql-request/-/graphql-request-1.5.0.tgz#69b30a1767189fcba27f5c907c0a87339f90b5d8"
   dependencies:
     cross-fetch "1.1.1"
 
@@ -7396,8 +7403,8 @@ mz@^2.7.0:
     thenify-all "^1.0.0"
 
 nan@^2.3.0:
-  version "2.8.0"
-  resolved "https://registry.yarnpkg.com/nan/-/nan-2.8.0.tgz#ed715f3fe9de02b57a5e6252d90a96675e1f085a"
+  version "2.9.2"
+  resolved "https://registry.yarnpkg.com/nan/-/nan-2.9.2.tgz#f564d75f5f8f36a6d9456cca7a6c4fe488ab7866"
 
 nanomatch@^1.2.9:
   version "1.2.9"
@@ -9259,8 +9266,8 @@ redent@^1.0.0:
     strip-indent "^1.0.1"
 
 redrun@^5.10.0, redrun@^5.9.18:
-  version "5.10.3"
-  resolved "https://registry.yarnpkg.com/redrun/-/redrun-5.10.3.tgz#9f5fff319c5171c304e60b05ac6e10df3fb33daa"
+  version "5.10.5"
+  resolved "https://registry.yarnpkg.com/redrun/-/redrun-5.10.5.tgz#e8ce39d00b6a7ffe50e96e4bcda330e5bd796dd3"
   dependencies:
     all-object-keys "^1.0.0"
     currify "^2.0.0"
@@ -9270,6 +9277,7 @@ redrun@^5.10.0, redrun@^5.9.18:
     jessy "^2.0.0"
     mapsome "^1.0.0"
     readjson "^1.1.3"
+    somefilter "^2.0.0"
     squad "^2.0.0"
     try-catch "^2.0.0"
     yargs-parser "^9.0.2"
@@ -10171,6 +10179,14 @@ sockjs@0.3.19:
     faye-websocket "^0.10.0"
     uuid "^3.0.1"
 
+somefilter@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/somefilter/-/somefilter-2.0.1.tgz#a4ba858672bcce458dfcc1b1b2ee3cd5ce42374f"
+  dependencies:
+    apart "^1.0.1"
+    currify "^2.0.6"
+    squad "^2.0.0"
+
 sort-keys@^1.0.0:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/sort-keys/-/sort-keys-1.1.2.tgz#441b6d4d346798f1b4e49e8920adfba0e543f9ad"
@@ -10990,8 +11006,8 @@ uglify-es@^3.3.4:
     source-map "~0.6.1"
 
 uglify-js@3.3.x, uglify-js@^3.0.13:
-  version "3.3.11"
-  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.3.11.tgz#e9d058b20715138bb4e8e5cae2ea581686bdaae3"
+  version "3.3.12"
+  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.3.12.tgz#efd87c16a1f4c674a8a5ede571001ef634dcc883"
   dependencies:
     commander "~2.14.1"
     source-map "~0.6.1"
@@ -11556,10 +11572,10 @@ webpack-manifest-plugin@1.3.2:
     lodash ">=3.5 <5"
 
 webpack-merge@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/webpack-merge/-/webpack-merge-4.1.1.tgz#f1197a0a973e69c6fbeeb6d658219aa8c0c13555"
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/webpack-merge/-/webpack-merge-4.1.2.tgz#5d372dddd3e1e5f8874f5bf5a8e929db09feb216"
   dependencies:
-    lodash "^4.17.4"
+    lodash "^4.17.5"
 
 webpack-sources@^1.0.1, webpack-sources@^1.1.0:
   version "1.1.0"
@@ -11958,6 +11974,12 @@ yauzl@2.4.1:
   dependencies:
     fd-slicer "~1.0.1"
 
-zen-observable@0.7.1, zen-observable@^0.7.0, zen-observable@^0.8.0:
+zen-observable-ts@^0.8.6:
+  version "0.8.6"
+  resolved "https://registry.yarnpkg.com/zen-observable-ts/-/zen-observable-ts-0.8.6.tgz#2fe8c5f5f6171484353c3c93a71355c9521d53a0"
+  dependencies:
+    zen-observable "^0.8.6"
+
+zen-observable@0.7.1, zen-observable@^0.7.0, zen-observable@^0.8.6:
   version "0.7.1"
   resolved "https://registry.yarnpkg.com/zen-observable/-/zen-observable-0.7.1.tgz#f84075c0ee085594d3566e1d6454207f126411b3"