diff --git a/consoles/my-joy-images/src/components/summary.js b/consoles/my-joy-images/src/components/summary.js
index 88d951e1..448ad799 100644
--- a/consoles/my-joy-images/src/components/summary.js
+++ b/consoles/my-joy-images/src/components/summary.js
@@ -12,7 +12,7 @@ import {
   CardOutlet,
   H2,
   P,
-  Label,
+  Label as BaseLabel,
   Divider,
   Button,
   QueryBreakpoints,
@@ -42,6 +42,10 @@ const VerticalDivider = styled.div`
   }
 `;
 
+const Label = styled(BaseLabel)`
+  font-weight: 200;
+`;
+
 const GreyLabel = styled(Label)`
   opacity: 0.5;
   padding-right: ${remcalc(3)};
@@ -147,7 +151,7 @@ export default withTheme(({ theme = {}, onRemove, removing, ...image }) => (
                     <Margin right="1">
                       <DeleteIcon fill={theme.red} />
                     </Margin>
-                    <span>Remove</span>
+                    <span>Delete</span>
                   </Button>
                 </Medium>
               </Col>
diff --git a/consoles/my-joy-instances/src/components/instances/__tests__/__snapshots__/metadata.spec.js.snap b/consoles/my-joy-instances/src/components/instances/__tests__/__snapshots__/metadata.spec.js.snap
index 1143c5db..5ae8f5aa 100644
--- a/consoles/my-joy-instances/src/components/instances/__tests__/__snapshots__/metadata.spec.js.snap
+++ b/consoles/my-joy-instances/src/components/instances/__tests__/__snapshots__/metadata.spec.js.snap
@@ -1050,7 +1050,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
                   </svg>
                 </div>
                 <span>
-                  Remove
+                  Delete
                 </span>
               </button>
             </div>
@@ -2133,7 +2133,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
                   </svg>
                 </div>
                 <span>
-                  Remove
+                  Delete
                 </span>
               </button>
             </div>
diff --git a/consoles/my-joy-instances/src/components/instances/__tests__/__snapshots__/summary.spec.js.snap b/consoles/my-joy-instances/src/components/instances/__tests__/__snapshots__/summary.spec.js.snap
index e94c69ce..7d8b0f06 100644
--- a/consoles/my-joy-instances/src/components/instances/__tests__/__snapshots__/summary.spec.js.snap
+++ b/consoles/my-joy-instances/src/components/instances/__tests__/__snapshots__/summary.spec.js.snap
@@ -39,7 +39,7 @@ exports[`renders <Summary /> without throwing 1`] = `
   margin-left: -0.625rem;
 }
 
-.c21 {
+.c22 {
   box-sizing: border-box;
   display: -webkit-box;
   display: -webkit-flex;
@@ -78,2050 +78,7 @@ exports[`renders <Summary /> without throwing 1`] = `
   display: block;
 }
 
-.c22 {
-  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;
-}
-
-.c36 {
-  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;
-}
-
-.c42 {
-  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;
-}
-
-.c7 {
-  margin-bottom: 0.375rem;
-}
-
-.c12 {
-  margin-left: 0.75rem;
-}
-
-.c13 {
-  margin-top: 0.375rem;
-  margin-bottom: 0.375rem;
-}
-
-.c18 {
-  margin-top: 0.375rem;
-}
-
-.c20 {
-  margin-top: 1.125rem;
-}
-
-.c34 {
-  margin-right: 0.75rem;
-}
-
-.c39 {
-  margin-top: 1.125rem;
-  margin-bottom: 1.875rem;
-}
-
-.c41 {
-  margin-bottom: 1.125rem;
-}
-
-.c43 {
-  margin-bottom: 0.1875rem;
-}
-
-.c4 {
-  padding: 1.875rem;
-}
-
-.c29 {
-  padding-top: 0.1875rem;
-}
-
-.c30 {
-  padding-top: 0rem;
-}
-
-.c28 {
-  background-color: transparent;
-  -webkit-text-decoration-skip: objects;
-  text-decoration-skip: objects;
-}
-
-.c33 {
-  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;
-}
-
-.c33::-moz-focus-inner,
-.c33[type='button']::-moz-focus-inner,
-.c33[type='reset']::-moz-focus-inner,
-.c33[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c33:-moz-focusring,
-.c33[type='button']:-moz-focusring,
-.c33[type='reset']:-moz-focusring,
-.c33[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c27 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-}
-
-.c26 {
-  color: rgb(59,70,204);
-  -webkit-text-fill-color: currentcolor;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-}
-
-.c26:hover {
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.c32 {
-  min-width: 7.5rem;
-}
-
-.c25 {
-  display: inline-block;
-}
-
-.c24 {
-  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;
-  -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.625rem 1.125rem;
-  font-size: 0.8125rem;
-  min-width: 0rem;
-  min-height: 0rem;
-  height: auto;
-  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;
-  font-weight: 500;
-}
-
-.c24:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c24:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c24:active,
-.c24:active:hover,
-.c24:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c24[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c24:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c24:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c24:active,
-.c24:active:hover,
-.c24:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c31 {
-  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;
-  -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.625rem 1.125rem;
-  font-size: 0.8125rem;
-  min-width: 0rem;
-  min-height: 0rem;
-  height: auto;
-  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;
-}
-
-.c31:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c31:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c31[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c31:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c31:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c31:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-}
-
-.c31:hover {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c35 {
-  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;
-  -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;
-  font-weight: 500;
-}
-
-.c35:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c35:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c35:active,
-.c35:active:hover,
-.c35:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c35[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c35:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c35:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c35:active,
-.c35:active:hover,
-.c35:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c35:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-}
-
-.c35:hover {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c35:active,
-.c35:active:hover,
-.c35:active:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c37 {
-  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;
-  -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.625rem 1.125rem;
-  font-size: 0.8125rem;
-  min-width: 0rem;
-  min-height: 0rem;
-  height: auto;
-  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;
-}
-
-.c37:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c37:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c37:active,
-.c37:active:hover,
-.c37:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c37[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c37:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c37:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c37:active,
-.c37:active:hover,
-.c37:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c37:focus {
-  color: rgb(205,37,27);
-  background-color: rgb(255,255,255);
-  border-color: rgb(205,37,27);
-}
-
-.c37:hover {
-  color: rgb(205,37,27);
-  background-color: rgb(255,255,255);
-  border-color: rgb(205,37,27);
-}
-
-.c37:active,
-.c37:active:hover,
-.c37:active:focus {
-  background-color: rgba(210,67,58,0.1);
-  border-color: rgb(205,37,27);
-}
-
-.c37:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-}
-
-.c37:hover {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c37:active,
-.c37:active:hover,
-.c37:active:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c38 {
-  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;
-  -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;
-  font-weight: 500;
-  float: right;
-}
-
-.c38:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c38:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c38:active,
-.c38:active:hover,
-.c38:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c38[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c38:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c38:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c38:active,
-.c38:active:hover,
-.c38:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c38:focus {
-  color: rgb(205,37,27);
-  background-color: rgb(255,255,255);
-  border-color: rgb(205,37,27);
-}
-
-.c38:hover {
-  color: rgb(205,37,27);
-  background-color: rgb(255,255,255);
-  border-color: rgb(205,37,27);
-}
-
-.c38:active,
-.c38:active:hover,
-.c38:active:focus {
-  background-color: rgba(210,67,58,0.1);
-  border-color: rgb(205,37,27);
-}
-
-.c38:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-}
-
-.c38:hover {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c38:active,
-.c38:active:hover,
-.c38:active:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c17 {
-  width: 0.9375rem;
-  height: 0.9375rem;
-  border-radius: 50%;
-  display: inline-block;
-  margin-right: 0.375rem;
-  margin-left: 0rem;
-}
-
-.c15 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-}
-
-.c9 {
-  margin: 0;
-  color: rgb(73,73,73);
-  font-weight: normal;
-  line-height: 1.875rem;
-  font-size: 1.5rem;
-}
-
-.c40 {
-  height: 1px;
-  background-color: rgb(216,216,216);
-}
-
-.c2 {
-  box-sizing: content-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 1 0 auto;
-  -ms-flex: 1 0 auto;
-  flex: 1 0 auto;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  position: relative;
-  border-width: 0.0625rem;
-  border-style: solid;
-  -webkit-transition: all 300ms ease;
-  transition: all 300ms ease;
-  color: rgb(73,73,73);
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c3 {
-  box-sizing: border-box;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  border-width: 0;
-  background-color: transparent;
-}
-
-.c46 {
-  box-sizing: border-box;
-  width: 18.75rem;
-  height: 3rem;
-  min-height: 3rem;
-  padding: 0.8125rem 0.75rem;
-  border-radius: 0.25rem;
-  background-color: rgb(255,255,255);
-  border: 0.0625rem solid rgb(216,216,216);
-  color: rgb(73,73,73);
-  font-size: 0.9375rem;
-  line-height: normal !important;
-  font-style: normal;
-  font-stretch: normal;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  outline: 0;
-  font-family: "Roboto Mono",monospace;
-  width: 100%;
-  min-width: 100%;
-  text-overflow: ellipsis;
-}
-
-.c46:focus {
-  border-color: rgb(59,70,204);
-  outline: 0;
-}
-
-.c46::-webkit-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c46::-moz-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c46:-ms-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c46:invalid {
-  box-shadow: none;
-}
-
-.c46:disabled {
-  background-color: rgb(250,250,250);
-  color: rgb(216,216,216);
-  cursor: not-allowed;
-}
-
-.c46:disabled::-webkit-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c46:disabled::-moz-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c46:disabled:-ms-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c46:disabled {
-  color: rgb(73,73,73);
-}
-
-.c46:disabled::-webkit-input-placeholder {
-  color: rgb(73,73,73);
-}
-
-.c46:disabled::-moz-placeholder {
-  color: rgb(73,73,73);
-}
-
-.c46:disabled:-ms-input-placeholder {
-  color: rgb(73,73,73);
-}
-
-.c48 {
-  box-sizing: border-box;
-  width: 18.75rem;
-  height: 3rem;
-  min-height: 3rem;
-  padding: 0.8125rem 0.75rem;
-  border-radius: 0.25rem;
-  background-color: rgb(255,255,255);
-  border: 0.0625rem solid rgb(216,216,216);
-  color: rgb(73,73,73);
-  font-size: 0.9375rem;
-  line-height: normal !important;
-  font-style: normal;
-  font-stretch: normal;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  outline: 0;
-  font-family: "Roboto Mono",monospace;
-  width: 100%;
-  min-width: 100%;
-}
-
-.c48:focus {
-  border-color: rgb(59,70,204);
-  outline: 0;
-}
-
-.c48::-webkit-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c48::-moz-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c48:-ms-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c48:invalid {
-  box-shadow: none;
-}
-
-.c48:disabled {
-  background-color: rgb(250,250,250);
-  color: rgb(216,216,216);
-  cursor: not-allowed;
-}
-
-.c48:disabled::-webkit-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c48:disabled::-moz-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c48:disabled:-ms-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c48:disabled {
-  color: rgb(73,73,73);
-}
-
-.c48:disabled::-webkit-input-placeholder {
-  color: rgb(73,73,73);
-}
-
-.c48:disabled::-moz-placeholder {
-  color: rgb(73,73,73);
-}
-
-.c48:disabled:-ms-input-placeholder {
-  color: rgb(73,73,73);
-}
-
-.c44 {
-  font-weight: 600;
-  white-space: pre;
-  font-size: 0.8125rem;
-}
-
-.c45 {
-  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;
-}
-
-.c45 input {
-  padding-right: 1.875rem;
-}
-
-.c45 div {
-  position: relative;
-  left: -1.625rem;
-}
-
-.c47 {
-  cursor: pointer;
-}
-
-.c19 {
-  opacity: 0.5;
-  padding-right: 0.1875rem;
-}
-
-.c14 {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-
-.c10 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-}
-
-.c11 {
-  cursor: pointer;
-}
-
-.c16 {
-  width: 0.0625rem;
-  background: rgb(216,216,216);
-  height: 1.5rem;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-self: flex-end;
-  -ms-flex-item-align: end;
-  align-self: flex-end;
-  margin: 0 0.75rem;
-}
-
-.c8 {
-  margin: 0;
-}
-
 .c23 {
-  margin-right: 0.375rem;
-}
-
-@media only screen and (min-width:0em) {
-  .c5 {
-    -webkit-align-items: center;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-  }
-}
-
-@media only screen and (min-width:0em) {
-  .c21 {
-    -webkit-box-pack: justify;
-    -webkit-justify-content: space-between;
-    -ms-flex-pack: justify;
-    justify-content: space-between;
-  }
-}
-
-@media only screen and (min-width:0em) {
-  .c1 {
-    -webkit-flex-basis: 100%;
-    -ms-flex-preferred-size: 100%;
-    flex-basis: 100%;
-    max-width: 100%;
-  }
-}
-
-@media only screen and (min-width:48em) {
-  .c1 {
-    -webkit-flex-basis: 100%;
-    -ms-flex-preferred-size: 100%;
-    flex-basis: 100%;
-    max-width: 100%;
-  }
-}
-
-@media only screen and (min-width:64em) {
-  .c1 {
-    -webkit-flex-basis: 75%;
-    -ms-flex-preferred-size: 75%;
-    flex-basis: 75%;
-    max-width: 75%;
-  }
-}
-
-@media only screen and (min-width:0em) {
-  .c6 {
-    -webkit-flex-basis: 100%;
-    -ms-flex-preferred-size: 100%;
-    flex-basis: 100%;
-    max-width: 100%;
-  }
-}
-
-@media only screen and (min-width:0em) {
-  .c22 {
-    -webkit-flex-basis: 75%;
-    -ms-flex-preferred-size: 75%;
-    flex-basis: 75%;
-    max-width: 75%;
-  }
-}
-
-@media only screen and (min-width:0em) {
-  .c36 {
-    -webkit-flex-basis: 25%;
-    -ms-flex-preferred-size: 25%;
-    flex-basis: 25%;
-    max-width: 25%;
-  }
-}
-
-@media only screen and (min-width:0em) {
-  .c42 {
-    -webkit-flex-basis: 100%;
-    -ms-flex-preferred-size: 100%;
-    flex-basis: 100%;
-    max-width: 100%;
-  }
-}
-
-@media only screen and (min-width:64em) {
-  .c42 {
-    -webkit-flex-basis: 58.333333333333336%;
-    -ms-flex-preferred-size: 58.333333333333336%;
-    flex-basis: 58.333333333333336%;
-    max-width: 58.333333333333336%;
-  }
-}
-
-@media (max-width:47.9375rem) {
-  .c10 {
-    display: block;
-  }
-}
-
-@media (max-width:47.9375rem) {
-  .c16 {
-    display: none;
-  }
-}
-
-<div
-  className="c0"
->
-  <div
-    className="c1"
-  >
-    <div
-      className="c2"
-      disabled={false}
-      name="card"
-    >
-      <div
-        className="c3 c2"
-        disabled={false}
-        name="card-outlet"
-      >
-        <div
-          className="c4"
-        >
-          <div
-            className="c5"
-          >
-            <div
-              className="c6"
-            >
-              <div
-                className="c7"
-              >
-                <h2
-                  className="c8 c9"
-                >
-                  <div
-                    className="c10"
-                  >
-                    <div
-                      className="c11 c12"
-                      onClick={undefined}
-                    >
-                      <svg
-                        height="17.07"
-                        viewBox="0 0 17.07 17.07"
-                        width="17.07"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M14,9.07v5a1,1,0,0,1-1,1H3a1,1,0,0,1-1-1v-10a1,1,0,0,1,1-1H8v-2H3c-2,0-3,1-3,3v10a2.65,2.65,0,0,0,3,3H13a2.65,2.65,0,0,0,3-3v-5ZM14.24,0,5.76,8.49,4.34,12.73l4.25-1.42,8.48-8.48ZM7.17,8.49l7.07-7.08,1.42,1.42L8.59,9.9Z"
-                          fill="rgb(73, 73, 73)"
-                        />
-                      </svg>
-                    </div>
-                  </div>
-                </h2>
-              </div>
-            </div>
-          </div>
-          <div
-            className="c13"
-          >
-            <div
-              className="c10"
-            >
-              <label
-                className="c14 c15"
-              >
-                Custom Image
-              </label>
-              <div
-                className="c16"
-              />
-              <label
-                className="c14 c15"
-              >
-                Hardware virtual machine
-              </label>
-              <div
-                className="c16"
-              />
-              <label
-                className="c14 c15"
-              />
-              <div
-                className="c16"
-              />
-              <div
-                className="c10"
-              >
-                <span
-                  className="c17"
-                  color={undefined}
-                  size="0.9375rem"
-                />
-                
-              </div>
-            </div>
-            <div
-              className="c18"
-            >
-              <div
-                className="c10"
-              >
-                <div
-                  className="c10"
-                >
-                  <label
-                    className="c19 c15"
-                  >
-                    Created: 
-                  </label>
-                  <label
-                    className="c15"
-                  >
-                     
-                    almost NaN years
-                     ago
-                  </label>
-                </div>
-                <div
-                  className="c16"
-                />
-                <div
-                  className="c10"
-                >
-                  <label
-                    className="c19 c15"
-                  >
-                    Updated: 
-                  </label>
-                  <label
-                    className="c15"
-                  >
-                     
-                    almost NaN years
-                     ago
-                  </label>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            className="c20"
-          >
-            <div
-              className="c21"
-            >
-              <div
-                className="c22"
-              >
-                <a
-                  className="c23 c24 c25 c26 c27 c28"
-                  data-ui-button="true"
-                  href="http://localhost/images/~create/undefined"
-                  icon={true}
-                  rel="noopener noreferrer"
-                  target="__blank"
-                >
-                  <div
-                    className="c29"
-                  >
-                    <svg
-                      height="20"
-                      style={
-                        Object {
-                          "transform": "rotate(0deg)",
-                        }
-                      }
-                      viewBox="0 0 16.67 20"
-                      width="16.67"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M12.83,8v6h-9V8h9m0-1h-9a1,1,0,0,0-1,1v6a1,1,0,0,0,1,1h9a1,1,0,0,0,1-1V8a1,1,0,0,0-1-1Zm-7,5.5v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,5.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,7.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,9.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,11.83,12.5Zm3.73-8.06L12.22,1.11,11.11,0h-10A1.11,1.11,0,0,0,0,1.11V18.89A1.11,1.11,0,0,0,1.11,20H15.56a1.11,1.11,0,0,0,1.11-1.11V5.56ZM14.83,5h-3V2Zm-13,13V2h9V6h4V18Z"
-                        fill="rgb(73, 73, 73)"
-                      />
-                    </svg>
-                  </div>
-                </a>
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (max-width: 47.9375rem)"
-                >
-                  <a
-                    className="c23 c24 c25 c26 c27 c28"
-                    data-ui-button="true"
-                    href="http://localhost/images/~create/undefined"
-                    icon={true}
-                    rel="noopener noreferrer"
-                    target="__blank"
-                  >
-                    <div
-                      className="c30"
-                    >
-                      <svg
-                        height="20"
-                        style={
-                          Object {
-                            "transform": "rotate(0deg)",
-                          }
-                        }
-                        viewBox="0 0 16.67 20"
-                        width="16.67"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M12.83,8v6h-9V8h9m0-1h-9a1,1,0,0,0-1,1v6a1,1,0,0,0,1,1h9a1,1,0,0,0,1-1V8a1,1,0,0,0-1-1Zm-7,5.5v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,5.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,7.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,9.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,11.83,12.5Zm3.73-8.06L12.22,1.11,11.11,0h-10A1.11,1.11,0,0,0,0,1.11V18.89A1.11,1.11,0,0,0,1.11,20H15.56a1.11,1.11,0,0,0,1.11-1.11V5.56ZM14.83,5h-3V2Zm-13,13V2h9V6h4V18Z"
-                          fill="rgb(73, 73, 73)"
-                        />
-                      </svg>
-                    </div>
-                  </a>
-                </span>
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (max-width: 47.9375rem)"
-                >
-                  <button
-                    className="c23 c31 c25 c32 c33"
-                    data-ui-button="true"
-                    disabled={true}
-                    href=""
-                    icon={true}
-                    onClick={[Function]}
-                    type="button"
-                  >
-                    <div
-                      className="c34"
-                    >
-                      <svg
-                        height="14"
-                        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>
-                    </div>
-                  </button>
-                </span>
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (min-width: 48rem)"
-                >
-                  <button
-                    className="c23 c35 c25 c32 c33"
-                    data-ui-button="true"
-                    disabled={true}
-                    href=""
-                    icon={true}
-                    onClick={[Function]}
-                    type="button"
-                  >
-                    <div
-                      className="c34"
-                    >
-                      <svg
-                        height="14"
-                        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>
-                    </div>
-                    <span>
-                      Start
-                    </span>
-                  </button>
-                </span>
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (max-width: 47.9375rem)"
-                >
-                  <button
-                    className="c23 c31 c25 c32 c33"
-                    data-ui-button="true"
-                    disabled={true}
-                    href=""
-                    icon={true}
-                    onClick={[Function]}
-                    type="button"
-                  >
-                    <div
-                      className="c34"
-                    >
-                      <svg
-                        height="14"
-                        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>
-                    </div>
-                  </button>
-                </span>
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (min-width: 48rem)"
-                >
-                  <button
-                    className="c23 c35 c25 c32 c33"
-                    data-ui-button="true"
-                    disabled={true}
-                    href=""
-                    icon={true}
-                    onClick={[Function]}
-                    type="button"
-                  >
-                    <div
-                      className="c34"
-                    >
-                      <svg
-                        height="14"
-                        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>
-                    </div>
-                    <span>
-                      Stop
-                    </span>
-                  </button>
-                </span>
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (max-width: 47.9375rem)"
-                >
-                  <button
-                    className="c23 c31 c25 c32 c33"
-                    data-ui-button="true"
-                    disabled={true}
-                    href=""
-                    icon={true}
-                    onClick={[Function]}
-                    type="button"
-                  >
-                    <div
-                      className="c34"
-                    >
-                      <svg
-                        height="21"
-                        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>
-                    </div>
-                  </button>
-                </span>
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (min-width: 48rem)"
-                >
-                  <button
-                    className="c23 c35 c25 c32 c33"
-                    data-ui-button="true"
-                    disabled={true}
-                    href=""
-                    icon={true}
-                    onClick={[Function]}
-                    type="button"
-                  >
-                    <div
-                      className="c34"
-                    >
-                      <svg
-                        height="21"
-                        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>
-                    </div>
-                    <span>
-                      Reboot
-                    </span>
-                  </button>
-                </span>
-              </div>
-              <div
-                className="c36"
-              >
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (max-width: 47.9375rem)"
-                >
-                  <button
-                    className="c23 c37 c25 c32 c33"
-                    data-ui-button="true"
-                    disabled={true}
-                    href=""
-                    icon={true}
-                    onClick={[Function]}
-                    type="button"
-                  >
-                    <div
-                      className="c34"
-                    >
-                      <svg
-                        height="16"
-                        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(210, 67, 58)"
-                        />
-                      </svg>
-                    </div>
-                  </button>
-                </span>
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (min-width: 48rem)"
-                >
-                  <button
-                    className="c23 c38 c25 c32 c33"
-                    data-ui-button="true"
-                    disabled={true}
-                    href=""
-                    icon={true}
-                    onClick={[Function]}
-                    type="button"
-                  >
-                    <div
-                      className="c34"
-                    >
-                      <svg
-                        height="16"
-                        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>
-                    </div>
-                    <span>
-                      Remove
-                    </span>
-                  </button>
-                </span>
-              </div>
-            </div>
-          </div>
-          <div
-            className="c39"
-          >
-            <div
-              className="c40 c0"
-              height={1}
-            />
-          </div>
-          <div
-            className="c41"
-          >
-            <div
-              className="c0"
-            >
-              <div
-                className="c42"
-              >
-                <div
-                  className="c43"
-                >
-                  <label
-                    className="c44 c15"
-                    htmlFor=""
-                  >
-                    Short ID
-                  </label>
-                </div>
-                <div
-                  className="c45"
-                >
-                  <input
-                    className="c46"
-                    disabled={false}
-                    id=""
-                    onBlur={null}
-                    value=""
-                  />
-                  <div
-                    onClick={undefined}
-                    onMouseEnter={[Function]}
-                    onMouseLeave={[Function]}
-                    style={
-                      Object {
-                        "display": "inline-block",
-                      }
-                    }
-                  >
-                    <svg
-                      className="c47"
-                      height="19"
-                      innerRef={undefined}
-                      onClick={[Function]}
-                      style={
-                        Object {
-                          "transform": "rotate(0deg)",
-                        }
-                      }
-                      viewBox="0 0 15 19"
-                      width="15"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
-                        fill="rgb(73, 73, 73)"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            className="c41"
-          >
-            <div
-              className="c0"
-            >
-              <div
-                className="c42"
-              >
-                <div
-                  className="c43"
-                >
-                  <label
-                    className="c44 c15"
-                    htmlFor=""
-                  >
-                    ID
-                  </label>
-                </div>
-                <div
-                  className="c45"
-                >
-                  <input
-                    className="c46"
-                    disabled={false}
-                    id=""
-                    onBlur={null}
-                    value={undefined}
-                  />
-                  <div
-                    onClick={undefined}
-                    onMouseEnter={[Function]}
-                    onMouseLeave={[Function]}
-                    style={
-                      Object {
-                        "display": "inline-block",
-                      }
-                    }
-                  >
-                    <svg
-                      className="c47"
-                      height="19"
-                      innerRef={undefined}
-                      onClick={[Function]}
-                      style={
-                        Object {
-                          "transform": "rotate(0deg)",
-                        }
-                      }
-                      viewBox="0 0 15 19"
-                      width="15"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
-                        fill="rgb(73, 73, 73)"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            className="c41"
-          >
-            <div
-              className="c0"
-            >
-              <div
-                className="c42"
-              >
-                <div
-                  className="c43"
-                >
-                  <label
-                    className="c44 c15"
-                    htmlFor=""
-                  >
-                    CN UUID
-                  </label>
-                </div>
-                <div
-                  className="c45"
-                >
-                  <input
-                    className="c46"
-                    disabled={false}
-                    id=""
-                    onBlur={null}
-                    value={undefined}
-                  />
-                  <div
-                    onClick={undefined}
-                    onMouseEnter={[Function]}
-                    onMouseLeave={[Function]}
-                    style={
-                      Object {
-                        "display": "inline-block",
-                      }
-                    }
-                  >
-                    <svg
-                      className="c47"
-                      height="19"
-                      innerRef={undefined}
-                      onClick={[Function]}
-                      style={
-                        Object {
-                          "transform": "rotate(0deg)",
-                        }
-                      }
-                      viewBox="0 0 15 19"
-                      width="15"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
-                        fill="rgb(73, 73, 73)"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            className="c41"
-          >
-            <div
-              className="c0"
-            >
-              <div
-                className="c42"
-              >
-                <div
-                  className="c43"
-                >
-                  <label
-                    className="c44 c15"
-                    htmlFor=""
-                  >
-                    Login
-                  </label>
-                </div>
-                <div
-                  className="c45"
-                >
-                  <input
-                    className="c48"
-                    disabled={false}
-                    id=""
-                    onBlur={null}
-                    value="ssh root@undefined"
-                  />
-                  <div
-                    onClick={undefined}
-                    onMouseEnter={[Function]}
-                    onMouseLeave={[Function]}
-                    style={
-                      Object {
-                        "display": "inline-block",
-                      }
-                    }
-                  >
-                    <svg
-                      className="c47"
-                      height="19"
-                      innerRef={undefined}
-                      onClick={[Function]}
-                      style={
-                        Object {
-                          "transform": "rotate(0deg)",
-                        }
-                      }
-                      viewBox="0 0 15 19"
-                      width="15"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
-                        fill="rgb(73, 73, 73)"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`renders <Summary instance /> without throwing 1`] = `
-.c0 {
-  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;
-}
-
-.c5 {
-  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;
-}
-
-.c21 {
-  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;
-}
-
-.c1 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -2131,5326 +88,167 @@ exports[`renders <Summary instance /> without throwing 1`] = `
   display: block;
 }
 
-.c6 {
-  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;
-}
-
-.c22 {
-  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;
-}
-
-.c38 {
-  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;
-}
-
-.c44 {
-  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;
-}
-
-.c7 {
-  margin-bottom: 0.375rem;
-}
-
-.c12 {
-  margin-left: 0.75rem;
-}
-
-.c13 {
-  margin-top: 0.375rem;
-  margin-bottom: 0.375rem;
-}
-
-.c18 {
-  margin-top: 0.375rem;
-}
-
-.c20 {
-  margin-top: 1.125rem;
-}
-
-.c34 {
-  margin-right: 0.75rem;
-}
-
-.c41 {
-  margin-top: 1.125rem;
-  margin-bottom: 1.875rem;
-}
-
-.c43 {
-  margin-bottom: 1.125rem;
-}
-
-.c45 {
-  margin-bottom: 0.1875rem;
-}
-
-.c4 {
-  padding: 1.875rem;
-}
-
-.c29 {
-  padding-top: 0.1875rem;
-}
-
-.c30 {
-  padding-top: 0rem;
-}
-
-.c28 {
-  background-color: transparent;
-  -webkit-text-decoration-skip: objects;
-  text-decoration-skip: objects;
-}
-
-.c33 {
-  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;
-}
-
-.c33::-moz-focus-inner,
-.c33[type='button']::-moz-focus-inner,
-.c33[type='reset']::-moz-focus-inner,
-.c33[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c33:-moz-focusring,
-.c33[type='button']:-moz-focusring,
-.c33[type='reset']:-moz-focusring,
-.c33[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c27 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-}
-
-.c26 {
-  color: rgb(59,70,204);
-  -webkit-text-fill-color: currentcolor;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-}
-
-.c26:hover {
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.c32 {
-  min-width: 7.5rem;
-}
-
-.c25 {
-  display: inline-block;
-}
-
-.c24 {
-  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;
-  -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.625rem 1.125rem;
-  font-size: 0.8125rem;
-  min-width: 0rem;
-  min-height: 0rem;
-  height: auto;
-  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;
-  font-weight: 500;
-}
-
-.c24:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c24:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c24:active,
-.c24:active:hover,
-.c24:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c24[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c24:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c24:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c24:active,
-.c24:active:hover,
-.c24:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c31 {
-  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;
-  -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.625rem 1.125rem;
-  font-size: 0.8125rem;
-  min-width: 0rem;
-  min-height: 0rem;
-  height: auto;
-  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;
-}
-
-.c31:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c31:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c31[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c31:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c31:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c31:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-}
-
-.c31:hover {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c35 {
-  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;
-  -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;
-  font-weight: 500;
-}
-
-.c35:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c35:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c35:active,
-.c35:active:hover,
-.c35:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c35[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c35:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c35:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c35:active,
-.c35:active:hover,
-.c35:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c35:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-}
-
-.c35:hover {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c35:active,
-.c35:active:hover,
-.c35:active:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c36 {
-  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;
-  -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.625rem 1.125rem;
-  font-size: 0.8125rem;
-  min-width: 0rem;
-  min-height: 0rem;
-  height: auto;
-  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;
-}
-
-.c36:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c36:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c36:active,
-.c36:active:hover,
-.c36:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c36[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c36:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c36:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c36:active,
-.c36:active:hover,
-.c36:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c37 {
-  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;
-  -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;
-  font-weight: 500;
-}
-
-.c37:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c37:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c37:active,
-.c37:active:hover,
-.c37:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c37[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c37:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c37:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c37:active,
-.c37:active:hover,
-.c37:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
 .c39 {
   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;
-  -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);
-  padding: 0.625rem 1.125rem;
-  font-size: 0.8125rem;
-  min-width: 0rem;
-  min-height: 0rem;
-  height: auto;
-  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;
-}
-
-.c39:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c39:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c39:active,
-.c39:active:hover,
-.c39:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c39[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c39:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c39:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c39:active,
-.c39:active:hover,
-.c39:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c39:focus {
-  color: rgb(205,37,27);
-  background-color: rgb(255,255,255);
-  border-color: rgb(205,37,27);
-}
-
-.c39:hover {
-  color: rgb(205,37,27);
-  background-color: rgb(255,255,255);
-  border-color: rgb(205,37,27);
-}
-
-.c39:active,
-.c39:active:hover,
-.c39:active:focus {
-  background-color: rgba(210,67,58,0.1);
-  border-color: rgb(205,37,27);
-}
-
-.c40 {
-  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;
-  -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);
-  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;
-  font-weight: 500;
-  float: right;
-}
-
-.c40:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c40:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c40:active,
-.c40:active:hover,
-.c40:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c40[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c40:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c40:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c40:active,
-.c40:active:hover,
-.c40:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c40:focus {
-  color: rgb(205,37,27);
-  background-color: rgb(255,255,255);
-  border-color: rgb(205,37,27);
-}
-
-.c40:hover {
-  color: rgb(205,37,27);
-  background-color: rgb(255,255,255);
-  border-color: rgb(205,37,27);
-}
-
-.c40:active,
-.c40:active:hover,
-.c40:active:focus {
-  background-color: rgba(210,67,58,0.1);
-  border-color: rgb(205,37,27);
-}
-
-.c17 {
-  width: 0.9375rem;
-  height: 0.9375rem;
-  border-radius: 50%;
-  background-color: rgb(0,152,88);
-  display: inline-block;
-  margin-right: 0.375rem;
-  margin-left: 0rem;
-}
-
-.c15 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
+  -webkit-flex: 0 0 auto;
+  -ms-flex: 0 0 auto;
+  flex: 0 0 auto;
+  padding-right: 0.625rem;
+  padding-left: 0.625rem;
   display: block;
-  color: rgb(70,70,70);
-  text-align: left;
 }
 
-.c9 {
-  margin: 0;
-  color: rgb(73,73,73);
-  font-weight: normal;
-  line-height: 1.875rem;
-  font-size: 1.5rem;
-}
-
-.c42 {
-  height: 1px;
-  background-color: rgb(216,216,216);
-}
-
-.c2 {
-  box-sizing: content-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 1 0 auto;
-  -ms-flex: 1 0 auto;
-  flex: 1 0 auto;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  position: relative;
-  border-width: 0.0625rem;
-  border-style: solid;
-  -webkit-transition: all 300ms ease;
-  transition: all 300ms ease;
-  color: rgb(73,73,73);
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c3 {
+.c45 {
   box-sizing: border-box;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  border-width: 0;
-  background-color: transparent;
-}
-
-.c48 {
-  box-sizing: border-box;
-  width: 18.75rem;
-  height: 3rem;
-  min-height: 3rem;
-  padding: 0.8125rem 0.75rem;
-  border-radius: 0.25rem;
-  background-color: rgb(255,255,255);
-  border: 0.0625rem solid rgb(216,216,216);
-  color: rgb(73,73,73);
-  font-size: 0.9375rem;
-  line-height: normal !important;
-  font-style: normal;
-  font-stretch: normal;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  outline: 0;
-  font-family: "Roboto Mono",monospace;
-  width: 100%;
-  min-width: 100%;
-}
-
-.c48:focus {
-  border-color: rgb(59,70,204);
-  outline: 0;
-}
-
-.c48::-webkit-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c48::-moz-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c48:-ms-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c48:invalid {
-  box-shadow: none;
-}
-
-.c48:disabled {
-  background-color: rgb(250,250,250);
-  color: rgb(216,216,216);
-  cursor: not-allowed;
-}
-
-.c48:disabled::-webkit-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c48:disabled::-moz-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c48:disabled:-ms-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c48:disabled {
-  color: rgb(73,73,73);
-}
-
-.c48:disabled::-webkit-input-placeholder {
-  color: rgb(73,73,73);
-}
-
-.c48:disabled::-moz-placeholder {
-  color: rgb(73,73,73);
-}
-
-.c48:disabled:-ms-input-placeholder {
-  color: rgb(73,73,73);
-}
-
-.c46 {
-  font-weight: 600;
-  white-space: pre;
-  font-size: 0.8125rem;
-}
-
-.c47 {
-  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;
-}
-
-.c47 input {
-  padding-right: 1.875rem;
-}
-
-.c47 div {
-  position: relative;
-  left: -1.625rem;
-}
-
-.c49 {
-  cursor: pointer;
-}
-
-.c19 {
-  opacity: 0.5;
-  padding-right: 0.1875rem;
-}
-
-.c14 {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
+  -webkit-flex: 0 0 auto;
+  -ms-flex: 0 0 auto;
+  flex: 0 0 auto;
+  padding-right: 0.625rem;
+  padding-left: 0.625rem;
+  display: block;
 }
 
 .c10 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-}
-
-.c11 {
-  cursor: pointer;
-}
-
-.c16 {
-  width: 0.0625rem;
-  background: rgb(216,216,216);
-  height: 1.5rem;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-self: flex-end;
-  -ms-flex-item-align: end;
-  align-self: flex-end;
-  margin: 0 0.75rem;
-}
-
-.c8 {
-  margin: 0;
-}
-
-.c23 {
-  margin-right: 0.375rem;
-}
-
-@media only screen and (min-width:0em) {
-  .c5 {
-    -webkit-align-items: center;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-  }
-}
-
-@media only screen and (min-width:0em) {
-  .c21 {
-    -webkit-box-pack: justify;
-    -webkit-justify-content: space-between;
-    -ms-flex-pack: justify;
-    justify-content: space-between;
-  }
-}
-
-@media only screen and (min-width:0em) {
-  .c1 {
-    -webkit-flex-basis: 100%;
-    -ms-flex-preferred-size: 100%;
-    flex-basis: 100%;
-    max-width: 100%;
-  }
-}
-
-@media only screen and (min-width:48em) {
-  .c1 {
-    -webkit-flex-basis: 100%;
-    -ms-flex-preferred-size: 100%;
-    flex-basis: 100%;
-    max-width: 100%;
-  }
-}
-
-@media only screen and (min-width:64em) {
-  .c1 {
-    -webkit-flex-basis: 75%;
-    -ms-flex-preferred-size: 75%;
-    flex-basis: 75%;
-    max-width: 75%;
-  }
-}
-
-@media only screen and (min-width:0em) {
-  .c6 {
-    -webkit-flex-basis: 100%;
-    -ms-flex-preferred-size: 100%;
-    flex-basis: 100%;
-    max-width: 100%;
-  }
-}
-
-@media only screen and (min-width:0em) {
-  .c22 {
-    -webkit-flex-basis: 75%;
-    -ms-flex-preferred-size: 75%;
-    flex-basis: 75%;
-    max-width: 75%;
-  }
-}
-
-@media only screen and (min-width:0em) {
-  .c38 {
-    -webkit-flex-basis: 25%;
-    -ms-flex-preferred-size: 25%;
-    flex-basis: 25%;
-    max-width: 25%;
-  }
-}
-
-@media only screen and (min-width:0em) {
-  .c44 {
-    -webkit-flex-basis: 100%;
-    -ms-flex-preferred-size: 100%;
-    flex-basis: 100%;
-    max-width: 100%;
-  }
-}
-
-@media only screen and (min-width:64em) {
-  .c44 {
-    -webkit-flex-basis: 58.333333333333336%;
-    -ms-flex-preferred-size: 58.333333333333336%;
-    flex-basis: 58.333333333333336%;
-    max-width: 58.333333333333336%;
-  }
-}
-
-@media (max-width:47.9375rem) {
-  .c10 {
-    display: block;
-  }
-}
-
-@media (max-width:47.9375rem) {
-  .c16 {
-    display: none;
-  }
-}
-
-<div
-  className="c0"
->
-  <div
-    className="c1"
-  >
-    <div
-      className="c2"
-      disabled={false}
-      name="card"
-    >
-      <div
-        className="c3 c2"
-        disabled={false}
-        name="card-outlet"
-      >
-        <div
-          className="c4"
-        >
-          <div
-            className="c5"
-          >
-            <div
-              className="c6"
-            >
-              <div
-                className="c7"
-              >
-                <h2
-                  className="c8 c9"
-                >
-                  <div
-                    className="c10"
-                  >
-                    <div
-                      className="c11 c12"
-                      onClick={undefined}
-                    >
-                      <svg
-                        height="17.07"
-                        viewBox="0 0 17.07 17.07"
-                        width="17.07"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M14,9.07v5a1,1,0,0,1-1,1H3a1,1,0,0,1-1-1v-10a1,1,0,0,1,1-1H8v-2H3c-2,0-3,1-3,3v10a2.65,2.65,0,0,0,3,3H13a2.65,2.65,0,0,0,3-3v-5ZM14.24,0,5.76,8.49,4.34,12.73l4.25-1.42,8.48-8.48ZM7.17,8.49l7.07-7.08,1.42,1.42L8.59,9.9Z"
-                          fill="rgb(73, 73, 73)"
-                        />
-                      </svg>
-                    </div>
-                  </div>
-                </h2>
-              </div>
-            </div>
-          </div>
-          <div
-            className="c13"
-          >
-            <div
-              className="c10"
-            >
-              <label
-                className="c14 c15"
-              >
-                Alpine 3
-              </label>
-              <div
-                className="c16"
-              />
-              <label
-                className="c14 c15"
-              >
-                Hardware virtual machine
-              </label>
-              <div
-                className="c16"
-              />
-              <label
-                className="c14 c15"
-              >
-                g4-highcpu-128M
-              </label>
-              <div
-                className="c16"
-              />
-              <div
-                className="c10"
-              >
-                <span
-                  className="c17"
-                  color="green"
-                  size="0.9375rem"
-                />
-                Running
-              </div>
-            </div>
-            <div
-              className="c18"
-            >
-              <div
-                className="c10"
-              >
-                <div
-                  className="c10"
-                >
-                  <label
-                    className="c19 c15"
-                  >
-                    Created: 
-                  </label>
-                  <label
-                    className="c15"
-                  >
-                     
-                    almost NaN years
-                     ago
-                  </label>
-                </div>
-                <div
-                  className="c16"
-                />
-                <div
-                  className="c10"
-                >
-                  <label
-                    className="c19 c15"
-                  >
-                    Updated: 
-                  </label>
-                  <label
-                    className="c15"
-                  >
-                     
-                    almost NaN years
-                     ago
-                  </label>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            className="c20"
-          >
-            <div
-              className="c21"
-            >
-              <div
-                className="c22"
-              >
-                <a
-                  className="c23 c24 c25 c26 c27 c28"
-                  data-ui-button="true"
-                  href="http://localhost/images/~create/2252839a-e698-ceec-afac-9549ad0c6624"
-                  icon={true}
-                  rel="noopener noreferrer"
-                  target="__blank"
-                >
-                  <div
-                    className="c29"
-                  >
-                    <svg
-                      height="20"
-                      style={
-                        Object {
-                          "transform": "rotate(0deg)",
-                        }
-                      }
-                      viewBox="0 0 16.67 20"
-                      width="16.67"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M12.83,8v6h-9V8h9m0-1h-9a1,1,0,0,0-1,1v6a1,1,0,0,0,1,1h9a1,1,0,0,0,1-1V8a1,1,0,0,0-1-1Zm-7,5.5v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,5.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,7.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,9.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,11.83,12.5Zm3.73-8.06L12.22,1.11,11.11,0h-10A1.11,1.11,0,0,0,0,1.11V18.89A1.11,1.11,0,0,0,1.11,20H15.56a1.11,1.11,0,0,0,1.11-1.11V5.56ZM14.83,5h-3V2Zm-13,13V2h9V6h4V18Z"
-                        fill="rgb(73, 73, 73)"
-                      />
-                    </svg>
-                  </div>
-                </a>
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (max-width: 47.9375rem)"
-                >
-                  <a
-                    className="c23 c24 c25 c26 c27 c28"
-                    data-ui-button="true"
-                    href="http://localhost/images/~create/2252839a-e698-ceec-afac-9549ad0c6624"
-                    icon={true}
-                    rel="noopener noreferrer"
-                    target="__blank"
-                  >
-                    <div
-                      className="c30"
-                    >
-                      <svg
-                        height="20"
-                        style={
-                          Object {
-                            "transform": "rotate(0deg)",
-                          }
-                        }
-                        viewBox="0 0 16.67 20"
-                        width="16.67"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M12.83,8v6h-9V8h9m0-1h-9a1,1,0,0,0-1,1v6a1,1,0,0,0,1,1h9a1,1,0,0,0,1-1V8a1,1,0,0,0-1-1Zm-7,5.5v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,5.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,7.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,9.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,11.83,12.5Zm3.73-8.06L12.22,1.11,11.11,0h-10A1.11,1.11,0,0,0,0,1.11V18.89A1.11,1.11,0,0,0,1.11,20H15.56a1.11,1.11,0,0,0,1.11-1.11V5.56ZM14.83,5h-3V2Zm-13,13V2h9V6h4V18Z"
-                          fill="rgb(73, 73, 73)"
-                        />
-                      </svg>
-                    </div>
-                  </a>
-                </span>
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (max-width: 47.9375rem)"
-                >
-                  <button
-                    className="c23 c31 c25 c32 c33"
-                    data-ui-button="true"
-                    disabled={true}
-                    href=""
-                    icon={true}
-                    onClick={[Function]}
-                    type="button"
-                  >
-                    <div
-                      className="c34"
-                    >
-                      <svg
-                        height="14"
-                        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>
-                    </div>
-                  </button>
-                </span>
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (min-width: 48rem)"
-                >
-                  <button
-                    className="c23 c35 c25 c32 c33"
-                    data-ui-button="true"
-                    disabled={true}
-                    href=""
-                    icon={true}
-                    onClick={[Function]}
-                    type="button"
-                  >
-                    <div
-                      className="c34"
-                    >
-                      <svg
-                        height="14"
-                        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>
-                    </div>
-                    <span>
-                      Start
-                    </span>
-                  </button>
-                </span>
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (max-width: 47.9375rem)"
-                >
-                  <button
-                    className="c23 c36 c25 c32 c33"
-                    data-ui-button="true"
-                    disabled={false}
-                    href=""
-                    icon={true}
-                    onClick={[Function]}
-                    type="button"
-                  >
-                    <div
-                      className="c34"
-                    >
-                      <svg
-                        height="14"
-                        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(73, 73, 73)"
-                        />
-                      </svg>
-                    </div>
-                  </button>
-                </span>
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (min-width: 48rem)"
-                >
-                  <button
-                    className="c23 c37 c25 c32 c33"
-                    data-ui-button="true"
-                    disabled={false}
-                    href=""
-                    icon={true}
-                    onClick={[Function]}
-                    type="button"
-                  >
-                    <div
-                      className="c34"
-                    >
-                      <svg
-                        height="14"
-                        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(73, 73, 73)"
-                        />
-                      </svg>
-                    </div>
-                    <span>
-                      Stop
-                    </span>
-                  </button>
-                </span>
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (max-width: 47.9375rem)"
-                >
-                  <button
-                    className="c23 c36 c25 c32 c33"
-                    data-ui-button="true"
-                    disabled={false}
-                    href=""
-                    icon={true}
-                    onClick={[Function]}
-                    type="button"
-                  >
-                    <div
-                      className="c34"
-                    >
-                      <svg
-                        height="21"
-                        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(73, 73, 73)"
-                              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>
-                    </div>
-                  </button>
-                </span>
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (min-width: 48rem)"
-                >
-                  <button
-                    className="c23 c37 c25 c32 c33"
-                    data-ui-button="true"
-                    disabled={false}
-                    href=""
-                    icon={true}
-                    onClick={[Function]}
-                    type="button"
-                  >
-                    <div
-                      className="c34"
-                    >
-                      <svg
-                        height="21"
-                        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(73, 73, 73)"
-                              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>
-                    </div>
-                    <span>
-                      Reboot
-                    </span>
-                  </button>
-                </span>
-              </div>
-              <div
-                className="c38"
-              >
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (max-width: 47.9375rem)"
-                >
-                  <button
-                    className="c23 c39 c25 c32 c33"
-                    data-ui-button="true"
-                    disabled={false}
-                    href=""
-                    icon={true}
-                    onClick={[Function]}
-                    type="button"
-                  >
-                    <div
-                      className="c34"
-                    >
-                      <svg
-                        height="16"
-                        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(210, 67, 58)"
-                        />
-                      </svg>
-                    </div>
-                  </button>
-                </span>
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (min-width: 48rem)"
-                >
-                  <button
-                    className="c23 c40 c25 c32 c33"
-                    data-ui-button="true"
-                    disabled={false}
-                    href=""
-                    icon={true}
-                    onClick={[Function]}
-                    type="button"
-                  >
-                    <div
-                      className="c34"
-                    >
-                      <svg
-                        height="16"
-                        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(210, 67, 58)"
-                        />
-                      </svg>
-                    </div>
-                    <span>
-                      Remove
-                    </span>
-                  </button>
-                </span>
-              </div>
-            </div>
-          </div>
-          <div
-            className="c41"
-          >
-            <div
-              className="c42 c0"
-              height={1}
-            />
-          </div>
-          <div
-            className="c43"
-          >
-            <div
-              className="c0"
-            >
-              <div
-                className="c44"
-              >
-                <div
-                  className="c45"
-                >
-                  <label
-                    className="c46 c15"
-                    htmlFor=""
-                  >
-                    Short ID
-                  </label>
-                </div>
-                <div
-                  className="c47"
-                >
-                  <input
-                    className="c48"
-                    disabled={false}
-                    id=""
-                    onBlur={null}
-                    value="2252839a"
-                  />
-                  <div
-                    onClick={undefined}
-                    onMouseEnter={[Function]}
-                    onMouseLeave={[Function]}
-                    style={
-                      Object {
-                        "display": "inline-block",
-                      }
-                    }
-                  >
-                    <svg
-                      className="c49"
-                      height="19"
-                      innerRef={undefined}
-                      onClick={[Function]}
-                      style={
-                        Object {
-                          "transform": "rotate(0deg)",
-                        }
-                      }
-                      viewBox="0 0 15 19"
-                      width="15"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
-                        fill="rgb(73, 73, 73)"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            className="c43"
-          >
-            <div
-              className="c0"
-            >
-              <div
-                className="c44"
-              >
-                <div
-                  className="c45"
-                >
-                  <label
-                    className="c46 c15"
-                    htmlFor=""
-                  >
-                    ID
-                  </label>
-                </div>
-                <div
-                  className="c47"
-                >
-                  <input
-                    className="c48"
-                    disabled={false}
-                    id=""
-                    onBlur={null}
-                    value="2252839a-e698-ceec-afac-9549ad0c6624"
-                  />
-                  <div
-                    onClick={undefined}
-                    onMouseEnter={[Function]}
-                    onMouseLeave={[Function]}
-                    style={
-                      Object {
-                        "display": "inline-block",
-                      }
-                    }
-                  >
-                    <svg
-                      className="c49"
-                      height="19"
-                      innerRef={undefined}
-                      onClick={[Function]}
-                      style={
-                        Object {
-                          "transform": "rotate(0deg)",
-                        }
-                      }
-                      viewBox="0 0 15 19"
-                      width="15"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
-                        fill="rgb(73, 73, 73)"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            className="c43"
-          >
-            <div
-              className="c0"
-            >
-              <div
-                className="c44"
-              >
-                <div
-                  className="c45"
-                >
-                  <label
-                    className="c46 c15"
-                    htmlFor=""
-                  >
-                    CN UUID
-                  </label>
-                </div>
-                <div
-                  className="c47"
-                >
-                  <input
-                    className="c48"
-                    disabled={false}
-                    id=""
-                    onBlur={null}
-                    value="70bb1cee-dba3-11e3-a799-002590e4f2b0"
-                  />
-                  <div
-                    onClick={undefined}
-                    onMouseEnter={[Function]}
-                    onMouseLeave={[Function]}
-                    style={
-                      Object {
-                        "display": "inline-block",
-                      }
-                    }
-                  >
-                    <svg
-                      className="c49"
-                      height="19"
-                      innerRef={undefined}
-                      onClick={[Function]}
-                      style={
-                        Object {
-                          "transform": "rotate(0deg)",
-                        }
-                      }
-                      viewBox="0 0 15 19"
-                      width="15"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
-                        fill="rgb(73, 73, 73)"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            className="c43"
-          >
-            <div
-              className="c0"
-            >
-              <div
-                className="c44"
-              >
-                <div
-                  className="c45"
-                >
-                  <label
-                    className="c46 c15"
-                    htmlFor=""
-                  >
-                    Image UUID
-                  </label>
-                </div>
-                <div
-                  className="c47"
-                >
-                  <input
-                    className="c48"
-                    disabled={false}
-                    id=""
-                    onBlur={null}
-                    value="19aa3328-0025-11e7-a19a-c39077bfd4cf"
-                  />
-                  <div
-                    onClick={undefined}
-                    onMouseEnter={[Function]}
-                    onMouseLeave={[Function]}
-                    style={
-                      Object {
-                        "display": "inline-block",
-                      }
-                    }
-                  >
-                    <svg
-                      className="c49"
-                      height="19"
-                      innerRef={undefined}
-                      onClick={[Function]}
-                      style={
-                        Object {
-                          "transform": "rotate(0deg)",
-                        }
-                      }
-                      viewBox="0 0 15 19"
-                      width="15"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
-                        fill="rgb(73, 73, 73)"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            className="c43"
-          >
-            <div
-              className="c0"
-            >
-              <div
-                className="c44"
-              >
-                <div
-                  className="c45"
-                >
-                  <label
-                    className="c46 c15"
-                    htmlFor=""
-                  >
-                    Login
-                  </label>
-                </div>
-                <div
-                  className="c47"
-                >
-                  <input
-                    className="c48"
-                    disabled={false}
-                    id=""
-                    onBlur={null}
-                    value="ssh root@72.2.119.146"
-                  />
-                  <div
-                    onClick={undefined}
-                    onMouseEnter={[Function]}
-                    onMouseLeave={[Function]}
-                    style={
-                      Object {
-                        "display": "inline-block",
-                      }
-                    }
-                  >
-                    <svg
-                      className="c49"
-                      height="19"
-                      innerRef={undefined}
-                      onClick={[Function]}
-                      style={
-                        Object {
-                          "transform": "rotate(0deg)",
-                        }
-                      }
-                      viewBox="0 0 15 19"
-                      width="15"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
-                        fill="rgb(73, 73, 73)"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            className="c43"
-          >
-            <div
-              className="c0"
-            >
-              <div
-                className="c44"
-              >
-                <div
-                  className="c45"
-                >
-                  <label
-                    className="c46 c15"
-                    htmlFor=""
-                  >
-                    Public IP address 1
-                  </label>
-                </div>
-                <div
-                  className="c47"
-                >
-                  <input
-                    className="c48"
-                    disabled={false}
-                    id=""
-                    onBlur={null}
-                    value="72.2.119.146"
-                  />
-                  <div
-                    onClick={undefined}
-                    onMouseEnter={[Function]}
-                    onMouseLeave={[Function]}
-                    style={
-                      Object {
-                        "display": "inline-block",
-                      }
-                    }
-                  >
-                    <svg
-                      className="c49"
-                      height="19"
-                      innerRef={undefined}
-                      onClick={[Function]}
-                      style={
-                        Object {
-                          "transform": "rotate(0deg)",
-                        }
-                      }
-                      viewBox="0 0 15 19"
-                      width="15"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
-                        fill="rgb(73, 73, 73)"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            className="c43"
-          >
-            <div
-              className="c0"
-            >
-              <div
-                className="c44"
-              >
-                <div
-                  className="c45"
-                >
-                  <label
-                    className="c46 c15"
-                    htmlFor=""
-                  >
-                    Public IP address 2
-                  </label>
-                </div>
-                <div
-                  className="c47"
-                >
-                  <input
-                    className="c48"
-                    disabled={false}
-                    id=""
-                    onBlur={null}
-                    value="72.2.119.146"
-                  />
-                  <div
-                    onClick={undefined}
-                    onMouseEnter={[Function]}
-                    onMouseLeave={[Function]}
-                    style={
-                      Object {
-                        "display": "inline-block",
-                      }
-                    }
-                  >
-                    <svg
-                      className="c49"
-                      height="19"
-                      innerRef={undefined}
-                      onClick={[Function]}
-                      style={
-                        Object {
-                          "transform": "rotate(0deg)",
-                        }
-                      }
-                      viewBox="0 0 15 19"
-                      width="15"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
-                        fill="rgb(73, 73, 73)"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            className="c43"
-          >
-            <div
-              className="c0"
-            >
-              <div
-                className="c44"
-              >
-                <div
-                  className="c45"
-                >
-                  <label
-                    className="c46 c15"
-                    htmlFor=""
-                  >
-                    Private IP address 1
-                  </label>
-                </div>
-                <div
-                  className="c47"
-                >
-                  <input
-                    className="c48"
-                    disabled={false}
-                    id=""
-                    onBlur={null}
-                    value="10.112.5.63"
-                  />
-                  <div
-                    onClick={undefined}
-                    onMouseEnter={[Function]}
-                    onMouseLeave={[Function]}
-                    style={
-                      Object {
-                        "display": "inline-block",
-                      }
-                    }
-                  >
-                    <svg
-                      className="c49"
-                      height="19"
-                      innerRef={undefined}
-                      onClick={[Function]}
-                      style={
-                        Object {
-                          "transform": "rotate(0deg)",
-                        }
-                      }
-                      viewBox="0 0 15 19"
-                      width="15"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
-                        fill="rgb(73, 73, 73)"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            className="c43"
-          >
-            <div
-              className="c0"
-            >
-              <div
-                className="c44"
-              >
-                <div
-                  className="c45"
-                >
-                  <label
-                    className="c46 c15"
-                    htmlFor=""
-                  >
-                    Private IP address 2
-                  </label>
-                </div>
-                <div
-                  className="c47"
-                >
-                  <input
-                    className="c48"
-                    disabled={false}
-                    id=""
-                    onBlur={null}
-                    value="10.112.5.63"
-                  />
-                  <div
-                    onClick={undefined}
-                    onMouseEnter={[Function]}
-                    onMouseLeave={[Function]}
-                    style={
-                      Object {
-                        "display": "inline-block",
-                      }
-                    }
-                  >
-                    <svg
-                      className="c49"
-                      height="19"
-                      innerRef={undefined}
-                      onClick={[Function]}
-                      style={
-                        Object {
-                          "transform": "rotate(0deg)",
-                        }
-                      }
-                      viewBox="0 0 15 19"
-                      width="15"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
-                        fill="rgb(73, 73, 73)"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`renders <Summary instance /> without throwing 2`] = `
-.c0 {
-  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;
-}
-
-.c5 {
-  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;
-}
-
-.c21 {
-  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;
-}
-
-.c1 {
-  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;
-}
-
-.c6 {
-  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;
-}
-
-.c22 {
-  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;
-}
-
-.c38 {
-  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;
-}
-
-.c44 {
-  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;
-}
-
-.c7 {
-  margin-bottom: 0.375rem;
-}
-
-.c12 {
-  margin-left: 0.75rem;
-}
-
-.c13 {
-  margin-top: 0.375rem;
-  margin-bottom: 0.375rem;
-}
-
-.c18 {
-  margin-top: 0.375rem;
-}
-
-.c20 {
-  margin-top: 1.125rem;
-}
-
-.c34 {
-  margin-right: 0.75rem;
-}
-
-.c41 {
-  margin-top: 1.125rem;
-  margin-bottom: 1.875rem;
-}
-
-.c43 {
-  margin-bottom: 1.125rem;
-}
-
-.c45 {
-  margin-bottom: 0.1875rem;
-}
-
-.c4 {
-  padding: 1.875rem;
-}
-
-.c29 {
-  padding-top: 0.1875rem;
-}
-
-.c30 {
-  padding-top: 0rem;
-}
-
-.c28 {
-  background-color: transparent;
-  -webkit-text-decoration-skip: objects;
-  text-decoration-skip: objects;
-}
-
-.c33 {
-  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;
-}
-
-.c33::-moz-focus-inner,
-.c33[type='button']::-moz-focus-inner,
-.c33[type='reset']::-moz-focus-inner,
-.c33[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c33:-moz-focusring,
-.c33[type='button']:-moz-focusring,
-.c33[type='reset']:-moz-focusring,
-.c33[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c27 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-}
-
-.c26 {
-  color: rgb(59,70,204);
-  -webkit-text-fill-color: currentcolor;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-}
-
-.c26:hover {
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.c32 {
-  min-width: 7.5rem;
-}
-
-.c25 {
-  display: inline-block;
-}
-
-.c24 {
-  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;
-  -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.625rem 1.125rem;
-  font-size: 0.8125rem;
-  min-width: 0rem;
-  min-height: 0rem;
-  height: auto;
-  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;
-  font-weight: 500;
-}
-
-.c24:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c24:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c24:active,
-.c24:active:hover,
-.c24:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c24[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c24:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c24:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c24:active,
-.c24:active:hover,
-.c24:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c31 {
-  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;
-  -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.625rem 1.125rem;
-  font-size: 0.8125rem;
-  min-width: 0rem;
-  min-height: 0rem;
-  height: auto;
-  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;
-}
-
-.c31:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c31:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c31[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c31:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c31:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c31:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-}
-
-.c31:hover {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c35 {
-  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;
-  -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;
-  font-weight: 500;
-}
-
-.c35:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c35:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c35:active,
-.c35:active:hover,
-.c35:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c35[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c35:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c35:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c35:active,
-.c35:active:hover,
-.c35:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c35:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-}
-
-.c35:hover {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c35:active,
-.c35:active:hover,
-.c35:active:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c36 {
-  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;
-  -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.625rem 1.125rem;
-  font-size: 0.8125rem;
-  min-width: 0rem;
-  min-height: 0rem;
-  height: auto;
-  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;
-}
-
-.c36:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c36:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c36:active,
-.c36:active:hover,
-.c36:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c36[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c36:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c36:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c36:active,
-.c36:active:hover,
-.c36:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c37 {
-  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;
-  -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;
-  font-weight: 500;
-}
-
-.c37:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c37:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c37:active,
-.c37:active:hover,
-.c37:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c37[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c37:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c37:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c37:active,
-.c37:active:hover,
-.c37:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c39 {
-  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;
-  -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);
-  padding: 0.625rem 1.125rem;
-  font-size: 0.8125rem;
-  min-width: 0rem;
-  min-height: 0rem;
-  height: auto;
-  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;
-}
-
-.c39:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c39:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c39:active,
-.c39:active:hover,
-.c39:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c39[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c39:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c39:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c39:active,
-.c39:active:hover,
-.c39:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c39:focus {
-  color: rgb(205,37,27);
-  background-color: rgb(255,255,255);
-  border-color: rgb(205,37,27);
-}
-
-.c39:hover {
-  color: rgb(205,37,27);
-  background-color: rgb(255,255,255);
-  border-color: rgb(205,37,27);
-}
-
-.c39:active,
-.c39:active:hover,
-.c39:active:focus {
-  background-color: rgba(210,67,58,0.1);
-  border-color: rgb(205,37,27);
-}
-
-.c40 {
-  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;
-  -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);
-  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;
-  font-weight: 500;
-  float: right;
-}
-
-.c40:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c40:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c40:active,
-.c40:active:hover,
-.c40:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c40[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c40:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c40:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c40:active,
-.c40:active:hover,
-.c40:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c40:focus {
-  color: rgb(205,37,27);
-  background-color: rgb(255,255,255);
-  border-color: rgb(205,37,27);
-}
-
-.c40:hover {
-  color: rgb(205,37,27);
-  background-color: rgb(255,255,255);
-  border-color: rgb(205,37,27);
-}
-
-.c40:active,
-.c40:active:hover,
-.c40:active:focus {
-  background-color: rgba(210,67,58,0.1);
-  border-color: rgb(205,37,27);
-}
-
-.c17 {
-  width: 0.9375rem;
-  height: 0.9375rem;
-  border-radius: 50%;
-  background-color: rgb(0,152,88);
-  display: inline-block;
-  margin-right: 0.375rem;
-  margin-left: 0rem;
-}
-
-.c15 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-}
-
-.c9 {
-  margin: 0;
-  color: rgb(73,73,73);
-  font-weight: normal;
-  line-height: 1.875rem;
-  font-size: 1.5rem;
-}
-
-.c42 {
-  height: 1px;
-  background-color: rgb(216,216,216);
-}
-
-.c2 {
-  box-sizing: content-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 1 0 auto;
-  -ms-flex: 1 0 auto;
-  flex: 1 0 auto;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  position: relative;
-  border-width: 0.0625rem;
-  border-style: solid;
-  -webkit-transition: all 300ms ease;
-  transition: all 300ms ease;
-  color: rgb(73,73,73);
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c3 {
-  box-sizing: border-box;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  border-width: 0;
-  background-color: transparent;
-}
-
-.c48 {
-  box-sizing: border-box;
-  width: 18.75rem;
-  height: 3rem;
-  min-height: 3rem;
-  padding: 0.8125rem 0.75rem;
-  border-radius: 0.25rem;
-  background-color: rgb(255,255,255);
-  border: 0.0625rem solid rgb(216,216,216);
-  color: rgb(73,73,73);
-  font-size: 0.9375rem;
-  line-height: normal !important;
-  font-style: normal;
-  font-stretch: normal;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  outline: 0;
-  font-family: "Roboto Mono",monospace;
-  width: 100%;
-  min-width: 100%;
-}
-
-.c48:focus {
-  border-color: rgb(59,70,204);
-  outline: 0;
-}
-
-.c48::-webkit-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c48::-moz-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c48:-ms-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c48:invalid {
-  box-shadow: none;
-}
-
-.c48:disabled {
-  background-color: rgb(250,250,250);
-  color: rgb(216,216,216);
-  cursor: not-allowed;
-}
-
-.c48:disabled::-webkit-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c48:disabled::-moz-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c48:disabled:-ms-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c48:disabled {
-  color: rgb(73,73,73);
-}
-
-.c48:disabled::-webkit-input-placeholder {
-  color: rgb(73,73,73);
-}
-
-.c48:disabled::-moz-placeholder {
-  color: rgb(73,73,73);
-}
-
-.c48:disabled:-ms-input-placeholder {
-  color: rgb(73,73,73);
-}
-
-.c46 {
-  font-weight: 600;
-  white-space: pre;
-  font-size: 0.8125rem;
-}
-
-.c47 {
-  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;
-}
-
-.c47 input {
-  padding-right: 1.875rem;
-}
-
-.c47 div {
-  position: relative;
-  left: -1.625rem;
-}
-
-.c49 {
-  cursor: pointer;
-}
-
-.c19 {
-  opacity: 0.5;
-  padding-right: 0.1875rem;
-}
-
-.c14 {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-
-.c10 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-}
-
-.c11 {
-  cursor: pointer;
-}
-
-.c16 {
-  width: 0.0625rem;
-  background: rgb(216,216,216);
-  height: 1.5rem;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-self: flex-end;
-  -ms-flex-item-align: end;
-  align-self: flex-end;
-  margin: 0 0.75rem;
-}
-
-.c8 {
-  margin: 0;
-}
-
-.c23 {
-  margin-right: 0.375rem;
-}
-
-@media only screen and (min-width:0em) {
-  .c5 {
-    -webkit-align-items: center;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-  }
-}
-
-@media only screen and (min-width:0em) {
-  .c21 {
-    -webkit-box-pack: justify;
-    -webkit-justify-content: space-between;
-    -ms-flex-pack: justify;
-    justify-content: space-between;
-  }
-}
-
-@media only screen and (min-width:0em) {
-  .c1 {
-    -webkit-flex-basis: 100%;
-    -ms-flex-preferred-size: 100%;
-    flex-basis: 100%;
-    max-width: 100%;
-  }
-}
-
-@media only screen and (min-width:48em) {
-  .c1 {
-    -webkit-flex-basis: 100%;
-    -ms-flex-preferred-size: 100%;
-    flex-basis: 100%;
-    max-width: 100%;
-  }
-}
-
-@media only screen and (min-width:64em) {
-  .c1 {
-    -webkit-flex-basis: 75%;
-    -ms-flex-preferred-size: 75%;
-    flex-basis: 75%;
-    max-width: 75%;
-  }
-}
-
-@media only screen and (min-width:0em) {
-  .c6 {
-    -webkit-flex-basis: 100%;
-    -ms-flex-preferred-size: 100%;
-    flex-basis: 100%;
-    max-width: 100%;
-  }
-}
-
-@media only screen and (min-width:0em) {
-  .c22 {
-    -webkit-flex-basis: 75%;
-    -ms-flex-preferred-size: 75%;
-    flex-basis: 75%;
-    max-width: 75%;
-  }
-}
-
-@media only screen and (min-width:0em) {
-  .c38 {
-    -webkit-flex-basis: 25%;
-    -ms-flex-preferred-size: 25%;
-    flex-basis: 25%;
-    max-width: 25%;
-  }
-}
-
-@media only screen and (min-width:0em) {
-  .c44 {
-    -webkit-flex-basis: 100%;
-    -ms-flex-preferred-size: 100%;
-    flex-basis: 100%;
-    max-width: 100%;
-  }
-}
-
-@media only screen and (min-width:64em) {
-  .c44 {
-    -webkit-flex-basis: 58.333333333333336%;
-    -ms-flex-preferred-size: 58.333333333333336%;
-    flex-basis: 58.333333333333336%;
-    max-width: 58.333333333333336%;
-  }
-}
-
-@media (max-width:47.9375rem) {
-  .c10 {
-    display: block;
-  }
-}
-
-@media (max-width:47.9375rem) {
-  .c16 {
-    display: none;
-  }
-}
-
-<div
-  className="c0"
->
-  <div
-    className="c1"
-  >
-    <div
-      className="c2"
-      disabled={false}
-      name="card"
-    >
-      <div
-        className="c3 c2"
-        disabled={false}
-        name="card-outlet"
-      >
-        <div
-          className="c4"
-        >
-          <div
-            className="c5"
-          >
-            <div
-              className="c6"
-            >
-              <div
-                className="c7"
-              >
-                <h2
-                  className="c8 c9"
-                >
-                  <div
-                    className="c10"
-                  >
-                    <div
-                      className="c11 c12"
-                      onClick={undefined}
-                    >
-                      <svg
-                        height="17.07"
-                        viewBox="0 0 17.07 17.07"
-                        width="17.07"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M14,9.07v5a1,1,0,0,1-1,1H3a1,1,0,0,1-1-1v-10a1,1,0,0,1,1-1H8v-2H3c-2,0-3,1-3,3v10a2.65,2.65,0,0,0,3,3H13a2.65,2.65,0,0,0,3-3v-5ZM14.24,0,5.76,8.49,4.34,12.73l4.25-1.42,8.48-8.48ZM7.17,8.49l7.07-7.08,1.42,1.42L8.59,9.9Z"
-                          fill="rgb(73, 73, 73)"
-                        />
-                      </svg>
-                    </div>
-                  </div>
-                </h2>
-              </div>
-            </div>
-          </div>
-          <div
-            className="c13"
-          >
-            <div
-              className="c10"
-            >
-              <label
-                className="c14 c15"
-              >
-                Custom Image
-              </label>
-              <div
-                className="c16"
-              />
-              <label
-                className="c14 c15"
-              >
-                Infrastructure container
-              </label>
-              <div
-                className="c16"
-              />
-              <label
-                className="c14 c15"
-              >
-                g4-highcpu-128M
-              </label>
-              <div
-                className="c16"
-              />
-              <div
-                className="c10"
-              >
-                <span
-                  className="c17"
-                  color="green"
-                  size="0.9375rem"
-                />
-                Running
-              </div>
-            </div>
-            <div
-              className="c18"
-            >
-              <div
-                className="c10"
-              >
-                <div
-                  className="c10"
-                >
-                  <label
-                    className="c19 c15"
-                  >
-                    Created: 
-                  </label>
-                  <label
-                    className="c15"
-                  >
-                     
-                    almost NaN years
-                     ago
-                  </label>
-                </div>
-                <div
-                  className="c16"
-                />
-                <div
-                  className="c10"
-                >
-                  <label
-                    className="c19 c15"
-                  >
-                    Updated: 
-                  </label>
-                  <label
-                    className="c15"
-                  >
-                     
-                    almost NaN years
-                     ago
-                  </label>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            className="c20"
-          >
-            <div
-              className="c21"
-            >
-              <div
-                className="c22"
-              >
-                <a
-                  className="c23 c24 c25 c26 c27 c28"
-                  data-ui-button="true"
-                  href="http://localhost/images/~create/2252839a-e698-ceec-afac-9549ad0c6624"
-                  icon={true}
-                  rel="noopener noreferrer"
-                  target="__blank"
-                >
-                  <div
-                    className="c29"
-                  >
-                    <svg
-                      height="20"
-                      style={
-                        Object {
-                          "transform": "rotate(0deg)",
-                        }
-                      }
-                      viewBox="0 0 16.67 20"
-                      width="16.67"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M12.83,8v6h-9V8h9m0-1h-9a1,1,0,0,0-1,1v6a1,1,0,0,0,1,1h9a1,1,0,0,0,1-1V8a1,1,0,0,0-1-1Zm-7,5.5v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,5.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,7.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,9.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,11.83,12.5Zm3.73-8.06L12.22,1.11,11.11,0h-10A1.11,1.11,0,0,0,0,1.11V18.89A1.11,1.11,0,0,0,1.11,20H15.56a1.11,1.11,0,0,0,1.11-1.11V5.56ZM14.83,5h-3V2Zm-13,13V2h9V6h4V18Z"
-                        fill="rgb(73, 73, 73)"
-                      />
-                    </svg>
-                  </div>
-                </a>
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (max-width: 47.9375rem)"
-                >
-                  <a
-                    className="c23 c24 c25 c26 c27 c28"
-                    data-ui-button="true"
-                    href="http://localhost/images/~create/2252839a-e698-ceec-afac-9549ad0c6624"
-                    icon={true}
-                    rel="noopener noreferrer"
-                    target="__blank"
-                  >
-                    <div
-                      className="c30"
-                    >
-                      <svg
-                        height="20"
-                        style={
-                          Object {
-                            "transform": "rotate(0deg)",
-                          }
-                        }
-                        viewBox="0 0 16.67 20"
-                        width="16.67"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M12.83,8v6h-9V8h9m0-1h-9a1,1,0,0,0-1,1v6a1,1,0,0,0,1,1h9a1,1,0,0,0,1-1V8a1,1,0,0,0-1-1Zm-7,5.5v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,5.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,7.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,9.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,11.83,12.5Zm3.73-8.06L12.22,1.11,11.11,0h-10A1.11,1.11,0,0,0,0,1.11V18.89A1.11,1.11,0,0,0,1.11,20H15.56a1.11,1.11,0,0,0,1.11-1.11V5.56ZM14.83,5h-3V2Zm-13,13V2h9V6h4V18Z"
-                          fill="rgb(73, 73, 73)"
-                        />
-                      </svg>
-                    </div>
-                  </a>
-                </span>
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (max-width: 47.9375rem)"
-                >
-                  <button
-                    className="c23 c31 c25 c32 c33"
-                    data-ui-button="true"
-                    disabled={true}
-                    href=""
-                    icon={true}
-                    onClick={[Function]}
-                    type="button"
-                  >
-                    <div
-                      className="c34"
-                    >
-                      <svg
-                        height="14"
-                        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>
-                    </div>
-                  </button>
-                </span>
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (min-width: 48rem)"
-                >
-                  <button
-                    className="c23 c35 c25 c32 c33"
-                    data-ui-button="true"
-                    disabled={true}
-                    href=""
-                    icon={true}
-                    onClick={[Function]}
-                    type="button"
-                  >
-                    <div
-                      className="c34"
-                    >
-                      <svg
-                        height="14"
-                        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>
-                    </div>
-                    <span>
-                      Start
-                    </span>
-                  </button>
-                </span>
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (max-width: 47.9375rem)"
-                >
-                  <button
-                    className="c23 c36 c25 c32 c33"
-                    data-ui-button="true"
-                    disabled={false}
-                    href=""
-                    icon={true}
-                    onClick={[Function]}
-                    type="button"
-                  >
-                    <div
-                      className="c34"
-                    >
-                      <svg
-                        height="14"
-                        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(73, 73, 73)"
-                        />
-                      </svg>
-                    </div>
-                  </button>
-                </span>
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (min-width: 48rem)"
-                >
-                  <button
-                    className="c23 c37 c25 c32 c33"
-                    data-ui-button="true"
-                    disabled={false}
-                    href=""
-                    icon={true}
-                    onClick={[Function]}
-                    type="button"
-                  >
-                    <div
-                      className="c34"
-                    >
-                      <svg
-                        height="14"
-                        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(73, 73, 73)"
-                        />
-                      </svg>
-                    </div>
-                    <span>
-                      Stop
-                    </span>
-                  </button>
-                </span>
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (max-width: 47.9375rem)"
-                >
-                  <button
-                    className="c23 c36 c25 c32 c33"
-                    data-ui-button="true"
-                    disabled={false}
-                    href=""
-                    icon={true}
-                    onClick={[Function]}
-                    type="button"
-                  >
-                    <div
-                      className="c34"
-                    >
-                      <svg
-                        height="21"
-                        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(73, 73, 73)"
-                              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>
-                    </div>
-                  </button>
-                </span>
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (min-width: 48rem)"
-                >
-                  <button
-                    className="c23 c37 c25 c32 c33"
-                    data-ui-button="true"
-                    disabled={false}
-                    href=""
-                    icon={true}
-                    onClick={[Function]}
-                    type="button"
-                  >
-                    <div
-                      className="c34"
-                    >
-                      <svg
-                        height="21"
-                        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(73, 73, 73)"
-                              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>
-                    </div>
-                    <span>
-                      Reboot
-                    </span>
-                  </button>
-                </span>
-              </div>
-              <div
-                className="c38"
-              >
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (max-width: 47.9375rem)"
-                >
-                  <button
-                    className="c23 c39 c25 c32 c33"
-                    data-ui-button="true"
-                    disabled={false}
-                    href=""
-                    icon={true}
-                    onClick={[Function]}
-                    type="button"
-                  >
-                    <div
-                      className="c34"
-                    >
-                      <svg
-                        height="16"
-                        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(210, 67, 58)"
-                        />
-                      </svg>
-                    </div>
-                  </button>
-                </span>
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (min-width: 48rem)"
-                >
-                  <button
-                    className="c23 c40 c25 c32 c33"
-                    data-ui-button="true"
-                    disabled={false}
-                    href=""
-                    icon={true}
-                    onClick={[Function]}
-                    type="button"
-                  >
-                    <div
-                      className="c34"
-                    >
-                      <svg
-                        height="16"
-                        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(210, 67, 58)"
-                        />
-                      </svg>
-                    </div>
-                    <span>
-                      Remove
-                    </span>
-                  </button>
-                </span>
-              </div>
-            </div>
-          </div>
-          <div
-            className="c41"
-          >
-            <div
-              className="c42 c0"
-              height={1}
-            />
-          </div>
-          <div
-            className="c43"
-          >
-            <div
-              className="c0"
-            >
-              <div
-                className="c44"
-              >
-                <div
-                  className="c45"
-                >
-                  <label
-                    className="c46 c15"
-                    htmlFor=""
-                  >
-                    Short ID
-                  </label>
-                </div>
-                <div
-                  className="c47"
-                >
-                  <input
-                    className="c48"
-                    disabled={false}
-                    id=""
-                    onBlur={null}
-                    value="2252839a"
-                  />
-                  <div
-                    onClick={undefined}
-                    onMouseEnter={[Function]}
-                    onMouseLeave={[Function]}
-                    style={
-                      Object {
-                        "display": "inline-block",
-                      }
-                    }
-                  >
-                    <svg
-                      className="c49"
-                      height="19"
-                      innerRef={undefined}
-                      onClick={[Function]}
-                      style={
-                        Object {
-                          "transform": "rotate(0deg)",
-                        }
-                      }
-                      viewBox="0 0 15 19"
-                      width="15"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
-                        fill="rgb(73, 73, 73)"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            className="c43"
-          >
-            <div
-              className="c0"
-            >
-              <div
-                className="c44"
-              >
-                <div
-                  className="c45"
-                >
-                  <label
-                    className="c46 c15"
-                    htmlFor=""
-                  >
-                    ID
-                  </label>
-                </div>
-                <div
-                  className="c47"
-                >
-                  <input
-                    className="c48"
-                    disabled={false}
-                    id=""
-                    onBlur={null}
-                    value="2252839a-e698-ceec-afac-9549ad0c6624"
-                  />
-                  <div
-                    onClick={undefined}
-                    onMouseEnter={[Function]}
-                    onMouseLeave={[Function]}
-                    style={
-                      Object {
-                        "display": "inline-block",
-                      }
-                    }
-                  >
-                    <svg
-                      className="c49"
-                      height="19"
-                      innerRef={undefined}
-                      onClick={[Function]}
-                      style={
-                        Object {
-                          "transform": "rotate(0deg)",
-                        }
-                      }
-                      viewBox="0 0 15 19"
-                      width="15"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
-                        fill="rgb(73, 73, 73)"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            className="c43"
-          >
-            <div
-              className="c0"
-            >
-              <div
-                className="c44"
-              >
-                <div
-                  className="c45"
-                >
-                  <label
-                    className="c46 c15"
-                    htmlFor=""
-                  >
-                    CN UUID
-                  </label>
-                </div>
-                <div
-                  className="c47"
-                >
-                  <input
-                    className="c48"
-                    disabled={false}
-                    id=""
-                    onBlur={null}
-                    value="70bb1cee-dba3-11e3-a799-002590e4f2b0"
-                  />
-                  <div
-                    onClick={undefined}
-                    onMouseEnter={[Function]}
-                    onMouseLeave={[Function]}
-                    style={
-                      Object {
-                        "display": "inline-block",
-                      }
-                    }
-                  >
-                    <svg
-                      className="c49"
-                      height="19"
-                      innerRef={undefined}
-                      onClick={[Function]}
-                      style={
-                        Object {
-                          "transform": "rotate(0deg)",
-                        }
-                      }
-                      viewBox="0 0 15 19"
-                      width="15"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
-                        fill="rgb(73, 73, 73)"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            className="c43"
-          >
-            <div
-              className="c0"
-            >
-              <div
-                className="c44"
-              >
-                <div
-                  className="c45"
-                >
-                  <label
-                    className="c46 c15"
-                    htmlFor=""
-                  >
-                    Image UUID
-                  </label>
-                </div>
-                <div
-                  className="c47"
-                >
-                  <input
-                    className="c48"
-                    disabled={false}
-                    id=""
-                    onBlur={null}
-                    value="19aa3328-0025-11e7-a19a-c39077bfd4cf"
-                  />
-                  <div
-                    onClick={undefined}
-                    onMouseEnter={[Function]}
-                    onMouseLeave={[Function]}
-                    style={
-                      Object {
-                        "display": "inline-block",
-                      }
-                    }
-                  >
-                    <svg
-                      className="c49"
-                      height="19"
-                      innerRef={undefined}
-                      onClick={[Function]}
-                      style={
-                        Object {
-                          "transform": "rotate(0deg)",
-                        }
-                      }
-                      viewBox="0 0 15 19"
-                      width="15"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
-                        fill="rgb(73, 73, 73)"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            className="c43"
-          >
-            <div
-              className="c0"
-            >
-              <div
-                className="c44"
-              >
-                <div
-                  className="c45"
-                >
-                  <label
-                    className="c46 c15"
-                    htmlFor=""
-                  >
-                    Login
-                  </label>
-                </div>
-                <div
-                  className="c47"
-                >
-                  <input
-                    className="c48"
-                    disabled={false}
-                    id=""
-                    onBlur={null}
-                    value="ssh root@72.2.119.146"
-                  />
-                  <div
-                    onClick={undefined}
-                    onMouseEnter={[Function]}
-                    onMouseLeave={[Function]}
-                    style={
-                      Object {
-                        "display": "inline-block",
-                      }
-                    }
-                  >
-                    <svg
-                      className="c49"
-                      height="19"
-                      innerRef={undefined}
-                      onClick={[Function]}
-                      style={
-                        Object {
-                          "transform": "rotate(0deg)",
-                        }
-                      }
-                      viewBox="0 0 15 19"
-                      width="15"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
-                        fill="rgb(73, 73, 73)"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            className="c43"
-          >
-            <div
-              className="c0"
-            >
-              <div
-                className="c44"
-              >
-                <div
-                  className="c45"
-                >
-                  <label
-                    className="c46 c15"
-                    htmlFor=""
-                  >
-                    Public IP address 1
-                  </label>
-                </div>
-                <div
-                  className="c47"
-                >
-                  <input
-                    className="c48"
-                    disabled={false}
-                    id=""
-                    onBlur={null}
-                    value="72.2.119.146"
-                  />
-                  <div
-                    onClick={undefined}
-                    onMouseEnter={[Function]}
-                    onMouseLeave={[Function]}
-                    style={
-                      Object {
-                        "display": "inline-block",
-                      }
-                    }
-                  >
-                    <svg
-                      className="c49"
-                      height="19"
-                      innerRef={undefined}
-                      onClick={[Function]}
-                      style={
-                        Object {
-                          "transform": "rotate(0deg)",
-                        }
-                      }
-                      viewBox="0 0 15 19"
-                      width="15"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
-                        fill="rgb(73, 73, 73)"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            className="c43"
-          >
-            <div
-              className="c0"
-            >
-              <div
-                className="c44"
-              >
-                <div
-                  className="c45"
-                >
-                  <label
-                    className="c46 c15"
-                    htmlFor=""
-                  >
-                    Public IP address 2
-                  </label>
-                </div>
-                <div
-                  className="c47"
-                >
-                  <input
-                    className="c48"
-                    disabled={false}
-                    id=""
-                    onBlur={null}
-                    value="72.2.119.146"
-                  />
-                  <div
-                    onClick={undefined}
-                    onMouseEnter={[Function]}
-                    onMouseLeave={[Function]}
-                    style={
-                      Object {
-                        "display": "inline-block",
-                      }
-                    }
-                  >
-                    <svg
-                      className="c49"
-                      height="19"
-                      innerRef={undefined}
-                      onClick={[Function]}
-                      style={
-                        Object {
-                          "transform": "rotate(0deg)",
-                        }
-                      }
-                      viewBox="0 0 15 19"
-                      width="15"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
-                        fill="rgb(73, 73, 73)"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            className="c43"
-          >
-            <div
-              className="c0"
-            >
-              <div
-                className="c44"
-              >
-                <div
-                  className="c45"
-                >
-                  <label
-                    className="c46 c15"
-                    htmlFor=""
-                  >
-                    Private IP address 1
-                  </label>
-                </div>
-                <div
-                  className="c47"
-                >
-                  <input
-                    className="c48"
-                    disabled={false}
-                    id=""
-                    onBlur={null}
-                    value="10.112.5.63"
-                  />
-                  <div
-                    onClick={undefined}
-                    onMouseEnter={[Function]}
-                    onMouseLeave={[Function]}
-                    style={
-                      Object {
-                        "display": "inline-block",
-                      }
-                    }
-                  >
-                    <svg
-                      className="c49"
-                      height="19"
-                      innerRef={undefined}
-                      onClick={[Function]}
-                      style={
-                        Object {
-                          "transform": "rotate(0deg)",
-                        }
-                      }
-                      viewBox="0 0 15 19"
-                      width="15"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
-                        fill="rgb(73, 73, 73)"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            className="c43"
-          >
-            <div
-              className="c0"
-            >
-              <div
-                className="c44"
-              >
-                <div
-                  className="c45"
-                >
-                  <label
-                    className="c46 c15"
-                    htmlFor=""
-                  >
-                    Private IP address 2
-                  </label>
-                </div>
-                <div
-                  className="c47"
-                >
-                  <input
-                    className="c48"
-                    disabled={false}
-                    id=""
-                    onBlur={null}
-                    value="10.112.5.63"
-                  />
-                  <div
-                    onClick={undefined}
-                    onMouseEnter={[Function]}
-                    onMouseLeave={[Function]}
-                    style={
-                      Object {
-                        "display": "inline-block",
-                      }
-                    }
-                  >
-                    <svg
-                      className="c49"
-                      height="19"
-                      innerRef={undefined}
-                      onClick={[Function]}
-                      style={
-                        Object {
-                          "transform": "rotate(0deg)",
-                        }
-                      }
-                      viewBox="0 0 15 19"
-                      width="15"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
-                        fill="rgb(73, 73, 73)"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`renders <Summary starting stopping rebooting removing /> without throwing 1`] = `
-.c0 {
-  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;
-}
-
-.c5 {
-  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;
-}
-
-.c21 {
-  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;
-}
-
-.c1 {
-  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;
-}
-
-.c6 {
-  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;
-}
-
-.c22 {
-  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;
-}
-
-.c39 {
-  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;
-}
-
-.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;
-}
-
-.c7 {
-  margin-bottom: 0.375rem;
-}
-
-.c12 {
-  margin-left: 0.75rem;
-}
-
-.c13 {
-  margin-top: 0.375rem;
-  margin-bottom: 0.375rem;
-}
-
-.c18 {
-  margin-top: 0.375rem;
-}
-
-.c20 {
-  margin-top: 1.125rem;
-}
-
-.c42 {
-  margin-top: 1.125rem;
-  margin-bottom: 1.875rem;
-}
-
-.c44 {
-  margin-bottom: 1.125rem;
-}
-
-.c46 {
-  margin-bottom: 0.1875rem;
-}
-
-.c4 {
-  padding: 1.875rem;
-}
-
-.c29 {
-  padding-top: 0.1875rem;
-}
-
-.c30 {
-  padding-top: 0rem;
-}
-
-.c28 {
-  background-color: transparent;
-  -webkit-text-decoration-skip: objects;
-  text-decoration-skip: objects;
-}
-
-.c33 {
-  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;
-}
-
-.c33::-moz-focus-inner,
-.c33[type='button']::-moz-focus-inner,
-.c33[type='reset']::-moz-focus-inner,
-.c33[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c33:-moz-focusring,
-.c33[type='button']:-moz-focusring,
-.c33[type='reset']:-moz-focusring,
-.c33[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c27 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-}
-
-.c26 {
-  color: rgb(59,70,204);
-  -webkit-text-fill-color: currentcolor;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-}
-
-.c26:hover {
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.c35 {
-  fill: rgb(59,70,204);
-  stroke: rgb(59,70,204);
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-}
-
-.c36 {
-  -webkit-animation-delay: 0.5s;
-  animation-delay: 0.5s;
-}
-
-.c37 {
-  -webkit-animation-delay: 1s;
-  animation-delay: 1s;
-}
-
-.c34 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
   -webkit-flex-wrap: nowrap;
   -ms-flex-wrap: nowrap;
   flex-wrap: nowrap;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-content: center;
-  -ms-flex-line-pack: center;
-  align-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  min-height: 1.25rem;
-  -webkit-flex: 1 0 auto;
-  -ms-flex: 1 0 auto;
-  flex: 1 0 auto;
-}
-
-.c32 {
-  min-width: 7.5rem;
-}
-
-.c25 {
-  display: inline-block;
+  -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;
 }
 
 .c24 {
-  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;
-  -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.625rem 1.125rem;
-  font-size: 0.8125rem;
-  min-width: 0rem;
-  min-height: 0rem;
-  height: auto;
-  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;
-  font-weight: 500;
+  -webkit-order: 0;
+  -ms-flex-order: 0;
+  order: 0;
+  -webkit-flex-basis: auto;
+  -ms-flex-preferred-size: auto;
+  flex-basis: auto;
+  -webkit-box-flex: 0;
+  -webkit-flex-grow: 0;
+  -ms-flex-positive: 0;
+  flex-grow: 0;
+  -webkit-flex-shrink: 1;
+  -ms-flex-negative: 1;
+  flex-shrink: 1;
+  display: block;
 }
 
-.c24:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
+.c7 {
+  margin-bottom: 0.375rem;
 }
 
-.c24:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
+.c12 {
+  margin-left: 0.75rem;
 }
 
-.c24:active,
-.c24:active:hover,
-.c24:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
+.c13 {
+  margin-top: 0.375rem;
+  margin-bottom: 0.375rem;
 }
 
-.c24[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
+.c19 {
+  margin-top: 0.375rem;
 }
 
-.c24:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
+.c21 {
+  margin-top: 1.125rem;
 }
 
-.c24:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c24:active,
-.c24:active:hover,
-.c24:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
+.c25 {
+  margin-right: 0.375rem;
 }
 
 .c31 {
-  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;
-  -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.625rem 1.125rem;
-  font-size: 0.8125rem;
-  min-width: 0rem;
-  min-height: 0rem;
-  height: auto;
-  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;
+  margin-right: 0.75rem;
 }
 
-.c31:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
+.c42 {
+  margin-top: 1.125rem;
+  margin-bottom: 1.875rem;
 }
 
-.c31:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
+.c44 {
+  margin-bottom: 1.125rem;
 }
 
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
+.c46 {
+  margin-bottom: 0.1875rem;
 }
 
-.c31[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c31:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c31:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c31:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-}
-
-.c31:hover {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
+.c4 {
+  padding: 1.875rem;
 }
 
 .c38 {
+  background-color: transparent;
+  -webkit-text-decoration-skip: objects;
+  text-decoration-skip: objects;
+}
+
+.c30 {
+  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;
+}
+
+.c30::-moz-focus-inner,
+.c30[type='button']::-moz-focus-inner,
+.c30[type='reset']::-moz-focus-inner,
+.c30[type='submit']::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+.c30:-moz-focusring,
+.c30[type='button']:-moz-focusring,
+.c30[type='reset']:-moz-focusring,
+.c30[type='submit']:-moz-focusring {
+  outline: 0.0625rem dotted ButtonText;
+}
+
+.c37 {
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+}
+
+.c36 {
+  color: rgb(59,70,204);
+  -webkit-text-fill-color: currentcolor;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+}
+
+.c36:hover {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.c29 {
+  min-width: 7.5rem;
+}
+
+.c28 {
+  display: inline-block;
+}
+
+.c27 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -7507,7 +305,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   font-weight: 500;
 }
 
-.c38:focus {
+.c27:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -7515,59 +313,242 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   border-color: rgb(45,56,132);
 }
 
-.c38:hover {
+.c27:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c38:active,
-.c38:active:hover,
-.c38:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c38[disabled] {
+.c27[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c38:focus {
+.c27:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c38:hover {
+.c27:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c38:active,
-.c38:active:hover,
-.c38:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c38:focus {
+.c27:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(216,216,216);
 }
 
-.c38:hover {
+.c27:hover {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c38:active,
-.c38:active:hover,
-.c38:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
+.c33 {
+  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;
+  -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);
+}
+
+.c33:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c33:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c33[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c33:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c33:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c35 {
+  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;
+  -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;
+  font-weight: 500;
+}
+
+.c35:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c35:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c35:active,
+.c35:active:hover,
+.c35:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c35[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c35:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c35:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c35:active,
+.c35:active:hover,
+.c35:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
 .c40 {
   box-sizing: border-box;
   display: inline-block;
@@ -7856,7 +837,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   border-color: rgb(250,250,250);
 }
 
-.c17 {
+.c18 {
   width: 0.9375rem;
   height: 0.9375rem;
   border-radius: 50%;
@@ -7865,7 +846,33 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   margin-left: 0rem;
 }
 
-.c15 {
+.c32 {
+  padding: 0;
+  min-width: 2.9375rem;
+  max-width: 2.9375rem;
+  width: 2.9375rem;
+}
+
+.c34 {
+  padding: 0.9375rem 1.125rem;
+}
+
+.c26 {
+  display: inline-block;
+}
+
+.c26 [data-ui-button='true']:not(:first-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-left: none;
+}
+
+.c26 [data-ui-button='true']:not(:last-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.c16 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-style: normal;
@@ -8113,7 +1120,11 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   cursor: pointer;
 }
 
-.c19 {
+.c15 {
+  font-weight: 200;
+}
+
+.c20 {
   opacity: 0.5;
   padding-right: 0.1875rem;
 }
@@ -8124,26 +1135,11 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   text-overflow: ellipsis;
 }
 
-.c10 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-}
-
 .c11 {
   cursor: pointer;
 }
 
-.c16 {
+.c17 {
   width: 0.0625rem;
   background: rgb(216,216,216);
   height: 1.5rem;
@@ -8161,10 +1157,6 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   margin: 0;
 }
 
-.c23 {
-  margin-right: 0.375rem;
-}
-
 @media only screen and (min-width:0em) {
   .c5 {
     -webkit-align-items: center;
@@ -8175,7 +1167,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
 }
 
 @media only screen and (min-width:0em) {
-  .c21 {
+  .c22 {
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
@@ -8220,7 +1212,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
 }
 
 @media only screen and (min-width:0em) {
-  .c22 {
+  .c23 {
     -webkit-flex-basis: 75%;
     -ms-flex-preferred-size: 75%;
     flex-basis: 75%;
@@ -8256,13 +1248,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
 }
 
 @media (max-width:47.9375rem) {
-  .c10 {
-    display: block;
-  }
-}
-
-@media (max-width:47.9375rem) {
-  .c16 {
+  .c17 {
     display: none;
   }
 }
@@ -8329,32 +1315,32 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
               className="c10"
             >
               <label
-                className="c14 c15"
+                className="c14 c15 c16"
               >
                 Custom Image
               </label>
               <div
-                className="c16"
+                className="c17"
               />
               <label
-                className="c14 c15"
+                className="c14 c15 c16"
               >
                 Hardware virtual machine
               </label>
               <div
-                className="c16"
+                className="c17"
               />
               <label
-                className="c14 c15"
+                className="c14 c15 c16"
               />
               <div
-                className="c16"
+                className="c17"
               />
               <div
                 className="c10"
               >
                 <span
-                  className="c17"
+                  className="c18"
                   color={undefined}
                   size="0.9375rem"
                 />
@@ -8362,7 +1348,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
               </div>
             </div>
             <div
-              className="c18"
+              className="c19"
             >
               <div
                 className="c10"
@@ -8371,12 +1357,12 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                   className="c10"
                 >
                   <label
-                    className="c19 c15"
+                    className="c20 c15 c16"
                   >
                     Created: 
                   </label>
                   <label
-                    className="c15"
+                    className="c15 c16"
                   >
                      
                     almost NaN years
@@ -8384,18 +1370,18 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                   </label>
                 </div>
                 <div
-                  className="c16"
+                  className="c17"
                 />
                 <div
                   className="c10"
                 >
                   <label
-                    className="c19 c15"
+                    className="c20 c15 c16"
                   >
                     Updated: 
                   </label>
                   <label
-                    className="c15"
+                    className="c15 c16"
                   >
                      
                     almost NaN years
@@ -8406,347 +1392,117 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
             </div>
           </div>
           <div
-            className="c20"
+            className="c21"
           >
             <div
-              className="c21"
+              className="c22"
             >
               <div
-                className="c22"
+                className="c23"
               >
-                <a
-                  className="c23 c24 c25 c26 c27 c28"
-                  data-ui-button="true"
-                  href="http://localhost/images/~create/undefined"
-                  icon={true}
-                  rel="noopener noreferrer"
-                  target="__blank"
+                <div
+                  className="c10"
                 >
                   <div
-                    className="c29"
+                    className="c24"
                   >
-                    <svg
-                      height="20"
-                      style={
-                        Object {
-                          "transform": "rotate(0deg)",
-                        }
-                      }
-                      viewBox="0 0 16.67 20"
-                      width="16.67"
-                      xmlns="http://www.w3.org/2000/svg"
+                    <div
+                      className="c25"
                     >
-                      <path
-                        d="M12.83,8v6h-9V8h9m0-1h-9a1,1,0,0,0-1,1v6a1,1,0,0,0,1,1h9a1,1,0,0,0,1-1V8a1,1,0,0,0-1-1Zm-7,5.5v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,5.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,7.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,9.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,11.83,12.5Zm3.73-8.06L12.22,1.11,11.11,0h-10A1.11,1.11,0,0,0,0,1.11V18.89A1.11,1.11,0,0,0,1.11,20H15.56a1.11,1.11,0,0,0,1.11-1.11V5.56ZM14.83,5h-3V2Zm-13,13V2h9V6h4V18Z"
-                        fill="rgb(73, 73, 73)"
-                      />
-                    </svg>
+                      <span
+                        className="c26"
+                      >
+                        <button
+                          className="c27 c28 c29 c30"
+                          data-ui-button="true"
+                          disabled={true}
+                          href=""
+                          icon={true}
+                          onClick={[Function]}
+                          type="button"
+                        >
+                          <div
+                            className="c31"
+                          >
+                            <svg
+                              height="14"
+                              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>
+                          </div>
+                          <span>
+                            Stop
+                          </span>
+                        </button>
+                        <button
+                          className="c32 c33 c28 c29 c30"
+                          data-ui-button="true"
+                          href=""
+                        >
+                          <div
+                            box={false}
+                            className=""
+                            onClick={[Function]}
+                            onMouseEnter={undefined}
+                            onMouseLeave={undefined}
+                            style={
+                              Object {
+                                "display": "inline-block",
+                              }
+                            }
+                            tag={false}
+                          >
+                            <div
+                              className="c34"
+                            >
+                              <svg
+                                height="6"
+                                style={
+                                  Object {
+                                    "transform": "rotate(0deg)",
+                                  }
+                                }
+                                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="rgb(73, 73, 73)"
+                                />
+                              </svg>
+                            </div>
+                          </div>
+                        </button>
+                      </span>
+                    </div>
                   </div>
-                </a>
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (max-width: 47.9375rem)"
-                >
-                  <a
-                    className="c23 c24 c25 c26 c27 c28"
-                    data-ui-button="true"
-                    href="http://localhost/images/~create/undefined"
-                    icon={true}
-                    rel="noopener noreferrer"
-                    target="__blank"
+                  <div
+                    className="c24"
                   >
-                    <div
-                      className="c30"
+                    <a
+                      className="c35 c28 c36 c37 c38"
+                      data-ui-button="true"
+                      href="http://localhost/images/~create/undefined"
+                      icon={true}
+                      rel="noopener noreferrer"
+                      target="__blank"
                     >
-                      <svg
-                        height="20"
-                        style={
-                          Object {
-                            "transform": "rotate(0deg)",
-                          }
-                        }
-                        viewBox="0 0 16.67 20"
-                        width="16.67"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M12.83,8v6h-9V8h9m0-1h-9a1,1,0,0,0-1,1v6a1,1,0,0,0,1,1h9a1,1,0,0,0,1-1V8a1,1,0,0,0-1-1Zm-7,5.5v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,5.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,7.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,9.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,11.83,12.5Zm3.73-8.06L12.22,1.11,11.11,0h-10A1.11,1.11,0,0,0,0,1.11V18.89A1.11,1.11,0,0,0,1.11,20H15.56a1.11,1.11,0,0,0,1.11-1.11V5.56ZM14.83,5h-3V2Zm-13,13V2h9V6h4V18Z"
-                          fill="rgb(73, 73, 73)"
-                        />
-                      </svg>
-                    </div>
-                  </a>
-                </span>
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (max-width: 47.9375rem)"
-                >
-                  <button
-                    className="c23 c31 c25 c32 c33"
-                    data-ui-button="true"
-                    disabled={true}
-                    href=""
-                    icon={true}
-                    onClick={[Function]}
-                    type="button"
-                  >
-                    <div
-                      className="c34"
-                    >
-                      <svg
-                        height="10"
-                        width="28"
-                      >
-                        <rect
-                          className="c35"
-                          height="6"
-                          width="6"
-                          x="2"
-                          y="2"
-                        />
-                        <rect
-                          className="c36 c35"
-                          height="6"
-                          width="6"
-                          x="11"
-                          y="2"
-                        />
-                        <rect
-                          className="c37 c35"
-                          height="6"
-                          width="6"
-                          x="20"
-                          y="2"
-                        />
-                      </svg>
-                    </div>
-                  </button>
-                </span>
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (min-width: 48rem)"
-                >
-                  <button
-                    className="c23 c38 c25 c32 c33"
-                    data-ui-button="true"
-                    disabled={true}
-                    href=""
-                    icon={true}
-                    onClick={[Function]}
-                    type="button"
-                  >
-                    <div
-                      className="c34"
-                    >
-                      <svg
-                        height="10"
-                        width="28"
-                      >
-                        <rect
-                          className="c35"
-                          height="6"
-                          width="6"
-                          x="2"
-                          y="2"
-                        />
-                        <rect
-                          className="c36 c35"
-                          height="6"
-                          width="6"
-                          x="11"
-                          y="2"
-                        />
-                        <rect
-                          className="c37 c35"
-                          height="6"
-                          width="6"
-                          x="20"
-                          y="2"
-                        />
-                      </svg>
-                    </div>
-                  </button>
-                </span>
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (max-width: 47.9375rem)"
-                >
-                  <button
-                    className="c23 c31 c25 c32 c33"
-                    data-ui-button="true"
-                    disabled={true}
-                    href=""
-                    icon={true}
-                    onClick={[Function]}
-                    type="button"
-                  >
-                    <div
-                      className="c34"
-                    >
-                      <svg
-                        height="10"
-                        width="28"
-                      >
-                        <rect
-                          className="c35"
-                          height="6"
-                          width="6"
-                          x="2"
-                          y="2"
-                        />
-                        <rect
-                          className="c36 c35"
-                          height="6"
-                          width="6"
-                          x="11"
-                          y="2"
-                        />
-                        <rect
-                          className="c37 c35"
-                          height="6"
-                          width="6"
-                          x="20"
-                          y="2"
-                        />
-                      </svg>
-                    </div>
-                  </button>
-                </span>
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (min-width: 48rem)"
-                >
-                  <button
-                    className="c23 c38 c25 c32 c33"
-                    data-ui-button="true"
-                    disabled={true}
-                    href=""
-                    icon={true}
-                    onClick={[Function]}
-                    type="button"
-                  >
-                    <div
-                      className="c34"
-                    >
-                      <svg
-                        height="10"
-                        width="28"
-                      >
-                        <rect
-                          className="c35"
-                          height="6"
-                          width="6"
-                          x="2"
-                          y="2"
-                        />
-                        <rect
-                          className="c36 c35"
-                          height="6"
-                          width="6"
-                          x="11"
-                          y="2"
-                        />
-                        <rect
-                          className="c37 c35"
-                          height="6"
-                          width="6"
-                          x="20"
-                          y="2"
-                        />
-                      </svg>
-                    </div>
-                  </button>
-                </span>
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (max-width: 47.9375rem)"
-                >
-                  <button
-                    className="c23 c31 c25 c32 c33"
-                    data-ui-button="true"
-                    disabled={true}
-                    href=""
-                    icon={true}
-                    onClick={[Function]}
-                    type="button"
-                  >
-                    <div
-                      className="c34"
-                    >
-                      <svg
-                        height="10"
-                        width="28"
-                      >
-                        <rect
-                          className="c35"
-                          height="6"
-                          width="6"
-                          x="2"
-                          y="2"
-                        />
-                        <rect
-                          className="c36 c35"
-                          height="6"
-                          width="6"
-                          x="11"
-                          y="2"
-                        />
-                        <rect
-                          className="c37 c35"
-                          height="6"
-                          width="6"
-                          x="20"
-                          y="2"
-                        />
-                      </svg>
-                    </div>
-                  </button>
-                </span>
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (min-width: 48rem)"
-                >
-                  <button
-                    className="c23 c38 c25 c32 c33"
-                    data-ui-button="true"
-                    disabled={true}
-                    href=""
-                    icon={true}
-                    onClick={[Function]}
-                    type="button"
-                  >
-                    <div
-                      className="c34"
-                    >
-                      <svg
-                        height="10"
-                        width="28"
-                      >
-                        <rect
-                          className="c35"
-                          height="6"
-                          width="6"
-                          x="2"
-                          y="2"
-                        />
-                        <rect
-                          className="c36 c35"
-                          height="6"
-                          width="6"
-                          x="11"
-                          y="2"
-                        />
-                        <rect
-                          className="c37 c35"
-                          height="6"
-                          width="6"
-                          x="20"
-                          y="2"
-                        />
-                      </svg>
-                    </div>
-                  </button>
-                </span>
+                      Create Image
+                    </a>
+                  </div>
+                </div>
               </div>
               <div
                 className="c39"
@@ -8756,7 +1512,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                   query="only screen and (max-width: 47.9375rem)"
                 >
                   <button
-                    className="c23 c40 c25 c32 c33"
+                    className="c40 c28 c29 c30"
                     data-ui-button="true"
                     disabled={true}
                     href=""
@@ -8765,32 +1521,22 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                     type="button"
                   >
                     <div
-                      className="c34"
+                      className="c31"
                     >
                       <svg
-                        height="10"
-                        width="28"
+                        height="16"
+                        style={
+                          Object {
+                            "transform": "rotate(0deg)",
+                          }
+                        }
+                        viewBox="0 0 12 16"
+                        width="12"
+                        xmlns="http://www.w3.org/2000/svg"
                       >
-                        <rect
-                          className="c35"
-                          height="6"
-                          width="6"
-                          x="2"
-                          y="2"
-                        />
-                        <rect
-                          className="c36 c35"
-                          height="6"
-                          width="6"
-                          x="11"
-                          y="2"
-                        />
-                        <rect
-                          className="c37 c35"
-                          height="6"
-                          width="6"
-                          x="20"
-                          y="2"
+                        <path
+                          d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
+                          fill="rgb(210, 67, 58)"
                         />
                       </svg>
                     </div>
@@ -8801,7 +1547,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                   query="only screen and (min-width: 48rem)"
                 >
                   <button
-                    className="c23 c41 c25 c32 c33"
+                    className="c41 c28 c29 c30"
                     data-ui-button="true"
                     disabled={true}
                     href=""
@@ -8810,35 +1556,28 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                     type="button"
                   >
                     <div
-                      className="c34"
+                      className="c31"
                     >
                       <svg
-                        height="10"
-                        width="28"
+                        height="16"
+                        style={
+                          Object {
+                            "transform": "rotate(0deg)",
+                          }
+                        }
+                        viewBox="0 0 12 16"
+                        width="12"
+                        xmlns="http://www.w3.org/2000/svg"
                       >
-                        <rect
-                          className="c35"
-                          height="6"
-                          width="6"
-                          x="2"
-                          y="2"
-                        />
-                        <rect
-                          className="c36 c35"
-                          height="6"
-                          width="6"
-                          x="11"
-                          y="2"
-                        />
-                        <rect
-                          className="c37 c35"
-                          height="6"
-                          width="6"
-                          x="20"
-                          y="2"
+                        <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>
                     </div>
+                    <span>
+                      Delete
+                    </span>
                   </button>
                 </span>
               </div>
@@ -8865,7 +1604,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                   className="c46"
                 >
                   <label
-                    className="c47 c15"
+                    className="c47 c16"
                     htmlFor=""
                   >
                     Short ID
@@ -8928,7 +1667,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                   className="c46"
                 >
                   <label
-                    className="c47 c15"
+                    className="c47 c16"
                     htmlFor=""
                   >
                     ID
@@ -8991,7 +1730,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                   className="c46"
                 >
                   <label
-                    className="c47 c15"
+                    className="c47 c16"
                     htmlFor=""
                   >
                     CN UUID
@@ -9054,7 +1793,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                   className="c46"
                 >
                   <label
-                    className="c47 c15"
+                    className="c47 c16"
                     htmlFor=""
                   >
                     Login
@@ -9111,7 +1850,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
 </div>
 `;
 
-exports[`renders <Summary state /> without throwing 1`] = `
+exports[`renders <Summary instance /> without throwing 1`] = `
 .c0 {
   box-sizing: border-box;
   display: -webkit-box;
@@ -9150,7 +1889,7 @@ exports[`renders <Summary state /> without throwing 1`] = `
   margin-left: -0.625rem;
 }
 
-.c21 {
+.c22 {
   box-sizing: border-box;
   display: -webkit-box;
   display: -webkit-flex;
@@ -9189,7 +1928,7 @@ exports[`renders <Summary state /> without throwing 1`] = `
   display: block;
 }
 
-.c22 {
+.c23 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -9219,6 +1958,43 @@ exports[`renders <Summary state /> without throwing 1`] = `
   display: block;
 }
 
+.c10 {
+  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;
+}
+
+.c24 {
+  -webkit-order: 0;
+  -ms-flex-order: 0;
+  order: 0;
+  -webkit-flex-basis: auto;
+  -ms-flex-preferred-size: auto;
+  flex-basis: auto;
+  -webkit-box-flex: 0;
+  -webkit-flex-grow: 0;
+  -ms-flex-positive: 0;
+  flex-grow: 0;
+  -webkit-flex-shrink: 1;
+  -ms-flex-negative: 1;
+  flex-shrink: 1;
+  display: block;
+}
+
 .c7 {
   margin-bottom: 0.375rem;
 }
@@ -9232,15 +2008,19 @@ exports[`renders <Summary state /> without throwing 1`] = `
   margin-bottom: 0.375rem;
 }
 
-.c18 {
+.c19 {
   margin-top: 0.375rem;
 }
 
-.c20 {
+.c21 {
   margin-top: 1.125rem;
 }
 
-.c34 {
+.c25 {
+  margin-right: 0.375rem;
+}
+
+.c31 {
   margin-right: 0.75rem;
 }
 
@@ -9261,21 +2041,13 @@ exports[`renders <Summary state /> without throwing 1`] = `
   padding: 1.875rem;
 }
 
-.c29 {
-  padding-top: 0.1875rem;
-}
-
-.c30 {
-  padding-top: 0rem;
-}
-
-.c28 {
+.c37 {
   background-color: transparent;
   -webkit-text-decoration-skip: objects;
   text-decoration-skip: objects;
 }
 
-.c33 {
+.c30 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -9287,387 +2059,46 @@ exports[`renders <Summary state /> without throwing 1`] = `
   appearance: button;
 }
 
-.c33::-moz-focus-inner,
-.c33[type='button']::-moz-focus-inner,
-.c33[type='reset']::-moz-focus-inner,
-.c33[type='submit']::-moz-focus-inner {
+.c30::-moz-focus-inner,
+.c30[type='button']::-moz-focus-inner,
+.c30[type='reset']::-moz-focus-inner,
+.c30[type='submit']::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.c33:-moz-focusring,
-.c33[type='button']:-moz-focusring,
-.c33[type='reset']:-moz-focusring,
-.c33[type='submit']:-moz-focusring {
+.c30:-moz-focusring,
+.c30[type='button']:-moz-focusring,
+.c30[type='reset']:-moz-focusring,
+.c30[type='submit']:-moz-focusring {
   outline: 0.0625rem dotted ButtonText;
 }
 
-.c27 {
+.c36 {
   font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
 }
 
-.c26 {
+.c35 {
   color: rgb(59,70,204);
   -webkit-text-fill-color: currentcolor;
   color: rgb(255,255,255);
   -webkit-text-fill-color: currentcolor;
 }
 
-.c26:hover {
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.c32 {
-  min-width: 7.5rem;
-}
-
-.c25 {
-  display: inline-block;
-}
-
-.c24 {
-  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;
-  -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.625rem 1.125rem;
-  font-size: 0.8125rem;
-  min-width: 0rem;
-  min-height: 0rem;
-  height: auto;
-  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;
-  font-weight: 500;
-}
-
-.c24:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c24:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c24:active,
-.c24:active:hover,
-.c24:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c24[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c24:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c24:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c24:active,
-.c24:active:hover,
-.c24:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c31 {
-  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;
-  -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.625rem 1.125rem;
-  font-size: 0.8125rem;
-  min-width: 0rem;
-  min-height: 0rem;
-  height: auto;
-  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;
-}
-
-.c31:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c31:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c31[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c31:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c31:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c31:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-}
-
-.c31:hover {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c35 {
-  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;
-  -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;
-  font-weight: 500;
-}
-
-.c35:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
 .c35:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
+  -webkit-text-decoration: none;
+  text-decoration: none;
 }
 
-.c35:active,
-.c35:active:hover,
-.c35:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
+.c29 {
+  min-width: 7.5rem;
 }
 
-.c35[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
+.c28 {
+  display: inline-block;
 }
 
-.c35:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c35:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c35:active,
-.c35:active:hover,
-.c35:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c35:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-}
-
-.c35:hover {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c35:active,
-.c35:active:hover,
-.c35:active:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c36 {
+.c33 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -9708,22 +2139,9 @@ exports[`renders <Summary state /> without throwing 1`] = `
   -webkit-text-fill-color: currentcolor;
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
-  padding: 0.625rem 1.125rem;
-  font-size: 0.8125rem;
-  min-width: 0rem;
-  min-height: 0rem;
-  height: auto;
-  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;
 }
 
-.c36:focus {
+.c33:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -9731,43 +2149,43 @@ exports[`renders <Summary state /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c36:hover {
+.c33:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c36:active,
-.c36:active:hover,
-.c36:active:focus {
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c36[disabled] {
+.c33[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c36:focus {
+.c33:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c36:hover {
+.c33:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c36:active,
-.c36:active:hover,
-.c36:active:focus {
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c37 {
+.c27 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -9819,7 +2237,7 @@ exports[`renders <Summary state /> without throwing 1`] = `
   font-weight: 500;
 }
 
-.c37:focus {
+.c27:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -9827,38 +2245,38 @@ exports[`renders <Summary state /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c37:hover {
+.c27:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c37:active,
-.c37:active:hover,
-.c37:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c37[disabled] {
+.c27[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c37:focus {
+.c27:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c37:hover {
+.c27:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c37:active,
-.c37:active:hover,
-.c37:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
@@ -10107,7 +2525,7 @@ exports[`renders <Summary state /> without throwing 1`] = `
   border-color: rgb(205,37,27);
 }
 
-.c17 {
+.c18 {
   width: 0.9375rem;
   height: 0.9375rem;
   border-radius: 50%;
@@ -10117,7 +2535,5802 @@ exports[`renders <Summary state /> without throwing 1`] = `
   margin-left: 0rem;
 }
 
+.c32 {
+  padding: 0;
+  min-width: 2.9375rem;
+  max-width: 2.9375rem;
+  width: 2.9375rem;
+}
+
+.c34 {
+  padding: 0.9375rem 1.125rem;
+}
+
+.c26 {
+  display: inline-block;
+}
+
+.c26 [data-ui-button='true']:not(:first-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-left: none;
+}
+
+.c26 [data-ui-button='true']:not(:last-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.c16 {
+  font-size: 0.9375rem;
+  line-height: 1.125rem;
+  font-style: normal;
+  font-stretch: normal;
+  display: block;
+  color: rgb(70,70,70);
+  text-align: left;
+}
+
+.c9 {
+  margin: 0;
+  color: rgb(73,73,73);
+  font-weight: normal;
+  line-height: 1.875rem;
+  font-size: 1.5rem;
+}
+
+.c42 {
+  height: 1px;
+  background-color: rgb(216,216,216);
+}
+
+.c2 {
+  box-sizing: content-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex: 1 0 auto;
+  -ms-flex: 1 0 auto;
+  flex: 1 0 auto;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  position: relative;
+  border-width: 0.0625rem;
+  border-style: solid;
+  -webkit-transition: all 300ms ease;
+  transition: all 300ms ease;
+  color: rgb(73,73,73);
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c3 {
+  box-sizing: border-box;
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-flex: 1 1 auto;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  border-width: 0;
+  background-color: transparent;
+}
+
+.c48 {
+  box-sizing: border-box;
+  width: 18.75rem;
+  height: 3rem;
+  min-height: 3rem;
+  padding: 0.8125rem 0.75rem;
+  border-radius: 0.25rem;
+  background-color: rgb(255,255,255);
+  border: 0.0625rem solid rgb(216,216,216);
+  color: rgb(73,73,73);
+  font-size: 0.9375rem;
+  line-height: normal !important;
+  font-style: normal;
+  font-stretch: normal;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  outline: 0;
+  font-family: "Roboto Mono",monospace;
+  width: 100%;
+  min-width: 100%;
+}
+
+.c48:focus {
+  border-color: rgb(59,70,204);
+  outline: 0;
+}
+
+.c48::-webkit-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c48::-moz-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c48:-ms-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c48:invalid {
+  box-shadow: none;
+}
+
+.c48:disabled {
+  background-color: rgb(250,250,250);
+  color: rgb(216,216,216);
+  cursor: not-allowed;
+}
+
+.c48:disabled::-webkit-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c48:disabled::-moz-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c48:disabled:-ms-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c48:disabled {
+  color: rgb(73,73,73);
+}
+
+.c48:disabled::-webkit-input-placeholder {
+  color: rgb(73,73,73);
+}
+
+.c48:disabled::-moz-placeholder {
+  color: rgb(73,73,73);
+}
+
+.c48:disabled:-ms-input-placeholder {
+  color: rgb(73,73,73);
+}
+
+.c46 {
+  font-weight: 600;
+  white-space: pre;
+  font-size: 0.8125rem;
+}
+
+.c47 {
+  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;
+}
+
+.c47 input {
+  padding-right: 1.875rem;
+}
+
+.c47 div {
+  position: relative;
+  left: -1.625rem;
+}
+
+.c49 {
+  cursor: pointer;
+}
+
 .c15 {
+  font-weight: 200;
+}
+
+.c20 {
+  opacity: 0.5;
+  padding-right: 0.1875rem;
+}
+
+.c14 {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.c11 {
+  cursor: pointer;
+}
+
+.c17 {
+  width: 0.0625rem;
+  background: rgb(216,216,216);
+  height: 1.5rem;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-self: flex-end;
+  -ms-flex-item-align: end;
+  align-self: flex-end;
+  margin: 0 0.75rem;
+}
+
+.c8 {
+  margin: 0;
+}
+
+@media only screen and (min-width:0em) {
+  .c5 {
+    -webkit-align-items: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c22 {
+    -webkit-box-pack: justify;
+    -webkit-justify-content: space-between;
+    -ms-flex-pack: justify;
+    justify-content: space-between;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c1 {
+    -webkit-flex-basis: 100%;
+    -ms-flex-preferred-size: 100%;
+    flex-basis: 100%;
+    max-width: 100%;
+  }
+}
+
+@media only screen and (min-width:48em) {
+  .c1 {
+    -webkit-flex-basis: 100%;
+    -ms-flex-preferred-size: 100%;
+    flex-basis: 100%;
+    max-width: 100%;
+  }
+}
+
+@media only screen and (min-width:64em) {
+  .c1 {
+    -webkit-flex-basis: 75%;
+    -ms-flex-preferred-size: 75%;
+    flex-basis: 75%;
+    max-width: 75%;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c6 {
+    -webkit-flex-basis: 100%;
+    -ms-flex-preferred-size: 100%;
+    flex-basis: 100%;
+    max-width: 100%;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c23 {
+    -webkit-flex-basis: 75%;
+    -ms-flex-preferred-size: 75%;
+    flex-basis: 75%;
+    max-width: 75%;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c38 {
+    -webkit-flex-basis: 25%;
+    -ms-flex-preferred-size: 25%;
+    flex-basis: 25%;
+    max-width: 25%;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c44 {
+    -webkit-flex-basis: 100%;
+    -ms-flex-preferred-size: 100%;
+    flex-basis: 100%;
+    max-width: 100%;
+  }
+}
+
+@media only screen and (min-width:64em) {
+  .c44 {
+    -webkit-flex-basis: 58.333333333333336%;
+    -ms-flex-preferred-size: 58.333333333333336%;
+    flex-basis: 58.333333333333336%;
+    max-width: 58.333333333333336%;
+  }
+}
+
+@media (max-width:47.9375rem) {
+  .c17 {
+    display: none;
+  }
+}
+
+<div
+  className="c0"
+>
+  <div
+    className="c1"
+  >
+    <div
+      className="c2"
+      disabled={false}
+      name="card"
+    >
+      <div
+        className="c3 c2"
+        disabled={false}
+        name="card-outlet"
+      >
+        <div
+          className="c4"
+        >
+          <div
+            className="c5"
+          >
+            <div
+              className="c6"
+            >
+              <div
+                className="c7"
+              >
+                <h2
+                  className="c8 c9"
+                >
+                  <div
+                    className="c10"
+                  >
+                    <div
+                      className="c11 c12"
+                      onClick={undefined}
+                    >
+                      <svg
+                        height="17.07"
+                        viewBox="0 0 17.07 17.07"
+                        width="17.07"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M14,9.07v5a1,1,0,0,1-1,1H3a1,1,0,0,1-1-1v-10a1,1,0,0,1,1-1H8v-2H3c-2,0-3,1-3,3v10a2.65,2.65,0,0,0,3,3H13a2.65,2.65,0,0,0,3-3v-5ZM14.24,0,5.76,8.49,4.34,12.73l4.25-1.42,8.48-8.48ZM7.17,8.49l7.07-7.08,1.42,1.42L8.59,9.9Z"
+                          fill="rgb(73, 73, 73)"
+                        />
+                      </svg>
+                    </div>
+                  </div>
+                </h2>
+              </div>
+            </div>
+          </div>
+          <div
+            className="c13"
+          >
+            <div
+              className="c10"
+            >
+              <label
+                className="c14 c15 c16"
+              >
+                Alpine 3
+              </label>
+              <div
+                className="c17"
+              />
+              <label
+                className="c14 c15 c16"
+              >
+                Hardware virtual machine
+              </label>
+              <div
+                className="c17"
+              />
+              <label
+                className="c14 c15 c16"
+              >
+                g4-highcpu-128M
+              </label>
+              <div
+                className="c17"
+              />
+              <div
+                className="c10"
+              >
+                <span
+                  className="c18"
+                  color="green"
+                  size="0.9375rem"
+                />
+                Running
+              </div>
+            </div>
+            <div
+              className="c19"
+            >
+              <div
+                className="c10"
+              >
+                <div
+                  className="c10"
+                >
+                  <label
+                    className="c20 c15 c16"
+                  >
+                    Created: 
+                  </label>
+                  <label
+                    className="c15 c16"
+                  >
+                     
+                    almost NaN years
+                     ago
+                  </label>
+                </div>
+                <div
+                  className="c17"
+                />
+                <div
+                  className="c10"
+                >
+                  <label
+                    className="c20 c15 c16"
+                  >
+                    Updated: 
+                  </label>
+                  <label
+                    className="c15 c16"
+                  >
+                     
+                    almost NaN years
+                     ago
+                  </label>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            className="c21"
+          >
+            <div
+              className="c22"
+            >
+              <div
+                className="c23"
+              >
+                <div
+                  className="c10"
+                >
+                  <div
+                    className="c24"
+                  >
+                    <div
+                      className="c25"
+                    >
+                      <span
+                        className="c26"
+                      >
+                        <button
+                          className="c27 c28 c29 c30"
+                          data-ui-button="true"
+                          disabled={false}
+                          href=""
+                          icon={true}
+                          onClick={[Function]}
+                          type="button"
+                        >
+                          <div
+                            className="c31"
+                          >
+                            <svg
+                              height="14"
+                              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(73, 73, 73)"
+                              />
+                            </svg>
+                          </div>
+                          <span>
+                            Stop
+                          </span>
+                        </button>
+                        <button
+                          className="c32 c33 c28 c29 c30"
+                          data-ui-button="true"
+                          href=""
+                        >
+                          <div
+                            box={false}
+                            className=""
+                            onClick={[Function]}
+                            onMouseEnter={undefined}
+                            onMouseLeave={undefined}
+                            style={
+                              Object {
+                                "display": "inline-block",
+                              }
+                            }
+                            tag={false}
+                          >
+                            <div
+                              className="c34"
+                            >
+                              <svg
+                                height="6"
+                                style={
+                                  Object {
+                                    "transform": "rotate(0deg)",
+                                  }
+                                }
+                                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="rgb(73, 73, 73)"
+                                />
+                              </svg>
+                            </div>
+                          </div>
+                        </button>
+                      </span>
+                    </div>
+                  </div>
+                  <div
+                    className="c24"
+                  >
+                    <a
+                      className="c27 c28 c35 c36 c37"
+                      data-ui-button="true"
+                      href="http://localhost/images/~create/2252839a-e698-ceec-afac-9549ad0c6624"
+                      icon={true}
+                      rel="noopener noreferrer"
+                      target="__blank"
+                    >
+                      Create Image
+                    </a>
+                  </div>
+                </div>
+              </div>
+              <div
+                className="c38"
+              >
+                <span
+                  name="react-responsive-mock"
+                  query="only screen and (max-width: 47.9375rem)"
+                >
+                  <button
+                    className="c39 c28 c29 c30"
+                    data-ui-button="true"
+                    disabled={false}
+                    href=""
+                    icon={true}
+                    onClick={[Function]}
+                    type="button"
+                  >
+                    <div
+                      className="c31"
+                    >
+                      <svg
+                        height="16"
+                        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(210, 67, 58)"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </span>
+                <span
+                  name="react-responsive-mock"
+                  query="only screen and (min-width: 48rem)"
+                >
+                  <button
+                    className="c40 c28 c29 c30"
+                    data-ui-button="true"
+                    disabled={false}
+                    href=""
+                    icon={true}
+                    onClick={[Function]}
+                    type="button"
+                  >
+                    <div
+                      className="c31"
+                    >
+                      <svg
+                        height="16"
+                        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(210, 67, 58)"
+                        />
+                      </svg>
+                    </div>
+                    <span>
+                      Delete
+                    </span>
+                  </button>
+                </span>
+              </div>
+            </div>
+          </div>
+          <div
+            className="c41"
+          >
+            <div
+              className="c42 c0"
+              height={1}
+            />
+          </div>
+          <div
+            className="c43"
+          >
+            <div
+              className="c0"
+            >
+              <div
+                className="c44"
+              >
+                <div
+                  className="c45"
+                >
+                  <label
+                    className="c46 c16"
+                    htmlFor=""
+                  >
+                    Short ID
+                  </label>
+                </div>
+                <div
+                  className="c47"
+                >
+                  <input
+                    className="c48"
+                    disabled={false}
+                    id=""
+                    onBlur={null}
+                    value="2252839a"
+                  />
+                  <div
+                    onClick={undefined}
+                    onMouseEnter={[Function]}
+                    onMouseLeave={[Function]}
+                    style={
+                      Object {
+                        "display": "inline-block",
+                      }
+                    }
+                  >
+                    <svg
+                      className="c49"
+                      height="19"
+                      innerRef={undefined}
+                      onClick={[Function]}
+                      style={
+                        Object {
+                          "transform": "rotate(0deg)",
+                        }
+                      }
+                      viewBox="0 0 15 19"
+                      width="15"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                        fill="rgb(73, 73, 73)"
+                      />
+                    </svg>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            className="c43"
+          >
+            <div
+              className="c0"
+            >
+              <div
+                className="c44"
+              >
+                <div
+                  className="c45"
+                >
+                  <label
+                    className="c46 c16"
+                    htmlFor=""
+                  >
+                    ID
+                  </label>
+                </div>
+                <div
+                  className="c47"
+                >
+                  <input
+                    className="c48"
+                    disabled={false}
+                    id=""
+                    onBlur={null}
+                    value="2252839a-e698-ceec-afac-9549ad0c6624"
+                  />
+                  <div
+                    onClick={undefined}
+                    onMouseEnter={[Function]}
+                    onMouseLeave={[Function]}
+                    style={
+                      Object {
+                        "display": "inline-block",
+                      }
+                    }
+                  >
+                    <svg
+                      className="c49"
+                      height="19"
+                      innerRef={undefined}
+                      onClick={[Function]}
+                      style={
+                        Object {
+                          "transform": "rotate(0deg)",
+                        }
+                      }
+                      viewBox="0 0 15 19"
+                      width="15"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                        fill="rgb(73, 73, 73)"
+                      />
+                    </svg>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            className="c43"
+          >
+            <div
+              className="c0"
+            >
+              <div
+                className="c44"
+              >
+                <div
+                  className="c45"
+                >
+                  <label
+                    className="c46 c16"
+                    htmlFor=""
+                  >
+                    CN UUID
+                  </label>
+                </div>
+                <div
+                  className="c47"
+                >
+                  <input
+                    className="c48"
+                    disabled={false}
+                    id=""
+                    onBlur={null}
+                    value="70bb1cee-dba3-11e3-a799-002590e4f2b0"
+                  />
+                  <div
+                    onClick={undefined}
+                    onMouseEnter={[Function]}
+                    onMouseLeave={[Function]}
+                    style={
+                      Object {
+                        "display": "inline-block",
+                      }
+                    }
+                  >
+                    <svg
+                      className="c49"
+                      height="19"
+                      innerRef={undefined}
+                      onClick={[Function]}
+                      style={
+                        Object {
+                          "transform": "rotate(0deg)",
+                        }
+                      }
+                      viewBox="0 0 15 19"
+                      width="15"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                        fill="rgb(73, 73, 73)"
+                      />
+                    </svg>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            className="c43"
+          >
+            <div
+              className="c0"
+            >
+              <div
+                className="c44"
+              >
+                <div
+                  className="c45"
+                >
+                  <label
+                    className="c46 c16"
+                    htmlFor=""
+                  >
+                    Image UUID
+                  </label>
+                </div>
+                <div
+                  className="c47"
+                >
+                  <input
+                    className="c48"
+                    disabled={false}
+                    id=""
+                    onBlur={null}
+                    value="19aa3328-0025-11e7-a19a-c39077bfd4cf"
+                  />
+                  <div
+                    onClick={undefined}
+                    onMouseEnter={[Function]}
+                    onMouseLeave={[Function]}
+                    style={
+                      Object {
+                        "display": "inline-block",
+                      }
+                    }
+                  >
+                    <svg
+                      className="c49"
+                      height="19"
+                      innerRef={undefined}
+                      onClick={[Function]}
+                      style={
+                        Object {
+                          "transform": "rotate(0deg)",
+                        }
+                      }
+                      viewBox="0 0 15 19"
+                      width="15"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                        fill="rgb(73, 73, 73)"
+                      />
+                    </svg>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            className="c43"
+          >
+            <div
+              className="c0"
+            >
+              <div
+                className="c44"
+              >
+                <div
+                  className="c45"
+                >
+                  <label
+                    className="c46 c16"
+                    htmlFor=""
+                  >
+                    Login
+                  </label>
+                </div>
+                <div
+                  className="c47"
+                >
+                  <input
+                    className="c48"
+                    disabled={false}
+                    id=""
+                    onBlur={null}
+                    value="ssh root@72.2.119.146"
+                  />
+                  <div
+                    onClick={undefined}
+                    onMouseEnter={[Function]}
+                    onMouseLeave={[Function]}
+                    style={
+                      Object {
+                        "display": "inline-block",
+                      }
+                    }
+                  >
+                    <svg
+                      className="c49"
+                      height="19"
+                      innerRef={undefined}
+                      onClick={[Function]}
+                      style={
+                        Object {
+                          "transform": "rotate(0deg)",
+                        }
+                      }
+                      viewBox="0 0 15 19"
+                      width="15"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                        fill="rgb(73, 73, 73)"
+                      />
+                    </svg>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            className="c43"
+          >
+            <div
+              className="c0"
+            >
+              <div
+                className="c44"
+              >
+                <div
+                  className="c45"
+                >
+                  <label
+                    className="c46 c16"
+                    htmlFor=""
+                  >
+                    Public IP address 1
+                  </label>
+                </div>
+                <div
+                  className="c47"
+                >
+                  <input
+                    className="c48"
+                    disabled={false}
+                    id=""
+                    onBlur={null}
+                    value="72.2.119.146"
+                  />
+                  <div
+                    onClick={undefined}
+                    onMouseEnter={[Function]}
+                    onMouseLeave={[Function]}
+                    style={
+                      Object {
+                        "display": "inline-block",
+                      }
+                    }
+                  >
+                    <svg
+                      className="c49"
+                      height="19"
+                      innerRef={undefined}
+                      onClick={[Function]}
+                      style={
+                        Object {
+                          "transform": "rotate(0deg)",
+                        }
+                      }
+                      viewBox="0 0 15 19"
+                      width="15"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                        fill="rgb(73, 73, 73)"
+                      />
+                    </svg>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            className="c43"
+          >
+            <div
+              className="c0"
+            >
+              <div
+                className="c44"
+              >
+                <div
+                  className="c45"
+                >
+                  <label
+                    className="c46 c16"
+                    htmlFor=""
+                  >
+                    Public IP address 2
+                  </label>
+                </div>
+                <div
+                  className="c47"
+                >
+                  <input
+                    className="c48"
+                    disabled={false}
+                    id=""
+                    onBlur={null}
+                    value="72.2.119.146"
+                  />
+                  <div
+                    onClick={undefined}
+                    onMouseEnter={[Function]}
+                    onMouseLeave={[Function]}
+                    style={
+                      Object {
+                        "display": "inline-block",
+                      }
+                    }
+                  >
+                    <svg
+                      className="c49"
+                      height="19"
+                      innerRef={undefined}
+                      onClick={[Function]}
+                      style={
+                        Object {
+                          "transform": "rotate(0deg)",
+                        }
+                      }
+                      viewBox="0 0 15 19"
+                      width="15"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                        fill="rgb(73, 73, 73)"
+                      />
+                    </svg>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            className="c43"
+          >
+            <div
+              className="c0"
+            >
+              <div
+                className="c44"
+              >
+                <div
+                  className="c45"
+                >
+                  <label
+                    className="c46 c16"
+                    htmlFor=""
+                  >
+                    Private IP address 1
+                  </label>
+                </div>
+                <div
+                  className="c47"
+                >
+                  <input
+                    className="c48"
+                    disabled={false}
+                    id=""
+                    onBlur={null}
+                    value="10.112.5.63"
+                  />
+                  <div
+                    onClick={undefined}
+                    onMouseEnter={[Function]}
+                    onMouseLeave={[Function]}
+                    style={
+                      Object {
+                        "display": "inline-block",
+                      }
+                    }
+                  >
+                    <svg
+                      className="c49"
+                      height="19"
+                      innerRef={undefined}
+                      onClick={[Function]}
+                      style={
+                        Object {
+                          "transform": "rotate(0deg)",
+                        }
+                      }
+                      viewBox="0 0 15 19"
+                      width="15"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                        fill="rgb(73, 73, 73)"
+                      />
+                    </svg>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            className="c43"
+          >
+            <div
+              className="c0"
+            >
+              <div
+                className="c44"
+              >
+                <div
+                  className="c45"
+                >
+                  <label
+                    className="c46 c16"
+                    htmlFor=""
+                  >
+                    Private IP address 2
+                  </label>
+                </div>
+                <div
+                  className="c47"
+                >
+                  <input
+                    className="c48"
+                    disabled={false}
+                    id=""
+                    onBlur={null}
+                    value="10.112.5.63"
+                  />
+                  <div
+                    onClick={undefined}
+                    onMouseEnter={[Function]}
+                    onMouseLeave={[Function]}
+                    style={
+                      Object {
+                        "display": "inline-block",
+                      }
+                    }
+                  >
+                    <svg
+                      className="c49"
+                      height="19"
+                      innerRef={undefined}
+                      onClick={[Function]}
+                      style={
+                        Object {
+                          "transform": "rotate(0deg)",
+                        }
+                      }
+                      viewBox="0 0 15 19"
+                      width="15"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                        fill="rgb(73, 73, 73)"
+                      />
+                    </svg>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`renders <Summary instance /> without throwing 2`] = `
+.c0 {
+  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;
+}
+
+.c5 {
+  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;
+}
+
+.c22 {
+  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;
+}
+
+.c1 {
+  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;
+}
+
+.c6 {
+  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;
+}
+
+.c23 {
+  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;
+}
+
+.c38 {
+  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;
+}
+
+.c44 {
+  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;
+}
+
+.c10 {
+  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;
+}
+
+.c24 {
+  -webkit-order: 0;
+  -ms-flex-order: 0;
+  order: 0;
+  -webkit-flex-basis: auto;
+  -ms-flex-preferred-size: auto;
+  flex-basis: auto;
+  -webkit-box-flex: 0;
+  -webkit-flex-grow: 0;
+  -ms-flex-positive: 0;
+  flex-grow: 0;
+  -webkit-flex-shrink: 1;
+  -ms-flex-negative: 1;
+  flex-shrink: 1;
+  display: block;
+}
+
+.c7 {
+  margin-bottom: 0.375rem;
+}
+
+.c12 {
+  margin-left: 0.75rem;
+}
+
+.c13 {
+  margin-top: 0.375rem;
+  margin-bottom: 0.375rem;
+}
+
+.c19 {
+  margin-top: 0.375rem;
+}
+
+.c21 {
+  margin-top: 1.125rem;
+}
+
+.c25 {
+  margin-right: 0.375rem;
+}
+
+.c31 {
+  margin-right: 0.75rem;
+}
+
+.c41 {
+  margin-top: 1.125rem;
+  margin-bottom: 1.875rem;
+}
+
+.c43 {
+  margin-bottom: 1.125rem;
+}
+
+.c45 {
+  margin-bottom: 0.1875rem;
+}
+
+.c4 {
+  padding: 1.875rem;
+}
+
+.c37 {
+  background-color: transparent;
+  -webkit-text-decoration-skip: objects;
+  text-decoration-skip: objects;
+}
+
+.c30 {
+  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;
+}
+
+.c30::-moz-focus-inner,
+.c30[type='button']::-moz-focus-inner,
+.c30[type='reset']::-moz-focus-inner,
+.c30[type='submit']::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+.c30:-moz-focusring,
+.c30[type='button']:-moz-focusring,
+.c30[type='reset']:-moz-focusring,
+.c30[type='submit']:-moz-focusring {
+  outline: 0.0625rem dotted ButtonText;
+}
+
+.c36 {
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+}
+
+.c35 {
+  color: rgb(59,70,204);
+  -webkit-text-fill-color: currentcolor;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+}
+
+.c35:hover {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.c29 {
+  min-width: 7.5rem;
+}
+
+.c28 {
+  display: inline-block;
+}
+
+.c33 {
+  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;
+  -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);
+}
+
+.c33:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c33:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c33[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c33:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c33:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c27 {
+  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;
+  -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;
+  font-weight: 500;
+}
+
+.c27:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c27:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c27[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c27:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c27:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c39 {
+  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;
+  -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);
+  padding: 0.625rem 1.125rem;
+  font-size: 0.8125rem;
+  min-width: 0rem;
+  min-height: 0rem;
+  height: auto;
+  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;
+}
+
+.c39:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c39:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c39:active,
+.c39:active:hover,
+.c39:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c39[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c39:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c39:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c39:active,
+.c39:active:hover,
+.c39:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c39:focus {
+  color: rgb(205,37,27);
+  background-color: rgb(255,255,255);
+  border-color: rgb(205,37,27);
+}
+
+.c39:hover {
+  color: rgb(205,37,27);
+  background-color: rgb(255,255,255);
+  border-color: rgb(205,37,27);
+}
+
+.c39:active,
+.c39:active:hover,
+.c39:active:focus {
+  background-color: rgba(210,67,58,0.1);
+  border-color: rgb(205,37,27);
+}
+
+.c40 {
+  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;
+  -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);
+  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;
+  font-weight: 500;
+  float: right;
+}
+
+.c40:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c40:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c40:active,
+.c40:active:hover,
+.c40:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c40[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c40:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c40:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c40:active,
+.c40:active:hover,
+.c40:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c40:focus {
+  color: rgb(205,37,27);
+  background-color: rgb(255,255,255);
+  border-color: rgb(205,37,27);
+}
+
+.c40:hover {
+  color: rgb(205,37,27);
+  background-color: rgb(255,255,255);
+  border-color: rgb(205,37,27);
+}
+
+.c40:active,
+.c40:active:hover,
+.c40:active:focus {
+  background-color: rgba(210,67,58,0.1);
+  border-color: rgb(205,37,27);
+}
+
+.c18 {
+  width: 0.9375rem;
+  height: 0.9375rem;
+  border-radius: 50%;
+  background-color: rgb(0,152,88);
+  display: inline-block;
+  margin-right: 0.375rem;
+  margin-left: 0rem;
+}
+
+.c32 {
+  padding: 0;
+  min-width: 2.9375rem;
+  max-width: 2.9375rem;
+  width: 2.9375rem;
+}
+
+.c34 {
+  padding: 0.9375rem 1.125rem;
+}
+
+.c26 {
+  display: inline-block;
+}
+
+.c26 [data-ui-button='true']:not(:first-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-left: none;
+}
+
+.c26 [data-ui-button='true']:not(:last-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.c16 {
+  font-size: 0.9375rem;
+  line-height: 1.125rem;
+  font-style: normal;
+  font-stretch: normal;
+  display: block;
+  color: rgb(70,70,70);
+  text-align: left;
+}
+
+.c9 {
+  margin: 0;
+  color: rgb(73,73,73);
+  font-weight: normal;
+  line-height: 1.875rem;
+  font-size: 1.5rem;
+}
+
+.c42 {
+  height: 1px;
+  background-color: rgb(216,216,216);
+}
+
+.c2 {
+  box-sizing: content-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex: 1 0 auto;
+  -ms-flex: 1 0 auto;
+  flex: 1 0 auto;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  position: relative;
+  border-width: 0.0625rem;
+  border-style: solid;
+  -webkit-transition: all 300ms ease;
+  transition: all 300ms ease;
+  color: rgb(73,73,73);
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c3 {
+  box-sizing: border-box;
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-flex: 1 1 auto;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  border-width: 0;
+  background-color: transparent;
+}
+
+.c48 {
+  box-sizing: border-box;
+  width: 18.75rem;
+  height: 3rem;
+  min-height: 3rem;
+  padding: 0.8125rem 0.75rem;
+  border-radius: 0.25rem;
+  background-color: rgb(255,255,255);
+  border: 0.0625rem solid rgb(216,216,216);
+  color: rgb(73,73,73);
+  font-size: 0.9375rem;
+  line-height: normal !important;
+  font-style: normal;
+  font-stretch: normal;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  outline: 0;
+  font-family: "Roboto Mono",monospace;
+  width: 100%;
+  min-width: 100%;
+}
+
+.c48:focus {
+  border-color: rgb(59,70,204);
+  outline: 0;
+}
+
+.c48::-webkit-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c48::-moz-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c48:-ms-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c48:invalid {
+  box-shadow: none;
+}
+
+.c48:disabled {
+  background-color: rgb(250,250,250);
+  color: rgb(216,216,216);
+  cursor: not-allowed;
+}
+
+.c48:disabled::-webkit-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c48:disabled::-moz-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c48:disabled:-ms-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c48:disabled {
+  color: rgb(73,73,73);
+}
+
+.c48:disabled::-webkit-input-placeholder {
+  color: rgb(73,73,73);
+}
+
+.c48:disabled::-moz-placeholder {
+  color: rgb(73,73,73);
+}
+
+.c48:disabled:-ms-input-placeholder {
+  color: rgb(73,73,73);
+}
+
+.c46 {
+  font-weight: 600;
+  white-space: pre;
+  font-size: 0.8125rem;
+}
+
+.c47 {
+  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;
+}
+
+.c47 input {
+  padding-right: 1.875rem;
+}
+
+.c47 div {
+  position: relative;
+  left: -1.625rem;
+}
+
+.c49 {
+  cursor: pointer;
+}
+
+.c15 {
+  font-weight: 200;
+}
+
+.c20 {
+  opacity: 0.5;
+  padding-right: 0.1875rem;
+}
+
+.c14 {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.c11 {
+  cursor: pointer;
+}
+
+.c17 {
+  width: 0.0625rem;
+  background: rgb(216,216,216);
+  height: 1.5rem;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-self: flex-end;
+  -ms-flex-item-align: end;
+  align-self: flex-end;
+  margin: 0 0.75rem;
+}
+
+.c8 {
+  margin: 0;
+}
+
+@media only screen and (min-width:0em) {
+  .c5 {
+    -webkit-align-items: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c22 {
+    -webkit-box-pack: justify;
+    -webkit-justify-content: space-between;
+    -ms-flex-pack: justify;
+    justify-content: space-between;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c1 {
+    -webkit-flex-basis: 100%;
+    -ms-flex-preferred-size: 100%;
+    flex-basis: 100%;
+    max-width: 100%;
+  }
+}
+
+@media only screen and (min-width:48em) {
+  .c1 {
+    -webkit-flex-basis: 100%;
+    -ms-flex-preferred-size: 100%;
+    flex-basis: 100%;
+    max-width: 100%;
+  }
+}
+
+@media only screen and (min-width:64em) {
+  .c1 {
+    -webkit-flex-basis: 75%;
+    -ms-flex-preferred-size: 75%;
+    flex-basis: 75%;
+    max-width: 75%;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c6 {
+    -webkit-flex-basis: 100%;
+    -ms-flex-preferred-size: 100%;
+    flex-basis: 100%;
+    max-width: 100%;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c23 {
+    -webkit-flex-basis: 75%;
+    -ms-flex-preferred-size: 75%;
+    flex-basis: 75%;
+    max-width: 75%;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c38 {
+    -webkit-flex-basis: 25%;
+    -ms-flex-preferred-size: 25%;
+    flex-basis: 25%;
+    max-width: 25%;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c44 {
+    -webkit-flex-basis: 100%;
+    -ms-flex-preferred-size: 100%;
+    flex-basis: 100%;
+    max-width: 100%;
+  }
+}
+
+@media only screen and (min-width:64em) {
+  .c44 {
+    -webkit-flex-basis: 58.333333333333336%;
+    -ms-flex-preferred-size: 58.333333333333336%;
+    flex-basis: 58.333333333333336%;
+    max-width: 58.333333333333336%;
+  }
+}
+
+@media (max-width:47.9375rem) {
+  .c17 {
+    display: none;
+  }
+}
+
+<div
+  className="c0"
+>
+  <div
+    className="c1"
+  >
+    <div
+      className="c2"
+      disabled={false}
+      name="card"
+    >
+      <div
+        className="c3 c2"
+        disabled={false}
+        name="card-outlet"
+      >
+        <div
+          className="c4"
+        >
+          <div
+            className="c5"
+          >
+            <div
+              className="c6"
+            >
+              <div
+                className="c7"
+              >
+                <h2
+                  className="c8 c9"
+                >
+                  <div
+                    className="c10"
+                  >
+                    <div
+                      className="c11 c12"
+                      onClick={undefined}
+                    >
+                      <svg
+                        height="17.07"
+                        viewBox="0 0 17.07 17.07"
+                        width="17.07"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M14,9.07v5a1,1,0,0,1-1,1H3a1,1,0,0,1-1-1v-10a1,1,0,0,1,1-1H8v-2H3c-2,0-3,1-3,3v10a2.65,2.65,0,0,0,3,3H13a2.65,2.65,0,0,0,3-3v-5ZM14.24,0,5.76,8.49,4.34,12.73l4.25-1.42,8.48-8.48ZM7.17,8.49l7.07-7.08,1.42,1.42L8.59,9.9Z"
+                          fill="rgb(73, 73, 73)"
+                        />
+                      </svg>
+                    </div>
+                  </div>
+                </h2>
+              </div>
+            </div>
+          </div>
+          <div
+            className="c13"
+          >
+            <div
+              className="c10"
+            >
+              <label
+                className="c14 c15 c16"
+              >
+                Custom Image
+              </label>
+              <div
+                className="c17"
+              />
+              <label
+                className="c14 c15 c16"
+              >
+                Infrastructure container
+              </label>
+              <div
+                className="c17"
+              />
+              <label
+                className="c14 c15 c16"
+              >
+                g4-highcpu-128M
+              </label>
+              <div
+                className="c17"
+              />
+              <div
+                className="c10"
+              >
+                <span
+                  className="c18"
+                  color="green"
+                  size="0.9375rem"
+                />
+                Running
+              </div>
+            </div>
+            <div
+              className="c19"
+            >
+              <div
+                className="c10"
+              >
+                <div
+                  className="c10"
+                >
+                  <label
+                    className="c20 c15 c16"
+                  >
+                    Created: 
+                  </label>
+                  <label
+                    className="c15 c16"
+                  >
+                     
+                    almost NaN years
+                     ago
+                  </label>
+                </div>
+                <div
+                  className="c17"
+                />
+                <div
+                  className="c10"
+                >
+                  <label
+                    className="c20 c15 c16"
+                  >
+                    Updated: 
+                  </label>
+                  <label
+                    className="c15 c16"
+                  >
+                     
+                    almost NaN years
+                     ago
+                  </label>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            className="c21"
+          >
+            <div
+              className="c22"
+            >
+              <div
+                className="c23"
+              >
+                <div
+                  className="c10"
+                >
+                  <div
+                    className="c24"
+                  >
+                    <div
+                      className="c25"
+                    >
+                      <span
+                        className="c26"
+                      >
+                        <button
+                          className="c27 c28 c29 c30"
+                          data-ui-button="true"
+                          disabled={false}
+                          href=""
+                          icon={true}
+                          onClick={[Function]}
+                          type="button"
+                        >
+                          <div
+                            className="c31"
+                          >
+                            <svg
+                              height="14"
+                              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(73, 73, 73)"
+                              />
+                            </svg>
+                          </div>
+                          <span>
+                            Stop
+                          </span>
+                        </button>
+                        <button
+                          className="c32 c33 c28 c29 c30"
+                          data-ui-button="true"
+                          href=""
+                        >
+                          <div
+                            box={false}
+                            className=""
+                            onClick={[Function]}
+                            onMouseEnter={undefined}
+                            onMouseLeave={undefined}
+                            style={
+                              Object {
+                                "display": "inline-block",
+                              }
+                            }
+                            tag={false}
+                          >
+                            <div
+                              className="c34"
+                            >
+                              <svg
+                                height="6"
+                                style={
+                                  Object {
+                                    "transform": "rotate(0deg)",
+                                  }
+                                }
+                                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="rgb(73, 73, 73)"
+                                />
+                              </svg>
+                            </div>
+                          </div>
+                        </button>
+                      </span>
+                    </div>
+                  </div>
+                  <div
+                    className="c24"
+                  >
+                    <a
+                      className="c27 c28 c35 c36 c37"
+                      data-ui-button="true"
+                      href="http://localhost/images/~create/2252839a-e698-ceec-afac-9549ad0c6624"
+                      icon={true}
+                      rel="noopener noreferrer"
+                      target="__blank"
+                    >
+                      Create Image
+                    </a>
+                  </div>
+                </div>
+              </div>
+              <div
+                className="c38"
+              >
+                <span
+                  name="react-responsive-mock"
+                  query="only screen and (max-width: 47.9375rem)"
+                >
+                  <button
+                    className="c39 c28 c29 c30"
+                    data-ui-button="true"
+                    disabled={false}
+                    href=""
+                    icon={true}
+                    onClick={[Function]}
+                    type="button"
+                  >
+                    <div
+                      className="c31"
+                    >
+                      <svg
+                        height="16"
+                        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(210, 67, 58)"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </span>
+                <span
+                  name="react-responsive-mock"
+                  query="only screen and (min-width: 48rem)"
+                >
+                  <button
+                    className="c40 c28 c29 c30"
+                    data-ui-button="true"
+                    disabled={false}
+                    href=""
+                    icon={true}
+                    onClick={[Function]}
+                    type="button"
+                  >
+                    <div
+                      className="c31"
+                    >
+                      <svg
+                        height="16"
+                        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(210, 67, 58)"
+                        />
+                      </svg>
+                    </div>
+                    <span>
+                      Delete
+                    </span>
+                  </button>
+                </span>
+              </div>
+            </div>
+          </div>
+          <div
+            className="c41"
+          >
+            <div
+              className="c42 c0"
+              height={1}
+            />
+          </div>
+          <div
+            className="c43"
+          >
+            <div
+              className="c0"
+            >
+              <div
+                className="c44"
+              >
+                <div
+                  className="c45"
+                >
+                  <label
+                    className="c46 c16"
+                    htmlFor=""
+                  >
+                    Short ID
+                  </label>
+                </div>
+                <div
+                  className="c47"
+                >
+                  <input
+                    className="c48"
+                    disabled={false}
+                    id=""
+                    onBlur={null}
+                    value="2252839a"
+                  />
+                  <div
+                    onClick={undefined}
+                    onMouseEnter={[Function]}
+                    onMouseLeave={[Function]}
+                    style={
+                      Object {
+                        "display": "inline-block",
+                      }
+                    }
+                  >
+                    <svg
+                      className="c49"
+                      height="19"
+                      innerRef={undefined}
+                      onClick={[Function]}
+                      style={
+                        Object {
+                          "transform": "rotate(0deg)",
+                        }
+                      }
+                      viewBox="0 0 15 19"
+                      width="15"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                        fill="rgb(73, 73, 73)"
+                      />
+                    </svg>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            className="c43"
+          >
+            <div
+              className="c0"
+            >
+              <div
+                className="c44"
+              >
+                <div
+                  className="c45"
+                >
+                  <label
+                    className="c46 c16"
+                    htmlFor=""
+                  >
+                    ID
+                  </label>
+                </div>
+                <div
+                  className="c47"
+                >
+                  <input
+                    className="c48"
+                    disabled={false}
+                    id=""
+                    onBlur={null}
+                    value="2252839a-e698-ceec-afac-9549ad0c6624"
+                  />
+                  <div
+                    onClick={undefined}
+                    onMouseEnter={[Function]}
+                    onMouseLeave={[Function]}
+                    style={
+                      Object {
+                        "display": "inline-block",
+                      }
+                    }
+                  >
+                    <svg
+                      className="c49"
+                      height="19"
+                      innerRef={undefined}
+                      onClick={[Function]}
+                      style={
+                        Object {
+                          "transform": "rotate(0deg)",
+                        }
+                      }
+                      viewBox="0 0 15 19"
+                      width="15"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                        fill="rgb(73, 73, 73)"
+                      />
+                    </svg>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            className="c43"
+          >
+            <div
+              className="c0"
+            >
+              <div
+                className="c44"
+              >
+                <div
+                  className="c45"
+                >
+                  <label
+                    className="c46 c16"
+                    htmlFor=""
+                  >
+                    CN UUID
+                  </label>
+                </div>
+                <div
+                  className="c47"
+                >
+                  <input
+                    className="c48"
+                    disabled={false}
+                    id=""
+                    onBlur={null}
+                    value="70bb1cee-dba3-11e3-a799-002590e4f2b0"
+                  />
+                  <div
+                    onClick={undefined}
+                    onMouseEnter={[Function]}
+                    onMouseLeave={[Function]}
+                    style={
+                      Object {
+                        "display": "inline-block",
+                      }
+                    }
+                  >
+                    <svg
+                      className="c49"
+                      height="19"
+                      innerRef={undefined}
+                      onClick={[Function]}
+                      style={
+                        Object {
+                          "transform": "rotate(0deg)",
+                        }
+                      }
+                      viewBox="0 0 15 19"
+                      width="15"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                        fill="rgb(73, 73, 73)"
+                      />
+                    </svg>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            className="c43"
+          >
+            <div
+              className="c0"
+            >
+              <div
+                className="c44"
+              >
+                <div
+                  className="c45"
+                >
+                  <label
+                    className="c46 c16"
+                    htmlFor=""
+                  >
+                    Image UUID
+                  </label>
+                </div>
+                <div
+                  className="c47"
+                >
+                  <input
+                    className="c48"
+                    disabled={false}
+                    id=""
+                    onBlur={null}
+                    value="19aa3328-0025-11e7-a19a-c39077bfd4cf"
+                  />
+                  <div
+                    onClick={undefined}
+                    onMouseEnter={[Function]}
+                    onMouseLeave={[Function]}
+                    style={
+                      Object {
+                        "display": "inline-block",
+                      }
+                    }
+                  >
+                    <svg
+                      className="c49"
+                      height="19"
+                      innerRef={undefined}
+                      onClick={[Function]}
+                      style={
+                        Object {
+                          "transform": "rotate(0deg)",
+                        }
+                      }
+                      viewBox="0 0 15 19"
+                      width="15"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                        fill="rgb(73, 73, 73)"
+                      />
+                    </svg>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            className="c43"
+          >
+            <div
+              className="c0"
+            >
+              <div
+                className="c44"
+              >
+                <div
+                  className="c45"
+                >
+                  <label
+                    className="c46 c16"
+                    htmlFor=""
+                  >
+                    Login
+                  </label>
+                </div>
+                <div
+                  className="c47"
+                >
+                  <input
+                    className="c48"
+                    disabled={false}
+                    id=""
+                    onBlur={null}
+                    value="ssh root@72.2.119.146"
+                  />
+                  <div
+                    onClick={undefined}
+                    onMouseEnter={[Function]}
+                    onMouseLeave={[Function]}
+                    style={
+                      Object {
+                        "display": "inline-block",
+                      }
+                    }
+                  >
+                    <svg
+                      className="c49"
+                      height="19"
+                      innerRef={undefined}
+                      onClick={[Function]}
+                      style={
+                        Object {
+                          "transform": "rotate(0deg)",
+                        }
+                      }
+                      viewBox="0 0 15 19"
+                      width="15"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                        fill="rgb(73, 73, 73)"
+                      />
+                    </svg>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            className="c43"
+          >
+            <div
+              className="c0"
+            >
+              <div
+                className="c44"
+              >
+                <div
+                  className="c45"
+                >
+                  <label
+                    className="c46 c16"
+                    htmlFor=""
+                  >
+                    Public IP address 1
+                  </label>
+                </div>
+                <div
+                  className="c47"
+                >
+                  <input
+                    className="c48"
+                    disabled={false}
+                    id=""
+                    onBlur={null}
+                    value="72.2.119.146"
+                  />
+                  <div
+                    onClick={undefined}
+                    onMouseEnter={[Function]}
+                    onMouseLeave={[Function]}
+                    style={
+                      Object {
+                        "display": "inline-block",
+                      }
+                    }
+                  >
+                    <svg
+                      className="c49"
+                      height="19"
+                      innerRef={undefined}
+                      onClick={[Function]}
+                      style={
+                        Object {
+                          "transform": "rotate(0deg)",
+                        }
+                      }
+                      viewBox="0 0 15 19"
+                      width="15"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                        fill="rgb(73, 73, 73)"
+                      />
+                    </svg>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            className="c43"
+          >
+            <div
+              className="c0"
+            >
+              <div
+                className="c44"
+              >
+                <div
+                  className="c45"
+                >
+                  <label
+                    className="c46 c16"
+                    htmlFor=""
+                  >
+                    Public IP address 2
+                  </label>
+                </div>
+                <div
+                  className="c47"
+                >
+                  <input
+                    className="c48"
+                    disabled={false}
+                    id=""
+                    onBlur={null}
+                    value="72.2.119.146"
+                  />
+                  <div
+                    onClick={undefined}
+                    onMouseEnter={[Function]}
+                    onMouseLeave={[Function]}
+                    style={
+                      Object {
+                        "display": "inline-block",
+                      }
+                    }
+                  >
+                    <svg
+                      className="c49"
+                      height="19"
+                      innerRef={undefined}
+                      onClick={[Function]}
+                      style={
+                        Object {
+                          "transform": "rotate(0deg)",
+                        }
+                      }
+                      viewBox="0 0 15 19"
+                      width="15"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                        fill="rgb(73, 73, 73)"
+                      />
+                    </svg>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            className="c43"
+          >
+            <div
+              className="c0"
+            >
+              <div
+                className="c44"
+              >
+                <div
+                  className="c45"
+                >
+                  <label
+                    className="c46 c16"
+                    htmlFor=""
+                  >
+                    Private IP address 1
+                  </label>
+                </div>
+                <div
+                  className="c47"
+                >
+                  <input
+                    className="c48"
+                    disabled={false}
+                    id=""
+                    onBlur={null}
+                    value="10.112.5.63"
+                  />
+                  <div
+                    onClick={undefined}
+                    onMouseEnter={[Function]}
+                    onMouseLeave={[Function]}
+                    style={
+                      Object {
+                        "display": "inline-block",
+                      }
+                    }
+                  >
+                    <svg
+                      className="c49"
+                      height="19"
+                      innerRef={undefined}
+                      onClick={[Function]}
+                      style={
+                        Object {
+                          "transform": "rotate(0deg)",
+                        }
+                      }
+                      viewBox="0 0 15 19"
+                      width="15"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                        fill="rgb(73, 73, 73)"
+                      />
+                    </svg>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            className="c43"
+          >
+            <div
+              className="c0"
+            >
+              <div
+                className="c44"
+              >
+                <div
+                  className="c45"
+                >
+                  <label
+                    className="c46 c16"
+                    htmlFor=""
+                  >
+                    Private IP address 2
+                  </label>
+                </div>
+                <div
+                  className="c47"
+                >
+                  <input
+                    className="c48"
+                    disabled={false}
+                    id=""
+                    onBlur={null}
+                    value="10.112.5.63"
+                  />
+                  <div
+                    onClick={undefined}
+                    onMouseEnter={[Function]}
+                    onMouseLeave={[Function]}
+                    style={
+                      Object {
+                        "display": "inline-block",
+                      }
+                    }
+                  >
+                    <svg
+                      className="c49"
+                      height="19"
+                      innerRef={undefined}
+                      onClick={[Function]}
+                      style={
+                        Object {
+                          "transform": "rotate(0deg)",
+                        }
+                      }
+                      viewBox="0 0 15 19"
+                      width="15"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                        fill="rgb(73, 73, 73)"
+                      />
+                    </svg>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`renders <Summary starting stopping rebooting removing /> without throwing 1`] = `
+.c0 {
+  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;
+}
+
+.c5 {
+  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;
+}
+
+.c22 {
+  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;
+}
+
+.c1 {
+  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;
+}
+
+.c6 {
+  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;
+}
+
+.c23 {
+  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;
+}
+
+.c42 {
+  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;
+}
+
+.c10 {
+  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;
+}
+
+.c24 {
+  -webkit-order: 0;
+  -ms-flex-order: 0;
+  order: 0;
+  -webkit-flex-basis: auto;
+  -ms-flex-preferred-size: auto;
+  flex-basis: auto;
+  -webkit-box-flex: 0;
+  -webkit-flex-grow: 0;
+  -ms-flex-positive: 0;
+  flex-grow: 0;
+  -webkit-flex-shrink: 1;
+  -ms-flex-negative: 1;
+  flex-shrink: 1;
+  display: block;
+}
+
+.c7 {
+  margin-bottom: 0.375rem;
+}
+
+.c12 {
+  margin-left: 0.75rem;
+}
+
+.c13 {
+  margin-top: 0.375rem;
+  margin-bottom: 0.375rem;
+}
+
+.c19 {
+  margin-top: 0.375rem;
+}
+
+.c21 {
+  margin-top: 1.125rem;
+}
+
+.c25 {
+  margin-right: 0.375rem;
+}
+
+.c45 {
+  margin-top: 1.125rem;
+  margin-bottom: 1.875rem;
+}
+
+.c47 {
+  margin-bottom: 1.125rem;
+}
+
+.c49 {
+  margin-bottom: 0.1875rem;
+}
+
+.c4 {
+  padding: 1.875rem;
+}
+
+.c41 {
+  background-color: transparent;
+  -webkit-text-decoration-skip: objects;
+  text-decoration-skip: objects;
+}
+
+.c30 {
+  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;
+}
+
+.c30::-moz-focus-inner,
+.c30[type='button']::-moz-focus-inner,
+.c30[type='reset']::-moz-focus-inner,
+.c30[type='submit']::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+.c30:-moz-focusring,
+.c30[type='button']:-moz-focusring,
+.c30[type='reset']:-moz-focusring,
+.c30[type='submit']:-moz-focusring {
+  outline: 0.0625rem dotted ButtonText;
+}
+
+.c40 {
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+}
+
+.c39 {
+  color: rgb(59,70,204);
+  -webkit-text-fill-color: currentcolor;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+}
+
+.c39:hover {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.c32 {
+  fill: rgb(59,70,204);
+  stroke: rgb(59,70,204);
+  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
+  animation: iCqDak 1.5s ease-out 0s infinite;
+}
+
+.c33 {
+  -webkit-animation-delay: 0.5s;
+  animation-delay: 0.5s;
+}
+
+.c34 {
+  -webkit-animation-delay: 1s;
+  animation-delay: 1s;
+}
+
+.c31 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -webkit-flex-wrap: nowrap;
+  -ms-flex-wrap: nowrap;
+  flex-wrap: nowrap;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-align-content: center;
+  -ms-flex-line-pack: center;
+  align-content: center;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  min-height: 1.25rem;
+  -webkit-flex: 1 0 auto;
+  -ms-flex: 1 0 auto;
+  flex: 1 0 auto;
+}
+
+.c29 {
+  min-width: 7.5rem;
+}
+
+.c28 {
+  display: inline-block;
+}
+
+.c27 {
+  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;
+  -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;
+  font-weight: 500;
+}
+
+.c27:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c27:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c27[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c27:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c27:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c27:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+}
+
+.c27:hover {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c36 {
+  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;
+  -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);
+}
+
+.c36:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c36:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c36:active,
+.c36:active:hover,
+.c36:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c36[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c36:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c36:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c36:active,
+.c36:active:hover,
+.c36:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c38 {
+  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;
+  -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;
+  font-weight: 500;
+}
+
+.c38:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c38:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c38:active,
+.c38:active:hover,
+.c38:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c38[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c38:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c38:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c38:active,
+.c38:active:hover,
+.c38:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c43 {
+  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;
+  -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.625rem 1.125rem;
+  font-size: 0.8125rem;
+  min-width: 0rem;
+  min-height: 0rem;
+  height: auto;
+  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;
+}
+
+.c43:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c43:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c43:active,
+.c43:active:hover,
+.c43:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c43[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c43:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c43:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c43:active,
+.c43:active:hover,
+.c43:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c43:focus {
+  color: rgb(205,37,27);
+  background-color: rgb(255,255,255);
+  border-color: rgb(205,37,27);
+}
+
+.c43:hover {
+  color: rgb(205,37,27);
+  background-color: rgb(255,255,255);
+  border-color: rgb(205,37,27);
+}
+
+.c43:active,
+.c43:active:hover,
+.c43:active:focus {
+  background-color: rgba(210,67,58,0.1);
+  border-color: rgb(205,37,27);
+}
+
+.c43:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+}
+
+.c43:hover {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c43:active,
+.c43:active:hover,
+.c43:active:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c44 {
+  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;
+  -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;
+  font-weight: 500;
+  float: right;
+}
+
+.c44:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c44:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c44:active,
+.c44:active:hover,
+.c44:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c44[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c44:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c44:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c44:active,
+.c44:active:hover,
+.c44:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c44:focus {
+  color: rgb(205,37,27);
+  background-color: rgb(255,255,255);
+  border-color: rgb(205,37,27);
+}
+
+.c44:hover {
+  color: rgb(205,37,27);
+  background-color: rgb(255,255,255);
+  border-color: rgb(205,37,27);
+}
+
+.c44:active,
+.c44:active:hover,
+.c44:active:focus {
+  background-color: rgba(210,67,58,0.1);
+  border-color: rgb(205,37,27);
+}
+
+.c44:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+}
+
+.c44:hover {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c44:active,
+.c44:active:hover,
+.c44:active:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c18 {
+  width: 0.9375rem;
+  height: 0.9375rem;
+  border-radius: 50%;
+  display: inline-block;
+  margin-right: 0.375rem;
+  margin-left: 0rem;
+}
+
+.c35 {
+  padding: 0;
+  min-width: 2.9375rem;
+  max-width: 2.9375rem;
+  width: 2.9375rem;
+}
+
+.c37 {
+  padding: 0.9375rem 1.125rem;
+}
+
+.c26 {
+  display: inline-block;
+}
+
+.c26 [data-ui-button='true']:not(:first-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-left: none;
+}
+
+.c26 [data-ui-button='true']:not(:last-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.c16 {
+  font-size: 0.9375rem;
+  line-height: 1.125rem;
+  font-style: normal;
+  font-stretch: normal;
+  display: block;
+  color: rgb(70,70,70);
+  text-align: left;
+}
+
+.c9 {
+  margin: 0;
+  color: rgb(73,73,73);
+  font-weight: normal;
+  line-height: 1.875rem;
+  font-size: 1.5rem;
+}
+
+.c46 {
+  height: 1px;
+  background-color: rgb(216,216,216);
+}
+
+.c2 {
+  box-sizing: content-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex: 1 0 auto;
+  -ms-flex: 1 0 auto;
+  flex: 1 0 auto;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  position: relative;
+  border-width: 0.0625rem;
+  border-style: solid;
+  -webkit-transition: all 300ms ease;
+  transition: all 300ms ease;
+  color: rgb(73,73,73);
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c3 {
+  box-sizing: border-box;
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-flex: 1 1 auto;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  border-width: 0;
+  background-color: transparent;
+}
+
+.c52 {
+  box-sizing: border-box;
+  width: 18.75rem;
+  height: 3rem;
+  min-height: 3rem;
+  padding: 0.8125rem 0.75rem;
+  border-radius: 0.25rem;
+  background-color: rgb(255,255,255);
+  border: 0.0625rem solid rgb(216,216,216);
+  color: rgb(73,73,73);
+  font-size: 0.9375rem;
+  line-height: normal !important;
+  font-style: normal;
+  font-stretch: normal;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  outline: 0;
+  font-family: "Roboto Mono",monospace;
+  width: 100%;
+  min-width: 100%;
+  text-overflow: ellipsis;
+}
+
+.c52:focus {
+  border-color: rgb(59,70,204);
+  outline: 0;
+}
+
+.c52::-webkit-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c52::-moz-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c52:-ms-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c52:invalid {
+  box-shadow: none;
+}
+
+.c52:disabled {
+  background-color: rgb(250,250,250);
+  color: rgb(216,216,216);
+  cursor: not-allowed;
+}
+
+.c52:disabled::-webkit-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c52:disabled::-moz-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c52:disabled:-ms-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c52:disabled {
+  color: rgb(73,73,73);
+}
+
+.c52:disabled::-webkit-input-placeholder {
+  color: rgb(73,73,73);
+}
+
+.c52:disabled::-moz-placeholder {
+  color: rgb(73,73,73);
+}
+
+.c52:disabled:-ms-input-placeholder {
+  color: rgb(73,73,73);
+}
+
+.c54 {
+  box-sizing: border-box;
+  width: 18.75rem;
+  height: 3rem;
+  min-height: 3rem;
+  padding: 0.8125rem 0.75rem;
+  border-radius: 0.25rem;
+  background-color: rgb(255,255,255);
+  border: 0.0625rem solid rgb(216,216,216);
+  color: rgb(73,73,73);
+  font-size: 0.9375rem;
+  line-height: normal !important;
+  font-style: normal;
+  font-stretch: normal;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  outline: 0;
+  font-family: "Roboto Mono",monospace;
+  width: 100%;
+  min-width: 100%;
+}
+
+.c54:focus {
+  border-color: rgb(59,70,204);
+  outline: 0;
+}
+
+.c54::-webkit-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c54::-moz-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c54:-ms-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c54:invalid {
+  box-shadow: none;
+}
+
+.c54:disabled {
+  background-color: rgb(250,250,250);
+  color: rgb(216,216,216);
+  cursor: not-allowed;
+}
+
+.c54:disabled::-webkit-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c54:disabled::-moz-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c54:disabled:-ms-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c54:disabled {
+  color: rgb(73,73,73);
+}
+
+.c54:disabled::-webkit-input-placeholder {
+  color: rgb(73,73,73);
+}
+
+.c54:disabled::-moz-placeholder {
+  color: rgb(73,73,73);
+}
+
+.c54:disabled:-ms-input-placeholder {
+  color: rgb(73,73,73);
+}
+
+.c50 {
+  font-weight: 600;
+  white-space: pre;
+  font-size: 0.8125rem;
+}
+
+.c51 {
+  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;
+}
+
+.c51 input {
+  padding-right: 1.875rem;
+}
+
+.c51 div {
+  position: relative;
+  left: -1.625rem;
+}
+
+.c53 {
+  cursor: pointer;
+}
+
+.c15 {
+  font-weight: 200;
+}
+
+.c20 {
+  opacity: 0.5;
+  padding-right: 0.1875rem;
+}
+
+.c14 {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.c11 {
+  cursor: pointer;
+}
+
+.c17 {
+  width: 0.0625rem;
+  background: rgb(216,216,216);
+  height: 1.5rem;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-self: flex-end;
+  -ms-flex-item-align: end;
+  align-self: flex-end;
+  margin: 0 0.75rem;
+}
+
+.c8 {
+  margin: 0;
+}
+
+@media only screen and (min-width:0em) {
+  .c5 {
+    -webkit-align-items: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c22 {
+    -webkit-box-pack: justify;
+    -webkit-justify-content: space-between;
+    -ms-flex-pack: justify;
+    justify-content: space-between;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c1 {
+    -webkit-flex-basis: 100%;
+    -ms-flex-preferred-size: 100%;
+    flex-basis: 100%;
+    max-width: 100%;
+  }
+}
+
+@media only screen and (min-width:48em) {
+  .c1 {
+    -webkit-flex-basis: 100%;
+    -ms-flex-preferred-size: 100%;
+    flex-basis: 100%;
+    max-width: 100%;
+  }
+}
+
+@media only screen and (min-width:64em) {
+  .c1 {
+    -webkit-flex-basis: 75%;
+    -ms-flex-preferred-size: 75%;
+    flex-basis: 75%;
+    max-width: 75%;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c6 {
+    -webkit-flex-basis: 100%;
+    -ms-flex-preferred-size: 100%;
+    flex-basis: 100%;
+    max-width: 100%;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c23 {
+    -webkit-flex-basis: 75%;
+    -ms-flex-preferred-size: 75%;
+    flex-basis: 75%;
+    max-width: 75%;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c42 {
+    -webkit-flex-basis: 25%;
+    -ms-flex-preferred-size: 25%;
+    flex-basis: 25%;
+    max-width: 25%;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c48 {
+    -webkit-flex-basis: 100%;
+    -ms-flex-preferred-size: 100%;
+    flex-basis: 100%;
+    max-width: 100%;
+  }
+}
+
+@media only screen and (min-width:64em) {
+  .c48 {
+    -webkit-flex-basis: 58.333333333333336%;
+    -ms-flex-preferred-size: 58.333333333333336%;
+    flex-basis: 58.333333333333336%;
+    max-width: 58.333333333333336%;
+  }
+}
+
+@media (max-width:47.9375rem) {
+  .c17 {
+    display: none;
+  }
+}
+
+<div
+  className="c0"
+>
+  <div
+    className="c1"
+  >
+    <div
+      className="c2"
+      disabled={false}
+      name="card"
+    >
+      <div
+        className="c3 c2"
+        disabled={false}
+        name="card-outlet"
+      >
+        <div
+          className="c4"
+        >
+          <div
+            className="c5"
+          >
+            <div
+              className="c6"
+            >
+              <div
+                className="c7"
+              >
+                <h2
+                  className="c8 c9"
+                >
+                  <div
+                    className="c10"
+                  >
+                    <div
+                      className="c11 c12"
+                      onClick={undefined}
+                    >
+                      <svg
+                        height="17.07"
+                        viewBox="0 0 17.07 17.07"
+                        width="17.07"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M14,9.07v5a1,1,0,0,1-1,1H3a1,1,0,0,1-1-1v-10a1,1,0,0,1,1-1H8v-2H3c-2,0-3,1-3,3v10a2.65,2.65,0,0,0,3,3H13a2.65,2.65,0,0,0,3-3v-5ZM14.24,0,5.76,8.49,4.34,12.73l4.25-1.42,8.48-8.48ZM7.17,8.49l7.07-7.08,1.42,1.42L8.59,9.9Z"
+                          fill="rgb(73, 73, 73)"
+                        />
+                      </svg>
+                    </div>
+                  </div>
+                </h2>
+              </div>
+            </div>
+          </div>
+          <div
+            className="c13"
+          >
+            <div
+              className="c10"
+            >
+              <label
+                className="c14 c15 c16"
+              >
+                Custom Image
+              </label>
+              <div
+                className="c17"
+              />
+              <label
+                className="c14 c15 c16"
+              >
+                Hardware virtual machine
+              </label>
+              <div
+                className="c17"
+              />
+              <label
+                className="c14 c15 c16"
+              />
+              <div
+                className="c17"
+              />
+              <div
+                className="c10"
+              >
+                <span
+                  className="c18"
+                  color={undefined}
+                  size="0.9375rem"
+                />
+                
+              </div>
+            </div>
+            <div
+              className="c19"
+            >
+              <div
+                className="c10"
+              >
+                <div
+                  className="c10"
+                >
+                  <label
+                    className="c20 c15 c16"
+                  >
+                    Created: 
+                  </label>
+                  <label
+                    className="c15 c16"
+                  >
+                     
+                    almost NaN years
+                     ago
+                  </label>
+                </div>
+                <div
+                  className="c17"
+                />
+                <div
+                  className="c10"
+                >
+                  <label
+                    className="c20 c15 c16"
+                  >
+                    Updated: 
+                  </label>
+                  <label
+                    className="c15 c16"
+                  >
+                     
+                    almost NaN years
+                     ago
+                  </label>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            className="c21"
+          >
+            <div
+              className="c22"
+            >
+              <div
+                className="c23"
+              >
+                <div
+                  className="c10"
+                >
+                  <div
+                    className="c24"
+                  >
+                    <div
+                      className="c25"
+                    >
+                      <span
+                        className="c26"
+                      >
+                        <button
+                          className="c27 c28 c29 c30"
+                          data-ui-button="true"
+                          disabled={true}
+                          href=""
+                          icon={true}
+                          onClick={[Function]}
+                          type="button"
+                        >
+                          <div
+                            className="c31"
+                          >
+                            <svg
+                              height="10"
+                              width="28"
+                            >
+                              <rect
+                                className="c32"
+                                height="6"
+                                width="6"
+                                x="2"
+                                y="2"
+                              />
+                              <rect
+                                className="c33 c32"
+                                height="6"
+                                width="6"
+                                x="11"
+                                y="2"
+                              />
+                              <rect
+                                className="c34 c32"
+                                height="6"
+                                width="6"
+                                x="20"
+                                y="2"
+                              />
+                            </svg>
+                          </div>
+                        </button>
+                        <button
+                          className="c35 c36 c28 c29 c30"
+                          data-ui-button="true"
+                          href=""
+                        >
+                          <div
+                            box={false}
+                            className=""
+                            onClick={[Function]}
+                            onMouseEnter={undefined}
+                            onMouseLeave={undefined}
+                            style={
+                              Object {
+                                "display": "inline-block",
+                              }
+                            }
+                            tag={false}
+                          >
+                            <div
+                              className="c37"
+                            >
+                              <svg
+                                height="6"
+                                style={
+                                  Object {
+                                    "transform": "rotate(0deg)",
+                                  }
+                                }
+                                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="rgb(73, 73, 73)"
+                                />
+                              </svg>
+                            </div>
+                          </div>
+                        </button>
+                      </span>
+                    </div>
+                  </div>
+                  <div
+                    className="c24"
+                  >
+                    <a
+                      className="c38 c28 c39 c40 c41"
+                      data-ui-button="true"
+                      href="http://localhost/images/~create/undefined"
+                      icon={true}
+                      rel="noopener noreferrer"
+                      target="__blank"
+                    >
+                      Create Image
+                    </a>
+                  </div>
+                </div>
+              </div>
+              <div
+                className="c42"
+              >
+                <span
+                  name="react-responsive-mock"
+                  query="only screen and (max-width: 47.9375rem)"
+                >
+                  <button
+                    className="c43 c28 c29 c30"
+                    data-ui-button="true"
+                    disabled={true}
+                    href=""
+                    icon={true}
+                    onClick={[Function]}
+                    type="button"
+                  >
+                    <div
+                      className="c31"
+                    >
+                      <svg
+                        height="10"
+                        width="28"
+                      >
+                        <rect
+                          className="c32"
+                          height="6"
+                          width="6"
+                          x="2"
+                          y="2"
+                        />
+                        <rect
+                          className="c33 c32"
+                          height="6"
+                          width="6"
+                          x="11"
+                          y="2"
+                        />
+                        <rect
+                          className="c34 c32"
+                          height="6"
+                          width="6"
+                          x="20"
+                          y="2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </span>
+                <span
+                  name="react-responsive-mock"
+                  query="only screen and (min-width: 48rem)"
+                >
+                  <button
+                    className="c44 c28 c29 c30"
+                    data-ui-button="true"
+                    disabled={true}
+                    href=""
+                    icon={true}
+                    onClick={[Function]}
+                    type="button"
+                  >
+                    <div
+                      className="c31"
+                    >
+                      <svg
+                        height="10"
+                        width="28"
+                      >
+                        <rect
+                          className="c32"
+                          height="6"
+                          width="6"
+                          x="2"
+                          y="2"
+                        />
+                        <rect
+                          className="c33 c32"
+                          height="6"
+                          width="6"
+                          x="11"
+                          y="2"
+                        />
+                        <rect
+                          className="c34 c32"
+                          height="6"
+                          width="6"
+                          x="20"
+                          y="2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </span>
+              </div>
+            </div>
+          </div>
+          <div
+            className="c45"
+          >
+            <div
+              className="c46 c0"
+              height={1}
+            />
+          </div>
+          <div
+            className="c47"
+          >
+            <div
+              className="c0"
+            >
+              <div
+                className="c48"
+              >
+                <div
+                  className="c49"
+                >
+                  <label
+                    className="c50 c16"
+                    htmlFor=""
+                  >
+                    Short ID
+                  </label>
+                </div>
+                <div
+                  className="c51"
+                >
+                  <input
+                    className="c52"
+                    disabled={false}
+                    id=""
+                    onBlur={null}
+                    value=""
+                  />
+                  <div
+                    onClick={undefined}
+                    onMouseEnter={[Function]}
+                    onMouseLeave={[Function]}
+                    style={
+                      Object {
+                        "display": "inline-block",
+                      }
+                    }
+                  >
+                    <svg
+                      className="c53"
+                      height="19"
+                      innerRef={undefined}
+                      onClick={[Function]}
+                      style={
+                        Object {
+                          "transform": "rotate(0deg)",
+                        }
+                      }
+                      viewBox="0 0 15 19"
+                      width="15"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                        fill="rgb(73, 73, 73)"
+                      />
+                    </svg>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            className="c47"
+          >
+            <div
+              className="c0"
+            >
+              <div
+                className="c48"
+              >
+                <div
+                  className="c49"
+                >
+                  <label
+                    className="c50 c16"
+                    htmlFor=""
+                  >
+                    ID
+                  </label>
+                </div>
+                <div
+                  className="c51"
+                >
+                  <input
+                    className="c52"
+                    disabled={false}
+                    id=""
+                    onBlur={null}
+                    value={undefined}
+                  />
+                  <div
+                    onClick={undefined}
+                    onMouseEnter={[Function]}
+                    onMouseLeave={[Function]}
+                    style={
+                      Object {
+                        "display": "inline-block",
+                      }
+                    }
+                  >
+                    <svg
+                      className="c53"
+                      height="19"
+                      innerRef={undefined}
+                      onClick={[Function]}
+                      style={
+                        Object {
+                          "transform": "rotate(0deg)",
+                        }
+                      }
+                      viewBox="0 0 15 19"
+                      width="15"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                        fill="rgb(73, 73, 73)"
+                      />
+                    </svg>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            className="c47"
+          >
+            <div
+              className="c0"
+            >
+              <div
+                className="c48"
+              >
+                <div
+                  className="c49"
+                >
+                  <label
+                    className="c50 c16"
+                    htmlFor=""
+                  >
+                    CN UUID
+                  </label>
+                </div>
+                <div
+                  className="c51"
+                >
+                  <input
+                    className="c52"
+                    disabled={false}
+                    id=""
+                    onBlur={null}
+                    value={undefined}
+                  />
+                  <div
+                    onClick={undefined}
+                    onMouseEnter={[Function]}
+                    onMouseLeave={[Function]}
+                    style={
+                      Object {
+                        "display": "inline-block",
+                      }
+                    }
+                  >
+                    <svg
+                      className="c53"
+                      height="19"
+                      innerRef={undefined}
+                      onClick={[Function]}
+                      style={
+                        Object {
+                          "transform": "rotate(0deg)",
+                        }
+                      }
+                      viewBox="0 0 15 19"
+                      width="15"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                        fill="rgb(73, 73, 73)"
+                      />
+                    </svg>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            className="c47"
+          >
+            <div
+              className="c0"
+            >
+              <div
+                className="c48"
+              >
+                <div
+                  className="c49"
+                >
+                  <label
+                    className="c50 c16"
+                    htmlFor=""
+                  >
+                    Login
+                  </label>
+                </div>
+                <div
+                  className="c51"
+                >
+                  <input
+                    className="c54"
+                    disabled={false}
+                    id=""
+                    onBlur={null}
+                    value="ssh root@undefined"
+                  />
+                  <div
+                    onClick={undefined}
+                    onMouseEnter={[Function]}
+                    onMouseLeave={[Function]}
+                    style={
+                      Object {
+                        "display": "inline-block",
+                      }
+                    }
+                  >
+                    <svg
+                      className="c53"
+                      height="19"
+                      innerRef={undefined}
+                      onClick={[Function]}
+                      style={
+                        Object {
+                          "transform": "rotate(0deg)",
+                        }
+                      }
+                      viewBox="0 0 15 19"
+                      width="15"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M5,12l2-2v9H8V10l2,2,1-1L7.5,8,4,11ZM11,1h2a2.15,2.15,0,0,1,2,2V16a2.15,2.15,0,0,1-2,2H10V16h3V3H11V5H4V3H2V16H5v2H2a2.15,2.15,0,0,1-2-2V3A2.15,2.15,0,0,1,2,1H4V0h7ZM9,2H6V3H9V2Z"
+                        fill="rgb(73, 73, 73)"
+                      />
+                    </svg>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`renders <Summary state /> without throwing 1`] = `
+.c0 {
+  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;
+}
+
+.c5 {
+  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;
+}
+
+.c22 {
+  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;
+}
+
+.c1 {
+  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;
+}
+
+.c6 {
+  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;
+}
+
+.c23 {
+  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;
+}
+
+.c38 {
+  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;
+}
+
+.c44 {
+  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;
+}
+
+.c10 {
+  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;
+}
+
+.c24 {
+  -webkit-order: 0;
+  -ms-flex-order: 0;
+  order: 0;
+  -webkit-flex-basis: auto;
+  -ms-flex-preferred-size: auto;
+  flex-basis: auto;
+  -webkit-box-flex: 0;
+  -webkit-flex-grow: 0;
+  -ms-flex-positive: 0;
+  flex-grow: 0;
+  -webkit-flex-shrink: 1;
+  -ms-flex-negative: 1;
+  flex-shrink: 1;
+  display: block;
+}
+
+.c7 {
+  margin-bottom: 0.375rem;
+}
+
+.c12 {
+  margin-left: 0.75rem;
+}
+
+.c13 {
+  margin-top: 0.375rem;
+  margin-bottom: 0.375rem;
+}
+
+.c19 {
+  margin-top: 0.375rem;
+}
+
+.c21 {
+  margin-top: 1.125rem;
+}
+
+.c25 {
+  margin-right: 0.375rem;
+}
+
+.c31 {
+  margin-right: 0.75rem;
+}
+
+.c41 {
+  margin-top: 1.125rem;
+  margin-bottom: 1.875rem;
+}
+
+.c43 {
+  margin-bottom: 1.125rem;
+}
+
+.c45 {
+  margin-bottom: 0.1875rem;
+}
+
+.c4 {
+  padding: 1.875rem;
+}
+
+.c37 {
+  background-color: transparent;
+  -webkit-text-decoration-skip: objects;
+  text-decoration-skip: objects;
+}
+
+.c30 {
+  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;
+}
+
+.c30::-moz-focus-inner,
+.c30[type='button']::-moz-focus-inner,
+.c30[type='reset']::-moz-focus-inner,
+.c30[type='submit']::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+.c30:-moz-focusring,
+.c30[type='button']:-moz-focusring,
+.c30[type='reset']:-moz-focusring,
+.c30[type='submit']:-moz-focusring {
+  outline: 0.0625rem dotted ButtonText;
+}
+
+.c36 {
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+}
+
+.c35 {
+  color: rgb(59,70,204);
+  -webkit-text-fill-color: currentcolor;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+}
+
+.c35:hover {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.c29 {
+  min-width: 7.5rem;
+}
+
+.c28 {
+  display: inline-block;
+}
+
+.c33 {
+  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;
+  -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);
+}
+
+.c33:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c33:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c33[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c33:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c33:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c27 {
+  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;
+  -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;
+  font-weight: 500;
+}
+
+.c27:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c27:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c27[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c27:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c27:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c39 {
+  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;
+  -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);
+  padding: 0.625rem 1.125rem;
+  font-size: 0.8125rem;
+  min-width: 0rem;
+  min-height: 0rem;
+  height: auto;
+  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;
+}
+
+.c39:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c39:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c39:active,
+.c39:active:hover,
+.c39:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c39[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c39:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c39:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c39:active,
+.c39:active:hover,
+.c39:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c39:focus {
+  color: rgb(205,37,27);
+  background-color: rgb(255,255,255);
+  border-color: rgb(205,37,27);
+}
+
+.c39:hover {
+  color: rgb(205,37,27);
+  background-color: rgb(255,255,255);
+  border-color: rgb(205,37,27);
+}
+
+.c39:active,
+.c39:active:hover,
+.c39:active:focus {
+  background-color: rgba(210,67,58,0.1);
+  border-color: rgb(205,37,27);
+}
+
+.c40 {
+  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;
+  -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);
+  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;
+  font-weight: 500;
+  float: right;
+}
+
+.c40:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c40:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c40:active,
+.c40:active:hover,
+.c40:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c40[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c40:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c40:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c40:active,
+.c40:active:hover,
+.c40:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c40:focus {
+  color: rgb(205,37,27);
+  background-color: rgb(255,255,255);
+  border-color: rgb(205,37,27);
+}
+
+.c40:hover {
+  color: rgb(205,37,27);
+  background-color: rgb(255,255,255);
+  border-color: rgb(205,37,27);
+}
+
+.c40:active,
+.c40:active:hover,
+.c40:active:focus {
+  background-color: rgba(210,67,58,0.1);
+  border-color: rgb(205,37,27);
+}
+
+.c18 {
+  width: 0.9375rem;
+  height: 0.9375rem;
+  border-radius: 50%;
+  background-color: rgb(0,152,88);
+  display: inline-block;
+  margin-right: 0.375rem;
+  margin-left: 0rem;
+}
+
+.c32 {
+  padding: 0;
+  min-width: 2.9375rem;
+  max-width: 2.9375rem;
+  width: 2.9375rem;
+}
+
+.c34 {
+  padding: 0.9375rem 1.125rem;
+}
+
+.c26 {
+  display: inline-block;
+}
+
+.c26 [data-ui-button='true']:not(:first-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-left: none;
+}
+
+.c26 [data-ui-button='true']:not(:last-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.c16 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-style: normal;
@@ -10365,7 +8578,11 @@ exports[`renders <Summary state /> without throwing 1`] = `
   cursor: pointer;
 }
 
-.c19 {
+.c15 {
+  font-weight: 200;
+}
+
+.c20 {
   opacity: 0.5;
   padding-right: 0.1875rem;
 }
@@ -10376,26 +8593,11 @@ exports[`renders <Summary state /> without throwing 1`] = `
   text-overflow: ellipsis;
 }
 
-.c10 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-}
-
 .c11 {
   cursor: pointer;
 }
 
-.c16 {
+.c17 {
   width: 0.0625rem;
   background: rgb(216,216,216);
   height: 1.5rem;
@@ -10413,10 +8615,6 @@ exports[`renders <Summary state /> without throwing 1`] = `
   margin: 0;
 }
 
-.c23 {
-  margin-right: 0.375rem;
-}
-
 @media only screen and (min-width:0em) {
   .c5 {
     -webkit-align-items: center;
@@ -10427,7 +8625,7 @@ exports[`renders <Summary state /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c21 {
+  .c22 {
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
@@ -10472,7 +8670,7 @@ exports[`renders <Summary state /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c22 {
+  .c23 {
     -webkit-flex-basis: 75%;
     -ms-flex-preferred-size: 75%;
     flex-basis: 75%;
@@ -10508,13 +8706,7 @@ exports[`renders <Summary state /> without throwing 1`] = `
 }
 
 @media (max-width:47.9375rem) {
-  .c10 {
-    display: block;
-  }
-}
-
-@media (max-width:47.9375rem) {
-  .c16 {
+  .c17 {
     display: none;
   }
 }
@@ -10581,32 +8773,32 @@ exports[`renders <Summary state /> without throwing 1`] = `
               className="c10"
             >
               <label
-                className="c14 c15"
+                className="c14 c15 c16"
               >
                 Custom Image
               </label>
               <div
-                className="c16"
+                className="c17"
               />
               <label
-                className="c14 c15"
+                className="c14 c15 c16"
               >
                 Hardware virtual machine
               </label>
               <div
-                className="c16"
+                className="c17"
               />
               <label
-                className="c14 c15"
+                className="c14 c15 c16"
               />
               <div
-                className="c16"
+                className="c17"
               />
               <div
                 className="c10"
               >
                 <span
-                  className="c17"
+                  className="c18"
                   color="green"
                   size="0.9375rem"
                 />
@@ -10614,7 +8806,7 @@ exports[`renders <Summary state /> without throwing 1`] = `
               </div>
             </div>
             <div
-              className="c18"
+              className="c19"
             >
               <div
                 className="c10"
@@ -10623,12 +8815,12 @@ exports[`renders <Summary state /> without throwing 1`] = `
                   className="c10"
                 >
                   <label
-                    className="c19 c15"
+                    className="c20 c15 c16"
                   >
                     Created: 
                   </label>
                   <label
-                    className="c15"
+                    className="c15 c16"
                   >
                      
                     almost NaN years
@@ -10636,18 +8828,18 @@ exports[`renders <Summary state /> without throwing 1`] = `
                   </label>
                 </div>
                 <div
-                  className="c16"
+                  className="c17"
                 />
                 <div
                   className="c10"
                 >
                   <label
-                    className="c19 c15"
+                    className="c20 c15 c16"
                   >
                     Updated: 
                   </label>
                   <label
-                    className="c15"
+                    className="c15 c16"
                   >
                      
                     almost NaN years
@@ -10658,328 +8850,117 @@ exports[`renders <Summary state /> without throwing 1`] = `
             </div>
           </div>
           <div
-            className="c20"
+            className="c21"
           >
             <div
-              className="c21"
+              className="c22"
             >
               <div
-                className="c22"
+                className="c23"
               >
-                <a
-                  className="c23 c24 c25 c26 c27 c28"
-                  data-ui-button="true"
-                  href="http://localhost/images/~create/undefined"
-                  icon={true}
-                  rel="noopener noreferrer"
-                  target="__blank"
+                <div
+                  className="c10"
                 >
                   <div
-                    className="c29"
+                    className="c24"
                   >
-                    <svg
-                      height="20"
-                      style={
-                        Object {
-                          "transform": "rotate(0deg)",
-                        }
-                      }
-                      viewBox="0 0 16.67 20"
-                      width="16.67"
-                      xmlns="http://www.w3.org/2000/svg"
+                    <div
+                      className="c25"
                     >
-                      <path
-                        d="M12.83,8v6h-9V8h9m0-1h-9a1,1,0,0,0-1,1v6a1,1,0,0,0,1,1h9a1,1,0,0,0,1-1V8a1,1,0,0,0-1-1Zm-7,5.5v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,5.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,7.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,9.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,11.83,12.5Zm3.73-8.06L12.22,1.11,11.11,0h-10A1.11,1.11,0,0,0,0,1.11V18.89A1.11,1.11,0,0,0,1.11,20H15.56a1.11,1.11,0,0,0,1.11-1.11V5.56ZM14.83,5h-3V2Zm-13,13V2h9V6h4V18Z"
-                        fill="rgb(73, 73, 73)"
-                      />
-                    </svg>
+                      <span
+                        className="c26"
+                      >
+                        <button
+                          className="c27 c28 c29 c30"
+                          data-ui-button="true"
+                          disabled={false}
+                          href=""
+                          icon={true}
+                          onClick={[Function]}
+                          type="button"
+                        >
+                          <div
+                            className="c31"
+                          >
+                            <svg
+                              height="14"
+                              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(73, 73, 73)"
+                              />
+                            </svg>
+                          </div>
+                          <span>
+                            Stop
+                          </span>
+                        </button>
+                        <button
+                          className="c32 c33 c28 c29 c30"
+                          data-ui-button="true"
+                          href=""
+                        >
+                          <div
+                            box={false}
+                            className=""
+                            onClick={[Function]}
+                            onMouseEnter={undefined}
+                            onMouseLeave={undefined}
+                            style={
+                              Object {
+                                "display": "inline-block",
+                              }
+                            }
+                            tag={false}
+                          >
+                            <div
+                              className="c34"
+                            >
+                              <svg
+                                height="6"
+                                style={
+                                  Object {
+                                    "transform": "rotate(0deg)",
+                                  }
+                                }
+                                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="rgb(73, 73, 73)"
+                                />
+                              </svg>
+                            </div>
+                          </div>
+                        </button>
+                      </span>
+                    </div>
                   </div>
-                </a>
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (max-width: 47.9375rem)"
-                >
-                  <a
-                    className="c23 c24 c25 c26 c27 c28"
-                    data-ui-button="true"
-                    href="http://localhost/images/~create/undefined"
-                    icon={true}
-                    rel="noopener noreferrer"
-                    target="__blank"
+                  <div
+                    className="c24"
                   >
-                    <div
-                      className="c30"
+                    <a
+                      className="c27 c28 c35 c36 c37"
+                      data-ui-button="true"
+                      href="http://localhost/images/~create/undefined"
+                      icon={true}
+                      rel="noopener noreferrer"
+                      target="__blank"
                     >
-                      <svg
-                        height="20"
-                        style={
-                          Object {
-                            "transform": "rotate(0deg)",
-                          }
-                        }
-                        viewBox="0 0 16.67 20"
-                        width="16.67"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M12.83,8v6h-9V8h9m0-1h-9a1,1,0,0,0-1,1v6a1,1,0,0,0,1,1h9a1,1,0,0,0,1-1V8a1,1,0,0,0-1-1Zm-7,5.5v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,5.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,7.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,9.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,11.83,12.5Zm3.73-8.06L12.22,1.11,11.11,0h-10A1.11,1.11,0,0,0,0,1.11V18.89A1.11,1.11,0,0,0,1.11,20H15.56a1.11,1.11,0,0,0,1.11-1.11V5.56ZM14.83,5h-3V2Zm-13,13V2h9V6h4V18Z"
-                          fill="rgb(73, 73, 73)"
-                        />
-                      </svg>
-                    </div>
-                  </a>
-                </span>
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (max-width: 47.9375rem)"
-                >
-                  <button
-                    className="c23 c31 c25 c32 c33"
-                    data-ui-button="true"
-                    disabled={true}
-                    href=""
-                    icon={true}
-                    onClick={[Function]}
-                    type="button"
-                  >
-                    <div
-                      className="c34"
-                    >
-                      <svg
-                        height="14"
-                        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>
-                    </div>
-                  </button>
-                </span>
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (min-width: 48rem)"
-                >
-                  <button
-                    className="c23 c35 c25 c32 c33"
-                    data-ui-button="true"
-                    disabled={true}
-                    href=""
-                    icon={true}
-                    onClick={[Function]}
-                    type="button"
-                  >
-                    <div
-                      className="c34"
-                    >
-                      <svg
-                        height="14"
-                        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>
-                    </div>
-                    <span>
-                      Start
-                    </span>
-                  </button>
-                </span>
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (max-width: 47.9375rem)"
-                >
-                  <button
-                    className="c23 c36 c25 c32 c33"
-                    data-ui-button="true"
-                    disabled={false}
-                    href=""
-                    icon={true}
-                    onClick={[Function]}
-                    type="button"
-                  >
-                    <div
-                      className="c34"
-                    >
-                      <svg
-                        height="14"
-                        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(73, 73, 73)"
-                        />
-                      </svg>
-                    </div>
-                  </button>
-                </span>
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (min-width: 48rem)"
-                >
-                  <button
-                    className="c23 c37 c25 c32 c33"
-                    data-ui-button="true"
-                    disabled={false}
-                    href=""
-                    icon={true}
-                    onClick={[Function]}
-                    type="button"
-                  >
-                    <div
-                      className="c34"
-                    >
-                      <svg
-                        height="14"
-                        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(73, 73, 73)"
-                        />
-                      </svg>
-                    </div>
-                    <span>
-                      Stop
-                    </span>
-                  </button>
-                </span>
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (max-width: 47.9375rem)"
-                >
-                  <button
-                    className="c23 c36 c25 c32 c33"
-                    data-ui-button="true"
-                    disabled={false}
-                    href=""
-                    icon={true}
-                    onClick={[Function]}
-                    type="button"
-                  >
-                    <div
-                      className="c34"
-                    >
-                      <svg
-                        height="21"
-                        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(73, 73, 73)"
-                              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>
-                    </div>
-                  </button>
-                </span>
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (min-width: 48rem)"
-                >
-                  <button
-                    className="c23 c37 c25 c32 c33"
-                    data-ui-button="true"
-                    disabled={false}
-                    href=""
-                    icon={true}
-                    onClick={[Function]}
-                    type="button"
-                  >
-                    <div
-                      className="c34"
-                    >
-                      <svg
-                        height="21"
-                        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(73, 73, 73)"
-                              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>
-                    </div>
-                    <span>
-                      Reboot
-                    </span>
-                  </button>
-                </span>
+                      Create Image
+                    </a>
+                  </div>
+                </div>
               </div>
               <div
                 className="c38"
@@ -10989,7 +8970,7 @@ exports[`renders <Summary state /> without throwing 1`] = `
                   query="only screen and (max-width: 47.9375rem)"
                 >
                   <button
-                    className="c23 c39 c25 c32 c33"
+                    className="c39 c28 c29 c30"
                     data-ui-button="true"
                     disabled={false}
                     href=""
@@ -10998,7 +8979,7 @@ exports[`renders <Summary state /> without throwing 1`] = `
                     type="button"
                   >
                     <div
-                      className="c34"
+                      className="c31"
                     >
                       <svg
                         height="16"
@@ -11024,7 +9005,7 @@ exports[`renders <Summary state /> without throwing 1`] = `
                   query="only screen and (min-width: 48rem)"
                 >
                   <button
-                    className="c23 c40 c25 c32 c33"
+                    className="c40 c28 c29 c30"
                     data-ui-button="true"
                     disabled={false}
                     href=""
@@ -11033,7 +9014,7 @@ exports[`renders <Summary state /> without throwing 1`] = `
                     type="button"
                   >
                     <div
-                      className="c34"
+                      className="c31"
                     >
                       <svg
                         height="16"
@@ -11053,7 +9034,7 @@ exports[`renders <Summary state /> without throwing 1`] = `
                       </svg>
                     </div>
                     <span>
-                      Remove
+                      Delete
                     </span>
                   </button>
                 </span>
@@ -11081,7 +9062,7 @@ exports[`renders <Summary state /> without throwing 1`] = `
                   className="c45"
                 >
                   <label
-                    className="c46 c15"
+                    className="c46 c16"
                     htmlFor=""
                   >
                     Short ID
@@ -11144,7 +9125,7 @@ exports[`renders <Summary state /> without throwing 1`] = `
                   className="c45"
                 >
                   <label
-                    className="c46 c15"
+                    className="c46 c16"
                     htmlFor=""
                   >
                     ID
@@ -11207,7 +9188,7 @@ exports[`renders <Summary state /> without throwing 1`] = `
                   className="c45"
                 >
                   <label
-                    className="c46 c15"
+                    className="c46 c16"
                     htmlFor=""
                   >
                     CN UUID
@@ -11270,7 +9251,7 @@ exports[`renders <Summary state /> without throwing 1`] = `
                   className="c45"
                 >
                   <label
-                    className="c46 c15"
+                    className="c46 c16"
                     htmlFor=""
                   >
                     Login
@@ -11366,7 +9347,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
   margin-left: -0.625rem;
 }
 
-.c21 {
+.c22 {
   box-sizing: border-box;
   display: -webkit-box;
   display: -webkit-flex;
@@ -11405,7 +9386,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
   display: block;
 }
 
-.c22 {
+.c23 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -11435,6 +9416,43 @@ exports[`renders <Summary state /> without throwing 2`] = `
   display: block;
 }
 
+.c10 {
+  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;
+}
+
+.c24 {
+  -webkit-order: 0;
+  -ms-flex-order: 0;
+  order: 0;
+  -webkit-flex-basis: auto;
+  -ms-flex-preferred-size: auto;
+  flex-basis: auto;
+  -webkit-box-flex: 0;
+  -webkit-flex-grow: 0;
+  -ms-flex-positive: 0;
+  flex-grow: 0;
+  -webkit-flex-shrink: 1;
+  -ms-flex-negative: 1;
+  flex-shrink: 1;
+  display: block;
+}
+
 .c7 {
   margin-bottom: 0.375rem;
 }
@@ -11448,15 +9466,19 @@ exports[`renders <Summary state /> without throwing 2`] = `
   margin-bottom: 0.375rem;
 }
 
-.c18 {
+.c19 {
   margin-top: 0.375rem;
 }
 
-.c20 {
+.c21 {
   margin-top: 1.125rem;
 }
 
-.c34 {
+.c25 {
+  margin-right: 0.375rem;
+}
+
+.c31 {
   margin-right: 0.75rem;
 }
 
@@ -11477,21 +9499,13 @@ exports[`renders <Summary state /> without throwing 2`] = `
   padding: 1.875rem;
 }
 
-.c29 {
-  padding-top: 0.1875rem;
-}
-
-.c30 {
-  padding-top: 0rem;
-}
-
-.c28 {
+.c37 {
   background-color: transparent;
   -webkit-text-decoration-skip: objects;
   text-decoration-skip: objects;
 }
 
-.c33 {
+.c30 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -11503,578 +9517,224 @@ exports[`renders <Summary state /> without throwing 2`] = `
   appearance: button;
 }
 
-.c33::-moz-focus-inner,
-.c33[type='button']::-moz-focus-inner,
-.c33[type='reset']::-moz-focus-inner,
-.c33[type='submit']::-moz-focus-inner {
+.c30::-moz-focus-inner,
+.c30[type='button']::-moz-focus-inner,
+.c30[type='reset']::-moz-focus-inner,
+.c30[type='submit']::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.c33:-moz-focusring,
-.c33[type='button']:-moz-focusring,
-.c33[type='reset']:-moz-focusring,
-.c33[type='submit']:-moz-focusring {
+.c30:-moz-focusring,
+.c30[type='button']:-moz-focusring,
+.c30[type='reset']:-moz-focusring,
+.c30[type='submit']:-moz-focusring {
   outline: 0.0625rem dotted ButtonText;
 }
 
-.c27 {
+.c36 {
   font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
 }
 
-.c26 {
+.c35 {
   color: rgb(59,70,204);
   -webkit-text-fill-color: currentcolor;
   color: rgb(255,255,255);
   -webkit-text-fill-color: currentcolor;
 }
 
-.c26:hover {
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.c32 {
-  min-width: 7.5rem;
-}
-
-.c25 {
-  display: inline-block;
-}
-
-.c24 {
-  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;
-  -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.625rem 1.125rem;
-  font-size: 0.8125rem;
-  min-width: 0rem;
-  min-height: 0rem;
-  height: auto;
-  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;
-  font-weight: 500;
-}
-
-.c24:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c24:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c24:active,
-.c24:active:hover,
-.c24:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c24[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c24:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c24:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c24:active,
-.c24:active:hover,
-.c24:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c36 {
-  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;
-  -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.625rem 1.125rem;
-  font-size: 0.8125rem;
-  min-width: 0rem;
-  min-height: 0rem;
-  height: auto;
-  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;
-}
-
-.c36:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c36:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c36:active,
-.c36:active:hover,
-.c36:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c36[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c36:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c36:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c36:active,
-.c36:active:hover,
-.c36:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c36:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-}
-
-.c36:hover {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c36:active,
-.c36:active:hover,
-.c36:active:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c37 {
-  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;
-  -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;
-  font-weight: 500;
-}
-
-.c37:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c37:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c37:active,
-.c37:active:hover,
-.c37:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c37[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c37:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c37:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c37:active,
-.c37:active:hover,
-.c37:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c37:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-}
-
-.c37:hover {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c37:active,
-.c37:active:hover,
-.c37:active:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c31 {
-  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;
-  -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.625rem 1.125rem;
-  font-size: 0.8125rem;
-  min-width: 0rem;
-  min-height: 0rem;
-  height: auto;
-  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;
-}
-
-.c31:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c31:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c31[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c31:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c31:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c35 {
-  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;
-  -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;
-  font-weight: 500;
-}
-
-.c35:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
 .c35:hover {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.c29 {
+  min-width: 7.5rem;
+}
+
+.c28 {
+  display: inline-block;
+}
+
+.c33 {
+  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;
+  -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);
+}
+
+.c33:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c33:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c35:active,
-.c35:active:hover,
-.c35:active:focus {
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c35[disabled] {
+.c33[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c35:focus {
+.c33:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c35:hover {
+.c33:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c35:active,
-.c35:active:hover,
-.c35:active:focus {
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c27 {
+  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;
+  -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;
+  font-weight: 500;
+}
+
+.c27:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c27:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c27[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c27:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c27:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
@@ -12323,7 +9983,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
   border-color: rgb(205,37,27);
 }
 
-.c17 {
+.c18 {
   width: 0.9375rem;
   height: 0.9375rem;
   border-radius: 50%;
@@ -12333,7 +9993,33 @@ exports[`renders <Summary state /> without throwing 2`] = `
   margin-left: 0rem;
 }
 
-.c15 {
+.c32 {
+  padding: 0;
+  min-width: 2.9375rem;
+  max-width: 2.9375rem;
+  width: 2.9375rem;
+}
+
+.c34 {
+  padding: 0.9375rem 1.125rem;
+}
+
+.c26 {
+  display: inline-block;
+}
+
+.c26 [data-ui-button='true']:not(:first-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-left: none;
+}
+
+.c26 [data-ui-button='true']:not(:last-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.c16 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-style: normal;
@@ -12581,7 +10267,11 @@ exports[`renders <Summary state /> without throwing 2`] = `
   cursor: pointer;
 }
 
-.c19 {
+.c15 {
+  font-weight: 200;
+}
+
+.c20 {
   opacity: 0.5;
   padding-right: 0.1875rem;
 }
@@ -12592,26 +10282,11 @@ exports[`renders <Summary state /> without throwing 2`] = `
   text-overflow: ellipsis;
 }
 
-.c10 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-}
-
 .c11 {
   cursor: pointer;
 }
 
-.c16 {
+.c17 {
   width: 0.0625rem;
   background: rgb(216,216,216);
   height: 1.5rem;
@@ -12629,10 +10304,6 @@ exports[`renders <Summary state /> without throwing 2`] = `
   margin: 0;
 }
 
-.c23 {
-  margin-right: 0.375rem;
-}
-
 @media only screen and (min-width:0em) {
   .c5 {
     -webkit-align-items: center;
@@ -12643,7 +10314,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c21 {
+  .c22 {
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
@@ -12688,7 +10359,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c22 {
+  .c23 {
     -webkit-flex-basis: 75%;
     -ms-flex-preferred-size: 75%;
     flex-basis: 75%;
@@ -12724,13 +10395,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
 }
 
 @media (max-width:47.9375rem) {
-  .c10 {
-    display: block;
-  }
-}
-
-@media (max-width:47.9375rem) {
-  .c16 {
+  .c17 {
     display: none;
   }
 }
@@ -12797,32 +10462,32 @@ exports[`renders <Summary state /> without throwing 2`] = `
               className="c10"
             >
               <label
-                className="c14 c15"
+                className="c14 c15 c16"
               >
                 Custom Image
               </label>
               <div
-                className="c16"
+                className="c17"
               />
               <label
-                className="c14 c15"
+                className="c14 c15 c16"
               >
                 Hardware virtual machine
               </label>
               <div
-                className="c16"
+                className="c17"
               />
               <label
-                className="c14 c15"
+                className="c14 c15 c16"
               />
               <div
-                className="c16"
+                className="c17"
               />
               <div
                 className="c10"
               >
                 <span
-                  className="c17"
+                  className="c18"
                   color="grey"
                   size="0.9375rem"
                 />
@@ -12830,7 +10495,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
               </div>
             </div>
             <div
-              className="c18"
+              className="c19"
             >
               <div
                 className="c10"
@@ -12839,12 +10504,12 @@ exports[`renders <Summary state /> without throwing 2`] = `
                   className="c10"
                 >
                   <label
-                    className="c19 c15"
+                    className="c20 c15 c16"
                   >
                     Created: 
                   </label>
                   <label
-                    className="c15"
+                    className="c15 c16"
                   >
                      
                     almost NaN years
@@ -12852,18 +10517,18 @@ exports[`renders <Summary state /> without throwing 2`] = `
                   </label>
                 </div>
                 <div
-                  className="c16"
+                  className="c17"
                 />
                 <div
                   className="c10"
                 >
                   <label
-                    className="c19 c15"
+                    className="c20 c15 c16"
                   >
                     Updated: 
                   </label>
                   <label
-                    className="c15"
+                    className="c15 c16"
                   >
                      
                     almost NaN years
@@ -12874,328 +10539,117 @@ exports[`renders <Summary state /> without throwing 2`] = `
             </div>
           </div>
           <div
-            className="c20"
+            className="c21"
           >
             <div
-              className="c21"
+              className="c22"
             >
               <div
-                className="c22"
+                className="c23"
               >
-                <a
-                  className="c23 c24 c25 c26 c27 c28"
-                  data-ui-button="true"
-                  href="http://localhost/images/~create/undefined"
-                  icon={true}
-                  rel="noopener noreferrer"
-                  target="__blank"
+                <div
+                  className="c10"
                 >
                   <div
-                    className="c29"
+                    className="c24"
                   >
-                    <svg
-                      height="20"
-                      style={
-                        Object {
-                          "transform": "rotate(0deg)",
-                        }
-                      }
-                      viewBox="0 0 16.67 20"
-                      width="16.67"
-                      xmlns="http://www.w3.org/2000/svg"
+                    <div
+                      className="c25"
                     >
-                      <path
-                        d="M12.83,8v6h-9V8h9m0-1h-9a1,1,0,0,0-1,1v6a1,1,0,0,0,1,1h9a1,1,0,0,0,1-1V8a1,1,0,0,0-1-1Zm-7,5.5v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,5.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,7.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,9.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,11.83,12.5Zm3.73-8.06L12.22,1.11,11.11,0h-10A1.11,1.11,0,0,0,0,1.11V18.89A1.11,1.11,0,0,0,1.11,20H15.56a1.11,1.11,0,0,0,1.11-1.11V5.56ZM14.83,5h-3V2Zm-13,13V2h9V6h4V18Z"
-                        fill="rgb(73, 73, 73)"
-                      />
-                    </svg>
+                      <span
+                        className="c26"
+                      >
+                        <button
+                          className="c27 c28 c29 c30"
+                          data-ui-button="true"
+                          disabled={false}
+                          href=""
+                          icon={true}
+                          onClick={[Function]}
+                          type="button"
+                        >
+                          <div
+                            className="c31"
+                          >
+                            <svg
+                              height="14"
+                              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(73, 73, 73)"
+                              />
+                            </svg>
+                          </div>
+                          <span>
+                            Start
+                          </span>
+                        </button>
+                        <button
+                          className="c32 c33 c28 c29 c30"
+                          data-ui-button="true"
+                          href=""
+                        >
+                          <div
+                            box={false}
+                            className=""
+                            onClick={[Function]}
+                            onMouseEnter={undefined}
+                            onMouseLeave={undefined}
+                            style={
+                              Object {
+                                "display": "inline-block",
+                              }
+                            }
+                            tag={false}
+                          >
+                            <div
+                              className="c34"
+                            >
+                              <svg
+                                height="6"
+                                style={
+                                  Object {
+                                    "transform": "rotate(0deg)",
+                                  }
+                                }
+                                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="rgb(73, 73, 73)"
+                                />
+                              </svg>
+                            </div>
+                          </div>
+                        </button>
+                      </span>
+                    </div>
                   </div>
-                </a>
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (max-width: 47.9375rem)"
-                >
-                  <a
-                    className="c23 c24 c25 c26 c27 c28"
-                    data-ui-button="true"
-                    href="http://localhost/images/~create/undefined"
-                    icon={true}
-                    rel="noopener noreferrer"
-                    target="__blank"
+                  <div
+                    className="c24"
                   >
-                    <div
-                      className="c30"
+                    <a
+                      className="c27 c28 c35 c36 c37"
+                      data-ui-button="true"
+                      href="http://localhost/images/~create/undefined"
+                      icon={true}
+                      rel="noopener noreferrer"
+                      target="__blank"
                     >
-                      <svg
-                        height="20"
-                        style={
-                          Object {
-                            "transform": "rotate(0deg)",
-                          }
-                        }
-                        viewBox="0 0 16.67 20"
-                        width="16.67"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M12.83,8v6h-9V8h9m0-1h-9a1,1,0,0,0-1,1v6a1,1,0,0,0,1,1h9a1,1,0,0,0,1-1V8a1,1,0,0,0-1-1Zm-7,5.5v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,5.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,7.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,9.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,11.83,12.5Zm3.73-8.06L12.22,1.11,11.11,0h-10A1.11,1.11,0,0,0,0,1.11V18.89A1.11,1.11,0,0,0,1.11,20H15.56a1.11,1.11,0,0,0,1.11-1.11V5.56ZM14.83,5h-3V2Zm-13,13V2h9V6h4V18Z"
-                          fill="rgb(73, 73, 73)"
-                        />
-                      </svg>
-                    </div>
-                  </a>
-                </span>
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (max-width: 47.9375rem)"
-                >
-                  <button
-                    className="c23 c31 c25 c32 c33"
-                    data-ui-button="true"
-                    disabled={false}
-                    href=""
-                    icon={true}
-                    onClick={[Function]}
-                    type="button"
-                  >
-                    <div
-                      className="c34"
-                    >
-                      <svg
-                        height="14"
-                        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(73, 73, 73)"
-                        />
-                      </svg>
-                    </div>
-                  </button>
-                </span>
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (min-width: 48rem)"
-                >
-                  <button
-                    className="c23 c35 c25 c32 c33"
-                    data-ui-button="true"
-                    disabled={false}
-                    href=""
-                    icon={true}
-                    onClick={[Function]}
-                    type="button"
-                  >
-                    <div
-                      className="c34"
-                    >
-                      <svg
-                        height="14"
-                        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(73, 73, 73)"
-                        />
-                      </svg>
-                    </div>
-                    <span>
-                      Start
-                    </span>
-                  </button>
-                </span>
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (max-width: 47.9375rem)"
-                >
-                  <button
-                    className="c23 c36 c25 c32 c33"
-                    data-ui-button="true"
-                    disabled={true}
-                    href=""
-                    icon={true}
-                    onClick={[Function]}
-                    type="button"
-                  >
-                    <div
-                      className="c34"
-                    >
-                      <svg
-                        height="14"
-                        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>
-                    </div>
-                  </button>
-                </span>
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (min-width: 48rem)"
-                >
-                  <button
-                    className="c23 c37 c25 c32 c33"
-                    data-ui-button="true"
-                    disabled={true}
-                    href=""
-                    icon={true}
-                    onClick={[Function]}
-                    type="button"
-                  >
-                    <div
-                      className="c34"
-                    >
-                      <svg
-                        height="14"
-                        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>
-                    </div>
-                    <span>
-                      Stop
-                    </span>
-                  </button>
-                </span>
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (max-width: 47.9375rem)"
-                >
-                  <button
-                    className="c23 c36 c25 c32 c33"
-                    data-ui-button="true"
-                    disabled={true}
-                    href=""
-                    icon={true}
-                    onClick={[Function]}
-                    type="button"
-                  >
-                    <div
-                      className="c34"
-                    >
-                      <svg
-                        height="21"
-                        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>
-                    </div>
-                  </button>
-                </span>
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (min-width: 48rem)"
-                >
-                  <button
-                    className="c23 c37 c25 c32 c33"
-                    data-ui-button="true"
-                    disabled={true}
-                    href=""
-                    icon={true}
-                    onClick={[Function]}
-                    type="button"
-                  >
-                    <div
-                      className="c34"
-                    >
-                      <svg
-                        height="21"
-                        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>
-                    </div>
-                    <span>
-                      Reboot
-                    </span>
-                  </button>
-                </span>
+                      Create Image
+                    </a>
+                  </div>
+                </div>
               </div>
               <div
                 className="c38"
@@ -13205,7 +10659,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
                   query="only screen and (max-width: 47.9375rem)"
                 >
                   <button
-                    className="c23 c39 c25 c32 c33"
+                    className="c39 c28 c29 c30"
                     data-ui-button="true"
                     disabled={false}
                     href=""
@@ -13214,7 +10668,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
                     type="button"
                   >
                     <div
-                      className="c34"
+                      className="c31"
                     >
                       <svg
                         height="16"
@@ -13240,7 +10694,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
                   query="only screen and (min-width: 48rem)"
                 >
                   <button
-                    className="c23 c40 c25 c32 c33"
+                    className="c40 c28 c29 c30"
                     data-ui-button="true"
                     disabled={false}
                     href=""
@@ -13249,7 +10703,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
                     type="button"
                   >
                     <div
-                      className="c34"
+                      className="c31"
                     >
                       <svg
                         height="16"
@@ -13269,7 +10723,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
                       </svg>
                     </div>
                     <span>
-                      Remove
+                      Delete
                     </span>
                   </button>
                 </span>
@@ -13297,7 +10751,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
                   className="c45"
                 >
                   <label
-                    className="c46 c15"
+                    className="c46 c16"
                     htmlFor=""
                   >
                     Short ID
@@ -13360,7 +10814,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
                   className="c45"
                 >
                   <label
-                    className="c46 c15"
+                    className="c46 c16"
                     htmlFor=""
                   >
                     ID
@@ -13423,7 +10877,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
                   className="c45"
                 >
                   <label
-                    className="c46 c15"
+                    className="c46 c16"
                     htmlFor=""
                   >
                     CN UUID
@@ -13486,7 +10940,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
                   className="c45"
                 >
                   <label
-                    className="c46 c15"
+                    className="c46 c16"
                     htmlFor=""
                   >
                     Login
@@ -13582,7 +11036,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
   margin-left: -0.625rem;
 }
 
-.c21 {
+.c22 {
   box-sizing: border-box;
   display: -webkit-box;
   display: -webkit-flex;
@@ -13621,7 +11075,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
   display: block;
 }
 
-.c22 {
+.c23 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -13631,7 +11085,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
   display: block;
 }
 
-.c36 {
+.c39 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -13641,7 +11095,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
   display: block;
 }
 
-.c42 {
+.c45 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -13651,6 +11105,43 @@ exports[`renders <Summary state /> without throwing 3`] = `
   display: block;
 }
 
+.c10 {
+  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;
+}
+
+.c24 {
+  -webkit-order: 0;
+  -ms-flex-order: 0;
+  order: 0;
+  -webkit-flex-basis: auto;
+  -ms-flex-preferred-size: auto;
+  flex-basis: auto;
+  -webkit-box-flex: 0;
+  -webkit-flex-grow: 0;
+  -ms-flex-positive: 0;
+  flex-grow: 0;
+  -webkit-flex-shrink: 1;
+  -ms-flex-negative: 1;
+  flex-shrink: 1;
+  display: block;
+}
+
 .c7 {
   margin-bottom: 0.375rem;
 }
@@ -13664,28 +11155,32 @@ exports[`renders <Summary state /> without throwing 3`] = `
   margin-bottom: 0.375rem;
 }
 
-.c18 {
+.c19 {
   margin-top: 0.375rem;
 }
 
-.c20 {
+.c21 {
   margin-top: 1.125rem;
 }
 
-.c34 {
+.c25 {
+  margin-right: 0.375rem;
+}
+
+.c31 {
   margin-right: 0.75rem;
 }
 
-.c39 {
+.c42 {
   margin-top: 1.125rem;
   margin-bottom: 1.875rem;
 }
 
-.c41 {
+.c44 {
   margin-bottom: 1.125rem;
 }
 
-.c43 {
+.c46 {
   margin-bottom: 0.1875rem;
 }
 
@@ -13693,21 +11188,13 @@ exports[`renders <Summary state /> without throwing 3`] = `
   padding: 1.875rem;
 }
 
-.c29 {
-  padding-top: 0.1875rem;
-}
-
-.c30 {
-  padding-top: 0rem;
-}
-
-.c28 {
+.c38 {
   background-color: transparent;
   -webkit-text-decoration-skip: objects;
   text-decoration-skip: objects;
 }
 
-.c33 {
+.c30 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -13719,147 +11206,46 @@ exports[`renders <Summary state /> without throwing 3`] = `
   appearance: button;
 }
 
-.c33::-moz-focus-inner,
-.c33[type='button']::-moz-focus-inner,
-.c33[type='reset']::-moz-focus-inner,
-.c33[type='submit']::-moz-focus-inner {
+.c30::-moz-focus-inner,
+.c30[type='button']::-moz-focus-inner,
+.c30[type='reset']::-moz-focus-inner,
+.c30[type='submit']::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.c33:-moz-focusring,
-.c33[type='button']:-moz-focusring,
-.c33[type='reset']:-moz-focusring,
-.c33[type='submit']:-moz-focusring {
+.c30:-moz-focusring,
+.c30[type='button']:-moz-focusring,
+.c30[type='reset']:-moz-focusring,
+.c30[type='submit']:-moz-focusring {
   outline: 0.0625rem dotted ButtonText;
 }
 
-.c27 {
+.c37 {
   font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
 }
 
-.c26 {
+.c36 {
   color: rgb(59,70,204);
   -webkit-text-fill-color: currentcolor;
   color: rgb(255,255,255);
   -webkit-text-fill-color: currentcolor;
 }
 
-.c26:hover {
+.c36:hover {
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.c32 {
+.c29 {
   min-width: 7.5rem;
 }
 
-.c25 {
+.c28 {
   display: inline-block;
 }
 
-.c24 {
-  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;
-  -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.625rem 1.125rem;
-  font-size: 0.8125rem;
-  min-width: 0rem;
-  min-height: 0rem;
-  height: auto;
-  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;
-  font-weight: 500;
-}
-
-.c24:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c24:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c24:active,
-.c24:active:hover,
-.c24:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c24[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c24:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c24:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c24:active,
-.c24:active:hover,
-.c24:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c31 {
+.c27 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -13905,11 +11291,6 @@ exports[`renders <Summary state /> without throwing 3`] = `
   color: rgb(216,216,216);
   background-color: rgb(250,250,250);
   border-color: rgb(216,216,216);
-  padding: 0.625rem 1.125rem;
-  font-size: 0.8125rem;
-  min-width: 0rem;
-  min-height: 0rem;
-  height: auto;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -13918,9 +11299,10 @@ exports[`renders <Summary state /> without throwing 3`] = `
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
+  font-weight: 500;
 }
 
-.c31:focus {
+.c27:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -13928,59 +11310,146 @@ exports[`renders <Summary state /> without throwing 3`] = `
   border-color: rgb(45,56,132);
 }
 
-.c31:hover {
+.c27:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c31[disabled] {
+.c27[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c31:focus {
+.c27:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c31:hover {
+.c27:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c31:focus {
+.c27:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(216,216,216);
 }
 
-.c31:hover {
+.c27:hover {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
+.c33 {
+  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;
+  -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);
+}
+
+.c33:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c33:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c33[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c33:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c33:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
 .c35 {
   box-sizing: border-box;
   display: inline-block;
@@ -14022,11 +11491,6 @@ exports[`renders <Summary state /> without throwing 3`] = `
   -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;
@@ -14082,24 +11546,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
   border-color: rgb(216,216,216);
 }
 
-.c35:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-}
-
-.c35:hover {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c35:active,
-.c35:active:hover,
-.c35:active:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c37 {
+.c40 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -14165,7 +11612,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
   float: right;
 }
 
-.c37:focus {
+.c40:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -14173,79 +11620,79 @@ exports[`renders <Summary state /> without throwing 3`] = `
   border-color: rgb(45,56,132);
 }
 
-.c37:hover {
+.c40:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c37:active,
-.c37:active:hover,
-.c37:active:focus {
+.c40:active,
+.c40:active:hover,
+.c40:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c37[disabled] {
+.c40[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c37:focus {
+.c40:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c37:hover {
+.c40:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c37:active,
-.c37:active:hover,
-.c37:active:focus {
+.c40:active,
+.c40:active:hover,
+.c40:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c37:focus {
+.c40:focus {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c37:hover {
+.c40:hover {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c37:active,
-.c37:active:hover,
-.c37:active:focus {
+.c40:active,
+.c40:active:hover,
+.c40:active:focus {
   background-color: rgba(210,67,58,0.1);
   border-color: rgb(205,37,27);
 }
 
-.c37:focus {
+.c40:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(216,216,216);
 }
 
-.c37:hover {
+.c40:hover {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c37:active,
-.c37:active:hover,
-.c37:active:focus {
+.c40:active,
+.c40:active:hover,
+.c40:active:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c38 {
+.c41 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -14307,7 +11754,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
   float: right;
 }
 
-.c38:focus {
+.c41:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -14315,79 +11762,79 @@ exports[`renders <Summary state /> without throwing 3`] = `
   border-color: rgb(45,56,132);
 }
 
-.c38:hover {
+.c41:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c38:active,
-.c38:active:hover,
-.c38:active:focus {
+.c41:active,
+.c41:active:hover,
+.c41:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c38[disabled] {
+.c41[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c38:focus {
+.c41:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c38:hover {
+.c41:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c38:active,
-.c38:active:hover,
-.c38:active:focus {
+.c41:active,
+.c41:active:hover,
+.c41:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c38:focus {
+.c41:focus {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c38:hover {
+.c41:hover {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c38:active,
-.c38:active:hover,
-.c38:active:focus {
+.c41:active,
+.c41:active:hover,
+.c41:active:focus {
   background-color: rgba(210,67,58,0.1);
   border-color: rgb(205,37,27);
 }
 
-.c38:focus {
+.c41:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(216,216,216);
 }
 
-.c38:hover {
+.c41:hover {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c38:active,
-.c38:active:hover,
-.c38:active:focus {
+.c41:active,
+.c41:active:hover,
+.c41:active:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c17 {
+.c18 {
   width: 0.9375rem;
   height: 0.9375rem;
   border-radius: 50%;
@@ -14397,7 +11844,33 @@ exports[`renders <Summary state /> without throwing 3`] = `
   margin-left: 0rem;
 }
 
-.c15 {
+.c32 {
+  padding: 0;
+  min-width: 2.9375rem;
+  max-width: 2.9375rem;
+  width: 2.9375rem;
+}
+
+.c34 {
+  padding: 0.9375rem 1.125rem;
+}
+
+.c26 {
+  display: inline-block;
+}
+
+.c26 [data-ui-button='true']:not(:first-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-left: none;
+}
+
+.c26 [data-ui-button='true']:not(:last-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.c16 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-style: normal;
@@ -14415,7 +11888,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
   font-size: 1.5rem;
 }
 
-.c40 {
+.c43 {
   height: 1px;
   background-color: rgb(216,216,216);
 }
@@ -14458,7 +11931,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
   background-color: transparent;
 }
 
-.c46 {
+.c49 {
   box-sizing: border-box;
   width: 18.75rem;
   height: 3rem;
@@ -14482,62 +11955,62 @@ exports[`renders <Summary state /> without throwing 3`] = `
   text-overflow: ellipsis;
 }
 
-.c46:focus {
+.c49:focus {
   border-color: rgb(59,70,204);
   outline: 0;
 }
 
-.c46::-webkit-input-placeholder {
+.c49::-webkit-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c46::-moz-placeholder {
+.c49::-moz-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c46:-ms-input-placeholder {
+.c49:-ms-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c46:invalid {
+.c49:invalid {
   box-shadow: none;
 }
 
-.c46:disabled {
+.c49:disabled {
   background-color: rgb(250,250,250);
   color: rgb(216,216,216);
   cursor: not-allowed;
 }
 
-.c46:disabled::-webkit-input-placeholder {
+.c49:disabled::-webkit-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c46:disabled::-moz-placeholder {
+.c49:disabled::-moz-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c46:disabled:-ms-input-placeholder {
+.c49:disabled:-ms-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c46:disabled {
+.c49:disabled {
   color: rgb(73,73,73);
 }
 
-.c46:disabled::-webkit-input-placeholder {
+.c49:disabled::-webkit-input-placeholder {
   color: rgb(73,73,73);
 }
 
-.c46:disabled::-moz-placeholder {
+.c49:disabled::-moz-placeholder {
   color: rgb(73,73,73);
 }
 
-.c46:disabled:-ms-input-placeholder {
+.c49:disabled:-ms-input-placeholder {
   color: rgb(73,73,73);
 }
 
-.c48 {
+.c51 {
   box-sizing: border-box;
   width: 18.75rem;
   height: 3rem;
@@ -14560,68 +12033,68 @@ exports[`renders <Summary state /> without throwing 3`] = `
   min-width: 100%;
 }
 
-.c48:focus {
+.c51:focus {
   border-color: rgb(59,70,204);
   outline: 0;
 }
 
-.c48::-webkit-input-placeholder {
+.c51::-webkit-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c48::-moz-placeholder {
+.c51::-moz-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c48:-ms-input-placeholder {
+.c51:-ms-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c48:invalid {
+.c51:invalid {
   box-shadow: none;
 }
 
-.c48:disabled {
+.c51:disabled {
   background-color: rgb(250,250,250);
   color: rgb(216,216,216);
   cursor: not-allowed;
 }
 
-.c48:disabled::-webkit-input-placeholder {
+.c51:disabled::-webkit-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c48:disabled::-moz-placeholder {
+.c51:disabled::-moz-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c48:disabled:-ms-input-placeholder {
+.c51:disabled:-ms-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c48:disabled {
+.c51:disabled {
   color: rgb(73,73,73);
 }
 
-.c48:disabled::-webkit-input-placeholder {
+.c51:disabled::-webkit-input-placeholder {
   color: rgb(73,73,73);
 }
 
-.c48:disabled::-moz-placeholder {
+.c51:disabled::-moz-placeholder {
   color: rgb(73,73,73);
 }
 
-.c48:disabled:-ms-input-placeholder {
+.c51:disabled:-ms-input-placeholder {
   color: rgb(73,73,73);
 }
 
-.c44 {
+.c47 {
   font-weight: 600;
   white-space: pre;
   font-size: 0.8125rem;
 }
 
-.c45 {
+.c48 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -14632,20 +12105,24 @@ exports[`renders <Summary state /> without throwing 3`] = `
   align-items: center;
 }
 
-.c45 input {
+.c48 input {
   padding-right: 1.875rem;
 }
 
-.c45 div {
+.c48 div {
   position: relative;
   left: -1.625rem;
 }
 
-.c47 {
+.c50 {
   cursor: pointer;
 }
 
-.c19 {
+.c15 {
+  font-weight: 200;
+}
+
+.c20 {
   opacity: 0.5;
   padding-right: 0.1875rem;
 }
@@ -14656,26 +12133,11 @@ exports[`renders <Summary state /> without throwing 3`] = `
   text-overflow: ellipsis;
 }
 
-.c10 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-}
-
 .c11 {
   cursor: pointer;
 }
 
-.c16 {
+.c17 {
   width: 0.0625rem;
   background: rgb(216,216,216);
   height: 1.5rem;
@@ -14693,10 +12155,6 @@ exports[`renders <Summary state /> without throwing 3`] = `
   margin: 0;
 }
 
-.c23 {
-  margin-right: 0.375rem;
-}
-
 @media only screen and (min-width:0em) {
   .c5 {
     -webkit-align-items: center;
@@ -14707,7 +12165,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c21 {
+  .c22 {
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
@@ -14752,7 +12210,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c22 {
+  .c23 {
     -webkit-flex-basis: 75%;
     -ms-flex-preferred-size: 75%;
     flex-basis: 75%;
@@ -14761,7 +12219,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c36 {
+  .c39 {
     -webkit-flex-basis: 25%;
     -ms-flex-preferred-size: 25%;
     flex-basis: 25%;
@@ -14770,7 +12228,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c42 {
+  .c45 {
     -webkit-flex-basis: 100%;
     -ms-flex-preferred-size: 100%;
     flex-basis: 100%;
@@ -14779,7 +12237,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
 }
 
 @media only screen and (min-width:64em) {
-  .c42 {
+  .c45 {
     -webkit-flex-basis: 58.333333333333336%;
     -ms-flex-preferred-size: 58.333333333333336%;
     flex-basis: 58.333333333333336%;
@@ -14788,13 +12246,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
 }
 
 @media (max-width:47.9375rem) {
-  .c10 {
-    display: block;
-  }
-}
-
-@media (max-width:47.9375rem) {
-  .c16 {
+  .c17 {
     display: none;
   }
 }
@@ -14861,32 +12313,32 @@ exports[`renders <Summary state /> without throwing 3`] = `
               className="c10"
             >
               <label
-                className="c14 c15"
+                className="c14 c15 c16"
               >
                 Custom Image
               </label>
               <div
-                className="c16"
+                className="c17"
               />
               <label
-                className="c14 c15"
+                className="c14 c15 c16"
               >
                 Hardware virtual machine
               </label>
               <div
-                className="c16"
+                className="c17"
               />
               <label
-                className="c14 c15"
+                className="c14 c15 c16"
               />
               <div
-                className="c16"
+                className="c17"
               />
               <div
                 className="c10"
               >
                 <span
-                  className="c17"
+                  className="c18"
                   color="primary"
                   size="0.9375rem"
                 />
@@ -14894,7 +12346,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
               </div>
             </div>
             <div
-              className="c18"
+              className="c19"
             >
               <div
                 className="c10"
@@ -14903,12 +12355,12 @@ exports[`renders <Summary state /> without throwing 3`] = `
                   className="c10"
                 >
                   <label
-                    className="c19 c15"
+                    className="c20 c15 c16"
                   >
                     Created: 
                   </label>
                   <label
-                    className="c15"
+                    className="c15 c16"
                   >
                      
                     almost NaN years
@@ -14916,18 +12368,18 @@ exports[`renders <Summary state /> without throwing 3`] = `
                   </label>
                 </div>
                 <div
-                  className="c16"
+                  className="c17"
                 />
                 <div
                   className="c10"
                 >
                   <label
-                    className="c19 c15"
+                    className="c20 c15 c16"
                   >
                     Updated: 
                   </label>
                   <label
-                    className="c15"
+                    className="c15 c16"
                   >
                      
                     almost NaN years
@@ -14938,338 +12390,127 @@ exports[`renders <Summary state /> without throwing 3`] = `
             </div>
           </div>
           <div
-            className="c20"
+            className="c21"
           >
             <div
-              className="c21"
+              className="c22"
             >
               <div
-                className="c22"
+                className="c23"
               >
-                <a
-                  className="c23 c24 c25 c26 c27 c28"
-                  data-ui-button="true"
-                  href="http://localhost/images/~create/undefined"
-                  icon={true}
-                  rel="noopener noreferrer"
-                  target="__blank"
+                <div
+                  className="c10"
                 >
                   <div
-                    className="c29"
+                    className="c24"
                   >
-                    <svg
-                      height="20"
-                      style={
-                        Object {
-                          "transform": "rotate(0deg)",
-                        }
-                      }
-                      viewBox="0 0 16.67 20"
-                      width="16.67"
-                      xmlns="http://www.w3.org/2000/svg"
+                    <div
+                      className="c25"
                     >
-                      <path
-                        d="M12.83,8v6h-9V8h9m0-1h-9a1,1,0,0,0-1,1v6a1,1,0,0,0,1,1h9a1,1,0,0,0,1-1V8a1,1,0,0,0-1-1Zm-7,5.5v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,5.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,7.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,9.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,11.83,12.5Zm3.73-8.06L12.22,1.11,11.11,0h-10A1.11,1.11,0,0,0,0,1.11V18.89A1.11,1.11,0,0,0,1.11,20H15.56a1.11,1.11,0,0,0,1.11-1.11V5.56ZM14.83,5h-3V2Zm-13,13V2h9V6h4V18Z"
-                        fill="rgb(73, 73, 73)"
-                      />
-                    </svg>
+                      <span
+                        className="c26"
+                      >
+                        <button
+                          className="c27 c28 c29 c30"
+                          data-ui-button="true"
+                          disabled={true}
+                          href=""
+                          icon={true}
+                          onClick={[Function]}
+                          type="button"
+                        >
+                          <div
+                            className="c31"
+                          >
+                            <svg
+                              height="14"
+                              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>
+                          </div>
+                          <span>
+                            Stop
+                          </span>
+                        </button>
+                        <button
+                          className="c32 c33 c28 c29 c30"
+                          data-ui-button="true"
+                          href=""
+                        >
+                          <div
+                            box={false}
+                            className=""
+                            onClick={[Function]}
+                            onMouseEnter={undefined}
+                            onMouseLeave={undefined}
+                            style={
+                              Object {
+                                "display": "inline-block",
+                              }
+                            }
+                            tag={false}
+                          >
+                            <div
+                              className="c34"
+                            >
+                              <svg
+                                height="6"
+                                style={
+                                  Object {
+                                    "transform": "rotate(0deg)",
+                                  }
+                                }
+                                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="rgb(73, 73, 73)"
+                                />
+                              </svg>
+                            </div>
+                          </div>
+                        </button>
+                      </span>
+                    </div>
                   </div>
-                </a>
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (max-width: 47.9375rem)"
-                >
-                  <a
-                    className="c23 c24 c25 c26 c27 c28"
-                    data-ui-button="true"
-                    href="http://localhost/images/~create/undefined"
-                    icon={true}
-                    rel="noopener noreferrer"
-                    target="__blank"
+                  <div
+                    className="c24"
                   >
-                    <div
-                      className="c30"
+                    <a
+                      className="c35 c28 c36 c37 c38"
+                      data-ui-button="true"
+                      href="http://localhost/images/~create/undefined"
+                      icon={true}
+                      rel="noopener noreferrer"
+                      target="__blank"
                     >
-                      <svg
-                        height="20"
-                        style={
-                          Object {
-                            "transform": "rotate(0deg)",
-                          }
-                        }
-                        viewBox="0 0 16.67 20"
-                        width="16.67"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M12.83,8v6h-9V8h9m0-1h-9a1,1,0,0,0-1,1v6a1,1,0,0,0,1,1h9a1,1,0,0,0,1-1V8a1,1,0,0,0-1-1Zm-7,5.5v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,5.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,7.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,9.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,11.83,12.5Zm3.73-8.06L12.22,1.11,11.11,0h-10A1.11,1.11,0,0,0,0,1.11V18.89A1.11,1.11,0,0,0,1.11,20H15.56a1.11,1.11,0,0,0,1.11-1.11V5.56ZM14.83,5h-3V2Zm-13,13V2h9V6h4V18Z"
-                          fill="rgb(73, 73, 73)"
-                        />
-                      </svg>
-                    </div>
-                  </a>
-                </span>
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (max-width: 47.9375rem)"
-                >
-                  <button
-                    className="c23 c31 c25 c32 c33"
-                    data-ui-button="true"
-                    disabled={true}
-                    href=""
-                    icon={true}
-                    onClick={[Function]}
-                    type="button"
-                  >
-                    <div
-                      className="c34"
-                    >
-                      <svg
-                        height="14"
-                        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>
-                    </div>
-                  </button>
-                </span>
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (min-width: 48rem)"
-                >
-                  <button
-                    className="c23 c35 c25 c32 c33"
-                    data-ui-button="true"
-                    disabled={true}
-                    href=""
-                    icon={true}
-                    onClick={[Function]}
-                    type="button"
-                  >
-                    <div
-                      className="c34"
-                    >
-                      <svg
-                        height="14"
-                        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>
-                    </div>
-                    <span>
-                      Start
-                    </span>
-                  </button>
-                </span>
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (max-width: 47.9375rem)"
-                >
-                  <button
-                    className="c23 c31 c25 c32 c33"
-                    data-ui-button="true"
-                    disabled={true}
-                    href=""
-                    icon={true}
-                    onClick={[Function]}
-                    type="button"
-                  >
-                    <div
-                      className="c34"
-                    >
-                      <svg
-                        height="14"
-                        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>
-                    </div>
-                  </button>
-                </span>
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (min-width: 48rem)"
-                >
-                  <button
-                    className="c23 c35 c25 c32 c33"
-                    data-ui-button="true"
-                    disabled={true}
-                    href=""
-                    icon={true}
-                    onClick={[Function]}
-                    type="button"
-                  >
-                    <div
-                      className="c34"
-                    >
-                      <svg
-                        height="14"
-                        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>
-                    </div>
-                    <span>
-                      Stop
-                    </span>
-                  </button>
-                </span>
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (max-width: 47.9375rem)"
-                >
-                  <button
-                    className="c23 c31 c25 c32 c33"
-                    data-ui-button="true"
-                    disabled={true}
-                    href=""
-                    icon={true}
-                    onClick={[Function]}
-                    type="button"
-                  >
-                    <div
-                      className="c34"
-                    >
-                      <svg
-                        height="21"
-                        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>
-                    </div>
-                  </button>
-                </span>
-                <span
-                  name="react-responsive-mock"
-                  query="only screen and (min-width: 48rem)"
-                >
-                  <button
-                    className="c23 c35 c25 c32 c33"
-                    data-ui-button="true"
-                    disabled={true}
-                    href=""
-                    icon={true}
-                    onClick={[Function]}
-                    type="button"
-                  >
-                    <div
-                      className="c34"
-                    >
-                      <svg
-                        height="21"
-                        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>
-                    </div>
-                    <span>
-                      Reboot
-                    </span>
-                  </button>
-                </span>
+                      Create Image
+                    </a>
+                  </div>
+                </div>
               </div>
               <div
-                className="c36"
+                className="c39"
               >
                 <span
                   name="react-responsive-mock"
                   query="only screen and (max-width: 47.9375rem)"
                 >
                   <button
-                    className="c23 c37 c25 c32 c33"
+                    className="c40 c28 c29 c30"
                     data-ui-button="true"
                     disabled={true}
                     href=""
@@ -15278,7 +12519,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
                     type="button"
                   >
                     <div
-                      className="c34"
+                      className="c31"
                     >
                       <svg
                         height="16"
@@ -15304,7 +12545,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
                   query="only screen and (min-width: 48rem)"
                 >
                   <button
-                    className="c23 c38 c25 c32 c33"
+                    className="c41 c28 c29 c30"
                     data-ui-button="true"
                     disabled={true}
                     href=""
@@ -15313,7 +12554,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
                     type="button"
                   >
                     <div
-                      className="c34"
+                      className="c31"
                     >
                       <svg
                         height="16"
@@ -15333,7 +12574,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
                       </svg>
                     </div>
                     <span>
-                      Remove
+                      Delete
                     </span>
                   </button>
                 </span>
@@ -15341,37 +12582,37 @@ exports[`renders <Summary state /> without throwing 3`] = `
             </div>
           </div>
           <div
-            className="c39"
+            className="c42"
           >
             <div
-              className="c40 c0"
+              className="c43 c0"
               height={1}
             />
           </div>
           <div
-            className="c41"
+            className="c44"
           >
             <div
               className="c0"
             >
               <div
-                className="c42"
+                className="c45"
               >
                 <div
-                  className="c43"
+                  className="c46"
                 >
                   <label
-                    className="c44 c15"
+                    className="c47 c16"
                     htmlFor=""
                   >
                     Short ID
                   </label>
                 </div>
                 <div
-                  className="c45"
+                  className="c48"
                 >
                   <input
-                    className="c46"
+                    className="c49"
                     disabled={false}
                     id=""
                     onBlur={null}
@@ -15388,7 +12629,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
                     }
                   >
                     <svg
-                      className="c47"
+                      className="c50"
                       height="19"
                       innerRef={undefined}
                       onClick={[Function]}
@@ -15412,29 +12653,29 @@ exports[`renders <Summary state /> without throwing 3`] = `
             </div>
           </div>
           <div
-            className="c41"
+            className="c44"
           >
             <div
               className="c0"
             >
               <div
-                className="c42"
+                className="c45"
               >
                 <div
-                  className="c43"
+                  className="c46"
                 >
                   <label
-                    className="c44 c15"
+                    className="c47 c16"
                     htmlFor=""
                   >
                     ID
                   </label>
                 </div>
                 <div
-                  className="c45"
+                  className="c48"
                 >
                   <input
-                    className="c46"
+                    className="c49"
                     disabled={false}
                     id=""
                     onBlur={null}
@@ -15451,7 +12692,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
                     }
                   >
                     <svg
-                      className="c47"
+                      className="c50"
                       height="19"
                       innerRef={undefined}
                       onClick={[Function]}
@@ -15475,29 +12716,29 @@ exports[`renders <Summary state /> without throwing 3`] = `
             </div>
           </div>
           <div
-            className="c41"
+            className="c44"
           >
             <div
               className="c0"
             >
               <div
-                className="c42"
+                className="c45"
               >
                 <div
-                  className="c43"
+                  className="c46"
                 >
                   <label
-                    className="c44 c15"
+                    className="c47 c16"
                     htmlFor=""
                   >
                     CN UUID
                   </label>
                 </div>
                 <div
-                  className="c45"
+                  className="c48"
                 >
                   <input
-                    className="c46"
+                    className="c49"
                     disabled={false}
                     id=""
                     onBlur={null}
@@ -15514,7 +12755,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
                     }
                   >
                     <svg
-                      className="c47"
+                      className="c50"
                       height="19"
                       innerRef={undefined}
                       onClick={[Function]}
@@ -15538,29 +12779,29 @@ exports[`renders <Summary state /> without throwing 3`] = `
             </div>
           </div>
           <div
-            className="c41"
+            className="c44"
           >
             <div
               className="c0"
             >
               <div
-                className="c42"
+                className="c45"
               >
                 <div
-                  className="c43"
+                  className="c46"
                 >
                   <label
-                    className="c44 c15"
+                    className="c47 c16"
                     htmlFor=""
                   >
                     Login
                   </label>
                 </div>
                 <div
-                  className="c45"
+                  className="c48"
                 >
                   <input
-                    className="c48"
+                    className="c51"
                     disabled={false}
                     id=""
                     onBlur={null}
@@ -15577,7 +12818,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
                     }
                   >
                     <svg
-                      className="c47"
+                      className="c50"
                       height="19"
                       innerRef={undefined}
                       onClick={[Function]}
diff --git a/consoles/my-joy-instances/src/components/instances/footer.js b/consoles/my-joy-instances/src/components/instances/footer.js
index 02248b82..62824014 100644
--- a/consoles/my-joy-instances/src/components/instances/footer.js
+++ b/consoles/my-joy-instances/src/components/instances/footer.js
@@ -1,6 +1,8 @@
 import React from 'react';
 import { Row, Col } from 'joyent-react-styled-flexboxgrid';
 import { withTheme } from 'styled-components';
+import { Margin } from 'styled-components-spacing';
+import Flex from 'styled-flex-component';
 
 import {
   Button,
@@ -25,93 +27,109 @@ export default withTheme(
     onRemove,
     theme = {}
   }) => (
-    <StickyFooter fixed bottom>
+    <StickyFooter fixed bottom fill="#FAFAFA">
       <Row between="xs" middle="xs">
         <Col xs={7}>
-          {onStart && [
-            <SmallOnly key="small-only">
-              <Button
-                type="button"
-                onClick={onStart}
-                disabled={submitting || !allowedActions.start}
-                loading={submitting && statuses.starting}
-                secondary
-                small
-                icon
-              >
-                <StartIcon disabled={submitting || !allowedActions.start} />
-              </Button>
-            </SmallOnly>,
-            <Medium key="medium">
-              <Button
-                type="button"
-                onClick={onStart}
-                disabled={submitting || !allowedActions.start}
-                loading={submitting && statuses.starting}
-                secondary
-                icon
-              >
-                <StartIcon disabled={submitting || !allowedActions.start} />
-                <span>Start</span>
-              </Button>
-            </Medium>
-          ]}
-          {onStop && [
-            <SmallOnly key="small-only">
-              <Button
-                type="button"
-                onClick={onStop}
-                disabled={submitting || !allowedActions.stop}
-                loading={submitting && statuses.stopping}
-                secondary
-                small
-                icon
-              >
-                <StopIcon disabled={submitting || !allowedActions.stop} />
-              </Button>
-            </SmallOnly>,
-            <Medium key="medium">
-              <Button
-                type="button"
-                onClick={onStop}
-                disabled={submitting || !allowedActions.stop}
-                loading={submitting && statuses.stopping}
-                secondary
-                icon
-              >
-                <StopIcon disabled={submitting || !allowedActions.stop} />
-                <span>Stop</span>
-              </Button>
-            </Medium>
-          ]}
-          {onReboot && [
-            <SmallOnly key="small-only">
-              <Button
-                type="button"
-                onClick={onReboot}
-                disabled={submitting || !allowedActions.reboot}
-                loading={submitting && statuses.rebooting}
-                secondary
-                small
-                icon
-              >
-                <ResetIcon disabled={submitting || !allowedActions.reboot} />
-              </Button>
-            </SmallOnly>,
-            <Medium key="medium">
-              <Button
-                type="button"
-                onClick={onReboot}
-                disabled={submitting || !allowedActions.reboot}
-                loading={submitting && statuses.rebooting}
-                secondary
-                icon
-              >
-                <ResetIcon disabled={submitting || !allowedActions.reboot} />
-                <span>Reboot</span>
-              </Button>
-            </Medium>
-          ]}
+          <Flex>
+            {onStart && [
+              <SmallOnly key="small-only">
+                <Button
+                  type="button"
+                  onClick={onStart}
+                  disabled={submitting || !allowedActions.start}
+                  loading={submitting && statuses.starting}
+                  secondary
+                  small
+                  icon
+                >
+                  <StartIcon disabled={submitting || !allowedActions.start} />
+                </Button>
+              </SmallOnly>,
+              <Margin right={1}>
+                <Medium key="medium">
+                  <Button
+                    type="button"
+                    onClick={onStart}
+                    disabled={submitting || !allowedActions.start}
+                    loading={submitting && statuses.starting}
+                    secondary
+                    icon
+                  >
+                    <Margin right={1}>
+                      <StartIcon
+                        disabled={submitting || !allowedActions.start}
+                      />
+                    </Margin>
+                    <span>Start</span>
+                  </Button>
+                </Medium>
+              </Margin>
+            ]}
+            {onStop && [
+              <SmallOnly key="small-only">
+                <Button
+                  type="button"
+                  onClick={onStop}
+                  disabled={submitting || !allowedActions.stop}
+                  loading={submitting && statuses.stopping}
+                  secondary
+                  small
+                  icon
+                >
+                  <StopIcon disabled={submitting || !allowedActions.stop} />
+                </Button>
+              </SmallOnly>,
+              <Margin right={1}>
+                <Medium key="medium">
+                  <Button
+                    type="button"
+                    onClick={onStop}
+                    disabled={submitting || !allowedActions.stop}
+                    loading={submitting && statuses.stopping}
+                    secondary
+                    icon
+                  >
+                    <Margin right={1}>
+                      <StopIcon disabled={submitting || !allowedActions.stop} />
+                    </Margin>
+                    <span>Stop</span>
+                  </Button>
+                </Medium>
+              </Margin>
+            ]}
+            {onReboot && [
+              <SmallOnly key="small-only">
+                <Button
+                  type="button"
+                  onClick={onReboot}
+                  disabled={submitting || !allowedActions.reboot}
+                  loading={submitting && statuses.rebooting}
+                  secondary
+                  small
+                  icon
+                >
+                  <ResetIcon disabled={submitting || !allowedActions.reboot} />
+                </Button>
+              </SmallOnly>,
+              <Margin right={1}>
+                <Medium key="medium">
+                  <Button
+                    type="button"
+                    onClick={onReboot}
+                    disabled={submitting || !allowedActions.reboot}
+                    loading={submitting && statuses.rebooting}
+                    secondary
+                    icon
+                  >
+                    <ResetIcon
+                      disabled={submitting || !allowedActions.reboot}
+                    />
+                    <span>Reboot</span>
+                  </Button>
+                </Medium>
+              </Margin>
+            ]}
+          </Flex>
         </Col>
         {onRemove && (
           <Col xs={5}>
@@ -148,14 +166,16 @@ export default withTheme(
                 right
                 icon
               >
-                <DeleteIcon
-                  disabled={submitting || !allowedActions.remove}
-                  fill={
-                    !(submitting || !allowedActions.remove)
-                      ? theme.red
-                      : undefined
-                  }
-                />
+                <Margin right={1}>
+                  <DeleteIcon
+                    disabled={submitting || !allowedActions.remove}
+                    fill={
+                      !(submitting || !allowedActions.remove)
+                        ? theme.red
+                        : undefined
+                    }
+                  />
+                </Margin>
                 <span>Remove</span>
               </Button>
             </Medium>
diff --git a/consoles/my-joy-instances/src/components/instances/list.js b/consoles/my-joy-instances/src/components/instances/list.js
index d9bf9b7f..76c497bf 100644
--- a/consoles/my-joy-instances/src/components/instances/list.js
+++ b/consoles/my-joy-instances/src/components/instances/list.js
@@ -7,6 +7,7 @@ import { Link } from 'react-router-dom';
 import { Field } from 'redux-form';
 import Flex from 'styled-flex-component';
 import queryString from 'query-string';
+import { Padding } from 'styled-components-spacing';
 
 import {
   Anchor,
@@ -24,8 +25,8 @@ import {
   Popover,
   PopoverContainer,
   PopoverTarget,
-  PopoverItem,
-  PopoverDivider,
+  PopoverItem as BasePopoverItem,
+  PopoverDivider as BasePopoverDivider,
   DotIcon,
   ActionsIcon
 } from 'joyent-ui-toolkit';
@@ -66,6 +67,14 @@ const Actions = styled(Flex)`
   height: ${remcalc(48)};
 `;
 
+const PopoverItem = styled(BasePopoverItem)`
+  padding-bottom: ${remcalc(11)};
+`;
+
+const PopoverDivider = styled(BasePopoverDivider)`
+  margin-left: ${remcalc(-18)};
+`;
+
 export const FetchingItem = () => (
   <TableTr colSpan="6">
     <TableTd colSpan="6" middle center>
@@ -131,9 +140,14 @@ export const Item = ({
               Stop
             </PopoverItem>
             <PopoverItem disabled={!allowedActions.reboot} onClick={onReboot}>
-              Reboot
+              Restart
             </PopoverItem>
-            <PopoverDivider />
+            <PopoverItem disabled={!allowedActions.remove} onClick={onRemove}>
+              Delete
+            </PopoverItem>
+            <Padding bottom={2}>
+              <PopoverDivider />
+            </Padding>
             <PopoverItem disabled={false} onClick={onCreateImage}>
               <ItemAnchor
                 href={`${GLOBAL.origin}/images/~create/${id}`}
@@ -143,10 +157,6 @@ export const Item = ({
                 Create Image
               </ItemAnchor>
             </PopoverItem>
-            <PopoverDivider />
-            <PopoverItem disabled={!allowedActions.remove} onClick={onRemove}>
-              Remove
-            </PopoverItem>
           </Popover>
         </TableTd>
       </PopoverContainer>
diff --git a/consoles/my-joy-instances/src/components/instances/summary.js b/consoles/my-joy-instances/src/components/instances/summary.js
index 50fc0a3b..437af25a 100644
--- a/consoles/my-joy-instances/src/components/instances/summary.js
+++ b/consoles/my-joy-instances/src/components/instances/summary.js
@@ -1,6 +1,7 @@
 import React from 'react';
 import distanceInWordsToNow from 'date-fns/distance_in_words_to_now';
 import { Row, Col } from 'joyent-react-styled-flexboxgrid';
+import { default as Flex, FlexItem } from 'styled-flex-component';
 import styled, { withTheme } from 'styled-components';
 import { Margin, Padding } from 'styled-components-spacing';
 import titleCase from 'title-case';
@@ -12,10 +13,12 @@ import {
   Card,
   CardOutlet,
   Divider,
-  ResetIcon,
-  Button as BaseButton,
+  Button,
+  ButtonGroup,
+  PopoverButton,
+  PopoverItem as BasePopoverItem,
   H2 as BaseH2,
-  Label,
+  Label as BaseLabel,
   CopiableField,
   QueryBreakpoints,
   DotIcon,
@@ -23,7 +26,6 @@ import {
   StartIcon,
   StopIcon,
   EditIcon,
-  InstanceTypeIcon,
   Input,
   FormMeta,
   FormGroup
@@ -42,6 +44,10 @@ const stateColor = {
   FAILED: 'red'
 };
 
+const Label = styled(BaseLabel)`
+  font-weight: 200;
+`;
+
 const GreyLabel = styled(Label)`
   opacity: 0.5;
   padding-right: ${remcalc(3)};
@@ -53,16 +59,6 @@ const TrimedLabel = styled(Label)`
   text-overflow: ellipsis;
 `;
 
-const Flex = styled.div`
-  align-items: center;
-  display: flex;
-  justify-content: flex-start;
-
-  @media (max-width: ${remcalc(767)}) {
-    display: block;
-  }
-`;
-
 const Actionable = styled(Margin)`
   cursor: pointer;
 `;
@@ -84,8 +80,8 @@ const H2 = styled(BaseH2)`
   margin: 0;
 `;
 
-const Button = styled(BaseButton)`
-  margin-right: ${remcalc(6)};
+const PopoverItem = styled(BasePopoverItem)`
+  padding-bottom: ${remcalc(11)};
 `;
 
 export const Meta = ({
@@ -107,7 +103,7 @@ export const Meta = ({
         <H2>
           {editingName ? (
             <form onSubmit={handleSubmit}>
-              <Flex style={{ alignItems: 'start' }}>
+              <Flex alignStart>
                 <FormGroup name="name" field={Field}>
                   <Input
                     onBlur={null}
@@ -200,127 +196,95 @@ export default withTheme(
               <Margin top={3}>
                 <Row between="xs">
                   <Col xs={9}>
-                    <Button
-                      href={`${GLOBAL.origin}/images/~create/${instance.id}`}
-                      target="__blank"
-                      rel="noopener noreferrer"
-                      secondary
-                      bold
-                      small
-                      icon
-                    >
-                      <Padding top={0.5}>
-                        <InstanceTypeIcon />
-                      </Padding>
-                    </Button>
-                    <SmallOnly>
-                      <Button
-                        href={`${GLOBAL.origin}/images/~create/${instance.id}`}
-                        target="__blank"
-                        rel="noopener noreferrer"
-                        secondary
-                        bold
-                        small
-                        icon
-                      >
-                        <Padding top={0}>
-                          <InstanceTypeIcon />
-                        </Padding>
-                      </Button>
-                    </SmallOnly>
-                    <SmallOnly>
-                      <Button
-                        type="button"
-                        loading={starting}
-                        disabled={instance.state !== 'STOPPED'}
-                        onClick={() => onAction('start')}
-                        secondary
-                        small
-                        icon
-                      >
-                        <Margin right={2}>
-                          <StartIcon disabled={instance.state !== 'STOPPED'} />
+                    <Flex>
+                      <FlexItem>
+                        <Margin right={1}>
+                          <ButtonGroup>
+                            {instance.state === 'STOPPED' ? (
+                              <Button
+                                type="button"
+                                loading={starting}
+                                disabled={instance.state !== 'STOPPED'}
+                                onClick={() => onAction('start')}
+                                secondary
+                                bold
+                                icon
+                              >
+                                <Margin right={2}>
+                                  <StartIcon
+                                    disabled={instance.state !== 'STOPPED'}
+                                  />
+                                </Margin>
+                                <span>Start</span>
+                              </Button>
+                            ) : (
+                              <Button
+                                type="button"
+                                loading={stopping}
+                                disabled={instance.state !== 'RUNNING'}
+                                onClick={() => onAction('stop')}
+                                secondary
+                                bold
+                                icon
+                              >
+                                <Margin right={2}>
+                                  <StopIcon
+                                    disabled={instance.state !== 'RUNNING'}
+                                  />
+                                </Margin>
+                                <span>Stop</span>
+                              </Button>
+                            )}
+                            <PopoverButton secondary>
+                              <PopoverItem
+                                disabled={instance.state === 'RUNNING'}
+                                onClick={() =>
+                                  instance.state === 'RUNNING'
+                                    ? null
+                                    : onAction('start')
+                                }
+                              >
+                                Start
+                              </PopoverItem>
+                              <PopoverItem
+                                disabled={instance.state === 'STOPPED'}
+                                onClick={() =>
+                                  instance.state === 'STOPPED'
+                                    ? null
+                                    : onAction('reboot')
+                                }
+                              >
+                                Restart
+                              </PopoverItem>
+                              <PopoverItem
+                                disabled={instance.state === 'STOPPED'}
+                                onClick={() =>
+                                  instance.state === 'STOPPED'
+                                    ? null
+                                    : onAction('stop')
+                                }
+                              >
+                                Stop
+                              </PopoverItem>
+                            </PopoverButton>
+                          </ButtonGroup>
                         </Margin>
-                      </Button>
-                    </SmallOnly>
-                    <Medium>
-                      <Button
-                        type="button"
-                        loading={starting}
-                        disabled={instance.state !== 'STOPPED'}
-                        onClick={() => onAction('start')}
-                        secondary
-                        bold
-                        icon
-                      >
-                        <Margin right={2}>
-                          <StartIcon disabled={instance.state !== 'STOPPED'} />
-                        </Margin>
-                        <span>Start</span>
-                      </Button>
-                    </Medium>
-                    <SmallOnly>
-                      <Button
-                        type="button"
-                        loading={stopping}
-                        disabled={instance.state !== 'RUNNING'}
-                        onClick={() => onAction('stop')}
-                        secondary
-                        small
-                        icon
-                      >
-                        <Margin right={2}>
-                          <StopIcon disabled={instance.state !== 'RUNNING'} />
-                        </Margin>
-                      </Button>
-                    </SmallOnly>
-                    <Medium>
-                      <Button
-                        type="button"
-                        loading={stopping}
-                        disabled={instance.state !== 'RUNNING'}
-                        onClick={() => onAction('stop')}
-                        secondary
-                        bold
-                        icon
-                      >
-                        <Margin right={2}>
-                          <StopIcon disabled={instance.state !== 'RUNNING'} />
-                        </Margin>
-                        <span>Stop</span>
-                      </Button>
-                    </Medium>
-                    <SmallOnly>
-                      <Button
-                        type="button"
-                        loading={rebooting}
-                        disabled={instance.state !== 'RUNNING'}
-                        onClick={() => onAction('reboot')}
-                        secondary
-                        small
-                        icon
-                      >
-                        <Margin right={2}>
-                          <ResetIcon disabled={instance.state !== 'RUNNING'} />
-                        </Margin>
-                      </Button>
-                    </SmallOnly>
-                    <Medium>
-                      <Button
-                        type="button"
-                        loading={rebooting}
-                        disabled={instance.state !== 'RUNNING'}
-                        onClick={() => onAction('reboot')}
-                        secondary
-                        bold
-                        icon
-                      >
-                        <Margin right={2}>
-                          <ResetIcon disabled={instance.state !== 'RUNNING'} />
-                        </Margin>
-                        <span>Reboot</span>
-                      </Button>
-                    </Medium>
+                      </FlexItem>
+                      <FlexItem>
+                        <Button
+                          href={`${GLOBAL.origin}/images/~create/${
+                            instance.id
+                          }`}
+                          target="__blank"
+                          rel="noopener noreferrer"
+                          secondary
+                          bold
+                          icon
+                        >
+                          Create Image
+                        </Button>
+                      </FlexItem>
+                    </Flex>
                   </Col>
                   <Col xs={3}>
                     <SmallOnly>
@@ -374,7 +338,7 @@ export default withTheme(
                             }
                           />
                         </Margin>
-                        <span>Remove</span>
+                        <span>Delete</span>
                       </Button>
                     </Medium>
                   </Col>
diff --git a/consoles/my-joy-instances/src/containers/instances/__tests__/__snapshots__/firewall.spec.js.snap b/consoles/my-joy-instances/src/containers/instances/__tests__/__snapshots__/firewall.spec.js.snap
index f3d01ba1..ca712401 100644
--- a/consoles/my-joy-instances/src/containers/instances/__tests__/__snapshots__/firewall.spec.js.snap
+++ b/consoles/my-joy-instances/src/containers/instances/__tests__/__snapshots__/firewall.spec.js.snap
@@ -6,28 +6,96 @@ Array [
   margin-bottom: 1.125rem;
 }
 
-.c7 {
-  margin-bottom: 1.875rem;
+.c9 {
+  margin-right: 1.875rem;
 }
 
-.c18 {
+.c20 {
   margin-right: 0.75rem;
   margin-left: 0.75rem;
 }
 
-.c20 {
+.c21 {
   margin-top: 1.875rem;
 }
 
-.c25 {
+.c26 {
   margin-bottom: 0.75rem;
 }
 
-.c23 {
+.c24 {
   padding: 8rem;
 }
 
-.c13 {
+.c7 {
+  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;
+}
+
+.c25 {
+  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-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -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;
+}
+
+.c8 {
+  -webkit-order: 0;
+  -ms-flex-order: 0;
+  order: 0;
+  -webkit-flex-basis: auto;
+  -ms-flex-preferred-size: auto;
+  flex-basis: auto;
+  -webkit-box-flex: 0;
+  -webkit-flex-grow: 0;
+  -ms-flex-positive: 0;
+  flex-grow: 0;
+  -webkit-flex-shrink: 1;
+  -ms-flex-negative: 1;
+  flex-shrink: 1;
+  display: block;
+}
+
+.c15 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -35,32 +103,32 @@ Array [
   overflow: visible;
 }
 
-.c13[type='checkbox'],
-.c13[type='radio'] {
+.c15[type='checkbox'],
+.c15[type='radio'] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.c13[type='number']::-webkit-inner-spin-button,
-.c13[type='number']::-webkit-outer-spin-button {
+.c15[type='number']::-webkit-inner-spin-button,
+.c15[type='number']::-webkit-outer-spin-button {
   height: auto;
 }
 
-.c13[type='search'] {
+.c15[type='search'] {
   -webkit-appearance: textfield;
   -moz-appearance: textfield;
   appearance: textfield;
   outline-offset: -0.125rem;
 }
 
-.c13[type='search']::-webkit-search-cancel-button,
-.c13[type='search']::-webkit-search-decoration {
+.c15[type='search']::-webkit-search-cancel-button,
+.c15[type='search']::-webkit-search-decoration {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
 }
 
-.c13::-webkit-file-upload-button {
+.c15::-webkit-file-upload-button {
   -webkit-appearance: button;
   -moz-appearance: button;
   appearance: button;
@@ -74,7 +142,7 @@ Array [
   font-size: 0.9375rem;
 }
 
-.c17 {
+.c19 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-style: normal;
@@ -125,7 +193,7 @@ Array [
   padding-bottom: 1.125rem;
 }
 
-.c27 {
+.c28 {
   margin: 0;
   color: rgb(73,73,73);
   font-weight: normal;
@@ -133,43 +201,7 @@ Array [
   font-size: 1.3125rem;
 }
 
-.c19 {
-  height: 1px;
-  background-color: rgb(216,216,216);
-}
-
-.c24 {
-  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-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -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;
-}
-
-.c22 {
+.c23 {
   box-sizing: content-box;
   display: -webkit-box;
   display: -webkit-flex;
@@ -191,33 +223,33 @@ Array [
   border-color: rgb(216,216,216);
 }
 
-.c12 {
+.c14 {
   font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   display: none;
 }
 
-.c12:checked + label::after {
+.c14:checked + label::after {
   opacity: 1;
 }
 
-.c12:selected + label::after {
+.c14:selected + label::after {
   opacity: 1;
 }
 
-.c12:checked + label {
+.c14:checked + label {
   border-color: rgb(59,70,204);
 }
 
-.c12:selected + label {
+.c14:selected + label {
   border-color: rgb(59,70,204);
 }
 
-.c12:disabled + label {
+.c14:disabled + label {
   background-color: rgb(249,249,249);
   cursor: not-allowed;
 }
 
-.c14 {
+.c16 {
   color: rgb(100,100,100);
   position: absolute;
   width: 1.125rem;
@@ -235,7 +267,7 @@ Array [
   height: 1.125rem;
 }
 
-.c14::after {
+.c16::after {
   opacity: 0;
   content: '';
   position: absolute;
@@ -252,7 +284,7 @@ Array [
   transform: rotate(-45deg);
 }
 
-.c11 {
+.c13 {
   display: inline-block;
   vertical-align: text-bottom;
   width: 1.125rem;
@@ -261,12 +293,12 @@ Array [
   cursor: pointer;
 }
 
-.c15 label {
+.c17 label {
   font-weight: normal;
   font-size: 0.9375rem;
 }
 
-.c10 {
+.c12 {
   list-style-type: none;
   display: -webkit-box;
   display: -webkit-flex;
@@ -290,25 +322,25 @@ Array [
   height: 1.5rem;
 }
 
-.c10 label {
+.c12 label {
   font-weight: 400;
 }
 
-.c10 label::after {
+.c12 label::after {
   width: 0.475rem;
   height: 0.205rem;
   top: 0.4125rem;
   left: 0.35rem;
 }
 
-.c10 div[type='checkbox'],
-.c10 div[type='checkbox'] input,
-.c10 div[type='checkbox'] label {
+.c12 div[type='checkbox'],
+.c12 div[type='checkbox'] input,
+.c12 div[type='checkbox'] label {
   height: 1.5rem;
   width: 1.5rem;
 }
 
-.c9 {
+.c11 {
   display: inline-block;
   padding: 0;
   border: none;
@@ -320,23 +352,23 @@ Array [
   -webkit-padding-after: 0;
 }
 
-.c16 {
+.c18 {
   font-weight: 600;
   white-space: pre;
   font-size: 0.8125rem;
   cursor: pointer;
 }
 
-.c26 {
+.c27 {
   color: rgb(151,151,151);
   text-align: center;
 }
 
-.c21 {
+.c22 {
   width: calc(100% - 0.125rem);
 }
 
-.c8 {
+.c10 {
   margin-bottom: 0 !important;
 }
 
@@ -418,84 +450,91 @@ Array [
     <div
         className="c7"
     >
-        <form
+        <div
             className="c8"
-            onChange={[Function]}
         >
             <div
                 className="c9"
-                id="fw-toggle-firewall"
-                name="enabled"
-                role="group"
-                style={undefined}
-                type="checkbox"
             >
-                <li
+                <form
                     className="c10"
+                    onChange={[Function]}
                 >
                     <div
-                        checked={false}
                         className="c11"
-                        disabled={false}
                         id="fw-toggle-firewall"
-                        onBlur={undefined}
+                        name="enabled"
+                        role="group"
+                        style={undefined}
                         type="checkbox"
                     >
-                        <input
-                            checked={false}
-                            className="c12 c13"
-                            disabled={false}
-                            id="l"
-                            onBlur={undefined}
-                            type="checkbox"
-                        />
-                        <label
-                            className="c14"
-                            htmlFor="l"
-                        />
-                    </div>
-                    <div
-                        checked={false}
-                        className="c15"
-                        disabled={false}
-                        id="fw-toggle-firewall"
-                        onBlur={undefined}
-                    >
-                        <label
-                            className="c16 c17"
-                            htmlFor="l"
+                        <li
+                            className="c12"
                         >
                             <div
-                                className="c18"
+                                checked={false}
+                                className="c13"
+                                disabled={false}
+                                id="fw-toggle-firewall"
+                                onBlur={undefined}
+                                type="checkbox"
                             >
-                                Enable Firewall
+                                <input
+                                    checked={false}
+                                    className="c14 c15"
+                                    disabled={false}
+                                    id="l"
+                                    onBlur={undefined}
+                                    type="checkbox"
+                                />
+                                <label
+                                    className="c16"
+                                    htmlFor="l"
+                                />
                             </div>
-                        </label>
+                            <div
+                                checked={false}
+                                className="c17"
+                                disabled={false}
+                                id="fw-toggle-firewall"
+                                onBlur={undefined}
+                            >
+                                <label
+                                    className="c18 c19"
+                                    htmlFor="l"
+                                >
+                                    <div
+                                        className="c20"
+                                    >
+                                        Enable Firewall
+                                    </div>
+                                </label>
+                            </div>
+                        </li>
                     </div>
-                </li>
+                </form>
             </div>
-        </form>
+        </div>
+        <div
+            className="c8"
+        />
     </div>
     <div
-        className="c19 c3"
-        height="0.0625rem"
-    />
-    <div
-        className="c20"
+        className="c21"
     >
         <div
-            className="c21 c22"
+            className="c22 c23"
             disabled={false}
             name="card"
         >
             <div
-                className="c23"
+                className="c24"
             >
                 <div
-                    className="c24"
+                    className="c25"
                 >
                     <div
-                        className="c25"
+                        className="c26"
                     >
                         <svg
                             height={109}
@@ -784,7 +823,7 @@ Array [
                         </svg>
                     </div>
                     <h3
-                        className="c26 c27"
+                        className="c27 c28"
                     >
                         Sorry, but we weren’t able to find any firewall rules.
                     </h3>
@@ -797,11 +836,11 @@ Array [
   margin-bottom: 1.125rem;
 }
 
-.c7 {
-  margin-bottom: 1.875rem;
+.c9 {
+  margin-right: 1.875rem;
 }
 
-.c18 {
+.c20 {
   margin-right: 0.75rem;
   margin-left: 0.75rem;
 }
@@ -814,15 +853,79 @@ Array [
   margin-bottom: 0.75rem;
 }
 
-.c20 {
-  margin-top: 1.5rem;
-}
-
 .c24 {
   padding: 8rem;
 }
 
-.c13 {
+.c7 {
+  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;
+}
+
+.c25 {
+  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-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -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;
+}
+
+.c8 {
+  -webkit-order: 0;
+  -ms-flex-order: 0;
+  order: 0;
+  -webkit-flex-basis: auto;
+  -ms-flex-preferred-size: auto;
+  flex-basis: auto;
+  -webkit-box-flex: 0;
+  -webkit-flex-grow: 0;
+  -ms-flex-positive: 0;
+  flex-grow: 0;
+  -webkit-flex-shrink: 1;
+  -ms-flex-negative: 1;
+  flex-shrink: 1;
+  display: block;
+}
+
+.c15 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -830,32 +933,32 @@ Array [
   overflow: visible;
 }
 
-.c13[type='checkbox'],
-.c13[type='radio'] {
+.c15[type='checkbox'],
+.c15[type='radio'] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.c13[type='number']::-webkit-inner-spin-button,
-.c13[type='number']::-webkit-outer-spin-button {
+.c15[type='number']::-webkit-inner-spin-button,
+.c15[type='number']::-webkit-outer-spin-button {
   height: auto;
 }
 
-.c13[type='search'] {
+.c15[type='search'] {
   -webkit-appearance: textfield;
   -moz-appearance: textfield;
   appearance: textfield;
   outline-offset: -0.125rem;
 }
 
-.c13[type='search']::-webkit-search-cancel-button,
-.c13[type='search']::-webkit-search-decoration {
+.c15[type='search']::-webkit-search-cancel-button,
+.c15[type='search']::-webkit-search-decoration {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
 }
 
-.c13::-webkit-file-upload-button {
+.c15::-webkit-file-upload-button {
   -webkit-appearance: button;
   -moz-appearance: button;
   appearance: button;
@@ -869,7 +972,7 @@ Array [
   font-size: 0.9375rem;
 }
 
-.c17 {
+.c19 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-style: normal;
@@ -928,42 +1031,6 @@ Array [
   font-size: 1.3125rem;
 }
 
-.c19 {
-  height: 1px;
-  background-color: rgb(216,216,216);
-}
-
-.c25 {
-  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-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -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;
-}
-
 .c23 {
   box-sizing: content-box;
   display: -webkit-box;
@@ -986,33 +1053,33 @@ Array [
   border-color: rgb(216,216,216);
 }
 
-.c12 {
+.c14 {
   font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   display: none;
 }
 
-.c12:checked + label::after {
+.c14:checked + label::after {
   opacity: 1;
 }
 
-.c12:selected + label::after {
+.c14:selected + label::after {
   opacity: 1;
 }
 
-.c12:checked + label {
+.c14:checked + label {
   border-color: rgb(59,70,204);
 }
 
-.c12:selected + label {
+.c14:selected + label {
   border-color: rgb(59,70,204);
 }
 
-.c12:disabled + label {
+.c14:disabled + label {
   background-color: rgb(249,249,249);
   cursor: not-allowed;
 }
 
-.c14 {
+.c16 {
   color: rgb(100,100,100);
   position: absolute;
   width: 1.125rem;
@@ -1030,7 +1097,7 @@ Array [
   height: 1.125rem;
 }
 
-.c14::after {
+.c16::after {
   opacity: 0;
   content: '';
   position: absolute;
@@ -1047,7 +1114,7 @@ Array [
   transform: rotate(-45deg);
 }
 
-.c11 {
+.c13 {
   display: inline-block;
   vertical-align: text-bottom;
   width: 1.125rem;
@@ -1056,12 +1123,12 @@ Array [
   cursor: pointer;
 }
 
-.c15 label {
+.c17 label {
   font-weight: normal;
   font-size: 0.9375rem;
 }
 
-.c10 {
+.c12 {
   list-style-type: none;
   display: -webkit-box;
   display: -webkit-flex;
@@ -1085,25 +1152,25 @@ Array [
   height: 1.5rem;
 }
 
-.c10 label {
+.c12 label {
   font-weight: 400;
 }
 
-.c10 label::after {
+.c12 label::after {
   width: 0.475rem;
   height: 0.205rem;
   top: 0.4125rem;
   left: 0.35rem;
 }
 
-.c10 div[type='checkbox'],
-.c10 div[type='checkbox'] input,
-.c10 div[type='checkbox'] label {
+.c12 div[type='checkbox'],
+.c12 div[type='checkbox'] input,
+.c12 div[type='checkbox'] label {
   height: 1.5rem;
   width: 1.5rem;
 }
 
-.c9 {
+.c11 {
   display: inline-block;
   padding: 0;
   border: none;
@@ -1115,7 +1182,7 @@ Array [
   -webkit-padding-after: 0;
 }
 
-.c16 {
+.c18 {
   font-weight: 600;
   white-space: pre;
   font-size: 0.8125rem;
@@ -1131,7 +1198,7 @@ Array [
   width: calc(100% - 0.125rem);
 }
 
-.c8 {
+.c10 {
   margin-bottom: 0 !important;
 }
 
@@ -1213,127 +1280,131 @@ Array [
     <div
         className="c7"
     >
-        <form
-            className="c8"
-            onChange={[Function]}
-        >
-            <div
-                className="c9"
-                id="fw-toggle-firewall"
-                name="enabled"
-                role="group"
-                style={undefined}
-                type="checkbox"
-            >
-                <li
-                    className="c10"
-                >
-                    <div
-                        checked={false}
-                        className="c11"
-                        disabled={false}
-                        id="fw-toggle-firewall"
-                        onBlur={undefined}
-                        type="checkbox"
-                    >
-                        <input
-                            checked={false}
-                            className="c12 c13"
-                            disabled={false}
-                            id="n"
-                            onBlur={undefined}
-                            type="checkbox"
-                        />
-                        <label
-                            className="c14"
-                            htmlFor="n"
-                        />
-                    </div>
-                    <div
-                        checked={false}
-                        className="c15"
-                        disabled={false}
-                        id="fw-toggle-firewall"
-                        onBlur={undefined}
-                    >
-                        <label
-                            className="c16 c17"
-                            htmlFor="n"
-                        >
-                            <div
-                                className="c18"
-                            >
-                                Enable Firewall
-                            </div>
-                        </label>
-                    </div>
-                </li>
-            </div>
-        </form>
-    </div>
-    <div
-        className="c19 c3"
-        height="0.0625rem"
-    />
-    <div
-        className="c20"
-    >
-        <form
+        <div
             className="c8"
         >
             <div
                 className="c9"
-                id="fw-toggle-inactive"
-                name="inactive"
-                role="group"
-                style={undefined}
-                type="checkbox"
             >
-                <li
+                <form
                     className="c10"
+                    onChange={[Function]}
                 >
                     <div
-                        checked={false}
                         className="c11"
-                        disabled={false}
-                        id="fw-toggle-inactive"
-                        onBlur={undefined}
+                        id="fw-toggle-firewall"
+                        name="enabled"
+                        role="group"
+                        style={undefined}
                         type="checkbox"
                     >
-                        <input
-                            checked={false}
-                            className="c12 c13"
-                            disabled={false}
-                            id="p"
-                            onBlur={undefined}
-                            type="checkbox"
-                        />
-                        <label
-                            className="c14"
-                            htmlFor="p"
-                        />
-                    </div>
-                    <div
-                        checked={false}
-                        className="c15"
-                        disabled={false}
-                        id="fw-toggle-inactive"
-                        onBlur={undefined}
-                    >
-                        <label
-                            className="c16 c17"
-                            htmlFor="p"
+                        <li
+                            className="c12"
                         >
                             <div
-                                className="c18"
+                                checked={false}
+                                className="c13"
+                                disabled={false}
+                                id="fw-toggle-firewall"
+                                onBlur={undefined}
+                                type="checkbox"
                             >
-                                Show inactive rules
+                                <input
+                                    checked={false}
+                                    className="c14 c15"
+                                    disabled={false}
+                                    id="n"
+                                    onBlur={undefined}
+                                    type="checkbox"
+                                />
+                                <label
+                                    className="c16"
+                                    htmlFor="n"
+                                />
                             </div>
-                        </label>
+                            <div
+                                checked={false}
+                                className="c17"
+                                disabled={false}
+                                id="fw-toggle-firewall"
+                                onBlur={undefined}
+                            >
+                                <label
+                                    className="c18 c19"
+                                    htmlFor="n"
+                                >
+                                    <div
+                                        className="c20"
+                                    >
+                                        Enable Firewall
+                                    </div>
+                                </label>
+                            </div>
+                        </li>
                     </div>
-                </li>
+                </form>
             </div>
-        </form>
+        </div>
+        <div
+            className="c8"
+        >
+            <form
+                className="c10"
+            >
+                <div
+                    className="c11"
+                    id="fw-toggle-inactive"
+                    name="inactive"
+                    role="group"
+                    style={undefined}
+                    type="checkbox"
+                >
+                    <li
+                        className="c12"
+                    >
+                        <div
+                            checked={false}
+                            className="c13"
+                            disabled={false}
+                            id="fw-toggle-inactive"
+                            onBlur={undefined}
+                            type="checkbox"
+                        >
+                            <input
+                                checked={false}
+                                className="c14 c15"
+                                disabled={false}
+                                id="p"
+                                onBlur={undefined}
+                                type="checkbox"
+                            />
+                            <label
+                                className="c16"
+                                htmlFor="p"
+                            />
+                        </div>
+                        <div
+                            checked={false}
+                            className="c17"
+                            disabled={false}
+                            id="fw-toggle-inactive"
+                            onBlur={undefined}
+                        >
+                            <label
+                                className="c18 c19"
+                                htmlFor="p"
+                            >
+                                <div
+                                    className="c20"
+                                >
+                                    Show inactive rules
+                                </div>
+                            </label>
+                        </div>
+                    </li>
+                </div>
+            </form>
+        </div>
     </div>
     <div
         className="c21"
@@ -1657,28 +1728,96 @@ Array [
   margin-bottom: 1.125rem;
 }
 
-.c7 {
-  margin-bottom: 1.875rem;
+.c9 {
+  margin-right: 1.875rem;
 }
 
-.c18 {
+.c20 {
   margin-right: 0.75rem;
   margin-left: 0.75rem;
 }
 
-.c20 {
+.c21 {
   margin-top: 1.875rem;
 }
 
-.c25 {
+.c26 {
   margin-bottom: 0.75rem;
 }
 
-.c23 {
+.c24 {
   padding: 8rem;
 }
 
-.c13 {
+.c7 {
+  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;
+}
+
+.c25 {
+  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-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -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;
+}
+
+.c8 {
+  -webkit-order: 0;
+  -ms-flex-order: 0;
+  order: 0;
+  -webkit-flex-basis: auto;
+  -ms-flex-preferred-size: auto;
+  flex-basis: auto;
+  -webkit-box-flex: 0;
+  -webkit-flex-grow: 0;
+  -ms-flex-positive: 0;
+  flex-grow: 0;
+  -webkit-flex-shrink: 1;
+  -ms-flex-negative: 1;
+  flex-shrink: 1;
+  display: block;
+}
+
+.c15 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -1686,32 +1825,32 @@ Array [
   overflow: visible;
 }
 
-.c13[type='checkbox'],
-.c13[type='radio'] {
+.c15[type='checkbox'],
+.c15[type='radio'] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.c13[type='number']::-webkit-inner-spin-button,
-.c13[type='number']::-webkit-outer-spin-button {
+.c15[type='number']::-webkit-inner-spin-button,
+.c15[type='number']::-webkit-outer-spin-button {
   height: auto;
 }
 
-.c13[type='search'] {
+.c15[type='search'] {
   -webkit-appearance: textfield;
   -moz-appearance: textfield;
   appearance: textfield;
   outline-offset: -0.125rem;
 }
 
-.c13[type='search']::-webkit-search-cancel-button,
-.c13[type='search']::-webkit-search-decoration {
+.c15[type='search']::-webkit-search-cancel-button,
+.c15[type='search']::-webkit-search-decoration {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
 }
 
-.c13::-webkit-file-upload-button {
+.c15::-webkit-file-upload-button {
   -webkit-appearance: button;
   -moz-appearance: button;
   appearance: button;
@@ -1725,7 +1864,7 @@ Array [
   font-size: 0.9375rem;
 }
 
-.c17 {
+.c19 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-style: normal;
@@ -1776,7 +1915,7 @@ Array [
   padding-bottom: 1.125rem;
 }
 
-.c27 {
+.c28 {
   margin: 0;
   color: rgb(73,73,73);
   font-weight: normal;
@@ -1784,43 +1923,7 @@ Array [
   font-size: 1.3125rem;
 }
 
-.c19 {
-  height: 1px;
-  background-color: rgb(216,216,216);
-}
-
-.c24 {
-  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-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -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;
-}
-
-.c22 {
+.c23 {
   box-sizing: content-box;
   display: -webkit-box;
   display: -webkit-flex;
@@ -1842,33 +1945,33 @@ Array [
   border-color: rgb(216,216,216);
 }
 
-.c12 {
+.c14 {
   font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   display: none;
 }
 
-.c12:checked + label::after {
+.c14:checked + label::after {
   opacity: 1;
 }
 
-.c12:selected + label::after {
+.c14:selected + label::after {
   opacity: 1;
 }
 
-.c12:checked + label {
+.c14:checked + label {
   border-color: rgb(59,70,204);
 }
 
-.c12:selected + label {
+.c14:selected + label {
   border-color: rgb(59,70,204);
 }
 
-.c12:disabled + label {
+.c14:disabled + label {
   background-color: rgb(249,249,249);
   cursor: not-allowed;
 }
 
-.c14 {
+.c16 {
   color: rgb(100,100,100);
   position: absolute;
   width: 1.125rem;
@@ -1886,7 +1989,7 @@ Array [
   height: 1.125rem;
 }
 
-.c14::after {
+.c16::after {
   opacity: 0;
   content: '';
   position: absolute;
@@ -1903,7 +2006,7 @@ Array [
   transform: rotate(-45deg);
 }
 
-.c11 {
+.c13 {
   display: inline-block;
   vertical-align: text-bottom;
   width: 1.125rem;
@@ -1912,12 +2015,12 @@ Array [
   cursor: pointer;
 }
 
-.c15 label {
+.c17 label {
   font-weight: normal;
   font-size: 0.9375rem;
 }
 
-.c10 {
+.c12 {
   list-style-type: none;
   display: -webkit-box;
   display: -webkit-flex;
@@ -1941,25 +2044,25 @@ Array [
   height: 1.5rem;
 }
 
-.c10 label {
+.c12 label {
   font-weight: 400;
 }
 
-.c10 label::after {
+.c12 label::after {
   width: 0.475rem;
   height: 0.205rem;
   top: 0.4125rem;
   left: 0.35rem;
 }
 
-.c10 div[type='checkbox'],
-.c10 div[type='checkbox'] input,
-.c10 div[type='checkbox'] label {
+.c12 div[type='checkbox'],
+.c12 div[type='checkbox'] input,
+.c12 div[type='checkbox'] label {
   height: 1.5rem;
   width: 1.5rem;
 }
 
-.c9 {
+.c11 {
   display: inline-block;
   padding: 0;
   border: none;
@@ -1971,23 +2074,23 @@ Array [
   -webkit-padding-after: 0;
 }
 
-.c16 {
+.c18 {
   font-weight: 600;
   white-space: pre;
   font-size: 0.8125rem;
   cursor: pointer;
 }
 
-.c26 {
+.c27 {
   color: rgb(151,151,151);
   text-align: center;
 }
 
-.c21 {
+.c22 {
   width: calc(100% - 0.125rem);
 }
 
-.c8 {
+.c10 {
   margin-bottom: 0 !important;
 }
 
@@ -2069,84 +2172,91 @@ Array [
     <div
         className="c7"
     >
-        <form
+        <div
             className="c8"
-            onChange={[Function]}
         >
             <div
                 className="c9"
-                id="fw-toggle-firewall"
-                name="enabled"
-                role="group"
-                style={undefined}
-                type="checkbox"
             >
-                <li
+                <form
                     className="c10"
+                    onChange={[Function]}
                 >
                     <div
-                        checked={false}
                         className="c11"
-                        disabled={false}
                         id="fw-toggle-firewall"
-                        onBlur={undefined}
+                        name="enabled"
+                        role="group"
+                        style={undefined}
                         type="checkbox"
                     >
-                        <input
-                            checked={false}
-                            className="c12 c13"
-                            disabled={false}
-                            id="r"
-                            onBlur={undefined}
-                            type="checkbox"
-                        />
-                        <label
-                            className="c14"
-                            htmlFor="r"
-                        />
-                    </div>
-                    <div
-                        checked={false}
-                        className="c15"
-                        disabled={false}
-                        id="fw-toggle-firewall"
-                        onBlur={undefined}
-                    >
-                        <label
-                            className="c16 c17"
-                            htmlFor="r"
+                        <li
+                            className="c12"
                         >
                             <div
-                                className="c18"
+                                checked={false}
+                                className="c13"
+                                disabled={false}
+                                id="fw-toggle-firewall"
+                                onBlur={undefined}
+                                type="checkbox"
                             >
-                                Enable Firewall
+                                <input
+                                    checked={false}
+                                    className="c14 c15"
+                                    disabled={false}
+                                    id="r"
+                                    onBlur={undefined}
+                                    type="checkbox"
+                                />
+                                <label
+                                    className="c16"
+                                    htmlFor="r"
+                                />
                             </div>
-                        </label>
+                            <div
+                                checked={false}
+                                className="c17"
+                                disabled={false}
+                                id="fw-toggle-firewall"
+                                onBlur={undefined}
+                            >
+                                <label
+                                    className="c18 c19"
+                                    htmlFor="r"
+                                >
+                                    <div
+                                        className="c20"
+                                    >
+                                        Enable Firewall
+                                    </div>
+                                </label>
+                            </div>
+                        </li>
                     </div>
-                </li>
+                </form>
             </div>
-        </form>
+        </div>
+        <div
+            className="c8"
+        />
     </div>
     <div
-        className="c19 c3"
-        height="0.0625rem"
-    />
-    <div
-        className="c20"
+        className="c21"
     >
         <div
-            className="c21 c22"
+            className="c22 c23"
             disabled={false}
             name="card"
         >
             <div
-                className="c23"
+                className="c24"
             >
                 <div
-                    className="c24"
+                    className="c25"
                 >
                     <div
-                        className="c25"
+                        className="c26"
                     >
                         <svg
                             height={109}
@@ -2435,7 +2545,7 @@ Array [
                         </svg>
                     </div>
                     <h3
-                        className="c26 c27"
+                        className="c27 c28"
                     >
                         Sorry, but we weren’t able to find any firewall rules.
                     </h3>
@@ -2448,11 +2558,11 @@ Array [
   margin-bottom: 1.125rem;
 }
 
-.c7 {
-  margin-bottom: 1.875rem;
+.c9 {
+  margin-right: 1.875rem;
 }
 
-.c18 {
+.c20 {
   margin-right: 0.75rem;
   margin-left: 0.75rem;
 }
@@ -2465,15 +2575,79 @@ Array [
   margin-bottom: 0.75rem;
 }
 
-.c20 {
-  margin-top: 1.5rem;
-}
-
 .c24 {
   padding: 8rem;
 }
 
-.c13 {
+.c7 {
+  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;
+}
+
+.c25 {
+  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-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -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;
+}
+
+.c8 {
+  -webkit-order: 0;
+  -ms-flex-order: 0;
+  order: 0;
+  -webkit-flex-basis: auto;
+  -ms-flex-preferred-size: auto;
+  flex-basis: auto;
+  -webkit-box-flex: 0;
+  -webkit-flex-grow: 0;
+  -ms-flex-positive: 0;
+  flex-grow: 0;
+  -webkit-flex-shrink: 1;
+  -ms-flex-negative: 1;
+  flex-shrink: 1;
+  display: block;
+}
+
+.c15 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -2481,32 +2655,32 @@ Array [
   overflow: visible;
 }
 
-.c13[type='checkbox'],
-.c13[type='radio'] {
+.c15[type='checkbox'],
+.c15[type='radio'] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.c13[type='number']::-webkit-inner-spin-button,
-.c13[type='number']::-webkit-outer-spin-button {
+.c15[type='number']::-webkit-inner-spin-button,
+.c15[type='number']::-webkit-outer-spin-button {
   height: auto;
 }
 
-.c13[type='search'] {
+.c15[type='search'] {
   -webkit-appearance: textfield;
   -moz-appearance: textfield;
   appearance: textfield;
   outline-offset: -0.125rem;
 }
 
-.c13[type='search']::-webkit-search-cancel-button,
-.c13[type='search']::-webkit-search-decoration {
+.c15[type='search']::-webkit-search-cancel-button,
+.c15[type='search']::-webkit-search-decoration {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
 }
 
-.c13::-webkit-file-upload-button {
+.c15::-webkit-file-upload-button {
   -webkit-appearance: button;
   -moz-appearance: button;
   appearance: button;
@@ -2520,7 +2694,7 @@ Array [
   font-size: 0.9375rem;
 }
 
-.c17 {
+.c19 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-style: normal;
@@ -2579,42 +2753,6 @@ Array [
   font-size: 1.3125rem;
 }
 
-.c19 {
-  height: 1px;
-  background-color: rgb(216,216,216);
-}
-
-.c25 {
-  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-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -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;
-}
-
 .c23 {
   box-sizing: content-box;
   display: -webkit-box;
@@ -2637,33 +2775,33 @@ Array [
   border-color: rgb(216,216,216);
 }
 
-.c12 {
+.c14 {
   font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   display: none;
 }
 
-.c12:checked + label::after {
+.c14:checked + label::after {
   opacity: 1;
 }
 
-.c12:selected + label::after {
+.c14:selected + label::after {
   opacity: 1;
 }
 
-.c12:checked + label {
+.c14:checked + label {
   border-color: rgb(59,70,204);
 }
 
-.c12:selected + label {
+.c14:selected + label {
   border-color: rgb(59,70,204);
 }
 
-.c12:disabled + label {
+.c14:disabled + label {
   background-color: rgb(249,249,249);
   cursor: not-allowed;
 }
 
-.c14 {
+.c16 {
   color: rgb(100,100,100);
   position: absolute;
   width: 1.125rem;
@@ -2681,7 +2819,7 @@ Array [
   height: 1.125rem;
 }
 
-.c14::after {
+.c16::after {
   opacity: 0;
   content: '';
   position: absolute;
@@ -2698,7 +2836,7 @@ Array [
   transform: rotate(-45deg);
 }
 
-.c11 {
+.c13 {
   display: inline-block;
   vertical-align: text-bottom;
   width: 1.125rem;
@@ -2707,12 +2845,12 @@ Array [
   cursor: pointer;
 }
 
-.c15 label {
+.c17 label {
   font-weight: normal;
   font-size: 0.9375rem;
 }
 
-.c10 {
+.c12 {
   list-style-type: none;
   display: -webkit-box;
   display: -webkit-flex;
@@ -2736,25 +2874,25 @@ Array [
   height: 1.5rem;
 }
 
-.c10 label {
+.c12 label {
   font-weight: 400;
 }
 
-.c10 label::after {
+.c12 label::after {
   width: 0.475rem;
   height: 0.205rem;
   top: 0.4125rem;
   left: 0.35rem;
 }
 
-.c10 div[type='checkbox'],
-.c10 div[type='checkbox'] input,
-.c10 div[type='checkbox'] label {
+.c12 div[type='checkbox'],
+.c12 div[type='checkbox'] input,
+.c12 div[type='checkbox'] label {
   height: 1.5rem;
   width: 1.5rem;
 }
 
-.c9 {
+.c11 {
   display: inline-block;
   padding: 0;
   border: none;
@@ -2766,7 +2904,7 @@ Array [
   -webkit-padding-after: 0;
 }
 
-.c16 {
+.c18 {
   font-weight: 600;
   white-space: pre;
   font-size: 0.8125rem;
@@ -2782,7 +2920,7 @@ Array [
   width: calc(100% - 0.125rem);
 }
 
-.c8 {
+.c10 {
   margin-bottom: 0 !important;
 }
 
@@ -2864,127 +3002,131 @@ Array [
     <div
         className="c7"
     >
-        <form
-            className="c8"
-            onChange={[Function]}
-        >
-            <div
-                className="c9"
-                id="fw-toggle-firewall"
-                name="enabled"
-                role="group"
-                style={undefined}
-                type="checkbox"
-            >
-                <li
-                    className="c10"
-                >
-                    <div
-                        checked={false}
-                        className="c11"
-                        disabled={false}
-                        id="fw-toggle-firewall"
-                        onBlur={undefined}
-                        type="checkbox"
-                    >
-                        <input
-                            checked={false}
-                            className="c12 c13"
-                            disabled={false}
-                            id="t"
-                            onBlur={undefined}
-                            type="checkbox"
-                        />
-                        <label
-                            className="c14"
-                            htmlFor="t"
-                        />
-                    </div>
-                    <div
-                        checked={false}
-                        className="c15"
-                        disabled={false}
-                        id="fw-toggle-firewall"
-                        onBlur={undefined}
-                    >
-                        <label
-                            className="c16 c17"
-                            htmlFor="t"
-                        >
-                            <div
-                                className="c18"
-                            >
-                                Enable Firewall
-                            </div>
-                        </label>
-                    </div>
-                </li>
-            </div>
-        </form>
-    </div>
-    <div
-        className="c19 c3"
-        height="0.0625rem"
-    />
-    <div
-        className="c20"
-    >
-        <form
+        <div
             className="c8"
         >
             <div
                 className="c9"
-                id="fw-toggle-inactive"
-                name="inactive"
-                role="group"
-                style={undefined}
-                type="checkbox"
             >
-                <li
+                <form
                     className="c10"
+                    onChange={[Function]}
                 >
                     <div
-                        checked={false}
                         className="c11"
-                        disabled={false}
-                        id="fw-toggle-inactive"
-                        onBlur={undefined}
+                        id="fw-toggle-firewall"
+                        name="enabled"
+                        role="group"
+                        style={undefined}
                         type="checkbox"
                     >
-                        <input
-                            checked={false}
-                            className="c12 c13"
-                            disabled={false}
-                            id="v"
-                            onBlur={undefined}
-                            type="checkbox"
-                        />
-                        <label
-                            className="c14"
-                            htmlFor="v"
-                        />
-                    </div>
-                    <div
-                        checked={false}
-                        className="c15"
-                        disabled={false}
-                        id="fw-toggle-inactive"
-                        onBlur={undefined}
-                    >
-                        <label
-                            className="c16 c17"
-                            htmlFor="v"
+                        <li
+                            className="c12"
                         >
                             <div
-                                className="c18"
+                                checked={false}
+                                className="c13"
+                                disabled={false}
+                                id="fw-toggle-firewall"
+                                onBlur={undefined}
+                                type="checkbox"
                             >
-                                Show inactive rules
+                                <input
+                                    checked={false}
+                                    className="c14 c15"
+                                    disabled={false}
+                                    id="t"
+                                    onBlur={undefined}
+                                    type="checkbox"
+                                />
+                                <label
+                                    className="c16"
+                                    htmlFor="t"
+                                />
                             </div>
-                        </label>
+                            <div
+                                checked={false}
+                                className="c17"
+                                disabled={false}
+                                id="fw-toggle-firewall"
+                                onBlur={undefined}
+                            >
+                                <label
+                                    className="c18 c19"
+                                    htmlFor="t"
+                                >
+                                    <div
+                                        className="c20"
+                                    >
+                                        Enable Firewall
+                                    </div>
+                                </label>
+                            </div>
+                        </li>
                     </div>
-                </li>
+                </form>
             </div>
-        </form>
+        </div>
+        <div
+            className="c8"
+        >
+            <form
+                className="c10"
+            >
+                <div
+                    className="c11"
+                    id="fw-toggle-inactive"
+                    name="inactive"
+                    role="group"
+                    style={undefined}
+                    type="checkbox"
+                >
+                    <li
+                        className="c12"
+                    >
+                        <div
+                            checked={false}
+                            className="c13"
+                            disabled={false}
+                            id="fw-toggle-inactive"
+                            onBlur={undefined}
+                            type="checkbox"
+                        >
+                            <input
+                                checked={false}
+                                className="c14 c15"
+                                disabled={false}
+                                id="v"
+                                onBlur={undefined}
+                                type="checkbox"
+                            />
+                            <label
+                                className="c16"
+                                htmlFor="v"
+                            />
+                        </div>
+                        <div
+                            checked={false}
+                            className="c17"
+                            disabled={false}
+                            id="fw-toggle-inactive"
+                            onBlur={undefined}
+                        >
+                            <label
+                                className="c18 c19"
+                                htmlFor="v"
+                            >
+                                <div
+                                    className="c20"
+                                >
+                                    Show inactive rules
+                                </div>
+                            </label>
+                        </div>
+                    </li>
+                </div>
+            </form>
+        </div>
     </div>
     <div
         className="c21"
@@ -3308,6 +3450,43 @@ Array [
   margin-bottom: 1.125rem;
 }
 
+.c12 {
+  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;
+}
+
+.c13 {
+  -webkit-order: 0;
+  -ms-flex-order: 0;
+  order: 0;
+  -webkit-flex-basis: auto;
+  -ms-flex-preferred-size: auto;
+  flex-basis: auto;
+  -webkit-box-flex: 0;
+  -webkit-flex-grow: 0;
+  -ms-flex-positive: 0;
+  flex-grow: 0;
+  -webkit-flex-shrink: 1;
+  -ms-flex-negative: 1;
+  flex-shrink: 1;
+  display: block;
+}
+
 .c8 {
   fill: rgb(59,70,204);
   stroke: rgb(59,70,204);
@@ -3521,11 +3700,58 @@ Array [
             Loading...
         </p>
     </div>
+    <div
+        className="c12"
+    >
+        <div
+            className="c13"
+        />
+        <div
+            className="c13"
+        />
+    </div>
 </div>,
   .c2 {
   margin-bottom: 1.125rem;
 }
 
+.c12 {
+  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;
+}
+
+.c13 {
+  -webkit-order: 0;
+  -ms-flex-order: 0;
+  order: 0;
+  -webkit-flex-basis: auto;
+  -ms-flex-preferred-size: auto;
+  flex-basis: auto;
+  -webkit-box-flex: 0;
+  -webkit-flex-grow: 0;
+  -ms-flex-positive: 0;
+  flex-grow: 0;
+  -webkit-flex-shrink: 1;
+  -ms-flex-negative: 1;
+  flex-shrink: 1;
+  display: block;
+}
+
 .c8 {
   fill: rgb(59,70,204);
   stroke: rgb(59,70,204);
@@ -3739,6 +3965,16 @@ Array [
             Loading...
         </p>
     </div>
+    <div
+        className="c12"
+    >
+        <div
+            className="c13"
+        />
+        <div
+            className="c13"
+        />
+    </div>
 </div>,
 ]
 `;
@@ -3748,28 +3984,100 @@ exports[`renders <Firewall loadingError /> without throwing 1`] = `
   margin-bottom: 1.125rem;
 }
 
-.c7 {
-  margin-bottom: 1.875rem;
+.c15 {
+  margin-right: 1.875rem;
 }
 
-.c23 {
+.c26 {
   margin-right: 0.75rem;
   margin-left: 0.75rem;
 }
 
-.c25 {
+.c27 {
   margin-top: 1.875rem;
 }
 
-.c30 {
+.c32 {
   margin-bottom: 0.75rem;
 }
 
-.c28 {
+.c7 {
+  margin-bottom: 1.875rem;
+}
+
+.c30 {
   padding: 8rem;
 }
 
-.c18 {
+.c13 {
+  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;
+}
+
+.c31 {
+  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-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -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 {
+  -webkit-order: 0;
+  -ms-flex-order: 0;
+  order: 0;
+  -webkit-flex-basis: auto;
+  -ms-flex-preferred-size: auto;
+  flex-basis: auto;
+  -webkit-box-flex: 0;
+  -webkit-flex-grow: 0;
+  -ms-flex-positive: 0;
+  flex-grow: 0;
+  -webkit-flex-shrink: 1;
+  -ms-flex-negative: 1;
+  flex-shrink: 1;
+  display: block;
+}
+
+.c21 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -3777,32 +4085,32 @@ exports[`renders <Firewall loadingError /> without throwing 1`] = `
   overflow: visible;
 }
 
-.c18[type='checkbox'],
-.c18[type='radio'] {
+.c21[type='checkbox'],
+.c21[type='radio'] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.c18[type='number']::-webkit-inner-spin-button,
-.c18[type='number']::-webkit-outer-spin-button {
+.c21[type='number']::-webkit-inner-spin-button,
+.c21[type='number']::-webkit-outer-spin-button {
   height: auto;
 }
 
-.c18[type='search'] {
+.c21[type='search'] {
   -webkit-appearance: textfield;
   -moz-appearance: textfield;
   appearance: textfield;
   outline-offset: -0.125rem;
 }
 
-.c18[type='search']::-webkit-search-cancel-button,
-.c18[type='search']::-webkit-search-decoration {
+.c21[type='search']::-webkit-search-cancel-button,
+.c21[type='search']::-webkit-search-decoration {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
 }
 
-.c18::-webkit-file-upload-button {
+.c21::-webkit-file-upload-button {
   -webkit-appearance: button;
   -moz-appearance: button;
   appearance: button;
@@ -3816,7 +4124,7 @@ exports[`renders <Firewall loadingError /> without throwing 1`] = `
   font-size: 0.9375rem;
 }
 
-.c22 {
+.c25 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-style: normal;
@@ -3867,7 +4175,7 @@ exports[`renders <Firewall loadingError /> without throwing 1`] = `
   padding-bottom: 1.125rem;
 }
 
-.c32 {
+.c34 {
   margin: 0;
   color: rgb(73,73,73);
   font-weight: normal;
@@ -3883,42 +4191,6 @@ exports[`renders <Firewall loadingError /> without throwing 1`] = `
   font-size: 0.9375rem;
 }
 
-.c24 {
-  height: 1px;
-  background-color: rgb(216,216,216);
-}
-
-.c29 {
-  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-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -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;
-}
-
 .c8 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -3948,7 +4220,7 @@ exports[`renders <Firewall loadingError /> without throwing 1`] = `
   font-size: 0.8125rem;
 }
 
-.c27 {
+.c29 {
   box-sizing: content-box;
   display: -webkit-box;
   display: -webkit-flex;
@@ -3970,33 +4242,33 @@ exports[`renders <Firewall loadingError /> without throwing 1`] = `
   border-color: rgb(216,216,216);
 }
 
-.c17 {
+.c20 {
   font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   display: none;
 }
 
-.c17:checked + label::after {
+.c20:checked + label::after {
   opacity: 1;
 }
 
-.c17:selected + label::after {
+.c20:selected + label::after {
   opacity: 1;
 }
 
-.c17:checked + label {
+.c20:checked + label {
   border-color: rgb(59,70,204);
 }
 
-.c17:selected + label {
+.c20:selected + label {
   border-color: rgb(59,70,204);
 }
 
-.c17:disabled + label {
+.c20:disabled + label {
   background-color: rgb(249,249,249);
   cursor: not-allowed;
 }
 
-.c19 {
+.c22 {
   color: rgb(100,100,100);
   position: absolute;
   width: 1.125rem;
@@ -4014,7 +4286,7 @@ exports[`renders <Firewall loadingError /> without throwing 1`] = `
   height: 1.125rem;
 }
 
-.c19::after {
+.c22::after {
   opacity: 0;
   content: '';
   position: absolute;
@@ -4031,7 +4303,7 @@ exports[`renders <Firewall loadingError /> without throwing 1`] = `
   transform: rotate(-45deg);
 }
 
-.c16 {
+.c19 {
   display: inline-block;
   vertical-align: text-bottom;
   width: 1.125rem;
@@ -4040,12 +4312,12 @@ exports[`renders <Firewall loadingError /> without throwing 1`] = `
   cursor: pointer;
 }
 
-.c20 label {
+.c23 label {
   font-weight: normal;
   font-size: 0.9375rem;
 }
 
-.c15 {
+.c18 {
   list-style-type: none;
   display: -webkit-box;
   display: -webkit-flex;
@@ -4069,25 +4341,25 @@ exports[`renders <Firewall loadingError /> without throwing 1`] = `
   height: 1.5rem;
 }
 
-.c15 label {
+.c18 label {
   font-weight: 400;
 }
 
-.c15 label::after {
+.c18 label::after {
   width: 0.475rem;
   height: 0.205rem;
   top: 0.4125rem;
   left: 0.35rem;
 }
 
-.c15 div[type='checkbox'],
-.c15 div[type='checkbox'] input,
-.c15 div[type='checkbox'] label {
+.c18 div[type='checkbox'],
+.c18 div[type='checkbox'] input,
+.c18 div[type='checkbox'] label {
   height: 1.5rem;
   width: 1.5rem;
 }
 
-.c14 {
+.c17 {
   display: inline-block;
   padding: 0;
   border: none;
@@ -4099,23 +4371,23 @@ exports[`renders <Firewall loadingError /> without throwing 1`] = `
   -webkit-padding-after: 0;
 }
 
-.c21 {
+.c24 {
   font-weight: 600;
   white-space: pre;
   font-size: 0.8125rem;
   cursor: pointer;
 }
 
-.c31 {
+.c33 {
   color: rgb(151,151,151);
   text-align: center;
 }
 
-.c26 {
+.c28 {
   width: calc(100% - 0.125rem);
 }
 
-.c13 {
+.c16 {
   margin-bottom: 0 !important;
 }
 
@@ -4220,86 +4492,93 @@ exports[`renders <Firewall loadingError /> without throwing 1`] = `
     </div>
   </div>
   <div
-    className="c7"
-  >
-    <form
-      className="c13"
-      onChange={[Function]}
-    >
-      <div
-        className="c14"
-        id="fw-toggle-firewall"
-        name="enabled"
-        role="group"
-        style={undefined}
-        type="checkbox"
-      >
-        <li
-          className="c15"
-        >
-          <div
-            checked={false}
-            className="c16"
-            disabled={false}
-            id="fw-toggle-firewall"
-            onBlur={undefined}
-            type="checkbox"
-          >
-            <input
-              checked={false}
-              className="c17 c18"
-              disabled={false}
-              id="x"
-              onBlur={undefined}
-              type="checkbox"
-            />
-            <label
-              className="c19"
-              htmlFor="x"
-            />
-          </div>
-          <div
-            checked={false}
-            className="c20"
-            disabled={false}
-            id="fw-toggle-firewall"
-            onBlur={undefined}
-          >
-            <label
-              className="c21 c22"
-              htmlFor="x"
-            >
-              <div
-                className="c23"
-              >
-                Enable Firewall
-              </div>
-            </label>
-          </div>
-        </li>
-      </div>
-    </form>
-  </div>
-  <div
-    className="c24 c3"
-    height="0.0625rem"
-  />
-  <div
-    className="c25"
+    className="c13"
   >
     <div
-      className="c26 c27"
+      className="c14"
+    >
+      <div
+        className="c15"
+      >
+        <form
+          className="c16"
+          onChange={[Function]}
+        >
+          <div
+            className="c17"
+            id="fw-toggle-firewall"
+            name="enabled"
+            role="group"
+            style={undefined}
+            type="checkbox"
+          >
+            <li
+              className="c18"
+            >
+              <div
+                checked={false}
+                className="c19"
+                disabled={false}
+                id="fw-toggle-firewall"
+                onBlur={undefined}
+                type="checkbox"
+              >
+                <input
+                  checked={false}
+                  className="c20 c21"
+                  disabled={false}
+                  id="x"
+                  onBlur={undefined}
+                  type="checkbox"
+                />
+                <label
+                  className="c22"
+                  htmlFor="x"
+                />
+              </div>
+              <div
+                checked={false}
+                className="c23"
+                disabled={false}
+                id="fw-toggle-firewall"
+                onBlur={undefined}
+              >
+                <label
+                  className="c24 c25"
+                  htmlFor="x"
+                >
+                  <div
+                    className="c26"
+                  >
+                    Enable Firewall
+                  </div>
+                </label>
+              </div>
+            </li>
+          </div>
+        </form>
+      </div>
+    </div>
+    <div
+      className="c14"
+    />
+  </div>
+  <div
+    className="c27"
+  >
+    <div
+      className="c28 c29"
       disabled={false}
       name="card"
     >
       <div
-        className="c28"
+        className="c30"
       >
         <div
-          className="c29"
+          className="c31"
         >
           <div
-            className="c30"
+            className="c32"
           >
             <svg
               height={109}
@@ -4588,7 +4867,7 @@ exports[`renders <Firewall loadingError /> without throwing 1`] = `
             </svg>
           </div>
           <h3
-            className="c31 c32"
+            className="c33 c34"
           >
             Sorry, but we weren’t able to find any firewall rules.
           </h3>
@@ -4604,28 +4883,100 @@ exports[`renders <Firewall mutationError /> without throwing 1`] = `
   margin-bottom: 1.125rem;
 }
 
-.c7 {
-  margin-bottom: 1.875rem;
+.c15 {
+  margin-right: 1.875rem;
 }
 
-.c23 {
+.c26 {
   margin-right: 0.75rem;
   margin-left: 0.75rem;
 }
 
-.c25 {
+.c27 {
   margin-top: 1.875rem;
 }
 
-.c30 {
+.c32 {
   margin-bottom: 0.75rem;
 }
 
-.c28 {
+.c7 {
+  margin-bottom: 1.875rem;
+}
+
+.c30 {
   padding: 8rem;
 }
 
-.c18 {
+.c13 {
+  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;
+}
+
+.c31 {
+  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-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -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 {
+  -webkit-order: 0;
+  -ms-flex-order: 0;
+  order: 0;
+  -webkit-flex-basis: auto;
+  -ms-flex-preferred-size: auto;
+  flex-basis: auto;
+  -webkit-box-flex: 0;
+  -webkit-flex-grow: 0;
+  -ms-flex-positive: 0;
+  flex-grow: 0;
+  -webkit-flex-shrink: 1;
+  -ms-flex-negative: 1;
+  flex-shrink: 1;
+  display: block;
+}
+
+.c21 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -4633,32 +4984,32 @@ exports[`renders <Firewall mutationError /> without throwing 1`] = `
   overflow: visible;
 }
 
-.c18[type='checkbox'],
-.c18[type='radio'] {
+.c21[type='checkbox'],
+.c21[type='radio'] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.c18[type='number']::-webkit-inner-spin-button,
-.c18[type='number']::-webkit-outer-spin-button {
+.c21[type='number']::-webkit-inner-spin-button,
+.c21[type='number']::-webkit-outer-spin-button {
   height: auto;
 }
 
-.c18[type='search'] {
+.c21[type='search'] {
   -webkit-appearance: textfield;
   -moz-appearance: textfield;
   appearance: textfield;
   outline-offset: -0.125rem;
 }
 
-.c18[type='search']::-webkit-search-cancel-button,
-.c18[type='search']::-webkit-search-decoration {
+.c21[type='search']::-webkit-search-cancel-button,
+.c21[type='search']::-webkit-search-decoration {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
 }
 
-.c18::-webkit-file-upload-button {
+.c21::-webkit-file-upload-button {
   -webkit-appearance: button;
   -moz-appearance: button;
   appearance: button;
@@ -4672,7 +5023,7 @@ exports[`renders <Firewall mutationError /> without throwing 1`] = `
   font-size: 0.9375rem;
 }
 
-.c22 {
+.c25 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-style: normal;
@@ -4723,7 +5074,7 @@ exports[`renders <Firewall mutationError /> without throwing 1`] = `
   padding-bottom: 1.125rem;
 }
 
-.c32 {
+.c34 {
   margin: 0;
   color: rgb(73,73,73);
   font-weight: normal;
@@ -4739,42 +5090,6 @@ exports[`renders <Firewall mutationError /> without throwing 1`] = `
   font-size: 0.9375rem;
 }
 
-.c24 {
-  height: 1px;
-  background-color: rgb(216,216,216);
-}
-
-.c29 {
-  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-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -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;
-}
-
 .c8 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -4804,7 +5119,7 @@ exports[`renders <Firewall mutationError /> without throwing 1`] = `
   font-size: 0.8125rem;
 }
 
-.c27 {
+.c29 {
   box-sizing: content-box;
   display: -webkit-box;
   display: -webkit-flex;
@@ -4826,33 +5141,33 @@ exports[`renders <Firewall mutationError /> without throwing 1`] = `
   border-color: rgb(216,216,216);
 }
 
-.c17 {
+.c20 {
   font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   display: none;
 }
 
-.c17:checked + label::after {
+.c20:checked + label::after {
   opacity: 1;
 }
 
-.c17:selected + label::after {
+.c20:selected + label::after {
   opacity: 1;
 }
 
-.c17:checked + label {
+.c20:checked + label {
   border-color: rgb(59,70,204);
 }
 
-.c17:selected + label {
+.c20:selected + label {
   border-color: rgb(59,70,204);
 }
 
-.c17:disabled + label {
+.c20:disabled + label {
   background-color: rgb(249,249,249);
   cursor: not-allowed;
 }
 
-.c19 {
+.c22 {
   color: rgb(100,100,100);
   position: absolute;
   width: 1.125rem;
@@ -4870,7 +5185,7 @@ exports[`renders <Firewall mutationError /> without throwing 1`] = `
   height: 1.125rem;
 }
 
-.c19::after {
+.c22::after {
   opacity: 0;
   content: '';
   position: absolute;
@@ -4887,7 +5202,7 @@ exports[`renders <Firewall mutationError /> without throwing 1`] = `
   transform: rotate(-45deg);
 }
 
-.c16 {
+.c19 {
   display: inline-block;
   vertical-align: text-bottom;
   width: 1.125rem;
@@ -4896,12 +5211,12 @@ exports[`renders <Firewall mutationError /> without throwing 1`] = `
   cursor: pointer;
 }
 
-.c20 label {
+.c23 label {
   font-weight: normal;
   font-size: 0.9375rem;
 }
 
-.c15 {
+.c18 {
   list-style-type: none;
   display: -webkit-box;
   display: -webkit-flex;
@@ -4925,25 +5240,25 @@ exports[`renders <Firewall mutationError /> without throwing 1`] = `
   height: 1.5rem;
 }
 
-.c15 label {
+.c18 label {
   font-weight: 400;
 }
 
-.c15 label::after {
+.c18 label::after {
   width: 0.475rem;
   height: 0.205rem;
   top: 0.4125rem;
   left: 0.35rem;
 }
 
-.c15 div[type='checkbox'],
-.c15 div[type='checkbox'] input,
-.c15 div[type='checkbox'] label {
+.c18 div[type='checkbox'],
+.c18 div[type='checkbox'] input,
+.c18 div[type='checkbox'] label {
   height: 1.5rem;
   width: 1.5rem;
 }
 
-.c14 {
+.c17 {
   display: inline-block;
   padding: 0;
   border: none;
@@ -4955,23 +5270,23 @@ exports[`renders <Firewall mutationError /> without throwing 1`] = `
   -webkit-padding-after: 0;
 }
 
-.c21 {
+.c24 {
   font-weight: 600;
   white-space: pre;
   font-size: 0.8125rem;
   cursor: pointer;
 }
 
-.c31 {
+.c33 {
   color: rgb(151,151,151);
   text-align: center;
 }
 
-.c26 {
+.c28 {
   width: calc(100% - 0.125rem);
 }
 
-.c13 {
+.c16 {
   margin-bottom: 0 !important;
 }
 
@@ -5076,86 +5391,93 @@ exports[`renders <Firewall mutationError /> without throwing 1`] = `
     </div>
   </div>
   <div
-    className="c7"
-  >
-    <form
-      className="c13"
-      onChange={[Function]}
-    >
-      <div
-        className="c14"
-        id="fw-toggle-firewall"
-        name="enabled"
-        role="group"
-        style={undefined}
-        type="checkbox"
-      >
-        <li
-          className="c15"
-        >
-          <div
-            checked={false}
-            className="c16"
-            disabled={false}
-            id="fw-toggle-firewall"
-            onBlur={undefined}
-            type="checkbox"
-          >
-            <input
-              checked={false}
-              className="c17 c18"
-              disabled={false}
-              id="z"
-              onBlur={undefined}
-              type="checkbox"
-            />
-            <label
-              className="c19"
-              htmlFor="z"
-            />
-          </div>
-          <div
-            checked={false}
-            className="c20"
-            disabled={false}
-            id="fw-toggle-firewall"
-            onBlur={undefined}
-          >
-            <label
-              className="c21 c22"
-              htmlFor="z"
-            >
-              <div
-                className="c23"
-              >
-                Enable Firewall
-              </div>
-            </label>
-          </div>
-        </li>
-      </div>
-    </form>
-  </div>
-  <div
-    className="c24 c3"
-    height="0.0625rem"
-  />
-  <div
-    className="c25"
+    className="c13"
   >
     <div
-      className="c26 c27"
+      className="c14"
+    >
+      <div
+        className="c15"
+      >
+        <form
+          className="c16"
+          onChange={[Function]}
+        >
+          <div
+            className="c17"
+            id="fw-toggle-firewall"
+            name="enabled"
+            role="group"
+            style={undefined}
+            type="checkbox"
+          >
+            <li
+              className="c18"
+            >
+              <div
+                checked={false}
+                className="c19"
+                disabled={false}
+                id="fw-toggle-firewall"
+                onBlur={undefined}
+                type="checkbox"
+              >
+                <input
+                  checked={false}
+                  className="c20 c21"
+                  disabled={false}
+                  id="z"
+                  onBlur={undefined}
+                  type="checkbox"
+                />
+                <label
+                  className="c22"
+                  htmlFor="z"
+                />
+              </div>
+              <div
+                checked={false}
+                className="c23"
+                disabled={false}
+                id="fw-toggle-firewall"
+                onBlur={undefined}
+              >
+                <label
+                  className="c24 c25"
+                  htmlFor="z"
+                >
+                  <div
+                    className="c26"
+                  >
+                    Enable Firewall
+                  </div>
+                </label>
+              </div>
+            </li>
+          </div>
+        </form>
+      </div>
+    </div>
+    <div
+      className="c14"
+    />
+  </div>
+  <div
+    className="c27"
+  >
+    <div
+      className="c28 c29"
       disabled={false}
       name="card"
     >
       <div
-        className="c28"
+        className="c30"
       >
         <div
-          className="c29"
+          className="c31"
         >
           <div
-            className="c30"
+            className="c32"
           >
             <svg
               height={109}
@@ -5444,7 +5766,7 @@ exports[`renders <Firewall mutationError /> without throwing 1`] = `
             </svg>
           </div>
           <h3
-            className="c31 c32"
+            className="c33 c34"
           >
             Sorry, but we weren’t able to find any firewall rules.
           </h3>
@@ -5461,16 +5783,53 @@ Array [
   margin-bottom: 1.125rem;
 }
 
-.c7 {
-  margin-bottom: 1.875rem;
+.c9 {
+  margin-right: 1.875rem;
 }
 
-.c18 {
+.c20 {
   margin-right: 0.75rem;
   margin-left: 0.75rem;
 }
 
-.c13 {
+.c7 {
+  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;
+}
+
+.c8 {
+  -webkit-order: 0;
+  -ms-flex-order: 0;
+  order: 0;
+  -webkit-flex-basis: auto;
+  -ms-flex-preferred-size: auto;
+  flex-basis: auto;
+  -webkit-box-flex: 0;
+  -webkit-flex-grow: 0;
+  -ms-flex-positive: 0;
+  flex-grow: 0;
+  -webkit-flex-shrink: 1;
+  -ms-flex-negative: 1;
+  flex-shrink: 1;
+  display: block;
+}
+
+.c15 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -5478,32 +5837,32 @@ Array [
   overflow: visible;
 }
 
-.c13[type='checkbox'],
-.c13[type='radio'] {
+.c15[type='checkbox'],
+.c15[type='radio'] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.c13[type='number']::-webkit-inner-spin-button,
-.c13[type='number']::-webkit-outer-spin-button {
+.c15[type='number']::-webkit-inner-spin-button,
+.c15[type='number']::-webkit-outer-spin-button {
   height: auto;
 }
 
-.c13[type='search'] {
+.c15[type='search'] {
   -webkit-appearance: textfield;
   -moz-appearance: textfield;
   appearance: textfield;
   outline-offset: -0.125rem;
 }
 
-.c13[type='search']::-webkit-search-cancel-button,
-.c13[type='search']::-webkit-search-decoration {
+.c15[type='search']::-webkit-search-cancel-button,
+.c15[type='search']::-webkit-search-decoration {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
 }
 
-.c13::-webkit-file-upload-button {
+.c15::-webkit-file-upload-button {
   -webkit-appearance: button;
   -moz-appearance: button;
   appearance: button;
@@ -5517,7 +5876,7 @@ Array [
   font-size: 0.9375rem;
 }
 
-.c17 {
+.c19 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-style: normal;
@@ -5568,38 +5927,33 @@ Array [
   padding-bottom: 1.125rem;
 }
 
-.c19 {
-  height: 1px;
-  background-color: rgb(216,216,216);
-}
-
-.c12 {
+.c14 {
   font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   display: none;
 }
 
-.c12:checked + label::after {
+.c14:checked + label::after {
   opacity: 1;
 }
 
-.c12:selected + label::after {
+.c14:selected + label::after {
   opacity: 1;
 }
 
-.c12:checked + label {
+.c14:checked + label {
   border-color: rgb(59,70,204);
 }
 
-.c12:selected + label {
+.c14:selected + label {
   border-color: rgb(59,70,204);
 }
 
-.c12:disabled + label {
+.c14:disabled + label {
   background-color: rgb(249,249,249);
   cursor: not-allowed;
 }
 
-.c14 {
+.c16 {
   color: rgb(100,100,100);
   position: absolute;
   width: 1.125rem;
@@ -5617,7 +5971,7 @@ Array [
   height: 1.125rem;
 }
 
-.c14::after {
+.c16::after {
   opacity: 0;
   content: '';
   position: absolute;
@@ -5634,7 +5988,7 @@ Array [
   transform: rotate(-45deg);
 }
 
-.c11 {
+.c13 {
   display: inline-block;
   vertical-align: text-bottom;
   width: 1.125rem;
@@ -5643,12 +5997,12 @@ Array [
   cursor: pointer;
 }
 
-.c15 label {
+.c17 label {
   font-weight: normal;
   font-size: 0.9375rem;
 }
 
-.c10 {
+.c12 {
   list-style-type: none;
   display: -webkit-box;
   display: -webkit-flex;
@@ -5672,25 +6026,25 @@ Array [
   height: 1.5rem;
 }
 
-.c10 label {
+.c12 label {
   font-weight: 400;
 }
 
-.c10 label::after {
+.c12 label::after {
   width: 0.475rem;
   height: 0.205rem;
   top: 0.4125rem;
   left: 0.35rem;
 }
 
-.c10 div[type='checkbox'],
-.c10 div[type='checkbox'] input,
-.c10 div[type='checkbox'] label {
+.c12 div[type='checkbox'],
+.c12 div[type='checkbox'] input,
+.c12 div[type='checkbox'] label {
   height: 1.5rem;
   width: 1.5rem;
 }
 
-.c9 {
+.c11 {
   display: inline-block;
   padding: 0;
   border: none;
@@ -5702,14 +6056,14 @@ Array [
   -webkit-padding-after: 0;
 }
 
-.c16 {
+.c18 {
   font-weight: 600;
   white-space: pre;
   font-size: 0.8125rem;
   cursor: pointer;
 }
 
-.c8 {
+.c10 {
   margin-bottom: 0 !important;
 }
 
@@ -5791,83 +6145,127 @@ Array [
     <div
         className="c7"
     >
-        <form
+        <div
             className="c8"
-            onChange={[Function]}
         >
             <div
                 className="c9"
-                id="fw-toggle-firewall"
-                name="enabled"
-                role="group"
-                style={undefined}
-                type="checkbox"
             >
-                <li
+                <form
                     className="c10"
+                    onChange={[Function]}
                 >
                     <div
-                        checked={false}
                         className="c11"
-                        disabled={false}
                         id="fw-toggle-firewall"
-                        onBlur={undefined}
+                        name="enabled"
+                        role="group"
+                        style={undefined}
                         type="checkbox"
                     >
-                        <input
-                            checked={false}
-                            className="c12 c13"
-                            disabled={false}
-                            id="B"
-                            onBlur={undefined}
-                            type="checkbox"
-                        />
-                        <label
-                            className="c14"
-                            htmlFor="B"
-                        />
-                    </div>
-                    <div
-                        checked={false}
-                        className="c15"
-                        disabled={false}
-                        id="fw-toggle-firewall"
-                        onBlur={undefined}
-                    >
-                        <label
-                            className="c16 c17"
-                            htmlFor="B"
+                        <li
+                            className="c12"
                         >
                             <div
-                                className="c18"
+                                checked={false}
+                                className="c13"
+                                disabled={false}
+                                id="fw-toggle-firewall"
+                                onBlur={undefined}
+                                type="checkbox"
                             >
-                                Enable Firewall
+                                <input
+                                    checked={false}
+                                    className="c14 c15"
+                                    disabled={false}
+                                    id="B"
+                                    onBlur={undefined}
+                                    type="checkbox"
+                                />
+                                <label
+                                    className="c16"
+                                    htmlFor="B"
+                                />
                             </div>
-                        </label>
+                            <div
+                                checked={false}
+                                className="c17"
+                                disabled={false}
+                                id="fw-toggle-firewall"
+                                onBlur={undefined}
+                            >
+                                <label
+                                    className="c18 c19"
+                                    htmlFor="B"
+                                >
+                                    <div
+                                        className="c20"
+                                    >
+                                        Enable Firewall
+                                    </div>
+                                </label>
+                            </div>
+                        </li>
                     </div>
-                </li>
+                </form>
             </div>
-        </form>
+        </div>
+        <div
+            className="c8"
+        />
     </div>
-    <div
-        className="c19 c3"
-        height="0.0625rem"
-    />
 </div>,
   .c2 {
   margin-bottom: 1.125rem;
 }
 
-.c7 {
-  margin-bottom: 1.875rem;
+.c9 {
+  margin-right: 1.875rem;
 }
 
-.c18 {
+.c20 {
   margin-right: 0.75rem;
   margin-left: 0.75rem;
 }
 
-.c13 {
+.c7 {
+  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;
+}
+
+.c8 {
+  -webkit-order: 0;
+  -ms-flex-order: 0;
+  order: 0;
+  -webkit-flex-basis: auto;
+  -ms-flex-preferred-size: auto;
+  flex-basis: auto;
+  -webkit-box-flex: 0;
+  -webkit-flex-grow: 0;
+  -ms-flex-positive: 0;
+  flex-grow: 0;
+  -webkit-flex-shrink: 1;
+  -ms-flex-negative: 1;
+  flex-shrink: 1;
+  display: block;
+}
+
+.c15 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -5875,32 +6273,32 @@ Array [
   overflow: visible;
 }
 
-.c13[type='checkbox'],
-.c13[type='radio'] {
+.c15[type='checkbox'],
+.c15[type='radio'] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.c13[type='number']::-webkit-inner-spin-button,
-.c13[type='number']::-webkit-outer-spin-button {
+.c15[type='number']::-webkit-inner-spin-button,
+.c15[type='number']::-webkit-outer-spin-button {
   height: auto;
 }
 
-.c13[type='search'] {
+.c15[type='search'] {
   -webkit-appearance: textfield;
   -moz-appearance: textfield;
   appearance: textfield;
   outline-offset: -0.125rem;
 }
 
-.c13[type='search']::-webkit-search-cancel-button,
-.c13[type='search']::-webkit-search-decoration {
+.c15[type='search']::-webkit-search-cancel-button,
+.c15[type='search']::-webkit-search-decoration {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
 }
 
-.c13::-webkit-file-upload-button {
+.c15::-webkit-file-upload-button {
   -webkit-appearance: button;
   -moz-appearance: button;
   appearance: button;
@@ -5914,7 +6312,7 @@ Array [
   font-size: 0.9375rem;
 }
 
-.c17 {
+.c19 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-style: normal;
@@ -5965,38 +6363,33 @@ Array [
   padding-bottom: 1.125rem;
 }
 
-.c19 {
-  height: 1px;
-  background-color: rgb(216,216,216);
-}
-
-.c12 {
+.c14 {
   font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   display: none;
 }
 
-.c12:checked + label::after {
+.c14:checked + label::after {
   opacity: 1;
 }
 
-.c12:selected + label::after {
+.c14:selected + label::after {
   opacity: 1;
 }
 
-.c12:checked + label {
+.c14:checked + label {
   border-color: rgb(59,70,204);
 }
 
-.c12:selected + label {
+.c14:selected + label {
   border-color: rgb(59,70,204);
 }
 
-.c12:disabled + label {
+.c14:disabled + label {
   background-color: rgb(249,249,249);
   cursor: not-allowed;
 }
 
-.c14 {
+.c16 {
   color: rgb(100,100,100);
   position: absolute;
   width: 1.125rem;
@@ -6014,7 +6407,7 @@ Array [
   height: 1.125rem;
 }
 
-.c14::after {
+.c16::after {
   opacity: 0;
   content: '';
   position: absolute;
@@ -6031,7 +6424,7 @@ Array [
   transform: rotate(-45deg);
 }
 
-.c11 {
+.c13 {
   display: inline-block;
   vertical-align: text-bottom;
   width: 1.125rem;
@@ -6040,12 +6433,12 @@ Array [
   cursor: pointer;
 }
 
-.c15 label {
+.c17 label {
   font-weight: normal;
   font-size: 0.9375rem;
 }
 
-.c10 {
+.c12 {
   list-style-type: none;
   display: -webkit-box;
   display: -webkit-flex;
@@ -6069,25 +6462,25 @@ Array [
   height: 1.5rem;
 }
 
-.c10 label {
+.c12 label {
   font-weight: 400;
 }
 
-.c10 label::after {
+.c12 label::after {
   width: 0.475rem;
   height: 0.205rem;
   top: 0.4125rem;
   left: 0.35rem;
 }
 
-.c10 div[type='checkbox'],
-.c10 div[type='checkbox'] input,
-.c10 div[type='checkbox'] label {
+.c12 div[type='checkbox'],
+.c12 div[type='checkbox'] input,
+.c12 div[type='checkbox'] label {
   height: 1.5rem;
   width: 1.5rem;
 }
 
-.c9 {
+.c11 {
   display: inline-block;
   padding: 0;
   border: none;
@@ -6099,14 +6492,14 @@ Array [
   -webkit-padding-after: 0;
 }
 
-.c16 {
+.c18 {
   font-weight: 600;
   white-space: pre;
   font-size: 0.8125rem;
   cursor: pointer;
 }
 
-.c8 {
+.c10 {
   margin-bottom: 0 !important;
 }
 
@@ -6188,78 +6581,85 @@ Array [
     <div
         className="c7"
     >
-        <form
+        <div
             className="c8"
-            onChange={[Function]}
         >
             <div
                 className="c9"
-                id="fw-toggle-firewall"
-                name="enabled"
-                role="group"
-                style={undefined}
-                type="checkbox"
             >
-                <li
+                <form
                     className="c10"
+                    onChange={[Function]}
                 >
                     <div
-                        checked={false}
                         className="c11"
-                        disabled={false}
                         id="fw-toggle-firewall"
-                        onBlur={undefined}
+                        name="enabled"
+                        role="group"
+                        style={undefined}
                         type="checkbox"
                     >
-                        <input
-                            checked={false}
-                            className="c12 c13"
-                            disabled={false}
-                            id="D"
-                            onBlur={undefined}
-                            type="checkbox"
-                        />
-                        <label
-                            className="c14"
-                            htmlFor="D"
-                        />
-                    </div>
-                    <div
-                        checked={false}
-                        className="c15"
-                        disabled={false}
-                        id="fw-toggle-firewall"
-                        onBlur={undefined}
-                    >
-                        <label
-                            className="c16 c17"
-                            htmlFor="D"
+                        <li
+                            className="c12"
                         >
                             <div
-                                className="c18"
+                                checked={false}
+                                className="c13"
+                                disabled={false}
+                                id="fw-toggle-firewall"
+                                onBlur={undefined}
+                                type="checkbox"
                             >
-                                Enable Firewall
+                                <input
+                                    checked={false}
+                                    className="c14 c15"
+                                    disabled={false}
+                                    id="D"
+                                    onBlur={undefined}
+                                    type="checkbox"
+                                />
+                                <label
+                                    className="c16"
+                                    htmlFor="D"
+                                />
                             </div>
-                        </label>
+                            <div
+                                checked={false}
+                                className="c17"
+                                disabled={false}
+                                id="fw-toggle-firewall"
+                                onBlur={undefined}
+                            >
+                                <label
+                                    className="c18 c19"
+                                    htmlFor="D"
+                                >
+                                    <div
+                                        className="c20"
+                                    >
+                                        Enable Firewall
+                                    </div>
+                                </label>
+                            </div>
+                        </li>
                     </div>
-                </li>
+                </form>
             </div>
-        </form>
+        </div>
+        <div
+            className="c8"
+        />
     </div>
-    <div
-        className="c19 c3"
-        height="0.0625rem"
-    />
 </div>,
   .c2 {
   margin-bottom: 1.125rem;
 }
 
-.c7 {
-  margin-bottom: 1.875rem;
+.c9 {
+  margin-right: 1.875rem;
 }
 
-.c18 {
+.c20 {
   margin-right: 0.75rem;
   margin-left: 0.75rem;
 }
@@ -6268,10 +6668,6 @@ Array [
   margin-top: 1.875rem;
 }
 
-.c20 {
-  margin-top: 1.5rem;
-}
-
 .c23 {
   margin-top: 1.125rem;
 }
@@ -6284,7 +6680,7 @@ Array [
   margin-right: 0.1875rem;
 }
 
-.c33 {
+.c32 {
   margin-left: 0.1875rem;
 }
 
@@ -6295,7 +6691,99 @@ Array [
   padding-left: 1.125rem;
 }
 
-.c13 {
+.c7 {
+  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;
+}
+
+.c28 {
+  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: 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-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.c31 {
+  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-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.c8 {
+  -webkit-order: 0;
+  -ms-flex-order: 0;
+  order: 0;
+  -webkit-flex-basis: auto;
+  -ms-flex-preferred-size: auto;
+  flex-basis: auto;
+  -webkit-box-flex: 0;
+  -webkit-flex-grow: 0;
+  -ms-flex-positive: 0;
+  flex-grow: 0;
+  -webkit-flex-shrink: 1;
+  -ms-flex-negative: 1;
+  flex-shrink: 1;
+  display: block;
+}
+
+.c15 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -6303,32 +6791,32 @@ Array [
   overflow: visible;
 }
 
-.c13[type='checkbox'],
-.c13[type='radio'] {
+.c15[type='checkbox'],
+.c15[type='radio'] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.c13[type='number']::-webkit-inner-spin-button,
-.c13[type='number']::-webkit-outer-spin-button {
+.c15[type='number']::-webkit-inner-spin-button,
+.c15[type='number']::-webkit-outer-spin-button {
   height: auto;
 }
 
-.c13[type='search'] {
+.c15[type='search'] {
   -webkit-appearance: textfield;
   -moz-appearance: textfield;
   appearance: textfield;
   outline-offset: -0.125rem;
 }
 
-.c13[type='search']::-webkit-search-cancel-button,
-.c13[type='search']::-webkit-search-decoration {
+.c15[type='search']::-webkit-search-cancel-button,
+.c15[type='search']::-webkit-search-decoration {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
 }
 
-.c13::-webkit-file-upload-button {
+.c15::-webkit-file-upload-button {
   -webkit-appearance: button;
   -moz-appearance: button;
   appearance: button;
@@ -6342,7 +6830,7 @@ Array [
   font-size: 0.9375rem;
 }
 
-.c17 {
+.c19 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-style: normal;
@@ -6396,7 +6884,7 @@ Array [
   display: block;
 }
 
-.c36 {
+.c35 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -6421,95 +6909,13 @@ Array [
   font-size: 1.3125rem;
 }
 
-.c31 {
+.c30 {
   color: rgb(73,73,73);
   font-weight: 700;
   line-height: 1.5rem;
   font-size: 0.9375rem;
 }
 
-.c19 {
-  height: 1px;
-  background-color: rgb(216,216,216);
-}
-
-.c28 {
-  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: 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-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  width: 100%;
-  height: 100%;
-  -webkit-flex-basis: 100%;
-  -ms-flex-preferred-size: 100%;
-  flex-basis: 100%;
-}
-
-.c32 {
-  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-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c30 {
-  -webkit-order: 0;
-  -ms-flex-order: 0;
-  order: 0;
-  -webkit-flex-basis: auto;
-  -ms-flex-preferred-size: auto;
-  flex-basis: auto;
-  -webkit-box-flex: 0;
-  -webkit-flex-grow: 0;
-  -ms-flex-positive: 0;
-  flex-grow: 0;
-  -webkit-flex-shrink: 1;
-  -ms-flex-negative: 1;
-  flex-shrink: 1;
-  display: block;
-}
-
 .c25 {
   box-sizing: content-box;
   display: -webkit-box;
@@ -6536,33 +6942,33 @@ Array [
   cursor: default;
 }
 
-.c12 {
+.c14 {
   font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   display: none;
 }
 
-.c12:checked + label::after {
+.c14:checked + label::after {
   opacity: 1;
 }
 
-.c12:selected + label::after {
+.c14:selected + label::after {
   opacity: 1;
 }
 
-.c12:checked + label {
+.c14:checked + label {
   border-color: rgb(59,70,204);
 }
 
-.c12:selected + label {
+.c14:selected + label {
   border-color: rgb(59,70,204);
 }
 
-.c12:disabled + label {
+.c14:disabled + label {
   background-color: rgb(249,249,249);
   cursor: not-allowed;
 }
 
-.c14 {
+.c16 {
   color: rgb(100,100,100);
   position: absolute;
   width: 1.125rem;
@@ -6580,7 +6986,7 @@ Array [
   height: 1.125rem;
 }
 
-.c14::after {
+.c16::after {
   opacity: 0;
   content: '';
   position: absolute;
@@ -6597,7 +7003,7 @@ Array [
   transform: rotate(-45deg);
 }
 
-.c11 {
+.c13 {
   display: inline-block;
   vertical-align: text-bottom;
   width: 1.125rem;
@@ -6606,12 +7012,12 @@ Array [
   cursor: pointer;
 }
 
-.c15 label {
+.c17 label {
   font-weight: normal;
   font-size: 0.9375rem;
 }
 
-.c10 {
+.c12 {
   list-style-type: none;
   display: -webkit-box;
   display: -webkit-flex;
@@ -6635,25 +7041,25 @@ Array [
   height: 1.5rem;
 }
 
-.c10 label {
+.c12 label {
   font-weight: 400;
 }
 
-.c10 label::after {
+.c12 label::after {
   width: 0.475rem;
   height: 0.205rem;
   top: 0.4125rem;
   left: 0.35rem;
 }
 
-.c10 div[type='checkbox'],
-.c10 div[type='checkbox'] input,
-.c10 div[type='checkbox'] label {
+.c12 div[type='checkbox'],
+.c12 div[type='checkbox'] input,
+.c12 div[type='checkbox'] label {
   height: 1.5rem;
   width: 1.5rem;
 }
 
-.c9 {
+.c11 {
   display: inline-block;
   padding: 0;
   border: none;
@@ -6665,14 +7071,14 @@ Array [
   -webkit-padding-after: 0;
 }
 
-.c16 {
+.c18 {
   font-weight: 600;
   white-space: pre;
   font-size: 0.8125rem;
   cursor: pointer;
 }
 
-.c35 {
+.c34 {
   border: 0.0625rem solid rgb(216,216,216);
   box-sizing: border-box;
   border-radius: 0.125rem;
@@ -6693,7 +7099,7 @@ Array [
   align-items: center;
 }
 
-.c34 {
+.c33 {
   margin: 0;
   padding: 0;
   display: -webkit-box;
@@ -6706,7 +7112,7 @@ Array [
   flex-wrap: wrap;
 }
 
-.c8 {
+.c10 {
   margin-bottom: 0 !important;
 }
 
@@ -6760,7 +7166,7 @@ Array [
 }
 
 @media only screen and (min-width:0em) {
-  .c36 {
+  .c35 {
     -webkit-flex-basis: 16.666666666666668%;
     -ms-flex-preferred-size: 16.666666666666668%;
     flex-basis: 16.666666666666668%;
@@ -6806,127 +7212,131 @@ Array [
     <div
         className="c7"
     >
-        <form
-            className="c8"
-            onChange={[Function]}
-        >
-            <div
-                className="c9"
-                id="fw-toggle-firewall"
-                name="enabled"
-                role="group"
-                style={undefined}
-                type="checkbox"
-            >
-                <li
-                    className="c10"
-                >
-                    <div
-                        checked={false}
-                        className="c11"
-                        disabled={false}
-                        id="fw-toggle-firewall"
-                        onBlur={undefined}
-                        type="checkbox"
-                    >
-                        <input
-                            checked={false}
-                            className="c12 c13"
-                            disabled={false}
-                            id="F"
-                            onBlur={undefined}
-                            type="checkbox"
-                        />
-                        <label
-                            className="c14"
-                            htmlFor="F"
-                        />
-                    </div>
-                    <div
-                        checked={false}
-                        className="c15"
-                        disabled={false}
-                        id="fw-toggle-firewall"
-                        onBlur={undefined}
-                    >
-                        <label
-                            className="c16 c17"
-                            htmlFor="F"
-                        >
-                            <div
-                                className="c18"
-                            >
-                                Enable Firewall
-                            </div>
-                        </label>
-                    </div>
-                </li>
-            </div>
-        </form>
-    </div>
-    <div
-        className="c19 c3"
-        height="0.0625rem"
-    />
-    <div
-        className="c20"
-    >
-        <form
+        <div
             className="c8"
         >
             <div
                 className="c9"
-                id="fw-toggle-inactive"
-                name="inactive"
-                role="group"
-                style={undefined}
-                type="checkbox"
             >
-                <li
+                <form
                     className="c10"
+                    onChange={[Function]}
                 >
                     <div
-                        checked={false}
                         className="c11"
-                        disabled={false}
-                        id="fw-toggle-inactive"
-                        onBlur={undefined}
+                        id="fw-toggle-firewall"
+                        name="enabled"
+                        role="group"
+                        style={undefined}
                         type="checkbox"
                     >
-                        <input
-                            checked={false}
-                            className="c12 c13"
-                            disabled={false}
-                            id="H"
-                            onBlur={undefined}
-                            type="checkbox"
-                        />
-                        <label
-                            className="c14"
-                            htmlFor="H"
-                        />
-                    </div>
-                    <div
-                        checked={false}
-                        className="c15"
-                        disabled={false}
-                        id="fw-toggle-inactive"
-                        onBlur={undefined}
-                    >
-                        <label
-                            className="c16 c17"
-                            htmlFor="H"
+                        <li
+                            className="c12"
                         >
                             <div
-                                className="c18"
+                                checked={false}
+                                className="c13"
+                                disabled={false}
+                                id="fw-toggle-firewall"
+                                onBlur={undefined}
+                                type="checkbox"
                             >
-                                Show inactive rules
+                                <input
+                                    checked={false}
+                                    className="c14 c15"
+                                    disabled={false}
+                                    id="F"
+                                    onBlur={undefined}
+                                    type="checkbox"
+                                />
+                                <label
+                                    className="c16"
+                                    htmlFor="F"
+                                />
                             </div>
-                        </label>
+                            <div
+                                checked={false}
+                                className="c17"
+                                disabled={false}
+                                id="fw-toggle-firewall"
+                                onBlur={undefined}
+                            >
+                                <label
+                                    className="c18 c19"
+                                    htmlFor="F"
+                                >
+                                    <div
+                                        className="c20"
+                                    >
+                                        Enable Firewall
+                                    </div>
+                                </label>
+                            </div>
+                        </li>
                     </div>
-                </li>
+                </form>
             </div>
-        </form>
+        </div>
+        <div
+            className="c8"
+        >
+            <form
+                className="c10"
+            >
+                <div
+                    className="c11"
+                    id="fw-toggle-inactive"
+                    name="inactive"
+                    role="group"
+                    style={undefined}
+                    type="checkbox"
+                >
+                    <li
+                        className="c12"
+                    >
+                        <div
+                            checked={false}
+                            className="c13"
+                            disabled={false}
+                            id="fw-toggle-inactive"
+                            onBlur={undefined}
+                            type="checkbox"
+                        >
+                            <input
+                                checked={false}
+                                className="c14 c15"
+                                disabled={false}
+                                id="H"
+                                onBlur={undefined}
+                                type="checkbox"
+                            />
+                            <label
+                                className="c16"
+                                htmlFor="H"
+                            />
+                        </div>
+                        <div
+                            checked={false}
+                            className="c17"
+                            disabled={false}
+                            id="fw-toggle-inactive"
+                            onBlur={undefined}
+                        >
+                            <label
+                                className="c18 c19"
+                                htmlFor="H"
+                            >
+                                <div
+                                    className="c20"
+                                >
+                                    Show inactive rules
+                                </div>
+                            </label>
+                        </div>
+                    </li>
+                </div>
+            </form>
+        </div>
     </div>
     <div
         className="c21"
@@ -6963,10 +7373,10 @@ Array [
                                         className="c29"
                                     >
                                         <div
-                                            className="c30"
+                                            className="c8"
                                         >
                                             <strong
-                                                className="c31"
+                                                className="c30"
                                                 style={
                                                     Object {
                                                         "color": "#D8D8D8",
@@ -6978,7 +7388,7 @@ Array [
                                         </div>
                                     </div>
                                     <div
-                                        className="c32"
+                                        className="c31"
                                     >
                                         <p
                                             className="c6"
@@ -7003,10 +7413,10 @@ Array [
                                         className="c29"
                                     >
                                         <div
-                                            className="c30"
+                                            className="c8"
                                         >
                                             <strong
-                                                className="c31"
+                                                className="c30"
                                                 style={
                                                     Object {
                                                         "color": "#D8D8D8",
@@ -7018,16 +7428,16 @@ Array [
                                         </div>
                                     </div>
                                     <div
-                                        className="c32"
+                                        className="c31"
                                     >
                                         <div
-                                            className="c33"
+                                            className="c32"
                                         >
                                             <ul
-                                                className="c34"
+                                                className="c33"
                                             >
                                                 <li
-                                                    className="c35"
+                                                    className="c34"
                                                     fill={null}
                                                     name="wat"
                                                     style={
@@ -7043,7 +7453,7 @@ Array [
                                 </div>
                             </div>
                             <div
-                                className="c36"
+                                className="c35"
                             >
                                 <div
                                     className="c28"
@@ -7052,10 +7462,10 @@ Array [
                                         className="c29"
                                     >
                                         <div
-                                            className="c30"
+                                            className="c8"
                                         >
                                             <strong
-                                                className="c31"
+                                                className="c30"
                                                 style={
                                                     Object {
                                                         "color": "#D8D8D8",
@@ -7067,7 +7477,7 @@ Array [
                                         </div>
                                     </div>
                                     <div
-                                        className="c32"
+                                        className="c31"
                                     >
                                         <p
                                             className="c6"
@@ -7083,7 +7493,7 @@ Array [
                                 </div>
                             </div>
                             <div
-                                className="c36"
+                                className="c35"
                             >
                                 <div
                                     className="c28"
@@ -7092,10 +7502,10 @@ Array [
                                         className="c29"
                                     >
                                         <div
-                                            className="c30"
+                                            className="c8"
                                         >
                                             <strong
-                                                className="c31"
+                                                className="c30"
                                                 style={
                                                     Object {
                                                         "color": "#D8D8D8",
@@ -7107,7 +7517,7 @@ Array [
                                         </div>
                                     </div>
                                     <div
-                                        className="c32"
+                                        className="c31"
                                     >
                                         <p
                                             className="c6"
@@ -7123,7 +7533,7 @@ Array [
                                 </div>
                             </div>
                             <div
-                                className="c36"
+                                className="c35"
                             >
                                 <div
                                     className="c28"
@@ -7132,10 +7542,10 @@ Array [
                                         className="c29"
                                     >
                                         <div
-                                            className="c30"
+                                            className="c8"
                                         >
                                             <strong
-                                                className="c31"
+                                                className="c30"
                                                 style={
                                                     Object {
                                                         "color": "#D8D8D8",
@@ -7147,7 +7557,7 @@ Array [
                                         </div>
                                     </div>
                                     <div
-                                        className="c32"
+                                        className="c31"
                                     >
                                         <p
                                             className="c6"
@@ -7178,16 +7588,53 @@ Array [
   margin-bottom: 1.125rem;
 }
 
-.c7 {
-  margin-bottom: 1.875rem;
+.c9 {
+  margin-right: 1.875rem;
 }
 
-.c18 {
+.c20 {
   margin-right: 0.75rem;
   margin-left: 0.75rem;
 }
 
-.c13 {
+.c7 {
+  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;
+}
+
+.c8 {
+  -webkit-order: 0;
+  -ms-flex-order: 0;
+  order: 0;
+  -webkit-flex-basis: auto;
+  -ms-flex-preferred-size: auto;
+  flex-basis: auto;
+  -webkit-box-flex: 0;
+  -webkit-flex-grow: 0;
+  -ms-flex-positive: 0;
+  flex-grow: 0;
+  -webkit-flex-shrink: 1;
+  -ms-flex-negative: 1;
+  flex-shrink: 1;
+  display: block;
+}
+
+.c15 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -7195,32 +7642,32 @@ Array [
   overflow: visible;
 }
 
-.c13[type='checkbox'],
-.c13[type='radio'] {
+.c15[type='checkbox'],
+.c15[type='radio'] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.c13[type='number']::-webkit-inner-spin-button,
-.c13[type='number']::-webkit-outer-spin-button {
+.c15[type='number']::-webkit-inner-spin-button,
+.c15[type='number']::-webkit-outer-spin-button {
   height: auto;
 }
 
-.c13[type='search'] {
+.c15[type='search'] {
   -webkit-appearance: textfield;
   -moz-appearance: textfield;
   appearance: textfield;
   outline-offset: -0.125rem;
 }
 
-.c13[type='search']::-webkit-search-cancel-button,
-.c13[type='search']::-webkit-search-decoration {
+.c15[type='search']::-webkit-search-cancel-button,
+.c15[type='search']::-webkit-search-decoration {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
 }
 
-.c13::-webkit-file-upload-button {
+.c15::-webkit-file-upload-button {
   -webkit-appearance: button;
   -moz-appearance: button;
   appearance: button;
@@ -7234,7 +7681,7 @@ Array [
   font-size: 0.9375rem;
 }
 
-.c17 {
+.c19 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-style: normal;
@@ -7285,38 +7732,33 @@ Array [
   padding-bottom: 1.125rem;
 }
 
-.c19 {
-  height: 1px;
-  background-color: rgb(216,216,216);
-}
-
-.c12 {
+.c14 {
   font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   display: none;
 }
 
-.c12:checked + label::after {
+.c14:checked + label::after {
   opacity: 1;
 }
 
-.c12:selected + label::after {
+.c14:selected + label::after {
   opacity: 1;
 }
 
-.c12:checked + label {
+.c14:checked + label {
   border-color: rgb(59,70,204);
 }
 
-.c12:selected + label {
+.c14:selected + label {
   border-color: rgb(59,70,204);
 }
 
-.c12:disabled + label {
+.c14:disabled + label {
   background-color: rgb(249,249,249);
   cursor: not-allowed;
 }
 
-.c14 {
+.c16 {
   color: rgb(100,100,100);
   position: absolute;
   width: 1.125rem;
@@ -7334,7 +7776,7 @@ Array [
   height: 1.125rem;
 }
 
-.c14::after {
+.c16::after {
   opacity: 0;
   content: '';
   position: absolute;
@@ -7351,7 +7793,7 @@ Array [
   transform: rotate(-45deg);
 }
 
-.c11 {
+.c13 {
   display: inline-block;
   vertical-align: text-bottom;
   width: 1.125rem;
@@ -7360,12 +7802,12 @@ Array [
   cursor: pointer;
 }
 
-.c15 label {
+.c17 label {
   font-weight: normal;
   font-size: 0.9375rem;
 }
 
-.c10 {
+.c12 {
   list-style-type: none;
   display: -webkit-box;
   display: -webkit-flex;
@@ -7389,25 +7831,25 @@ Array [
   height: 1.5rem;
 }
 
-.c10 label {
+.c12 label {
   font-weight: 400;
 }
 
-.c10 label::after {
+.c12 label::after {
   width: 0.475rem;
   height: 0.205rem;
   top: 0.4125rem;
   left: 0.35rem;
 }
 
-.c10 div[type='checkbox'],
-.c10 div[type='checkbox'] input,
-.c10 div[type='checkbox'] label {
+.c12 div[type='checkbox'],
+.c12 div[type='checkbox'] input,
+.c12 div[type='checkbox'] label {
   height: 1.5rem;
   width: 1.5rem;
 }
 
-.c9 {
+.c11 {
   display: inline-block;
   padding: 0;
   border: none;
@@ -7419,14 +7861,14 @@ Array [
   -webkit-padding-after: 0;
 }
 
-.c16 {
+.c18 {
   font-weight: 600;
   white-space: pre;
   font-size: 0.8125rem;
   cursor: pointer;
 }
 
-.c8 {
+.c10 {
   margin-bottom: 0 !important;
 }
 
@@ -7508,83 +7950,127 @@ Array [
     <div
         className="c7"
     >
-        <form
+        <div
             className="c8"
-            onChange={[Function]}
         >
             <div
                 className="c9"
-                id="fw-toggle-firewall"
-                name="enabled"
-                role="group"
-                style={undefined}
-                type="checkbox"
             >
-                <li
+                <form
                     className="c10"
+                    onChange={[Function]}
                 >
                     <div
-                        checked={false}
                         className="c11"
-                        disabled={false}
                         id="fw-toggle-firewall"
-                        onBlur={undefined}
+                        name="enabled"
+                        role="group"
+                        style={undefined}
                         type="checkbox"
                     >
-                        <input
-                            checked={false}
-                            className="c12 c13"
-                            disabled={false}
-                            id="J"
-                            onBlur={undefined}
-                            type="checkbox"
-                        />
-                        <label
-                            className="c14"
-                            htmlFor="J"
-                        />
-                    </div>
-                    <div
-                        checked={false}
-                        className="c15"
-                        disabled={false}
-                        id="fw-toggle-firewall"
-                        onBlur={undefined}
-                    >
-                        <label
-                            className="c16 c17"
-                            htmlFor="J"
+                        <li
+                            className="c12"
                         >
                             <div
-                                className="c18"
+                                checked={false}
+                                className="c13"
+                                disabled={false}
+                                id="fw-toggle-firewall"
+                                onBlur={undefined}
+                                type="checkbox"
                             >
-                                Enable Firewall
+                                <input
+                                    checked={false}
+                                    className="c14 c15"
+                                    disabled={false}
+                                    id="J"
+                                    onBlur={undefined}
+                                    type="checkbox"
+                                />
+                                <label
+                                    className="c16"
+                                    htmlFor="J"
+                                />
                             </div>
-                        </label>
+                            <div
+                                checked={false}
+                                className="c17"
+                                disabled={false}
+                                id="fw-toggle-firewall"
+                                onBlur={undefined}
+                            >
+                                <label
+                                    className="c18 c19"
+                                    htmlFor="J"
+                                >
+                                    <div
+                                        className="c20"
+                                    >
+                                        Enable Firewall
+                                    </div>
+                                </label>
+                            </div>
+                        </li>
                     </div>
-                </li>
+                </form>
             </div>
-        </form>
+        </div>
+        <div
+            className="c8"
+        />
     </div>
-    <div
-        className="c19 c3"
-        height="0.0625rem"
-    />
 </div>,
   .c2 {
   margin-bottom: 1.125rem;
 }
 
-.c7 {
-  margin-bottom: 1.875rem;
+.c9 {
+  margin-right: 1.875rem;
 }
 
-.c18 {
+.c20 {
   margin-right: 0.75rem;
   margin-left: 0.75rem;
 }
 
-.c13 {
+.c7 {
+  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;
+}
+
+.c8 {
+  -webkit-order: 0;
+  -ms-flex-order: 0;
+  order: 0;
+  -webkit-flex-basis: auto;
+  -ms-flex-preferred-size: auto;
+  flex-basis: auto;
+  -webkit-box-flex: 0;
+  -webkit-flex-grow: 0;
+  -ms-flex-positive: 0;
+  flex-grow: 0;
+  -webkit-flex-shrink: 1;
+  -ms-flex-negative: 1;
+  flex-shrink: 1;
+  display: block;
+}
+
+.c15 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -7592,32 +8078,32 @@ Array [
   overflow: visible;
 }
 
-.c13[type='checkbox'],
-.c13[type='radio'] {
+.c15[type='checkbox'],
+.c15[type='radio'] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.c13[type='number']::-webkit-inner-spin-button,
-.c13[type='number']::-webkit-outer-spin-button {
+.c15[type='number']::-webkit-inner-spin-button,
+.c15[type='number']::-webkit-outer-spin-button {
   height: auto;
 }
 
-.c13[type='search'] {
+.c15[type='search'] {
   -webkit-appearance: textfield;
   -moz-appearance: textfield;
   appearance: textfield;
   outline-offset: -0.125rem;
 }
 
-.c13[type='search']::-webkit-search-cancel-button,
-.c13[type='search']::-webkit-search-decoration {
+.c15[type='search']::-webkit-search-cancel-button,
+.c15[type='search']::-webkit-search-decoration {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
 }
 
-.c13::-webkit-file-upload-button {
+.c15::-webkit-file-upload-button {
   -webkit-appearance: button;
   -moz-appearance: button;
   appearance: button;
@@ -7631,7 +8117,7 @@ Array [
   font-size: 0.9375rem;
 }
 
-.c17 {
+.c19 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-style: normal;
@@ -7682,38 +8168,33 @@ Array [
   padding-bottom: 1.125rem;
 }
 
-.c19 {
-  height: 1px;
-  background-color: rgb(216,216,216);
-}
-
-.c12 {
+.c14 {
   font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   display: none;
 }
 
-.c12:checked + label::after {
+.c14:checked + label::after {
   opacity: 1;
 }
 
-.c12:selected + label::after {
+.c14:selected + label::after {
   opacity: 1;
 }
 
-.c12:checked + label {
+.c14:checked + label {
   border-color: rgb(59,70,204);
 }
 
-.c12:selected + label {
+.c14:selected + label {
   border-color: rgb(59,70,204);
 }
 
-.c12:disabled + label {
+.c14:disabled + label {
   background-color: rgb(249,249,249);
   cursor: not-allowed;
 }
 
-.c14 {
+.c16 {
   color: rgb(100,100,100);
   position: absolute;
   width: 1.125rem;
@@ -7731,7 +8212,7 @@ Array [
   height: 1.125rem;
 }
 
-.c14::after {
+.c16::after {
   opacity: 0;
   content: '';
   position: absolute;
@@ -7748,7 +8229,7 @@ Array [
   transform: rotate(-45deg);
 }
 
-.c11 {
+.c13 {
   display: inline-block;
   vertical-align: text-bottom;
   width: 1.125rem;
@@ -7757,12 +8238,12 @@ Array [
   cursor: pointer;
 }
 
-.c15 label {
+.c17 label {
   font-weight: normal;
   font-size: 0.9375rem;
 }
 
-.c10 {
+.c12 {
   list-style-type: none;
   display: -webkit-box;
   display: -webkit-flex;
@@ -7786,25 +8267,25 @@ Array [
   height: 1.5rem;
 }
 
-.c10 label {
+.c12 label {
   font-weight: 400;
 }
 
-.c10 label::after {
+.c12 label::after {
   width: 0.475rem;
   height: 0.205rem;
   top: 0.4125rem;
   left: 0.35rem;
 }
 
-.c10 div[type='checkbox'],
-.c10 div[type='checkbox'] input,
-.c10 div[type='checkbox'] label {
+.c12 div[type='checkbox'],
+.c12 div[type='checkbox'] input,
+.c12 div[type='checkbox'] label {
   height: 1.5rem;
   width: 1.5rem;
 }
 
-.c9 {
+.c11 {
   display: inline-block;
   padding: 0;
   border: none;
@@ -7816,14 +8297,14 @@ Array [
   -webkit-padding-after: 0;
 }
 
-.c16 {
+.c18 {
   font-weight: 600;
   white-space: pre;
   font-size: 0.8125rem;
   cursor: pointer;
 }
 
-.c8 {
+.c10 {
   margin-bottom: 0 !important;
 }
 
@@ -7905,78 +8386,85 @@ Array [
     <div
         className="c7"
     >
-        <form
+        <div
             className="c8"
-            onChange={[Function]}
         >
             <div
                 className="c9"
-                id="fw-toggle-firewall"
-                name="enabled"
-                role="group"
-                style={undefined}
-                type="checkbox"
             >
-                <li
+                <form
                     className="c10"
+                    onChange={[Function]}
                 >
                     <div
-                        checked={false}
                         className="c11"
-                        disabled={false}
                         id="fw-toggle-firewall"
-                        onBlur={undefined}
+                        name="enabled"
+                        role="group"
+                        style={undefined}
                         type="checkbox"
                     >
-                        <input
-                            checked={false}
-                            className="c12 c13"
-                            disabled={false}
-                            id="L"
-                            onBlur={undefined}
-                            type="checkbox"
-                        />
-                        <label
-                            className="c14"
-                            htmlFor="L"
-                        />
-                    </div>
-                    <div
-                        checked={false}
-                        className="c15"
-                        disabled={false}
-                        id="fw-toggle-firewall"
-                        onBlur={undefined}
-                    >
-                        <label
-                            className="c16 c17"
-                            htmlFor="L"
+                        <li
+                            className="c12"
                         >
                             <div
-                                className="c18"
+                                checked={false}
+                                className="c13"
+                                disabled={false}
+                                id="fw-toggle-firewall"
+                                onBlur={undefined}
+                                type="checkbox"
                             >
-                                Enable Firewall
+                                <input
+                                    checked={false}
+                                    className="c14 c15"
+                                    disabled={false}
+                                    id="L"
+                                    onBlur={undefined}
+                                    type="checkbox"
+                                />
+                                <label
+                                    className="c16"
+                                    htmlFor="L"
+                                />
                             </div>
-                        </label>
+                            <div
+                                checked={false}
+                                className="c17"
+                                disabled={false}
+                                id="fw-toggle-firewall"
+                                onBlur={undefined}
+                            >
+                                <label
+                                    className="c18 c19"
+                                    htmlFor="L"
+                                >
+                                    <div
+                                        className="c20"
+                                    >
+                                        Enable Firewall
+                                    </div>
+                                </label>
+                            </div>
+                        </li>
                     </div>
-                </li>
+                </form>
             </div>
-        </form>
+        </div>
+        <div
+            className="c8"
+        />
     </div>
-    <div
-        className="c19 c3"
-        height="0.0625rem"
-    />
 </div>,
   .c2 {
   margin-bottom: 1.125rem;
 }
 
-.c7 {
-  margin-bottom: 1.875rem;
+.c9 {
+  margin-right: 1.875rem;
 }
 
-.c18 {
+.c20 {
   margin-right: 0.75rem;
   margin-left: 0.75rem;
 }
@@ -7985,10 +8473,6 @@ Array [
   margin-top: 1.875rem;
 }
 
-.c20 {
-  margin-top: 1.5rem;
-}
-
 .c23 {
   margin-top: 1.125rem;
 }
@@ -8001,7 +8485,7 @@ Array [
   margin-right: 0.1875rem;
 }
 
-.c33 {
+.c32 {
   margin-left: 0.1875rem;
 }
 
@@ -8012,7 +8496,99 @@ Array [
   padding-left: 1.125rem;
 }
 
-.c13 {
+.c7 {
+  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;
+}
+
+.c28 {
+  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: 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-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.c31 {
+  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-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.c8 {
+  -webkit-order: 0;
+  -ms-flex-order: 0;
+  order: 0;
+  -webkit-flex-basis: auto;
+  -ms-flex-preferred-size: auto;
+  flex-basis: auto;
+  -webkit-box-flex: 0;
+  -webkit-flex-grow: 0;
+  -ms-flex-positive: 0;
+  flex-grow: 0;
+  -webkit-flex-shrink: 1;
+  -ms-flex-negative: 1;
+  flex-shrink: 1;
+  display: block;
+}
+
+.c15 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -8020,32 +8596,32 @@ Array [
   overflow: visible;
 }
 
-.c13[type='checkbox'],
-.c13[type='radio'] {
+.c15[type='checkbox'],
+.c15[type='radio'] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.c13[type='number']::-webkit-inner-spin-button,
-.c13[type='number']::-webkit-outer-spin-button {
+.c15[type='number']::-webkit-inner-spin-button,
+.c15[type='number']::-webkit-outer-spin-button {
   height: auto;
 }
 
-.c13[type='search'] {
+.c15[type='search'] {
   -webkit-appearance: textfield;
   -moz-appearance: textfield;
   appearance: textfield;
   outline-offset: -0.125rem;
 }
 
-.c13[type='search']::-webkit-search-cancel-button,
-.c13[type='search']::-webkit-search-decoration {
+.c15[type='search']::-webkit-search-cancel-button,
+.c15[type='search']::-webkit-search-decoration {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
 }
 
-.c13::-webkit-file-upload-button {
+.c15::-webkit-file-upload-button {
   -webkit-appearance: button;
   -moz-appearance: button;
   appearance: button;
@@ -8059,7 +8635,7 @@ Array [
   font-size: 0.9375rem;
 }
 
-.c17 {
+.c19 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-style: normal;
@@ -8113,7 +8689,7 @@ Array [
   display: block;
 }
 
-.c36 {
+.c35 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -8138,95 +8714,13 @@ Array [
   font-size: 1.3125rem;
 }
 
-.c31 {
+.c30 {
   color: rgb(73,73,73);
   font-weight: 700;
   line-height: 1.5rem;
   font-size: 0.9375rem;
 }
 
-.c19 {
-  height: 1px;
-  background-color: rgb(216,216,216);
-}
-
-.c28 {
-  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: 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-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  width: 100%;
-  height: 100%;
-  -webkit-flex-basis: 100%;
-  -ms-flex-preferred-size: 100%;
-  flex-basis: 100%;
-}
-
-.c32 {
-  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-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c30 {
-  -webkit-order: 0;
-  -ms-flex-order: 0;
-  order: 0;
-  -webkit-flex-basis: auto;
-  -ms-flex-preferred-size: auto;
-  flex-basis: auto;
-  -webkit-box-flex: 0;
-  -webkit-flex-grow: 0;
-  -ms-flex-positive: 0;
-  flex-grow: 0;
-  -webkit-flex-shrink: 1;
-  -ms-flex-negative: 1;
-  flex-shrink: 1;
-  display: block;
-}
-
 .c25 {
   box-sizing: content-box;
   display: -webkit-box;
@@ -8253,33 +8747,33 @@ Array [
   cursor: default;
 }
 
-.c12 {
+.c14 {
   font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   display: none;
 }
 
-.c12:checked + label::after {
+.c14:checked + label::after {
   opacity: 1;
 }
 
-.c12:selected + label::after {
+.c14:selected + label::after {
   opacity: 1;
 }
 
-.c12:checked + label {
+.c14:checked + label {
   border-color: rgb(59,70,204);
 }
 
-.c12:selected + label {
+.c14:selected + label {
   border-color: rgb(59,70,204);
 }
 
-.c12:disabled + label {
+.c14:disabled + label {
   background-color: rgb(249,249,249);
   cursor: not-allowed;
 }
 
-.c14 {
+.c16 {
   color: rgb(100,100,100);
   position: absolute;
   width: 1.125rem;
@@ -8297,7 +8791,7 @@ Array [
   height: 1.125rem;
 }
 
-.c14::after {
+.c16::after {
   opacity: 0;
   content: '';
   position: absolute;
@@ -8314,7 +8808,7 @@ Array [
   transform: rotate(-45deg);
 }
 
-.c11 {
+.c13 {
   display: inline-block;
   vertical-align: text-bottom;
   width: 1.125rem;
@@ -8323,12 +8817,12 @@ Array [
   cursor: pointer;
 }
 
-.c15 label {
+.c17 label {
   font-weight: normal;
   font-size: 0.9375rem;
 }
 
-.c10 {
+.c12 {
   list-style-type: none;
   display: -webkit-box;
   display: -webkit-flex;
@@ -8352,25 +8846,25 @@ Array [
   height: 1.5rem;
 }
 
-.c10 label {
+.c12 label {
   font-weight: 400;
 }
 
-.c10 label::after {
+.c12 label::after {
   width: 0.475rem;
   height: 0.205rem;
   top: 0.4125rem;
   left: 0.35rem;
 }
 
-.c10 div[type='checkbox'],
-.c10 div[type='checkbox'] input,
-.c10 div[type='checkbox'] label {
+.c12 div[type='checkbox'],
+.c12 div[type='checkbox'] input,
+.c12 div[type='checkbox'] label {
   height: 1.5rem;
   width: 1.5rem;
 }
 
-.c9 {
+.c11 {
   display: inline-block;
   padding: 0;
   border: none;
@@ -8382,14 +8876,14 @@ Array [
   -webkit-padding-after: 0;
 }
 
-.c16 {
+.c18 {
   font-weight: 600;
   white-space: pre;
   font-size: 0.8125rem;
   cursor: pointer;
 }
 
-.c35 {
+.c34 {
   border: 0.0625rem solid rgb(216,216,216);
   box-sizing: border-box;
   border-radius: 0.125rem;
@@ -8410,7 +8904,7 @@ Array [
   align-items: center;
 }
 
-.c34 {
+.c33 {
   margin: 0;
   padding: 0;
   display: -webkit-box;
@@ -8423,7 +8917,7 @@ Array [
   flex-wrap: wrap;
 }
 
-.c8 {
+.c10 {
   margin-bottom: 0 !important;
 }
 
@@ -8477,7 +8971,7 @@ Array [
 }
 
 @media only screen and (min-width:0em) {
-  .c36 {
+  .c35 {
     -webkit-flex-basis: 16.666666666666668%;
     -ms-flex-preferred-size: 16.666666666666668%;
     flex-basis: 16.666666666666668%;
@@ -8523,127 +9017,131 @@ Array [
     <div
         className="c7"
     >
-        <form
-            className="c8"
-            onChange={[Function]}
-        >
-            <div
-                className="c9"
-                id="fw-toggle-firewall"
-                name="enabled"
-                role="group"
-                style={undefined}
-                type="checkbox"
-            >
-                <li
-                    className="c10"
-                >
-                    <div
-                        checked={false}
-                        className="c11"
-                        disabled={false}
-                        id="fw-toggle-firewall"
-                        onBlur={undefined}
-                        type="checkbox"
-                    >
-                        <input
-                            checked={false}
-                            className="c12 c13"
-                            disabled={false}
-                            id="N"
-                            onBlur={undefined}
-                            type="checkbox"
-                        />
-                        <label
-                            className="c14"
-                            htmlFor="N"
-                        />
-                    </div>
-                    <div
-                        checked={false}
-                        className="c15"
-                        disabled={false}
-                        id="fw-toggle-firewall"
-                        onBlur={undefined}
-                    >
-                        <label
-                            className="c16 c17"
-                            htmlFor="N"
-                        >
-                            <div
-                                className="c18"
-                            >
-                                Enable Firewall
-                            </div>
-                        </label>
-                    </div>
-                </li>
-            </div>
-        </form>
-    </div>
-    <div
-        className="c19 c3"
-        height="0.0625rem"
-    />
-    <div
-        className="c20"
-    >
-        <form
+        <div
             className="c8"
         >
             <div
                 className="c9"
-                id="fw-toggle-inactive"
-                name="inactive"
-                role="group"
-                style={undefined}
-                type="checkbox"
             >
-                <li
+                <form
                     className="c10"
+                    onChange={[Function]}
                 >
                     <div
-                        checked={false}
                         className="c11"
-                        disabled={false}
-                        id="fw-toggle-inactive"
-                        onBlur={undefined}
+                        id="fw-toggle-firewall"
+                        name="enabled"
+                        role="group"
+                        style={undefined}
                         type="checkbox"
                     >
-                        <input
-                            checked={false}
-                            className="c12 c13"
-                            disabled={false}
-                            id="P"
-                            onBlur={undefined}
-                            type="checkbox"
-                        />
-                        <label
-                            className="c14"
-                            htmlFor="P"
-                        />
-                    </div>
-                    <div
-                        checked={false}
-                        className="c15"
-                        disabled={false}
-                        id="fw-toggle-inactive"
-                        onBlur={undefined}
-                    >
-                        <label
-                            className="c16 c17"
-                            htmlFor="P"
+                        <li
+                            className="c12"
                         >
                             <div
-                                className="c18"
+                                checked={false}
+                                className="c13"
+                                disabled={false}
+                                id="fw-toggle-firewall"
+                                onBlur={undefined}
+                                type="checkbox"
                             >
-                                Show inactive rules
+                                <input
+                                    checked={false}
+                                    className="c14 c15"
+                                    disabled={false}
+                                    id="N"
+                                    onBlur={undefined}
+                                    type="checkbox"
+                                />
+                                <label
+                                    className="c16"
+                                    htmlFor="N"
+                                />
                             </div>
-                        </label>
+                            <div
+                                checked={false}
+                                className="c17"
+                                disabled={false}
+                                id="fw-toggle-firewall"
+                                onBlur={undefined}
+                            >
+                                <label
+                                    className="c18 c19"
+                                    htmlFor="N"
+                                >
+                                    <div
+                                        className="c20"
+                                    >
+                                        Enable Firewall
+                                    </div>
+                                </label>
+                            </div>
+                        </li>
                     </div>
-                </li>
+                </form>
             </div>
-        </form>
+        </div>
+        <div
+            className="c8"
+        >
+            <form
+                className="c10"
+            >
+                <div
+                    className="c11"
+                    id="fw-toggle-inactive"
+                    name="inactive"
+                    role="group"
+                    style={undefined}
+                    type="checkbox"
+                >
+                    <li
+                        className="c12"
+                    >
+                        <div
+                            checked={false}
+                            className="c13"
+                            disabled={false}
+                            id="fw-toggle-inactive"
+                            onBlur={undefined}
+                            type="checkbox"
+                        >
+                            <input
+                                checked={false}
+                                className="c14 c15"
+                                disabled={false}
+                                id="P"
+                                onBlur={undefined}
+                                type="checkbox"
+                            />
+                            <label
+                                className="c16"
+                                htmlFor="P"
+                            />
+                        </div>
+                        <div
+                            checked={false}
+                            className="c17"
+                            disabled={false}
+                            id="fw-toggle-inactive"
+                            onBlur={undefined}
+                        >
+                            <label
+                                className="c18 c19"
+                                htmlFor="P"
+                            >
+                                <div
+                                    className="c20"
+                                >
+                                    Show inactive rules
+                                </div>
+                            </label>
+                        </div>
+                    </li>
+                </div>
+            </form>
+        </div>
     </div>
     <div
         className="c21"
@@ -8680,10 +9178,10 @@ Array [
                                         className="c29"
                                     >
                                         <div
-                                            className="c30"
+                                            className="c8"
                                         >
                                             <strong
-                                                className="c31"
+                                                className="c30"
                                                 style={
                                                     Object {
                                                         "color": "#D8D8D8",
@@ -8695,7 +9193,7 @@ Array [
                                         </div>
                                     </div>
                                     <div
-                                        className="c32"
+                                        className="c31"
                                     >
                                         <p
                                             className="c6"
@@ -8720,10 +9218,10 @@ Array [
                                         className="c29"
                                     >
                                         <div
-                                            className="c30"
+                                            className="c8"
                                         >
                                             <strong
-                                                className="c31"
+                                                className="c30"
                                                 style={
                                                     Object {
                                                         "color": "#D8D8D8",
@@ -8735,16 +9233,16 @@ Array [
                                         </div>
                                     </div>
                                     <div
-                                        className="c32"
+                                        className="c31"
                                     >
                                         <div
-                                            className="c33"
+                                            className="c32"
                                         >
                                             <ul
-                                                className="c34"
+                                                className="c33"
                                             >
                                                 <li
-                                                    className="c35"
+                                                    className="c34"
                                                     fill={null}
                                                     name="wat"
                                                     style={
@@ -8760,7 +9258,7 @@ Array [
                                 </div>
                             </div>
                             <div
-                                className="c36"
+                                className="c35"
                             >
                                 <div
                                     className="c28"
@@ -8769,10 +9267,10 @@ Array [
                                         className="c29"
                                     >
                                         <div
-                                            className="c30"
+                                            className="c8"
                                         >
                                             <strong
-                                                className="c31"
+                                                className="c30"
                                                 style={
                                                     Object {
                                                         "color": "#D8D8D8",
@@ -8784,7 +9282,7 @@ Array [
                                         </div>
                                     </div>
                                     <div
-                                        className="c32"
+                                        className="c31"
                                     >
                                         <p
                                             className="c6"
@@ -8800,7 +9298,7 @@ Array [
                                 </div>
                             </div>
                             <div
-                                className="c36"
+                                className="c35"
                             >
                                 <div
                                     className="c28"
@@ -8809,10 +9307,10 @@ Array [
                                         className="c29"
                                     >
                                         <div
-                                            className="c30"
+                                            className="c8"
                                         >
                                             <strong
-                                                className="c31"
+                                                className="c30"
                                                 style={
                                                     Object {
                                                         "color": "#D8D8D8",
@@ -8824,7 +9322,7 @@ Array [
                                         </div>
                                     </div>
                                     <div
-                                        className="c32"
+                                        className="c31"
                                     >
                                         <p
                                             className="c6"
@@ -8840,7 +9338,7 @@ Array [
                                 </div>
                             </div>
                             <div
-                                className="c36"
+                                className="c35"
                             >
                                 <div
                                     className="c28"
@@ -8849,10 +9347,10 @@ Array [
                                         className="c29"
                                     >
                                         <div
-                                            className="c30"
+                                            className="c8"
                                         >
                                             <strong
-                                                className="c31"
+                                                className="c30"
                                                 style={
                                                     Object {
                                                         "color": "#D8D8D8",
@@ -8864,7 +9362,7 @@ Array [
                                         </div>
                                     </div>
                                     <div
-                                        className="c32"
+                                        className="c31"
                                     >
                                         <p
                                             className="c6"
diff --git a/consoles/my-joy-instances/src/containers/instances/__tests__/__snapshots__/list.spec.js.snap b/consoles/my-joy-instances/src/containers/instances/__tests__/__snapshots__/list.spec.js.snap
index 029e426f..5b705666 100644
--- a/consoles/my-joy-instances/src/containers/instances/__tests__/__snapshots__/list.spec.js.snap
+++ b/consoles/my-joy-instances/src/containers/instances/__tests__/__snapshots__/list.spec.js.snap
@@ -3449,2532 +3449,17 @@ exports[`renders <List instances selected /> without throwing 1`] = `
   margin-top: 0.1875rem;
 }
 
+.c58 {
+  margin-right: 0.375rem;
+}
+
 .c47 {
   background-color: transparent;
   -webkit-text-decoration-skip: objects;
   text-decoration-skip: objects;
 }
 
-.c56 {
-  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;
-}
-
-.c56::-moz-focus-inner,
-.c56[type='button']::-moz-focus-inner,
-.c56[type='reset']::-moz-focus-inner,
-.c56[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c56:-moz-focusring,
-.c56[type='button']:-moz-focusring,
-.c56[type='reset']:-moz-focusring,
-.c56[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c21 {
-  font-family: sans-serif;
-  font-size: 100%;
-  line-height: 1.15;
-  margin: 0;
-  overflow: visible;
-}
-
-.c21[type='checkbox'],
-.c21[type='radio'] {
-  box-sizing: border-box;
-  padding: 0;
-}
-
-.c21[type='number']::-webkit-inner-spin-button,
-.c21[type='number']::-webkit-outer-spin-button {
-  height: auto;
-}
-
-.c21[type='search'] {
-  -webkit-appearance: textfield;
-  -moz-appearance: textfield;
-  appearance: textfield;
-  outline-offset: -0.125rem;
-}
-
-.c21[type='search']::-webkit-search-cancel-button,
-.c21[type='search']::-webkit-search-decoration {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-}
-
-.c21::-webkit-file-upload-button {
-  -webkit-appearance: button;
-  -moz-appearance: button;
-  appearance: button;
-  font: inherit;
-}
-
-.c46 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-}
-
-.c32 {
-  color: rgb(59,70,204);
-  -webkit-text-fill-color: currentcolor;
-}
-
-.c32:hover {
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.c55 {
-  min-width: 7.5rem;
-}
-
-.c13 {
-  display: inline-block;
-}
-
-.c12 {
-  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;
-  -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%;
-}
-
-.c12:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c12:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c12:active,
-.c12:active:hover,
-.c12:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c12[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.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;
-  -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.625rem 1.125rem;
-  font-size: 0.8125rem;
-  min-width: 0rem;
-  min-height: 0rem;
-  height: auto;
-  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;
-}
-
-.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 {
-  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);
-}
-
 .c57 {
-  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;
-  -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;
-}
-
-.c57:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c57:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c57:active,
-.c57:active:hover,
-.c57:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c57[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c57:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c57:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c57:active,
-.c57:active:hover,
-.c57:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c57:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-}
-
-.c57:hover {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c57:active,
-.c57:active:hover,
-.c57:active:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c59 {
-  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;
-  -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.625rem 1.125rem;
-  font-size: 0.8125rem;
-  min-width: 0rem;
-  min-height: 0rem;
-  height: auto;
-  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;
-}
-
-.c59:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c59:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c59:active,
-.c59:active:hover,
-.c59:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c59[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c59:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c59:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c59:active,
-.c59:active:hover,
-.c59:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c59:focus {
-  color: rgb(205,37,27);
-  background-color: rgb(255,255,255);
-  border-color: rgb(205,37,27);
-}
-
-.c59:hover {
-  color: rgb(205,37,27);
-  background-color: rgb(255,255,255);
-  border-color: rgb(205,37,27);
-}
-
-.c59:active,
-.c59:active:hover,
-.c59:active:focus {
-  background-color: rgba(210,67,58,0.1);
-  border-color: rgb(205,37,27);
-}
-
-.c59:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-}
-
-.c59:hover {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c59:active,
-.c59:active:hover,
-.c59:active:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c60 {
-  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;
-  -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;
-}
-
-.c60:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c60:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c60:active,
-.c60:active:hover,
-.c60:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c60[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c60:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c60:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c60:active,
-.c60:active:hover,
-.c60:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c60:focus {
-  color: rgb(205,37,27);
-  background-color: rgb(255,255,255);
-  border-color: rgb(205,37,27);
-}
-
-.c60:hover {
-  color: rgb(205,37,27);
-  background-color: rgb(255,255,255);
-  border-color: rgb(205,37,27);
-}
-
-.c60:active,
-.c60:active:hover,
-.c60:active:focus {
-  background-color: rgba(210,67,58,0.1);
-  border-color: rgb(205,37,27);
-}
-
-.c60:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-}
-
-.c60:hover {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c60:active,
-.c60:active:hover,
-.c60:active:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c33 {
-  width: 0.75rem;
-  height: 0.75rem;
-  border-radius: 50%;
-  background-color: rgb(0,152,88);
-  display: inline-block;
-  margin-right: 0rem;
-  margin-left: 0rem;
-}
-
-.c37 {
-  cursor: pointer;
-  height: 100%;
-  width: 100%;
-  display: -webkit-box !important;
-  display: -webkit-flex !important;
-  display: -ms-flexbox !important;
-  display: flex !important;
-  -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;
-}
-
-.c8 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-}
-
-.c1 {
-  margin-right: auto;
-  margin-left: auto;
-}
-
-.c52 {
-  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;
-}
-
-.c53 {
-  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;
-}
-
-.c58 {
-  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;
-}
-
-.c0 {
-  box-sizing: border-box;
-  width: 100%;
-  max-width: 62.5rem;
-  padding-bottom: 1.125rem;
-}
-
-.c51 {
-  box-sizing: border-box;
-  width: 100%;
-  max-width: 62.5rem;
-}
-
-.c3 {
-  margin: 0;
-  color: rgb(73,73,73);
-  font-weight: normal;
-  line-height: 1.625rem;
-  font-size: 1.3125rem;
-}
-
-.c50 {
-  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;
-  background: rgb(250,250,250);
-}
-
-.c49 {
-  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;
-}
-
-.c5 {
-  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;
-  -webkit-align-items: flex-end;
-  -webkit-box-align: flex-end;
-  -ms-flex-align: flex-end;
-  align-items: flex-end;
-}
-
-.c39 {
-  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;
-}
-
-.c20 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  display: none;
-}
-
-.c20:checked + label::after {
-  opacity: 1;
-}
-
-.c20:selected + label::after {
-  opacity: 1;
-}
-
-.c20:checked + label {
-  border-color: rgb(59,70,204);
-}
-
-.c20:selected + label {
-  border-color: rgb(59,70,204);
-}
-
-.c20:disabled + label {
-  background-color: rgb(249,249,249);
-  cursor: not-allowed;
-}
-
-.c22 {
-  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;
-}
-
-.c22::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);
-}
-
-.c19 {
-  display: inline-block;
-  vertical-align: text-bottom;
-  width: 1.125rem;
-  height: 1.125rem;
-  position: relative;
-  cursor: pointer;
-}
-
-.c18 {
-  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;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-align-content: center;
-  -ms-flex-line-pack: center;
-  align-content: center;
-  height: 1.5rem;
-}
-
-.c18 label {
-  font-weight: 400;
-}
-
-.c18 label::after {
-  width: 0.475rem;
-  height: 0.205rem;
-  top: 0.4125rem;
-  left: 0.35rem;
-}
-
-.c18 div[type='checkbox'],
-.c18 div[type='checkbox'] input,
-.c18 div[type='checkbox'] label {
-  height: 1.5rem;
-  width: 1.5rem;
-}
-
-.c6 {
-  display: inline-block;
-  padding: 0;
-  border: none;
-  overflow: hidden;
-  height: auto;
-  -webkit-padding-before: 0;
-  -webkit-padding-start: 0;
-  -webkit-padding-end: 0;
-  -webkit-padding-after: 0;
-}
-
-.c11 {
-  display: inline-block;
-  padding: 0;
-  border: none;
-  overflow: hidden;
-  height: auto;
-  -webkit-padding-before: 0;
-  -webkit-padding-start: 0;
-  -webkit-padding-end: 0;
-  -webkit-padding-after: 0;
-  float: right;
-}
-
-.c10 {
-  box-sizing: border-box;
-  width: 18.75rem;
-  height: 3rem;
-  min-height: 3rem;
-  padding: 0.8125rem 0.75rem;
-  border-radius: 0.25rem;
-  background-color: rgb(255,255,255);
-  border: 0.0625rem solid rgb(216,216,216);
-  color: rgb(73,73,73);
-  font-size: 0.9375rem;
-  line-height: normal !important;
-  font-style: normal;
-  font-stretch: normal;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  outline: 0;
-  max-width: 22.1875rem;
-  text-overflow: ellipsis;
-}
-
-.c10:focus {
-  border-color: rgb(59,70,204);
-  outline: 0;
-}
-
-.c10::-webkit-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c10::-moz-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c10:-ms-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c10:invalid {
-  box-shadow: none;
-}
-
-.c10:disabled {
-  background-color: rgb(250,250,250);
-  color: rgb(216,216,216);
-  cursor: not-allowed;
-}
-
-.c10:disabled::-webkit-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c10:disabled::-moz-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c10:disabled:-ms-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c7 {
-  font-weight: 600;
-  white-space: pre;
-  font-size: 0.8125rem;
-}
-
-.c14 {
-  overflow: hidden;
-  border-spacing: 0;
-  border-collapse: separate;
-  table-layout: fixed;
-  width: 100%;
-  max-width: 100%;
-}
-
-.c40 {
-  width: 100%;
-  background: rgb(250,250,250);
-}
-
-.c40 th:first-child {
-  border-bottom-left-radius: 0.25rem;
-}
-
-.c40 th:last-child {
-  border-bottom-right-radius: 0.25rem;
-}
-
-.c40 th {
-  border-top-width: 0;
-}
-
-.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;
-}
-
-.c28 {
-  width: 100%;
-}
-
-.c17 {
-  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;
-}
-
-.c17:not(:first-child) {
-  border-left-width: 0;
-}
-
-.c17:not(:last-child) {
-  border-right-width: 0;
-}
-
-.c23 {
-  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: rgb(73,73,73);
-  font-weight: 600;
-}
-
-.c23:not(:first-child) {
-  border-left-width: 0;
-}
-
-.c23: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;
-  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;
-}
-
-.c24:not(:first-child) {
-  border-left-width: 0;
-}
-
-.c24:not(:last-child) {
-  border-right-width: 0;
-}
-
-.c25 {
-  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;
-}
-
-.c25:not(:first-child) {
-  border-left-width: 0;
-}
-
-.c25: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: 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;
-}
-
-.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: 3.75rem;
-  display: table-cell;
-  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;
-}
-
-.c41 {
-  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: center;
-  height: 2.625rem;
-  color: rgb(189,189,189);
-  font-weight: 500;
-  border-bottom-width: 0;
-  border-bottom-width: 0.0625rem !important;
-}
-
-.c41:not(:first-child) {
-  border-left-width: 0;
-}
-
-.c41: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;
-  vertical-align: middle;
-  text-align: left;
-  border-bottom-width: 0;
-}
-
-.c30:not(:first-child) {
-  border-left-width: 0;
-}
-
-.c30:not(:last-child) {
-  border-right-width: 0;
-}
-
-.c34 {
-  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;
-}
-
-.c34:not(:first-child) {
-  border-left-width: 0;
-}
-
-.c34:not(:last-child) {
-  border-right-width: 0;
-}
-
-.c35 {
-  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;
-}
-
-.c35:not(:first-child) {
-  border-left-width: 0;
-}
-
-.c35:not(:last-child) {
-  border-right-width: 0;
-}
-
-.c36 {
-  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;
-}
-
-.c36:not(:first-child) {
-  border-left-width: 0;
-}
-
-.c36:not(:last-child) {
-  border-right-width: 0;
-}
-
-.c16 {
-  display: table-row;
-  color: rgb(73,73,73);
-  background-color: rgb(255,255,255);
-  box-shadow: 0 0.125rem 0 rgba(0,0,0,0.05);
-  box-sizing: border-box;
-  color: rgb(73,73,73);
-  background-color: transparent;
-  border: none;
-  box-shadow: none;
-}
-
-.c16:last-child {
-  box-shadow: none;
-}
-
-.c16:last-child td {
-  border-bottom-width: 0.0625rem;
-}
-
-.c29 {
-  display: table-row;
-  color: rgb(73,73,73);
-  background-color: rgb(255,255,255);
-  box-shadow: 0 0.125rem 0 rgba(0,0,0,0.05);
-  box-sizing: border-box;
-}
-
-.c29:last-child {
-  box-shadow: none;
-}
-
-.c29:last-child td {
-  border-bottom-width: 0.0625rem;
-}
-
-.c42 {
-  -webkit-text-decoration: underline;
-  text-decoration: underline;
-}
-
-.c45 {
-  -webkit-text-decoration: underline;
-  text-decoration: underline;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  padding: 0.375rem;
-  background-color: rgb(59,70,204);
-  border: 0.0625rem solid rgb(45,56,132);
-  border-radius: 0.25rem;
-  color: rgb(255,255,255);
-}
-
-.c43 {
-  margin-right: 0.1875rem;
-}
-
-.c48 {
-  margin-left: 0.1875rem;
-}
-
-.c31 {
-  color: rgb(73,73,73);
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  font-weight: 600;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 100%;
-  display: block;
-}
-
-.c44 {
-  margin: 0 0.1875rem;
-}
-
-.c38 {
-  height: 3rem;
-}
-
-@media only screen and (min-width:48em) {
-  .c1 {
-    width: 46rem;
-  }
-}
-
-@media only screen and (min-width:64em) {
-  .c1 {
-    width: 56rem;
-  }
-}
-
-@media only screen and (min-width:75em) {
-  .c1 {
-    width: 59rem;
-  }
-}
-
-@media only screen and (min-width:0em) {
-  .c52 {
-    -webkit-align-items: center;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-  }
-}
-
-@media only screen and (min-width:0em) {
-  .c52 {
-    -webkit-box-pack: justify;
-    -webkit-justify-content: space-between;
-    -ms-flex-pack: justify;
-    justify-content: space-between;
-  }
-}
-
-@media only screen and (min-width:0em) {
-  .c53 {
-    -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) {
-  .c58 {
-    -webkit-flex-basis: 41.66666666666667%;
-    -ms-flex-preferred-size: 41.66666666666667%;
-    flex-basis: 41.66666666666667%;
-    max-width: 41.66666666666667%;
-  }
-}
-
-@media only screen and (max-width:47.9375rem) {
-  .c0 {
-    padding-left: 0.375rem;
-    padding-right: 0.375rem;
-  }
-}
-
-@media only screen and (max-width:47.9375rem) {
-  .c51 {
-    padding-left: 0.375rem;
-    padding-right: 0.375rem;
-  }
-}
-
-@media only screen and (min-width:47.9375rem) {
-  .c25 {
-    width: 10rem;
-    display: table-cell;
-  }
-}
-
-@media only screen and (min-width:47.9375rem) {
-  .c26 {
-    width: 8.125rem;
-    display: table-cell;
-  }
-}
-
-@media only screen and (min-width:47.9375rem) {
-  .c34 {
-    width: 10rem;
-    display: table-cell;
-  }
-}
-
-@media only screen and (min-width:47.9375rem) {
-  .c35 {
-    width: 8.125rem;
-    display: table-cell;
-  }
-}
-
-<div
-  className="c0 c1"
->
-  <div
-    className="c2"
-  >
-    <h3
-      className="c3"
-    >
-      Instances
-    </h3>
-  </div>
-  <div
-    className="c4"
-  >
-    <form
-      onSubmit={undefined}
-    >
-      <div
-        className="c5"
-      >
-        <div
-          className="c6"
-          name="filter"
-          role="group"
-          style={undefined}
-        >
-          <label
-            className="c7 c8"
-            htmlFor="J"
-          >
-            Filter instances
-          </label>
-          <div
-            className="c9"
-          >
-            <input
-              className="c10"
-              disabled={false}
-              id="J"
-              onBlur={undefined}
-              placeholder=""
-            />
-          </div>
-        </div>
-        <div
-          className="c11"
-          role="group"
-          style={undefined}
-        >
-          <a
-            className="c12 c13"
-            data-ui-button="true"
-            disabled={false}
-            fluid={true}
-            href=""
-            icon={true}
-            loading={false}
-            onClick={undefined}
-            primary={true}
-            secondary={false}
-            small={false}
-            to="/instances/~create/name"
-            type="button"
-          >
-            Create Instance
-          </a>
-        </div>
-      </div>
-    </form>
-  </div>
-  <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"
-            disabled={undefined}
-            name="th"
-            selected={undefined}
-          >
-            <div
-              className="c6"
-              role="group"
-              style={undefined}
-            >
-              <li
-                className="c18"
-              >
-                <div
-                  checked={false}
-                  className="c19"
-                  disabled={false}
-                  id="N"
-                  onBlur={undefined}
-                  onChange={[Function]}
-                  type="checkbox"
-                >
-                  <input
-                    checked={false}
-                    className="c20 c21"
-                    disabled={false}
-                    id="O"
-                    onBlur={undefined}
-                    onChange={[Function]}
-                    type="checkbox"
-                  />
-                  <label
-                    className="c22"
-                    htmlFor="O"
-                  />
-                </div>
-              </li>
-            </div>
-          </th>
-          <th
-            className="c23"
-            disabled={undefined}
-            name="th"
-            onClick={[Function]}
-            selected={undefined}
-          >
-            <span>
-              Name 
-            </span>
-            <svg
-              height="6"
-              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="rgb(73, 73, 73)"
-              />
-            </svg>
-          </th>
-          <th
-            className="c24"
-            disabled={undefined}
-            name="th"
-            onClick={[Function]}
-            selected={undefined}
-          >
-            <span>
-              Status 
-            </span>
-          </th>
-          <th
-            className="c25"
-            disabled={undefined}
-            name="th"
-            onClick={[Function]}
-            selected={undefined}
-          >
-            <span>
-              Created 
-            </span>
-          </th>
-          <th
-            className="c26"
-            disabled={undefined}
-            name="th"
-            onClick={[Function]}
-            selected={undefined}
-          >
-            <span>
-              Short ID 
-            </span>
-          </th>
-          <th
-            className="c27"
-            disabled={undefined}
-            name="th"
-            selected={undefined}
-          />
-        </tr>
-      </thead>
-      <tbody
-        className="c28"
-        disabled={undefined}
-        name="tbody"
-        selected={undefined}
-      >
-        <tr
-          className="c29"
-          disabled={undefined}
-          name="tr"
-          selected={undefined}
-        >
-          <td
-            className="c30"
-            disabled={undefined}
-            name="td"
-            selected={undefined}
-          >
-            <div
-              className="c6"
-              name="2252839a-e698-ceec-afac-9549ad0c6624"
-              role="group"
-              style={undefined}
-            >
-              <li
-                className="c18"
-              >
-                <div
-                  checked={false}
-                  className="c19"
-                  disabled={false}
-                  id="P"
-                  onBlur={undefined}
-                  type="checkbox"
-                >
-                  <input
-                    checked={false}
-                    className="c20 c21"
-                    disabled={false}
-                    id="Q"
-                    onBlur={undefined}
-                    type="checkbox"
-                  />
-                  <label
-                    className="c22"
-                    htmlFor="Q"
-                  />
-                </div>
-              </li>
-            </div>
-          </td>
-          <td
-            className="c30"
-            disabled={undefined}
-            name="td"
-            selected={undefined}
-          >
-            <a
-              activeClassName="active"
-              className="c31 c32"
-              secondary={false}
-              to="/instances/2252839a-e698-ceec-afac-9549ad0c6624"
-            >
-              2252839a
-            </a>
-          </td>
-          <td
-            className="c30"
-            disabled={undefined}
-            name="td"
-            selected={undefined}
-          >
-            <span>
-              <span
-                className="c33"
-                color="green"
-                size="0.75rem"
-              />
-               
-              Running
-            </span>
-          </td>
-          <td
-            className="c34"
-            disabled={undefined}
-            name="td"
-            selected={undefined}
-          >
-            almost NaN years
-          </td>
-          <td
-            className="c35"
-            disabled={undefined}
-            name="td"
-            selected={undefined}
-          >
-            <code>
-              2252839
-            </code>
-          </td>
-          <td
-            className="c36"
-            disabled={undefined}
-            name="td"
-            selected={undefined}
-          >
-            <div
-              box={true}
-              className="c37"
-              onClick={[Function]}
-              onMouseEnter={undefined}
-              onMouseLeave={undefined}
-              style={
-                Object {
-                  "display": "inline-block",
-                }
-              }
-              tag="div"
-            >
-              <div
-                className="c38 c39"
-              >
-                <svg
-                  height="16"
-                  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="rgb(73, 73, 73)"
-                  />
-                </svg>
-              </div>
-            </div>
-          </td>
-        </tr>
-        <tr
-          className="c29"
-          disabled={undefined}
-          name="tr"
-          selected={undefined}
-        >
-          <td
-            className="c30"
-            disabled={undefined}
-            name="td"
-            selected={undefined}
-          >
-            <div
-              className="c6"
-              name="f1bd1730-e8a6-4956-e738-d8e85cc6aa04"
-              role="group"
-              style={undefined}
-            >
-              <li
-                className="c18"
-              >
-                <div
-                  checked={false}
-                  className="c19"
-                  disabled={false}
-                  id="R"
-                  onBlur={undefined}
-                  type="checkbox"
-                >
-                  <input
-                    checked={false}
-                    className="c20 c21"
-                    disabled={false}
-                    id="S"
-                    onBlur={undefined}
-                    type="checkbox"
-                  />
-                  <label
-                    className="c22"
-                    htmlFor="S"
-                  />
-                </div>
-              </li>
-            </div>
-          </td>
-          <td
-            className="c30"
-            disabled={undefined}
-            name="td"
-            selected={undefined}
-          >
-            <a
-              activeClassName="active"
-              className="c31 c32"
-              secondary={false}
-              to="/instances/f1bd1730-e8a6-4956-e738-d8e85cc6aa04"
-            >
-              f1bd1730
-            </a>
-          </td>
-          <td
-            className="c30"
-            disabled={undefined}
-            name="td"
-            selected={undefined}
-          >
-            <span>
-              <span
-                className="c33"
-                color="green"
-                size="0.75rem"
-              />
-               
-              Running
-            </span>
-          </td>
-          <td
-            className="c34"
-            disabled={undefined}
-            name="td"
-            selected={undefined}
-          >
-            almost NaN years
-          </td>
-          <td
-            className="c35"
-            disabled={undefined}
-            name="td"
-            selected={undefined}
-          >
-            <code>
-              f1bd173
-            </code>
-          </td>
-          <td
-            className="c36"
-            disabled={undefined}
-            name="td"
-            selected={undefined}
-          >
-            <div
-              box={true}
-              className="c37"
-              onClick={[Function]}
-              onMouseEnter={undefined}
-              onMouseLeave={undefined}
-              style={
-                Object {
-                  "display": "inline-block",
-                }
-              }
-              tag="div"
-            >
-              <div
-                className="c38 c39"
-              >
-                <svg
-                  height="16"
-                  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="rgb(73, 73, 73)"
-                  />
-                </svg>
-              </div>
-            </div>
-          </td>
-        </tr>
-      </tbody>
-      <tfoot
-        className="c40"
-        disabled={undefined}
-        name="tfoot"
-        selected={undefined}
-      >
-        <tr
-          className="c16"
-          disabled={undefined}
-          name="tr"
-          selected={undefined}
-        >
-          <th
-            className="c41"
-            colSpan="6"
-            disabled={undefined}
-            name="th"
-            selected={undefined}
-          >
-            <a
-              active={undefined}
-              activeClassName="active"
-              className="c42 c32"
-              disabled={false}
-              secondary={false}
-              to="/?limit=0&offset=0"
-            >
-              <svg
-                className="c43"
-                height="6"
-                innerRef={undefined}
-                left={true}
-                style={
-                  Object {
-                    "transform": "rotate(90deg)",
-                  }
-                }
-                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="rgb(59, 70, 204)"
-                />
-              </svg>
-              Prev
-            </a>
-            <a
-              className="c44 c45 c32 c46 c47"
-              disabled={undefined}
-              to={null}
-            >
-              NaN
-            </a>
-            <a
-              active={undefined}
-              activeClassName="active"
-              className="c42 c32"
-              disabled={false}
-              secondary={false}
-              to="/?limit=0&offset=0"
-            >
-              Next
-              <svg
-                className="c48"
-                height="6"
-                innerRef={undefined}
-                right={true}
-                style={
-                  Object {
-                    "transform": "rotate(-90deg)",
-                  }
-                }
-                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="rgb(59, 70, 204)"
-                />
-              </svg>
-            </a>
-          </th>
-        </tr>
-      </tfoot>
-    </table>
-  </form>
-  <div
-    className="c49"
-  >
-    <div
-      className="c50 c51 c1"
-    >
-      <div
-        className="c52"
-      >
-        <div
-          className="c53"
-        >
-          <span
-            name="react-responsive-mock"
-            query="only screen and (max-width: 47.9375rem)"
-          >
-            <button
-              className="c54 c13 c55 c56"
-              data-ui-button="true"
-              disabled={true}
-              href=""
-              icon={true}
-              onClick={[Function]}
-              type="button"
-            >
-              <svg
-                height="14"
-                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="c57 c13 c55 c56"
-              data-ui-button="true"
-              disabled={true}
-              href=""
-              icon={true}
-              onClick={[Function]}
-              type="button"
-            >
-              <svg
-                height="14"
-                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="c54 c13 c55 c56"
-              data-ui-button="true"
-              disabled={true}
-              href=""
-              icon={true}
-              onClick={[Function]}
-              type="button"
-            >
-              <svg
-                height="14"
-                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="c57 c13 c55 c56"
-              data-ui-button="true"
-              disabled={true}
-              href=""
-              icon={true}
-              onClick={[Function]}
-              type="button"
-            >
-              <svg
-                height="14"
-                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="c54 c13 c55 c56"
-              data-ui-button="true"
-              disabled={true}
-              href=""
-              icon={true}
-              onClick={[Function]}
-              type="button"
-            >
-              <svg
-                height="21"
-                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="c57 c13 c55 c56"
-              data-ui-button="true"
-              disabled={true}
-              href=""
-              icon={true}
-              onClick={[Function]}
-              type="button"
-            >
-              <svg
-                height="21"
-                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="c58"
-        >
-          <span
-            name="react-responsive-mock"
-            query="only screen and (max-width: 47.9375rem)"
-          >
-            <button
-              className="c59 c13 c55 c56"
-              data-ui-button="true"
-              disabled={true}
-              href=""
-              icon={true}
-              onClick={[Function]}
-              type="button"
-            >
-              <svg
-                height="16"
-                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(73, 73, 73)"
-                />
-              </svg>
-            </button>
-          </span>
-          <span
-            name="react-responsive-mock"
-            query="only screen and (min-width: 48rem)"
-          >
-            <button
-              className="c60 c13 c55 c56"
-              data-ui-button="true"
-              disabled={true}
-              href=""
-              icon={true}
-              onClick={[Function]}
-              type="button"
-            >
-              <svg
-                height="16"
-                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`] = `
-.c2 {
-  margin-top: 1.875rem;
-}
-
-.c4 {
-  margin-top: 1.125rem;
-  margin-bottom: 1.875rem;
-}
-
-.c9 {
-  margin-top: 0.1875rem;
-}
-
-.c47 {
-  background-color: transparent;
-  -webkit-text-decoration-skip: objects;
-  text-decoration-skip: objects;
-}
-
-.c56 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -5986,18 +3471,18 @@ exports[`renders <List instances selected=all /> without throwing 1`] = `
   appearance: button;
 }
 
-.c56::-moz-focus-inner,
-.c56[type='button']::-moz-focus-inner,
-.c56[type='reset']::-moz-focus-inner,
-.c56[type='submit']::-moz-focus-inner {
+.c57::-moz-focus-inner,
+.c57[type='button']::-moz-focus-inner,
+.c57[type='reset']::-moz-focus-inner,
+.c57[type='submit']::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.c56:-moz-focusring,
-.c56[type='button']:-moz-focusring,
-.c56[type='reset']:-moz-focusring,
-.c56[type='submit']:-moz-focusring {
+.c57:-moz-focusring,
+.c57[type='button']:-moz-focusring,
+.c57[type='reset']:-moz-focusring,
+.c57[type='submit']:-moz-focusring {
   outline: 0.0625rem dotted ButtonText;
 }
 
@@ -6055,7 +3540,7 @@ exports[`renders <List instances selected=all /> without throwing 1`] = `
   text-decoration: none;
 }
 
-.c55 {
+.c56 {
   min-width: 7.5rem;
 }
 
@@ -6139,2526 +3624,7 @@ exports[`renders <List instances selected=all /> without throwing 1`] = `
   pointer-events: none;
 }
 
-.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;
-  -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.625rem 1.125rem;
-  font-size: 0.8125rem;
-  min-width: 0rem;
-  min-height: 0rem;
-  height: auto;
-  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;
-}
-
-.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 {
-  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);
-}
-
-.c57 {
-  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;
-  -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;
-}
-
-.c57:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c57:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c57:active,
-.c57:active:hover,
-.c57:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c57[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c57:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c57:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c57:active,
-.c57:active:hover,
-.c57:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c57:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-}
-
-.c57:hover {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c57:active,
-.c57:active:hover,
-.c57:active:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c59 {
-  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;
-  -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.625rem 1.125rem;
-  font-size: 0.8125rem;
-  min-width: 0rem;
-  min-height: 0rem;
-  height: auto;
-  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;
-}
-
-.c59:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c59:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c59:active,
-.c59:active:hover,
-.c59:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c59[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c59:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c59:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c59:active,
-.c59:active:hover,
-.c59:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c59:focus {
-  color: rgb(205,37,27);
-  background-color: rgb(255,255,255);
-  border-color: rgb(205,37,27);
-}
-
-.c59:hover {
-  color: rgb(205,37,27);
-  background-color: rgb(255,255,255);
-  border-color: rgb(205,37,27);
-}
-
-.c59:active,
-.c59:active:hover,
-.c59:active:focus {
-  background-color: rgba(210,67,58,0.1);
-  border-color: rgb(205,37,27);
-}
-
-.c59:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-}
-
-.c59:hover {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c59:active,
-.c59:active:hover,
-.c59:active:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c60 {
-  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;
-  -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;
-}
-
-.c60:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c60:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c60:active,
-.c60:active:hover,
-.c60:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c60[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c60:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c60:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c60:active,
-.c60:active:hover,
-.c60:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c60:focus {
-  color: rgb(205,37,27);
-  background-color: rgb(255,255,255);
-  border-color: rgb(205,37,27);
-}
-
-.c60:hover {
-  color: rgb(205,37,27);
-  background-color: rgb(255,255,255);
-  border-color: rgb(205,37,27);
-}
-
-.c60:active,
-.c60:active:hover,
-.c60:active:focus {
-  background-color: rgba(210,67,58,0.1);
-  border-color: rgb(205,37,27);
-}
-
-.c60:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-}
-
-.c60:hover {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c60:active,
-.c60:active:hover,
-.c60:active:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c33 {
-  width: 0.75rem;
-  height: 0.75rem;
-  border-radius: 50%;
-  background-color: rgb(0,152,88);
-  display: inline-block;
-  margin-right: 0rem;
-  margin-left: 0rem;
-}
-
-.c37 {
-  cursor: pointer;
-  height: 100%;
-  width: 100%;
-  display: -webkit-box !important;
-  display: -webkit-flex !important;
-  display: -ms-flexbox !important;
-  display: flex !important;
-  -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;
-}
-
-.c8 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-}
-
-.c1 {
-  margin-right: auto;
-  margin-left: auto;
-}
-
-.c52 {
-  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;
-}
-
-.c53 {
-  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;
-}
-
-.c58 {
-  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;
-}
-
-.c0 {
-  box-sizing: border-box;
-  width: 100%;
-  max-width: 62.5rem;
-  padding-bottom: 1.125rem;
-}
-
-.c51 {
-  box-sizing: border-box;
-  width: 100%;
-  max-width: 62.5rem;
-}
-
-.c3 {
-  margin: 0;
-  color: rgb(73,73,73);
-  font-weight: normal;
-  line-height: 1.625rem;
-  font-size: 1.3125rem;
-}
-
-.c50 {
-  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;
-  background: rgb(250,250,250);
-}
-
-.c49 {
-  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;
-}
-
-.c5 {
-  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;
-  -webkit-align-items: flex-end;
-  -webkit-box-align: flex-end;
-  -ms-flex-align: flex-end;
-  align-items: flex-end;
-}
-
-.c39 {
-  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;
-}
-
-.c20 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  display: none;
-}
-
-.c20:checked + label::after {
-  opacity: 1;
-}
-
-.c20:selected + label::after {
-  opacity: 1;
-}
-
-.c20:checked + label {
-  border-color: rgb(59,70,204);
-}
-
-.c20:selected + label {
-  border-color: rgb(59,70,204);
-}
-
-.c20:disabled + label {
-  background-color: rgb(249,249,249);
-  cursor: not-allowed;
-}
-
-.c22 {
-  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;
-}
-
-.c22::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);
-}
-
-.c19 {
-  display: inline-block;
-  vertical-align: text-bottom;
-  width: 1.125rem;
-  height: 1.125rem;
-  position: relative;
-  cursor: pointer;
-}
-
-.c18 {
-  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;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-align-content: center;
-  -ms-flex-line-pack: center;
-  align-content: center;
-  height: 1.5rem;
-}
-
-.c18 label {
-  font-weight: 400;
-}
-
-.c18 label::after {
-  width: 0.475rem;
-  height: 0.205rem;
-  top: 0.4125rem;
-  left: 0.35rem;
-}
-
-.c18 div[type='checkbox'],
-.c18 div[type='checkbox'] input,
-.c18 div[type='checkbox'] label {
-  height: 1.5rem;
-  width: 1.5rem;
-}
-
-.c6 {
-  display: inline-block;
-  padding: 0;
-  border: none;
-  overflow: hidden;
-  height: auto;
-  -webkit-padding-before: 0;
-  -webkit-padding-start: 0;
-  -webkit-padding-end: 0;
-  -webkit-padding-after: 0;
-}
-
-.c11 {
-  display: inline-block;
-  padding: 0;
-  border: none;
-  overflow: hidden;
-  height: auto;
-  -webkit-padding-before: 0;
-  -webkit-padding-start: 0;
-  -webkit-padding-end: 0;
-  -webkit-padding-after: 0;
-  float: right;
-}
-
-.c10 {
-  box-sizing: border-box;
-  width: 18.75rem;
-  height: 3rem;
-  min-height: 3rem;
-  padding: 0.8125rem 0.75rem;
-  border-radius: 0.25rem;
-  background-color: rgb(255,255,255);
-  border: 0.0625rem solid rgb(216,216,216);
-  color: rgb(73,73,73);
-  font-size: 0.9375rem;
-  line-height: normal !important;
-  font-style: normal;
-  font-stretch: normal;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  outline: 0;
-  max-width: 22.1875rem;
-  text-overflow: ellipsis;
-}
-
-.c10:focus {
-  border-color: rgb(59,70,204);
-  outline: 0;
-}
-
-.c10::-webkit-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c10::-moz-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c10:-ms-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c10:invalid {
-  box-shadow: none;
-}
-
-.c10:disabled {
-  background-color: rgb(250,250,250);
-  color: rgb(216,216,216);
-  cursor: not-allowed;
-}
-
-.c10:disabled::-webkit-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c10:disabled::-moz-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c10:disabled:-ms-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c7 {
-  font-weight: 600;
-  white-space: pre;
-  font-size: 0.8125rem;
-}
-
-.c14 {
-  overflow: hidden;
-  border-spacing: 0;
-  border-collapse: separate;
-  table-layout: fixed;
-  width: 100%;
-  max-width: 100%;
-}
-
-.c40 {
-  width: 100%;
-  background: rgb(250,250,250);
-}
-
-.c40 th:first-child {
-  border-bottom-left-radius: 0.25rem;
-}
-
-.c40 th:last-child {
-  border-bottom-right-radius: 0.25rem;
-}
-
-.c40 th {
-  border-top-width: 0;
-}
-
-.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;
-}
-
-.c28 {
-  width: 100%;
-}
-
-.c17 {
-  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;
-}
-
-.c17:not(:first-child) {
-  border-left-width: 0;
-}
-
-.c17:not(:last-child) {
-  border-right-width: 0;
-}
-
-.c23 {
-  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: rgb(73,73,73);
-  font-weight: 600;
-}
-
-.c23:not(:first-child) {
-  border-left-width: 0;
-}
-
-.c23: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;
-  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;
-}
-
-.c24:not(:first-child) {
-  border-left-width: 0;
-}
-
-.c24:not(:last-child) {
-  border-right-width: 0;
-}
-
-.c25 {
-  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;
-}
-
-.c25:not(:first-child) {
-  border-left-width: 0;
-}
-
-.c25: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: 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;
-}
-
-.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: 3.75rem;
-  display: table-cell;
-  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;
-}
-
-.c41 {
-  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: center;
-  height: 2.625rem;
-  color: rgb(189,189,189);
-  font-weight: 500;
-  border-bottom-width: 0;
-  border-bottom-width: 0.0625rem !important;
-}
-
-.c41:not(:first-child) {
-  border-left-width: 0;
-}
-
-.c41: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;
-  vertical-align: middle;
-  text-align: left;
-  border-bottom-width: 0;
-}
-
-.c30:not(:first-child) {
-  border-left-width: 0;
-}
-
-.c30:not(:last-child) {
-  border-right-width: 0;
-}
-
-.c34 {
-  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;
-}
-
-.c34:not(:first-child) {
-  border-left-width: 0;
-}
-
-.c34:not(:last-child) {
-  border-right-width: 0;
-}
-
-.c35 {
-  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;
-}
-
-.c35:not(:first-child) {
-  border-left-width: 0;
-}
-
-.c35:not(:last-child) {
-  border-right-width: 0;
-}
-
-.c36 {
-  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;
-}
-
-.c36:not(:first-child) {
-  border-left-width: 0;
-}
-
-.c36:not(:last-child) {
-  border-right-width: 0;
-}
-
-.c16 {
-  display: table-row;
-  color: rgb(73,73,73);
-  background-color: rgb(255,255,255);
-  box-shadow: 0 0.125rem 0 rgba(0,0,0,0.05);
-  box-sizing: border-box;
-  color: rgb(73,73,73);
-  background-color: transparent;
-  border: none;
-  box-shadow: none;
-}
-
-.c16:last-child {
-  box-shadow: none;
-}
-
-.c16:last-child td {
-  border-bottom-width: 0.0625rem;
-}
-
-.c29 {
-  display: table-row;
-  color: rgb(73,73,73);
-  background-color: rgb(255,255,255);
-  box-shadow: 0 0.125rem 0 rgba(0,0,0,0.05);
-  box-sizing: border-box;
-}
-
-.c29:last-child {
-  box-shadow: none;
-}
-
-.c29:last-child td {
-  border-bottom-width: 0.0625rem;
-}
-
-.c42 {
-  -webkit-text-decoration: underline;
-  text-decoration: underline;
-}
-
-.c45 {
-  -webkit-text-decoration: underline;
-  text-decoration: underline;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  padding: 0.375rem;
-  background-color: rgb(59,70,204);
-  border: 0.0625rem solid rgb(45,56,132);
-  border-radius: 0.25rem;
-  color: rgb(255,255,255);
-}
-
-.c43 {
-  margin-right: 0.1875rem;
-}
-
-.c48 {
-  margin-left: 0.1875rem;
-}
-
-.c31 {
-  color: rgb(73,73,73);
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  font-weight: 600;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 100%;
-  display: block;
-}
-
-.c44 {
-  margin: 0 0.1875rem;
-}
-
-.c38 {
-  height: 3rem;
-}
-
-@media only screen and (min-width:48em) {
-  .c1 {
-    width: 46rem;
-  }
-}
-
-@media only screen and (min-width:64em) {
-  .c1 {
-    width: 56rem;
-  }
-}
-
-@media only screen and (min-width:75em) {
-  .c1 {
-    width: 59rem;
-  }
-}
-
-@media only screen and (min-width:0em) {
-  .c52 {
-    -webkit-align-items: center;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-  }
-}
-
-@media only screen and (min-width:0em) {
-  .c52 {
-    -webkit-box-pack: justify;
-    -webkit-justify-content: space-between;
-    -ms-flex-pack: justify;
-    justify-content: space-between;
-  }
-}
-
-@media only screen and (min-width:0em) {
-  .c53 {
-    -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) {
-  .c58 {
-    -webkit-flex-basis: 41.66666666666667%;
-    -ms-flex-preferred-size: 41.66666666666667%;
-    flex-basis: 41.66666666666667%;
-    max-width: 41.66666666666667%;
-  }
-}
-
-@media only screen and (max-width:47.9375rem) {
-  .c0 {
-    padding-left: 0.375rem;
-    padding-right: 0.375rem;
-  }
-}
-
-@media only screen and (max-width:47.9375rem) {
-  .c51 {
-    padding-left: 0.375rem;
-    padding-right: 0.375rem;
-  }
-}
-
-@media only screen and (min-width:47.9375rem) {
-  .c25 {
-    width: 10rem;
-    display: table-cell;
-  }
-}
-
-@media only screen and (min-width:47.9375rem) {
-  .c26 {
-    width: 8.125rem;
-    display: table-cell;
-  }
-}
-
-@media only screen and (min-width:47.9375rem) {
-  .c34 {
-    width: 10rem;
-    display: table-cell;
-  }
-}
-
-@media only screen and (min-width:47.9375rem) {
-  .c35 {
-    width: 8.125rem;
-    display: table-cell;
-  }
-}
-
-<div
-  className="c0 c1"
->
-  <div
-    className="c2"
-  >
-    <h3
-      className="c3"
-    >
-      Instances
-    </h3>
-  </div>
-  <div
-    className="c4"
-  >
-    <form
-      onSubmit={undefined}
-    >
-      <div
-        className="c5"
-      >
-        <div
-          className="c6"
-          name="filter"
-          role="group"
-          style={undefined}
-        >
-          <label
-            className="c7 c8"
-            htmlFor="T"
-          >
-            Filter instances
-          </label>
-          <div
-            className="c9"
-          >
-            <input
-              className="c10"
-              disabled={false}
-              id="T"
-              onBlur={undefined}
-              placeholder=""
-            />
-          </div>
-        </div>
-        <div
-          className="c11"
-          role="group"
-          style={undefined}
-        >
-          <a
-            className="c12 c13"
-            data-ui-button="true"
-            disabled={false}
-            fluid={true}
-            href=""
-            icon={true}
-            loading={false}
-            onClick={undefined}
-            primary={true}
-            secondary={false}
-            small={false}
-            to="/instances/~create/name"
-            type="button"
-          >
-            Create Instance
-          </a>
-        </div>
-      </div>
-    </form>
-  </div>
-  <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"
-            disabled={undefined}
-            name="th"
-            selected={undefined}
-          >
-            <div
-              className="c6"
-              role="group"
-              style={undefined}
-            >
-              <li
-                className="c18"
-              >
-                <div
-                  checked={true}
-                  className="c19"
-                  disabled={false}
-                  id="X"
-                  onBlur={undefined}
-                  onChange={[Function]}
-                  type="checkbox"
-                >
-                  <input
-                    checked={true}
-                    className="c20 c21"
-                    disabled={false}
-                    id="Y"
-                    onBlur={undefined}
-                    onChange={[Function]}
-                    type="checkbox"
-                  />
-                  <label
-                    className="c22"
-                    htmlFor="Y"
-                  />
-                </div>
-              </li>
-            </div>
-          </th>
-          <th
-            className="c23"
-            disabled={undefined}
-            name="th"
-            onClick={[Function]}
-            selected={undefined}
-          >
-            <span>
-              Name 
-            </span>
-            <svg
-              height="6"
-              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="rgb(73, 73, 73)"
-              />
-            </svg>
-          </th>
-          <th
-            className="c24"
-            disabled={undefined}
-            name="th"
-            onClick={[Function]}
-            selected={undefined}
-          >
-            <span>
-              Status 
-            </span>
-          </th>
-          <th
-            className="c25"
-            disabled={undefined}
-            name="th"
-            onClick={[Function]}
-            selected={undefined}
-          >
-            <span>
-              Created 
-            </span>
-          </th>
-          <th
-            className="c26"
-            disabled={undefined}
-            name="th"
-            onClick={[Function]}
-            selected={undefined}
-          >
-            <span>
-              Short ID 
-            </span>
-          </th>
-          <th
-            className="c27"
-            disabled={undefined}
-            name="th"
-            selected={undefined}
-          />
-        </tr>
-      </thead>
-      <tbody
-        className="c28"
-        disabled={undefined}
-        name="tbody"
-        selected={undefined}
-      >
-        <tr
-          className="c29"
-          disabled={undefined}
-          name="tr"
-          selected={undefined}
-        >
-          <td
-            className="c30"
-            disabled={undefined}
-            name="td"
-            selected={undefined}
-          >
-            <div
-              className="c6"
-              name="2252839a-e698-ceec-afac-9549ad0c6624"
-              role="group"
-              style={undefined}
-            >
-              <li
-                className="c18"
-              >
-                <div
-                  checked={false}
-                  className="c19"
-                  disabled={false}
-                  id="Z"
-                  onBlur={undefined}
-                  type="checkbox"
-                >
-                  <input
-                    checked={false}
-                    className="c20 c21"
-                    disabled={false}
-                    id="a"
-                    onBlur={undefined}
-                    type="checkbox"
-                  />
-                  <label
-                    className="c22"
-                    htmlFor="a"
-                  />
-                </div>
-              </li>
-            </div>
-          </td>
-          <td
-            className="c30"
-            disabled={undefined}
-            name="td"
-            selected={undefined}
-          >
-            <a
-              activeClassName="active"
-              className="c31 c32"
-              secondary={false}
-              to="/instances/2252839a-e698-ceec-afac-9549ad0c6624"
-            >
-              2252839a
-            </a>
-          </td>
-          <td
-            className="c30"
-            disabled={undefined}
-            name="td"
-            selected={undefined}
-          >
-            <span>
-              <span
-                className="c33"
-                color="green"
-                size="0.75rem"
-              />
-               
-              Running
-            </span>
-          </td>
-          <td
-            className="c34"
-            disabled={undefined}
-            name="td"
-            selected={undefined}
-          >
-            almost NaN years
-          </td>
-          <td
-            className="c35"
-            disabled={undefined}
-            name="td"
-            selected={undefined}
-          >
-            <code>
-              2252839
-            </code>
-          </td>
-          <td
-            className="c36"
-            disabled={undefined}
-            name="td"
-            selected={undefined}
-          >
-            <div
-              box={true}
-              className="c37"
-              onClick={[Function]}
-              onMouseEnter={undefined}
-              onMouseLeave={undefined}
-              style={
-                Object {
-                  "display": "inline-block",
-                }
-              }
-              tag="div"
-            >
-              <div
-                className="c38 c39"
-              >
-                <svg
-                  height="16"
-                  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="rgb(73, 73, 73)"
-                  />
-                </svg>
-              </div>
-            </div>
-          </td>
-        </tr>
-        <tr
-          className="c29"
-          disabled={undefined}
-          name="tr"
-          selected={undefined}
-        >
-          <td
-            className="c30"
-            disabled={undefined}
-            name="td"
-            selected={undefined}
-          >
-            <div
-              className="c6"
-              name="f1bd1730-e8a6-4956-e738-d8e85cc6aa04"
-              role="group"
-              style={undefined}
-            >
-              <li
-                className="c18"
-              >
-                <div
-                  checked={false}
-                  className="c19"
-                  disabled={false}
-                  id="bb"
-                  onBlur={undefined}
-                  type="checkbox"
-                >
-                  <input
-                    checked={false}
-                    className="c20 c21"
-                    disabled={false}
-                    id="bc"
-                    onBlur={undefined}
-                    type="checkbox"
-                  />
-                  <label
-                    className="c22"
-                    htmlFor="bc"
-                  />
-                </div>
-              </li>
-            </div>
-          </td>
-          <td
-            className="c30"
-            disabled={undefined}
-            name="td"
-            selected={undefined}
-          >
-            <a
-              activeClassName="active"
-              className="c31 c32"
-              secondary={false}
-              to="/instances/f1bd1730-e8a6-4956-e738-d8e85cc6aa04"
-            >
-              f1bd1730
-            </a>
-          </td>
-          <td
-            className="c30"
-            disabled={undefined}
-            name="td"
-            selected={undefined}
-          >
-            <span>
-              <span
-                className="c33"
-                color="green"
-                size="0.75rem"
-              />
-               
-              Running
-            </span>
-          </td>
-          <td
-            className="c34"
-            disabled={undefined}
-            name="td"
-            selected={undefined}
-          >
-            almost NaN years
-          </td>
-          <td
-            className="c35"
-            disabled={undefined}
-            name="td"
-            selected={undefined}
-          >
-            <code>
-              f1bd173
-            </code>
-          </td>
-          <td
-            className="c36"
-            disabled={undefined}
-            name="td"
-            selected={undefined}
-          >
-            <div
-              box={true}
-              className="c37"
-              onClick={[Function]}
-              onMouseEnter={undefined}
-              onMouseLeave={undefined}
-              style={
-                Object {
-                  "display": "inline-block",
-                }
-              }
-              tag="div"
-            >
-              <div
-                className="c38 c39"
-              >
-                <svg
-                  height="16"
-                  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="rgb(73, 73, 73)"
-                  />
-                </svg>
-              </div>
-            </div>
-          </td>
-        </tr>
-      </tbody>
-      <tfoot
-        className="c40"
-        disabled={undefined}
-        name="tfoot"
-        selected={undefined}
-      >
-        <tr
-          className="c16"
-          disabled={undefined}
-          name="tr"
-          selected={undefined}
-        >
-          <th
-            className="c41"
-            colSpan="6"
-            disabled={undefined}
-            name="th"
-            selected={undefined}
-          >
-            <a
-              active={undefined}
-              activeClassName="active"
-              className="c42 c32"
-              disabled={false}
-              secondary={false}
-              to="/?limit=0&offset=0"
-            >
-              <svg
-                className="c43"
-                height="6"
-                innerRef={undefined}
-                left={true}
-                style={
-                  Object {
-                    "transform": "rotate(90deg)",
-                  }
-                }
-                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="rgb(59, 70, 204)"
-                />
-              </svg>
-              Prev
-            </a>
-            <a
-              className="c44 c45 c32 c46 c47"
-              disabled={undefined}
-              to={null}
-            >
-              NaN
-            </a>
-            <a
-              active={undefined}
-              activeClassName="active"
-              className="c42 c32"
-              disabled={false}
-              secondary={false}
-              to="/?limit=0&offset=0"
-            >
-              Next
-              <svg
-                className="c48"
-                height="6"
-                innerRef={undefined}
-                right={true}
-                style={
-                  Object {
-                    "transform": "rotate(-90deg)",
-                  }
-                }
-                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="rgb(59, 70, 204)"
-                />
-              </svg>
-            </a>
-          </th>
-        </tr>
-      </tfoot>
-    </table>
-  </form>
-  <div
-    className="c49"
-  >
-    <div
-      className="c50 c51 c1"
-    >
-      <div
-        className="c52"
-      >
-        <div
-          className="c53"
-        >
-          <span
-            name="react-responsive-mock"
-            query="only screen and (max-width: 47.9375rem)"
-          >
-            <button
-              className="c54 c13 c55 c56"
-              data-ui-button="true"
-              disabled={true}
-              href=""
-              icon={true}
-              onClick={[Function]}
-              type="button"
-            >
-              <svg
-                height="14"
-                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="c57 c13 c55 c56"
-              data-ui-button="true"
-              disabled={true}
-              href=""
-              icon={true}
-              onClick={[Function]}
-              type="button"
-            >
-              <svg
-                height="14"
-                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="c54 c13 c55 c56"
-              data-ui-button="true"
-              disabled={true}
-              href=""
-              icon={true}
-              onClick={[Function]}
-              type="button"
-            >
-              <svg
-                height="14"
-                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="c57 c13 c55 c56"
-              data-ui-button="true"
-              disabled={true}
-              href=""
-              icon={true}
-              onClick={[Function]}
-              type="button"
-            >
-              <svg
-                height="14"
-                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="c54 c13 c55 c56"
-              data-ui-button="true"
-              disabled={true}
-              href=""
-              icon={true}
-              onClick={[Function]}
-              type="button"
-            >
-              <svg
-                height="21"
-                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="c57 c13 c55 c56"
-              data-ui-button="true"
-              disabled={true}
-              href=""
-              icon={true}
-              onClick={[Function]}
-              type="button"
-            >
-              <svg
-                height="21"
-                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="c58"
-        >
-          <span
-            name="react-responsive-mock"
-            query="only screen and (max-width: 47.9375rem)"
-          >
-            <button
-              className="c59 c13 c55 c56"
-              data-ui-button="true"
-              disabled={true}
-              href=""
-              icon={true}
-              onClick={[Function]}
-              type="button"
-            >
-              <svg
-                height="16"
-                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(73, 73, 73)"
-                />
-              </svg>
-            </button>
-          </span>
-          <span
-            name="react-responsive-mock"
-            query="only screen and (min-width: 48rem)"
-          >
-            <button
-              className="c60 c13 c55 c56"
-              data-ui-button="true"
-              disabled={true}
-              href=""
-              icon={true}
-              onClick={[Function]}
-              type="button"
-            >
-              <svg
-                height="16"
-                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`] = `
-.c2 {
-  margin-top: 1.875rem;
-}
-
-.c4 {
-  margin-top: 1.125rem;
-  margin-bottom: 1.875rem;
-}
-
-.c9 {
-  margin-top: 0.1875rem;
-}
-
-.c47 {
-  background-color: transparent;
-  -webkit-text-decoration-skip: objects;
-  text-decoration-skip: objects;
-}
-
-.c56 {
-  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;
-}
-
-.c56::-moz-focus-inner,
-.c56[type='button']::-moz-focus-inner,
-.c56[type='reset']::-moz-focus-inner,
-.c56[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c56:-moz-focusring,
-.c56[type='button']:-moz-focusring,
-.c56[type='reset']:-moz-focusring,
-.c56[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c21 {
-  font-family: sans-serif;
-  font-size: 100%;
-  line-height: 1.15;
-  margin: 0;
-  overflow: visible;
-}
-
-.c21[type='checkbox'],
-.c21[type='radio'] {
-  box-sizing: border-box;
-  padding: 0;
-}
-
-.c21[type='number']::-webkit-inner-spin-button,
-.c21[type='number']::-webkit-outer-spin-button {
-  height: auto;
-}
-
-.c21[type='search'] {
-  -webkit-appearance: textfield;
-  -moz-appearance: textfield;
-  appearance: textfield;
-  outline-offset: -0.125rem;
-}
-
-.c21[type='search']::-webkit-search-cancel-button,
-.c21[type='search']::-webkit-search-decoration {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-}
-
-.c21::-webkit-file-upload-button {
-  -webkit-appearance: button;
-  -moz-appearance: button;
-  appearance: button;
-  font: inherit;
-}
-
-.c46 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-}
-
-.c32 {
-  color: rgb(59,70,204);
-  -webkit-text-fill-color: currentcolor;
-}
-
-.c32:hover {
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
 .c55 {
-  min-width: 7.5rem;
-}
-
-.c13 {
-  display: inline-block;
-}
-
-.c12 {
-  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;
-  -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%;
-}
-
-.c12:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c12:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c12:active,
-.c12:active:hover,
-.c12:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c12[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c58 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -8719,7 +3685,7 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
   align-items: center;
 }
 
-.c58:focus {
+.c55:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -8727,55 +3693,55 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
   border-color: rgb(45,56,132);
 }
 
-.c58:hover {
+.c55:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c58:active,
-.c58:active:hover,
-.c58:active:focus {
+.c55:active,
+.c55:active:hover,
+.c55:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c58[disabled] {
+.c55[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c58:focus {
+.c55:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c58:hover {
+.c55:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c58:active,
-.c58:active:hover,
-.c58:active:focus {
+.c55:active,
+.c55:active:hover,
+.c55:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c58:focus {
+.c55:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(216,216,216);
 }
 
-.c58:hover {
+.c55:hover {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c58:active,
-.c58:active:hover,
-.c58:active:focus {
+.c55:active,
+.c55:active:hover,
+.c55:active:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
@@ -9184,201 +4150,6 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
   border-color: rgb(250,250,250);
 }
 
-.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;
-  -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.625rem 1.125rem;
-  font-size: 0.8125rem;
-  min-width: 0rem;
-  min-height: 0rem;
-  height: auto;
-  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;
-}
-
-.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);
-}
-
-.c57 {
-  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;
-  -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;
-}
-
-.c57:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c57:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c57:active,
-.c57:active:hover,
-.c57:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c57[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c57:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c57:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c57:active,
-.c57:active:hover,
-.c57:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
 .c33 {
   width: 0.75rem;
   height: 0.75rem;
@@ -9518,7 +4289,7 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
   -webkit-box-align: stretch;
   -ms-flex-align: stretch;
   align-items: stretch;
-  background-color: rgba(241,241,241,1);
+  background-color: #FAFAFA;
   border-top: 0.0625rem solid rgb(216,216,216);
   max-height: 3.3125rem;
   min-height: 3.3125rem;
@@ -9588,6 +4359,26 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
   align-items: center;
 }
 
+.c54 {
+  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;
+}
+
 .c20 {
   font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   display: none;
@@ -10309,6 +5100,5345 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
   }
 }
 
+<div
+  className="c0 c1"
+>
+  <div
+    className="c2"
+  >
+    <h3
+      className="c3"
+    >
+      Instances
+    </h3>
+  </div>
+  <div
+    className="c4"
+  >
+    <form
+      onSubmit={undefined}
+    >
+      <div
+        className="c5"
+      >
+        <div
+          className="c6"
+          name="filter"
+          role="group"
+          style={undefined}
+        >
+          <label
+            className="c7 c8"
+            htmlFor="J"
+          >
+            Filter instances
+          </label>
+          <div
+            className="c9"
+          >
+            <input
+              className="c10"
+              disabled={false}
+              id="J"
+              onBlur={undefined}
+              placeholder=""
+            />
+          </div>
+        </div>
+        <div
+          className="c11"
+          role="group"
+          style={undefined}
+        >
+          <a
+            className="c12 c13"
+            data-ui-button="true"
+            disabled={false}
+            fluid={true}
+            href=""
+            icon={true}
+            loading={false}
+            onClick={undefined}
+            primary={true}
+            secondary={false}
+            small={false}
+            to="/instances/~create/name"
+            type="button"
+          >
+            Create Instance
+          </a>
+        </div>
+      </div>
+    </form>
+  </div>
+  <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"
+            disabled={undefined}
+            name="th"
+            selected={undefined}
+          >
+            <div
+              className="c6"
+              role="group"
+              style={undefined}
+            >
+              <li
+                className="c18"
+              >
+                <div
+                  checked={false}
+                  className="c19"
+                  disabled={false}
+                  id="N"
+                  onBlur={undefined}
+                  onChange={[Function]}
+                  type="checkbox"
+                >
+                  <input
+                    checked={false}
+                    className="c20 c21"
+                    disabled={false}
+                    id="O"
+                    onBlur={undefined}
+                    onChange={[Function]}
+                    type="checkbox"
+                  />
+                  <label
+                    className="c22"
+                    htmlFor="O"
+                  />
+                </div>
+              </li>
+            </div>
+          </th>
+          <th
+            className="c23"
+            disabled={undefined}
+            name="th"
+            onClick={[Function]}
+            selected={undefined}
+          >
+            <span>
+              Name 
+            </span>
+            <svg
+              height="6"
+              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="rgb(73, 73, 73)"
+              />
+            </svg>
+          </th>
+          <th
+            className="c24"
+            disabled={undefined}
+            name="th"
+            onClick={[Function]}
+            selected={undefined}
+          >
+            <span>
+              Status 
+            </span>
+          </th>
+          <th
+            className="c25"
+            disabled={undefined}
+            name="th"
+            onClick={[Function]}
+            selected={undefined}
+          >
+            <span>
+              Created 
+            </span>
+          </th>
+          <th
+            className="c26"
+            disabled={undefined}
+            name="th"
+            onClick={[Function]}
+            selected={undefined}
+          >
+            <span>
+              Short ID 
+            </span>
+          </th>
+          <th
+            className="c27"
+            disabled={undefined}
+            name="th"
+            selected={undefined}
+          />
+        </tr>
+      </thead>
+      <tbody
+        className="c28"
+        disabled={undefined}
+        name="tbody"
+        selected={undefined}
+      >
+        <tr
+          className="c29"
+          disabled={undefined}
+          name="tr"
+          selected={undefined}
+        >
+          <td
+            className="c30"
+            disabled={undefined}
+            name="td"
+            selected={undefined}
+          >
+            <div
+              className="c6"
+              name="2252839a-e698-ceec-afac-9549ad0c6624"
+              role="group"
+              style={undefined}
+            >
+              <li
+                className="c18"
+              >
+                <div
+                  checked={false}
+                  className="c19"
+                  disabled={false}
+                  id="P"
+                  onBlur={undefined}
+                  type="checkbox"
+                >
+                  <input
+                    checked={false}
+                    className="c20 c21"
+                    disabled={false}
+                    id="Q"
+                    onBlur={undefined}
+                    type="checkbox"
+                  />
+                  <label
+                    className="c22"
+                    htmlFor="Q"
+                  />
+                </div>
+              </li>
+            </div>
+          </td>
+          <td
+            className="c30"
+            disabled={undefined}
+            name="td"
+            selected={undefined}
+          >
+            <a
+              activeClassName="active"
+              className="c31 c32"
+              secondary={false}
+              to="/instances/2252839a-e698-ceec-afac-9549ad0c6624"
+            >
+              2252839a
+            </a>
+          </td>
+          <td
+            className="c30"
+            disabled={undefined}
+            name="td"
+            selected={undefined}
+          >
+            <span>
+              <span
+                className="c33"
+                color="green"
+                size="0.75rem"
+              />
+               
+              Running
+            </span>
+          </td>
+          <td
+            className="c34"
+            disabled={undefined}
+            name="td"
+            selected={undefined}
+          >
+            almost NaN years
+          </td>
+          <td
+            className="c35"
+            disabled={undefined}
+            name="td"
+            selected={undefined}
+          >
+            <code>
+              2252839
+            </code>
+          </td>
+          <td
+            className="c36"
+            disabled={undefined}
+            name="td"
+            selected={undefined}
+          >
+            <div
+              box={true}
+              className="c37"
+              onClick={[Function]}
+              onMouseEnter={undefined}
+              onMouseLeave={undefined}
+              style={
+                Object {
+                  "display": "inline-block",
+                }
+              }
+              tag="div"
+            >
+              <div
+                className="c38 c39"
+              >
+                <svg
+                  height="16"
+                  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="rgb(73, 73, 73)"
+                  />
+                </svg>
+              </div>
+            </div>
+          </td>
+        </tr>
+        <tr
+          className="c29"
+          disabled={undefined}
+          name="tr"
+          selected={undefined}
+        >
+          <td
+            className="c30"
+            disabled={undefined}
+            name="td"
+            selected={undefined}
+          >
+            <div
+              className="c6"
+              name="f1bd1730-e8a6-4956-e738-d8e85cc6aa04"
+              role="group"
+              style={undefined}
+            >
+              <li
+                className="c18"
+              >
+                <div
+                  checked={false}
+                  className="c19"
+                  disabled={false}
+                  id="R"
+                  onBlur={undefined}
+                  type="checkbox"
+                >
+                  <input
+                    checked={false}
+                    className="c20 c21"
+                    disabled={false}
+                    id="S"
+                    onBlur={undefined}
+                    type="checkbox"
+                  />
+                  <label
+                    className="c22"
+                    htmlFor="S"
+                  />
+                </div>
+              </li>
+            </div>
+          </td>
+          <td
+            className="c30"
+            disabled={undefined}
+            name="td"
+            selected={undefined}
+          >
+            <a
+              activeClassName="active"
+              className="c31 c32"
+              secondary={false}
+              to="/instances/f1bd1730-e8a6-4956-e738-d8e85cc6aa04"
+            >
+              f1bd1730
+            </a>
+          </td>
+          <td
+            className="c30"
+            disabled={undefined}
+            name="td"
+            selected={undefined}
+          >
+            <span>
+              <span
+                className="c33"
+                color="green"
+                size="0.75rem"
+              />
+               
+              Running
+            </span>
+          </td>
+          <td
+            className="c34"
+            disabled={undefined}
+            name="td"
+            selected={undefined}
+          >
+            almost NaN years
+          </td>
+          <td
+            className="c35"
+            disabled={undefined}
+            name="td"
+            selected={undefined}
+          >
+            <code>
+              f1bd173
+            </code>
+          </td>
+          <td
+            className="c36"
+            disabled={undefined}
+            name="td"
+            selected={undefined}
+          >
+            <div
+              box={true}
+              className="c37"
+              onClick={[Function]}
+              onMouseEnter={undefined}
+              onMouseLeave={undefined}
+              style={
+                Object {
+                  "display": "inline-block",
+                }
+              }
+              tag="div"
+            >
+              <div
+                className="c38 c39"
+              >
+                <svg
+                  height="16"
+                  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="rgb(73, 73, 73)"
+                  />
+                </svg>
+              </div>
+            </div>
+          </td>
+        </tr>
+      </tbody>
+      <tfoot
+        className="c40"
+        disabled={undefined}
+        name="tfoot"
+        selected={undefined}
+      >
+        <tr
+          className="c16"
+          disabled={undefined}
+          name="tr"
+          selected={undefined}
+        >
+          <th
+            className="c41"
+            colSpan="6"
+            disabled={undefined}
+            name="th"
+            selected={undefined}
+          >
+            <a
+              active={undefined}
+              activeClassName="active"
+              className="c42 c32"
+              disabled={false}
+              secondary={false}
+              to="/?limit=0&offset=0"
+            >
+              <svg
+                className="c43"
+                height="6"
+                innerRef={undefined}
+                left={true}
+                style={
+                  Object {
+                    "transform": "rotate(90deg)",
+                  }
+                }
+                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="rgb(59, 70, 204)"
+                />
+              </svg>
+              Prev
+            </a>
+            <a
+              className="c44 c45 c32 c46 c47"
+              disabled={undefined}
+              to={null}
+            >
+              NaN
+            </a>
+            <a
+              active={undefined}
+              activeClassName="active"
+              className="c42 c32"
+              disabled={false}
+              secondary={false}
+              to="/?limit=0&offset=0"
+            >
+              Next
+              <svg
+                className="c48"
+                height="6"
+                innerRef={undefined}
+                right={true}
+                style={
+                  Object {
+                    "transform": "rotate(-90deg)",
+                  }
+                }
+                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="rgb(59, 70, 204)"
+                />
+              </svg>
+            </a>
+          </th>
+        </tr>
+      </tfoot>
+    </table>
+  </form>
+  <div
+    className="c49"
+    fill="#FAFAFA"
+  >
+    <div
+      className="c50 c51 c1"
+    >
+      <div
+        className="c52"
+      >
+        <div
+          className="c53"
+        >
+          <div
+            className="c54"
+          >
+            <span
+              name="react-responsive-mock"
+              query="only screen and (max-width: 47.9375rem)"
+            >
+              <button
+                className="c55 c13 c56 c57"
+                data-ui-button="true"
+                disabled={true}
+                href=""
+                icon={true}
+                onClick={[Function]}
+                type="button"
+              >
+                <svg
+                  height="14"
+                  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>
+            <div
+              className="c58"
+            >
+              <span
+                name="react-responsive-mock"
+                query="only screen and (min-width: 48rem)"
+              >
+                <button
+                  className="c59 c13 c56 c57"
+                  data-ui-button="true"
+                  disabled={true}
+                  href=""
+                  icon={true}
+                  onClick={[Function]}
+                  type="button"
+                >
+                  <div
+                    className="c58"
+                  >
+                    <svg
+                      height="14"
+                      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>
+                  </div>
+                  <span>
+                    Start
+                  </span>
+                </button>
+              </span>
+            </div>
+            <span
+              name="react-responsive-mock"
+              query="only screen and (max-width: 47.9375rem)"
+            >
+              <button
+                className="c55 c13 c56 c57"
+                data-ui-button="true"
+                disabled={true}
+                href=""
+                icon={true}
+                onClick={[Function]}
+                type="button"
+              >
+                <svg
+                  height="14"
+                  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>
+            <div
+              className="c58"
+            >
+              <span
+                name="react-responsive-mock"
+                query="only screen and (min-width: 48rem)"
+              >
+                <button
+                  className="c59 c13 c56 c57"
+                  data-ui-button="true"
+                  disabled={true}
+                  href=""
+                  icon={true}
+                  onClick={[Function]}
+                  type="button"
+                >
+                  <div
+                    className="c58"
+                  >
+                    <svg
+                      height="14"
+                      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>
+                  </div>
+                  <span>
+                    Stop
+                  </span>
+                </button>
+              </span>
+            </div>
+            <span
+              name="react-responsive-mock"
+              query="only screen and (max-width: 47.9375rem)"
+            >
+              <button
+                className="c55 c13 c56 c57"
+                data-ui-button="true"
+                disabled={true}
+                href=""
+                icon={true}
+                onClick={[Function]}
+                type="button"
+              >
+                <svg
+                  height="21"
+                  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>
+            <div
+              className="c58"
+            >
+              <span
+                name="react-responsive-mock"
+                query="only screen and (min-width: 48rem)"
+              >
+                <button
+                  className="c59 c13 c56 c57"
+                  data-ui-button="true"
+                  disabled={true}
+                  href=""
+                  icon={true}
+                  onClick={[Function]}
+                  type="button"
+                >
+                  <svg
+                    height="21"
+                    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>
+        </div>
+        <div
+          className="c60"
+        >
+          <span
+            name="react-responsive-mock"
+            query="only screen and (max-width: 47.9375rem)"
+          >
+            <button
+              className="c61 c13 c56 c57"
+              data-ui-button="true"
+              disabled={true}
+              href=""
+              icon={true}
+              onClick={[Function]}
+              type="button"
+            >
+              <svg
+                height="16"
+                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(73, 73, 73)"
+                />
+              </svg>
+            </button>
+          </span>
+          <span
+            name="react-responsive-mock"
+            query="only screen and (min-width: 48rem)"
+          >
+            <button
+              className="c62 c13 c56 c57"
+              data-ui-button="true"
+              disabled={true}
+              href=""
+              icon={true}
+              onClick={[Function]}
+              type="button"
+            >
+              <div
+                className="c58"
+              >
+                <svg
+                  height="16"
+                  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>
+              </div>
+              <span>
+                Remove
+              </span>
+            </button>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`renders <List instances selected=all /> without throwing 1`] = `
+.c2 {
+  margin-top: 1.875rem;
+}
+
+.c4 {
+  margin-top: 1.125rem;
+  margin-bottom: 1.875rem;
+}
+
+.c9 {
+  margin-top: 0.1875rem;
+}
+
+.c58 {
+  margin-right: 0.375rem;
+}
+
+.c47 {
+  background-color: transparent;
+  -webkit-text-decoration-skip: objects;
+  text-decoration-skip: objects;
+}
+
+.c57 {
+  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;
+}
+
+.c57::-moz-focus-inner,
+.c57[type='button']::-moz-focus-inner,
+.c57[type='reset']::-moz-focus-inner,
+.c57[type='submit']::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+.c57:-moz-focusring,
+.c57[type='button']:-moz-focusring,
+.c57[type='reset']:-moz-focusring,
+.c57[type='submit']:-moz-focusring {
+  outline: 0.0625rem dotted ButtonText;
+}
+
+.c21 {
+  font-family: sans-serif;
+  font-size: 100%;
+  line-height: 1.15;
+  margin: 0;
+  overflow: visible;
+}
+
+.c21[type='checkbox'],
+.c21[type='radio'] {
+  box-sizing: border-box;
+  padding: 0;
+}
+
+.c21[type='number']::-webkit-inner-spin-button,
+.c21[type='number']::-webkit-outer-spin-button {
+  height: auto;
+}
+
+.c21[type='search'] {
+  -webkit-appearance: textfield;
+  -moz-appearance: textfield;
+  appearance: textfield;
+  outline-offset: -0.125rem;
+}
+
+.c21[type='search']::-webkit-search-cancel-button,
+.c21[type='search']::-webkit-search-decoration {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+}
+
+.c21::-webkit-file-upload-button {
+  -webkit-appearance: button;
+  -moz-appearance: button;
+  appearance: button;
+  font: inherit;
+}
+
+.c46 {
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+}
+
+.c32 {
+  color: rgb(59,70,204);
+  -webkit-text-fill-color: currentcolor;
+}
+
+.c32:hover {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.c56 {
+  min-width: 7.5rem;
+}
+
+.c13 {
+  display: inline-block;
+}
+
+.c12 {
+  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;
+  -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%;
+}
+
+.c12:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c12:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c12:active,
+.c12:active:hover,
+.c12:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c12[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c55 {
+  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;
+  -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.625rem 1.125rem;
+  font-size: 0.8125rem;
+  min-width: 0rem;
+  min-height: 0rem;
+  height: auto;
+  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;
+}
+
+.c55:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c55:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c55:active,
+.c55:active:hover,
+.c55:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c55[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c55:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c55:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c55:active,
+.c55:active:hover,
+.c55:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c55:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+}
+
+.c55:hover {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c55:active,
+.c55:active:hover,
+.c55:active:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c59 {
+  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;
+  -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;
+}
+
+.c59:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c59:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c59:active,
+.c59:active:hover,
+.c59:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c59[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c59:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c59:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c59:active,
+.c59:active:hover,
+.c59:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c59:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+}
+
+.c59:hover {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c59:active,
+.c59:active:hover,
+.c59:active:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c61 {
+  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;
+  -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.625rem 1.125rem;
+  font-size: 0.8125rem;
+  min-width: 0rem;
+  min-height: 0rem;
+  height: auto;
+  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;
+}
+
+.c61:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c61:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c61:active,
+.c61:active:hover,
+.c61:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c61[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c61:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c61:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c61:active,
+.c61:active:hover,
+.c61:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c61:focus {
+  color: rgb(205,37,27);
+  background-color: rgb(255,255,255);
+  border-color: rgb(205,37,27);
+}
+
+.c61:hover {
+  color: rgb(205,37,27);
+  background-color: rgb(255,255,255);
+  border-color: rgb(205,37,27);
+}
+
+.c61:active,
+.c61:active:hover,
+.c61:active:focus {
+  background-color: rgba(210,67,58,0.1);
+  border-color: rgb(205,37,27);
+}
+
+.c61:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+}
+
+.c61:hover {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c61:active,
+.c61:active:hover,
+.c61:active:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c62 {
+  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;
+  -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;
+}
+
+.c62:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c62:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c62:active,
+.c62:active:hover,
+.c62:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c62[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c62:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c62:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c62:active,
+.c62:active:hover,
+.c62:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c62:focus {
+  color: rgb(205,37,27);
+  background-color: rgb(255,255,255);
+  border-color: rgb(205,37,27);
+}
+
+.c62:hover {
+  color: rgb(205,37,27);
+  background-color: rgb(255,255,255);
+  border-color: rgb(205,37,27);
+}
+
+.c62:active,
+.c62:active:hover,
+.c62:active:focus {
+  background-color: rgba(210,67,58,0.1);
+  border-color: rgb(205,37,27);
+}
+
+.c62:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+}
+
+.c62:hover {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c62:active,
+.c62:active:hover,
+.c62:active:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c33 {
+  width: 0.75rem;
+  height: 0.75rem;
+  border-radius: 50%;
+  background-color: rgb(0,152,88);
+  display: inline-block;
+  margin-right: 0rem;
+  margin-left: 0rem;
+}
+
+.c37 {
+  cursor: pointer;
+  height: 100%;
+  width: 100%;
+  display: -webkit-box !important;
+  display: -webkit-flex !important;
+  display: -ms-flexbox !important;
+  display: flex !important;
+  -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;
+}
+
+.c8 {
+  font-size: 0.9375rem;
+  line-height: 1.125rem;
+  font-style: normal;
+  font-stretch: normal;
+  display: block;
+  color: rgb(70,70,70);
+  text-align: left;
+}
+
+.c1 {
+  margin-right: auto;
+  margin-left: auto;
+}
+
+.c52 {
+  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;
+}
+
+.c53 {
+  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;
+}
+
+.c60 {
+  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;
+}
+
+.c0 {
+  box-sizing: border-box;
+  width: 100%;
+  max-width: 62.5rem;
+  padding-bottom: 1.125rem;
+}
+
+.c51 {
+  box-sizing: border-box;
+  width: 100%;
+  max-width: 62.5rem;
+}
+
+.c3 {
+  margin: 0;
+  color: rgb(73,73,73);
+  font-weight: normal;
+  line-height: 1.625rem;
+  font-size: 1.3125rem;
+}
+
+.c50 {
+  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;
+  background: rgb(250,250,250);
+}
+
+.c49 {
+  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: #FAFAFA;
+  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;
+}
+
+.c5 {
+  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;
+  -webkit-align-items: flex-end;
+  -webkit-box-align: flex-end;
+  -ms-flex-align: flex-end;
+  align-items: flex-end;
+}
+
+.c39 {
+  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;
+}
+
+.c54 {
+  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;
+}
+
+.c20 {
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+  display: none;
+}
+
+.c20:checked + label::after {
+  opacity: 1;
+}
+
+.c20:selected + label::after {
+  opacity: 1;
+}
+
+.c20:checked + label {
+  border-color: rgb(59,70,204);
+}
+
+.c20:selected + label {
+  border-color: rgb(59,70,204);
+}
+
+.c20:disabled + label {
+  background-color: rgb(249,249,249);
+  cursor: not-allowed;
+}
+
+.c22 {
+  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;
+}
+
+.c22::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);
+}
+
+.c19 {
+  display: inline-block;
+  vertical-align: text-bottom;
+  width: 1.125rem;
+  height: 1.125rem;
+  position: relative;
+  cursor: pointer;
+}
+
+.c18 {
+  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;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-align-content: center;
+  -ms-flex-line-pack: center;
+  align-content: center;
+  height: 1.5rem;
+}
+
+.c18 label {
+  font-weight: 400;
+}
+
+.c18 label::after {
+  width: 0.475rem;
+  height: 0.205rem;
+  top: 0.4125rem;
+  left: 0.35rem;
+}
+
+.c18 div[type='checkbox'],
+.c18 div[type='checkbox'] input,
+.c18 div[type='checkbox'] label {
+  height: 1.5rem;
+  width: 1.5rem;
+}
+
+.c6 {
+  display: inline-block;
+  padding: 0;
+  border: none;
+  overflow: hidden;
+  height: auto;
+  -webkit-padding-before: 0;
+  -webkit-padding-start: 0;
+  -webkit-padding-end: 0;
+  -webkit-padding-after: 0;
+}
+
+.c11 {
+  display: inline-block;
+  padding: 0;
+  border: none;
+  overflow: hidden;
+  height: auto;
+  -webkit-padding-before: 0;
+  -webkit-padding-start: 0;
+  -webkit-padding-end: 0;
+  -webkit-padding-after: 0;
+  float: right;
+}
+
+.c10 {
+  box-sizing: border-box;
+  width: 18.75rem;
+  height: 3rem;
+  min-height: 3rem;
+  padding: 0.8125rem 0.75rem;
+  border-radius: 0.25rem;
+  background-color: rgb(255,255,255);
+  border: 0.0625rem solid rgb(216,216,216);
+  color: rgb(73,73,73);
+  font-size: 0.9375rem;
+  line-height: normal !important;
+  font-style: normal;
+  font-stretch: normal;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  outline: 0;
+  max-width: 22.1875rem;
+  text-overflow: ellipsis;
+}
+
+.c10:focus {
+  border-color: rgb(59,70,204);
+  outline: 0;
+}
+
+.c10::-webkit-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c10::-moz-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c10:-ms-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c10:invalid {
+  box-shadow: none;
+}
+
+.c10:disabled {
+  background-color: rgb(250,250,250);
+  color: rgb(216,216,216);
+  cursor: not-allowed;
+}
+
+.c10:disabled::-webkit-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c10:disabled::-moz-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c10:disabled:-ms-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c7 {
+  font-weight: 600;
+  white-space: pre;
+  font-size: 0.8125rem;
+}
+
+.c14 {
+  overflow: hidden;
+  border-spacing: 0;
+  border-collapse: separate;
+  table-layout: fixed;
+  width: 100%;
+  max-width: 100%;
+}
+
+.c40 {
+  width: 100%;
+  background: rgb(250,250,250);
+}
+
+.c40 th:first-child {
+  border-bottom-left-radius: 0.25rem;
+}
+
+.c40 th:last-child {
+  border-bottom-right-radius: 0.25rem;
+}
+
+.c40 th {
+  border-top-width: 0;
+}
+
+.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;
+}
+
+.c28 {
+  width: 100%;
+}
+
+.c17 {
+  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;
+}
+
+.c17:not(:first-child) {
+  border-left-width: 0;
+}
+
+.c17:not(:last-child) {
+  border-right-width: 0;
+}
+
+.c23 {
+  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: rgb(73,73,73);
+  font-weight: 600;
+}
+
+.c23:not(:first-child) {
+  border-left-width: 0;
+}
+
+.c23: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;
+  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;
+}
+
+.c24:not(:first-child) {
+  border-left-width: 0;
+}
+
+.c24:not(:last-child) {
+  border-right-width: 0;
+}
+
+.c25 {
+  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;
+}
+
+.c25:not(:first-child) {
+  border-left-width: 0;
+}
+
+.c25: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: 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;
+}
+
+.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: 3.75rem;
+  display: table-cell;
+  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;
+}
+
+.c41 {
+  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: center;
+  height: 2.625rem;
+  color: rgb(189,189,189);
+  font-weight: 500;
+  border-bottom-width: 0;
+  border-bottom-width: 0.0625rem !important;
+}
+
+.c41:not(:first-child) {
+  border-left-width: 0;
+}
+
+.c41: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;
+  vertical-align: middle;
+  text-align: left;
+  border-bottom-width: 0;
+}
+
+.c30:not(:first-child) {
+  border-left-width: 0;
+}
+
+.c30:not(:last-child) {
+  border-right-width: 0;
+}
+
+.c34 {
+  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;
+}
+
+.c34:not(:first-child) {
+  border-left-width: 0;
+}
+
+.c34:not(:last-child) {
+  border-right-width: 0;
+}
+
+.c35 {
+  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;
+}
+
+.c35:not(:first-child) {
+  border-left-width: 0;
+}
+
+.c35:not(:last-child) {
+  border-right-width: 0;
+}
+
+.c36 {
+  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;
+}
+
+.c36:not(:first-child) {
+  border-left-width: 0;
+}
+
+.c36:not(:last-child) {
+  border-right-width: 0;
+}
+
+.c16 {
+  display: table-row;
+  color: rgb(73,73,73);
+  background-color: rgb(255,255,255);
+  box-shadow: 0 0.125rem 0 rgba(0,0,0,0.05);
+  box-sizing: border-box;
+  color: rgb(73,73,73);
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+.c16:last-child {
+  box-shadow: none;
+}
+
+.c16:last-child td {
+  border-bottom-width: 0.0625rem;
+}
+
+.c29 {
+  display: table-row;
+  color: rgb(73,73,73);
+  background-color: rgb(255,255,255);
+  box-shadow: 0 0.125rem 0 rgba(0,0,0,0.05);
+  box-sizing: border-box;
+}
+
+.c29:last-child {
+  box-shadow: none;
+}
+
+.c29:last-child td {
+  border-bottom-width: 0.0625rem;
+}
+
+.c42 {
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+
+.c45 {
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  padding: 0.375rem;
+  background-color: rgb(59,70,204);
+  border: 0.0625rem solid rgb(45,56,132);
+  border-radius: 0.25rem;
+  color: rgb(255,255,255);
+}
+
+.c43 {
+  margin-right: 0.1875rem;
+}
+
+.c48 {
+  margin-left: 0.1875rem;
+}
+
+.c31 {
+  color: rgb(73,73,73);
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  font-weight: 600;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 100%;
+  display: block;
+}
+
+.c44 {
+  margin: 0 0.1875rem;
+}
+
+.c38 {
+  height: 3rem;
+}
+
+@media only screen and (min-width:48em) {
+  .c1 {
+    width: 46rem;
+  }
+}
+
+@media only screen and (min-width:64em) {
+  .c1 {
+    width: 56rem;
+  }
+}
+
+@media only screen and (min-width:75em) {
+  .c1 {
+    width: 59rem;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c52 {
+    -webkit-align-items: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c52 {
+    -webkit-box-pack: justify;
+    -webkit-justify-content: space-between;
+    -ms-flex-pack: justify;
+    justify-content: space-between;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c53 {
+    -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) {
+  .c60 {
+    -webkit-flex-basis: 41.66666666666667%;
+    -ms-flex-preferred-size: 41.66666666666667%;
+    flex-basis: 41.66666666666667%;
+    max-width: 41.66666666666667%;
+  }
+}
+
+@media only screen and (max-width:47.9375rem) {
+  .c0 {
+    padding-left: 0.375rem;
+    padding-right: 0.375rem;
+  }
+}
+
+@media only screen and (max-width:47.9375rem) {
+  .c51 {
+    padding-left: 0.375rem;
+    padding-right: 0.375rem;
+  }
+}
+
+@media only screen and (min-width:47.9375rem) {
+  .c25 {
+    width: 10rem;
+    display: table-cell;
+  }
+}
+
+@media only screen and (min-width:47.9375rem) {
+  .c26 {
+    width: 8.125rem;
+    display: table-cell;
+  }
+}
+
+@media only screen and (min-width:47.9375rem) {
+  .c34 {
+    width: 10rem;
+    display: table-cell;
+  }
+}
+
+@media only screen and (min-width:47.9375rem) {
+  .c35 {
+    width: 8.125rem;
+    display: table-cell;
+  }
+}
+
+<div
+  className="c0 c1"
+>
+  <div
+    className="c2"
+  >
+    <h3
+      className="c3"
+    >
+      Instances
+    </h3>
+  </div>
+  <div
+    className="c4"
+  >
+    <form
+      onSubmit={undefined}
+    >
+      <div
+        className="c5"
+      >
+        <div
+          className="c6"
+          name="filter"
+          role="group"
+          style={undefined}
+        >
+          <label
+            className="c7 c8"
+            htmlFor="T"
+          >
+            Filter instances
+          </label>
+          <div
+            className="c9"
+          >
+            <input
+              className="c10"
+              disabled={false}
+              id="T"
+              onBlur={undefined}
+              placeholder=""
+            />
+          </div>
+        </div>
+        <div
+          className="c11"
+          role="group"
+          style={undefined}
+        >
+          <a
+            className="c12 c13"
+            data-ui-button="true"
+            disabled={false}
+            fluid={true}
+            href=""
+            icon={true}
+            loading={false}
+            onClick={undefined}
+            primary={true}
+            secondary={false}
+            small={false}
+            to="/instances/~create/name"
+            type="button"
+          >
+            Create Instance
+          </a>
+        </div>
+      </div>
+    </form>
+  </div>
+  <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"
+            disabled={undefined}
+            name="th"
+            selected={undefined}
+          >
+            <div
+              className="c6"
+              role="group"
+              style={undefined}
+            >
+              <li
+                className="c18"
+              >
+                <div
+                  checked={true}
+                  className="c19"
+                  disabled={false}
+                  id="X"
+                  onBlur={undefined}
+                  onChange={[Function]}
+                  type="checkbox"
+                >
+                  <input
+                    checked={true}
+                    className="c20 c21"
+                    disabled={false}
+                    id="Y"
+                    onBlur={undefined}
+                    onChange={[Function]}
+                    type="checkbox"
+                  />
+                  <label
+                    className="c22"
+                    htmlFor="Y"
+                  />
+                </div>
+              </li>
+            </div>
+          </th>
+          <th
+            className="c23"
+            disabled={undefined}
+            name="th"
+            onClick={[Function]}
+            selected={undefined}
+          >
+            <span>
+              Name 
+            </span>
+            <svg
+              height="6"
+              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="rgb(73, 73, 73)"
+              />
+            </svg>
+          </th>
+          <th
+            className="c24"
+            disabled={undefined}
+            name="th"
+            onClick={[Function]}
+            selected={undefined}
+          >
+            <span>
+              Status 
+            </span>
+          </th>
+          <th
+            className="c25"
+            disabled={undefined}
+            name="th"
+            onClick={[Function]}
+            selected={undefined}
+          >
+            <span>
+              Created 
+            </span>
+          </th>
+          <th
+            className="c26"
+            disabled={undefined}
+            name="th"
+            onClick={[Function]}
+            selected={undefined}
+          >
+            <span>
+              Short ID 
+            </span>
+          </th>
+          <th
+            className="c27"
+            disabled={undefined}
+            name="th"
+            selected={undefined}
+          />
+        </tr>
+      </thead>
+      <tbody
+        className="c28"
+        disabled={undefined}
+        name="tbody"
+        selected={undefined}
+      >
+        <tr
+          className="c29"
+          disabled={undefined}
+          name="tr"
+          selected={undefined}
+        >
+          <td
+            className="c30"
+            disabled={undefined}
+            name="td"
+            selected={undefined}
+          >
+            <div
+              className="c6"
+              name="2252839a-e698-ceec-afac-9549ad0c6624"
+              role="group"
+              style={undefined}
+            >
+              <li
+                className="c18"
+              >
+                <div
+                  checked={false}
+                  className="c19"
+                  disabled={false}
+                  id="Z"
+                  onBlur={undefined}
+                  type="checkbox"
+                >
+                  <input
+                    checked={false}
+                    className="c20 c21"
+                    disabled={false}
+                    id="a"
+                    onBlur={undefined}
+                    type="checkbox"
+                  />
+                  <label
+                    className="c22"
+                    htmlFor="a"
+                  />
+                </div>
+              </li>
+            </div>
+          </td>
+          <td
+            className="c30"
+            disabled={undefined}
+            name="td"
+            selected={undefined}
+          >
+            <a
+              activeClassName="active"
+              className="c31 c32"
+              secondary={false}
+              to="/instances/2252839a-e698-ceec-afac-9549ad0c6624"
+            >
+              2252839a
+            </a>
+          </td>
+          <td
+            className="c30"
+            disabled={undefined}
+            name="td"
+            selected={undefined}
+          >
+            <span>
+              <span
+                className="c33"
+                color="green"
+                size="0.75rem"
+              />
+               
+              Running
+            </span>
+          </td>
+          <td
+            className="c34"
+            disabled={undefined}
+            name="td"
+            selected={undefined}
+          >
+            almost NaN years
+          </td>
+          <td
+            className="c35"
+            disabled={undefined}
+            name="td"
+            selected={undefined}
+          >
+            <code>
+              2252839
+            </code>
+          </td>
+          <td
+            className="c36"
+            disabled={undefined}
+            name="td"
+            selected={undefined}
+          >
+            <div
+              box={true}
+              className="c37"
+              onClick={[Function]}
+              onMouseEnter={undefined}
+              onMouseLeave={undefined}
+              style={
+                Object {
+                  "display": "inline-block",
+                }
+              }
+              tag="div"
+            >
+              <div
+                className="c38 c39"
+              >
+                <svg
+                  height="16"
+                  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="rgb(73, 73, 73)"
+                  />
+                </svg>
+              </div>
+            </div>
+          </td>
+        </tr>
+        <tr
+          className="c29"
+          disabled={undefined}
+          name="tr"
+          selected={undefined}
+        >
+          <td
+            className="c30"
+            disabled={undefined}
+            name="td"
+            selected={undefined}
+          >
+            <div
+              className="c6"
+              name="f1bd1730-e8a6-4956-e738-d8e85cc6aa04"
+              role="group"
+              style={undefined}
+            >
+              <li
+                className="c18"
+              >
+                <div
+                  checked={false}
+                  className="c19"
+                  disabled={false}
+                  id="bb"
+                  onBlur={undefined}
+                  type="checkbox"
+                >
+                  <input
+                    checked={false}
+                    className="c20 c21"
+                    disabled={false}
+                    id="bc"
+                    onBlur={undefined}
+                    type="checkbox"
+                  />
+                  <label
+                    className="c22"
+                    htmlFor="bc"
+                  />
+                </div>
+              </li>
+            </div>
+          </td>
+          <td
+            className="c30"
+            disabled={undefined}
+            name="td"
+            selected={undefined}
+          >
+            <a
+              activeClassName="active"
+              className="c31 c32"
+              secondary={false}
+              to="/instances/f1bd1730-e8a6-4956-e738-d8e85cc6aa04"
+            >
+              f1bd1730
+            </a>
+          </td>
+          <td
+            className="c30"
+            disabled={undefined}
+            name="td"
+            selected={undefined}
+          >
+            <span>
+              <span
+                className="c33"
+                color="green"
+                size="0.75rem"
+              />
+               
+              Running
+            </span>
+          </td>
+          <td
+            className="c34"
+            disabled={undefined}
+            name="td"
+            selected={undefined}
+          >
+            almost NaN years
+          </td>
+          <td
+            className="c35"
+            disabled={undefined}
+            name="td"
+            selected={undefined}
+          >
+            <code>
+              f1bd173
+            </code>
+          </td>
+          <td
+            className="c36"
+            disabled={undefined}
+            name="td"
+            selected={undefined}
+          >
+            <div
+              box={true}
+              className="c37"
+              onClick={[Function]}
+              onMouseEnter={undefined}
+              onMouseLeave={undefined}
+              style={
+                Object {
+                  "display": "inline-block",
+                }
+              }
+              tag="div"
+            >
+              <div
+                className="c38 c39"
+              >
+                <svg
+                  height="16"
+                  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="rgb(73, 73, 73)"
+                  />
+                </svg>
+              </div>
+            </div>
+          </td>
+        </tr>
+      </tbody>
+      <tfoot
+        className="c40"
+        disabled={undefined}
+        name="tfoot"
+        selected={undefined}
+      >
+        <tr
+          className="c16"
+          disabled={undefined}
+          name="tr"
+          selected={undefined}
+        >
+          <th
+            className="c41"
+            colSpan="6"
+            disabled={undefined}
+            name="th"
+            selected={undefined}
+          >
+            <a
+              active={undefined}
+              activeClassName="active"
+              className="c42 c32"
+              disabled={false}
+              secondary={false}
+              to="/?limit=0&offset=0"
+            >
+              <svg
+                className="c43"
+                height="6"
+                innerRef={undefined}
+                left={true}
+                style={
+                  Object {
+                    "transform": "rotate(90deg)",
+                  }
+                }
+                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="rgb(59, 70, 204)"
+                />
+              </svg>
+              Prev
+            </a>
+            <a
+              className="c44 c45 c32 c46 c47"
+              disabled={undefined}
+              to={null}
+            >
+              NaN
+            </a>
+            <a
+              active={undefined}
+              activeClassName="active"
+              className="c42 c32"
+              disabled={false}
+              secondary={false}
+              to="/?limit=0&offset=0"
+            >
+              Next
+              <svg
+                className="c48"
+                height="6"
+                innerRef={undefined}
+                right={true}
+                style={
+                  Object {
+                    "transform": "rotate(-90deg)",
+                  }
+                }
+                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="rgb(59, 70, 204)"
+                />
+              </svg>
+            </a>
+          </th>
+        </tr>
+      </tfoot>
+    </table>
+  </form>
+  <div
+    className="c49"
+    fill="#FAFAFA"
+  >
+    <div
+      className="c50 c51 c1"
+    >
+      <div
+        className="c52"
+      >
+        <div
+          className="c53"
+        >
+          <div
+            className="c54"
+          >
+            <span
+              name="react-responsive-mock"
+              query="only screen and (max-width: 47.9375rem)"
+            >
+              <button
+                className="c55 c13 c56 c57"
+                data-ui-button="true"
+                disabled={true}
+                href=""
+                icon={true}
+                onClick={[Function]}
+                type="button"
+              >
+                <svg
+                  height="14"
+                  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>
+            <div
+              className="c58"
+            >
+              <span
+                name="react-responsive-mock"
+                query="only screen and (min-width: 48rem)"
+              >
+                <button
+                  className="c59 c13 c56 c57"
+                  data-ui-button="true"
+                  disabled={true}
+                  href=""
+                  icon={true}
+                  onClick={[Function]}
+                  type="button"
+                >
+                  <div
+                    className="c58"
+                  >
+                    <svg
+                      height="14"
+                      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>
+                  </div>
+                  <span>
+                    Start
+                  </span>
+                </button>
+              </span>
+            </div>
+            <span
+              name="react-responsive-mock"
+              query="only screen and (max-width: 47.9375rem)"
+            >
+              <button
+                className="c55 c13 c56 c57"
+                data-ui-button="true"
+                disabled={true}
+                href=""
+                icon={true}
+                onClick={[Function]}
+                type="button"
+              >
+                <svg
+                  height="14"
+                  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>
+            <div
+              className="c58"
+            >
+              <span
+                name="react-responsive-mock"
+                query="only screen and (min-width: 48rem)"
+              >
+                <button
+                  className="c59 c13 c56 c57"
+                  data-ui-button="true"
+                  disabled={true}
+                  href=""
+                  icon={true}
+                  onClick={[Function]}
+                  type="button"
+                >
+                  <div
+                    className="c58"
+                  >
+                    <svg
+                      height="14"
+                      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>
+                  </div>
+                  <span>
+                    Stop
+                  </span>
+                </button>
+              </span>
+            </div>
+            <span
+              name="react-responsive-mock"
+              query="only screen and (max-width: 47.9375rem)"
+            >
+              <button
+                className="c55 c13 c56 c57"
+                data-ui-button="true"
+                disabled={true}
+                href=""
+                icon={true}
+                onClick={[Function]}
+                type="button"
+              >
+                <svg
+                  height="21"
+                  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>
+            <div
+              className="c58"
+            >
+              <span
+                name="react-responsive-mock"
+                query="only screen and (min-width: 48rem)"
+              >
+                <button
+                  className="c59 c13 c56 c57"
+                  data-ui-button="true"
+                  disabled={true}
+                  href=""
+                  icon={true}
+                  onClick={[Function]}
+                  type="button"
+                >
+                  <svg
+                    height="21"
+                    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>
+        </div>
+        <div
+          className="c60"
+        >
+          <span
+            name="react-responsive-mock"
+            query="only screen and (max-width: 47.9375rem)"
+          >
+            <button
+              className="c61 c13 c56 c57"
+              data-ui-button="true"
+              disabled={true}
+              href=""
+              icon={true}
+              onClick={[Function]}
+              type="button"
+            >
+              <svg
+                height="16"
+                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(73, 73, 73)"
+                />
+              </svg>
+            </button>
+          </span>
+          <span
+            name="react-responsive-mock"
+            query="only screen and (min-width: 48rem)"
+          >
+            <button
+              className="c62 c13 c56 c57"
+              data-ui-button="true"
+              disabled={true}
+              href=""
+              icon={true}
+              onClick={[Function]}
+              type="button"
+            >
+              <div
+                className="c58"
+              >
+                <svg
+                  height="16"
+                  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>
+              </div>
+              <span>
+                Remove
+              </span>
+            </button>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`renders <List instances selected=all allowedActions /> without throwing 1`] = `
+.c2 {
+  margin-top: 1.875rem;
+}
+
+.c4 {
+  margin-top: 1.125rem;
+  margin-bottom: 1.875rem;
+}
+
+.c9 {
+  margin-top: 0.1875rem;
+}
+
+.c58 {
+  margin-right: 0.375rem;
+}
+
+.c47 {
+  background-color: transparent;
+  -webkit-text-decoration-skip: objects;
+  text-decoration-skip: objects;
+}
+
+.c57 {
+  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;
+}
+
+.c57::-moz-focus-inner,
+.c57[type='button']::-moz-focus-inner,
+.c57[type='reset']::-moz-focus-inner,
+.c57[type='submit']::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+.c57:-moz-focusring,
+.c57[type='button']:-moz-focusring,
+.c57[type='reset']:-moz-focusring,
+.c57[type='submit']:-moz-focusring {
+  outline: 0.0625rem dotted ButtonText;
+}
+
+.c21 {
+  font-family: sans-serif;
+  font-size: 100%;
+  line-height: 1.15;
+  margin: 0;
+  overflow: visible;
+}
+
+.c21[type='checkbox'],
+.c21[type='radio'] {
+  box-sizing: border-box;
+  padding: 0;
+}
+
+.c21[type='number']::-webkit-inner-spin-button,
+.c21[type='number']::-webkit-outer-spin-button {
+  height: auto;
+}
+
+.c21[type='search'] {
+  -webkit-appearance: textfield;
+  -moz-appearance: textfield;
+  appearance: textfield;
+  outline-offset: -0.125rem;
+}
+
+.c21[type='search']::-webkit-search-cancel-button,
+.c21[type='search']::-webkit-search-decoration {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+}
+
+.c21::-webkit-file-upload-button {
+  -webkit-appearance: button;
+  -moz-appearance: button;
+  appearance: button;
+  font: inherit;
+}
+
+.c46 {
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+}
+
+.c32 {
+  color: rgb(59,70,204);
+  -webkit-text-fill-color: currentcolor;
+}
+
+.c32:hover {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.c56 {
+  min-width: 7.5rem;
+}
+
+.c13 {
+  display: inline-block;
+}
+
+.c12 {
+  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;
+  -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%;
+}
+
+.c12:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c12:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c12:active,
+.c12:active:hover,
+.c12:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c12[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c60 {
+  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;
+  -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.625rem 1.125rem;
+  font-size: 0.8125rem;
+  min-width: 0rem;
+  min-height: 0rem;
+  height: auto;
+  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;
+}
+
+.c60:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c60:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c60:active,
+.c60:active:hover,
+.c60:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c60[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c60:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c60:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c60:active,
+.c60:active:hover,
+.c60:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c60:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+}
+
+.c60:hover {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c60:active,
+.c60:active:hover,
+.c60:active:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c61 {
+  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;
+  -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;
+}
+
+.c61:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c61:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c61:active,
+.c61:active:hover,
+.c61:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c61[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c61:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c61:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c61:active,
+.c61:active:hover,
+.c61:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c61:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+}
+
+.c61:hover {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c61:active,
+.c61:active:hover,
+.c61:active:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c63 {
+  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;
+  -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.625rem 1.125rem;
+  font-size: 0.8125rem;
+  min-width: 0rem;
+  min-height: 0rem;
+  height: auto;
+  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;
+}
+
+.c63:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c63:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c63:active,
+.c63:active:hover,
+.c63:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c63[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c63:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c63:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c63:active,
+.c63:active:hover,
+.c63:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c63:focus {
+  color: rgb(205,37,27);
+  background-color: rgb(255,255,255);
+  border-color: rgb(205,37,27);
+}
+
+.c63:hover {
+  color: rgb(205,37,27);
+  background-color: rgb(255,255,255);
+  border-color: rgb(205,37,27);
+}
+
+.c63:active,
+.c63:active:hover,
+.c63:active:focus {
+  background-color: rgba(210,67,58,0.1);
+  border-color: rgb(205,37,27);
+}
+
+.c63:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+}
+
+.c63:hover {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c63:active,
+.c63:active:hover,
+.c63:active:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c64 {
+  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;
+  -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;
+}
+
+.c64:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c64:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c64:active,
+.c64:active:hover,
+.c64:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c64[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c64:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c64:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c64:active,
+.c64:active:hover,
+.c64:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c64:focus {
+  color: rgb(205,37,27);
+  background-color: rgb(255,255,255);
+  border-color: rgb(205,37,27);
+}
+
+.c64:hover {
+  color: rgb(205,37,27);
+  background-color: rgb(255,255,255);
+  border-color: rgb(205,37,27);
+}
+
+.c64:active,
+.c64:active:hover,
+.c64:active:focus {
+  background-color: rgba(210,67,58,0.1);
+  border-color: rgb(205,37,27);
+}
+
+.c64:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+}
+
+.c64:hover {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c64:active,
+.c64:active:hover,
+.c64:active:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c55 {
+  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;
+  -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.625rem 1.125rem;
+  font-size: 0.8125rem;
+  min-width: 0rem;
+  min-height: 0rem;
+  height: auto;
+  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;
+}
+
+.c55:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c55:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c55:active,
+.c55:active:hover,
+.c55:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c55[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c55:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c55:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c55:active,
+.c55:active:hover,
+.c55:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c59 {
+  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;
+  -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;
+}
+
+.c59:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c59:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c59:active,
+.c59:active:hover,
+.c59:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c59[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c59:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c59:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c59:active,
+.c59:active:hover,
+.c59:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c33 {
+  width: 0.75rem;
+  height: 0.75rem;
+  border-radius: 50%;
+  background-color: rgb(0,152,88);
+  display: inline-block;
+  margin-right: 0rem;
+  margin-left: 0rem;
+}
+
+.c37 {
+  cursor: pointer;
+  height: 100%;
+  width: 100%;
+  display: -webkit-box !important;
+  display: -webkit-flex !important;
+  display: -ms-flexbox !important;
+  display: flex !important;
+  -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;
+}
+
+.c8 {
+  font-size: 0.9375rem;
+  line-height: 1.125rem;
+  font-style: normal;
+  font-stretch: normal;
+  display: block;
+  color: rgb(70,70,70);
+  text-align: left;
+}
+
+.c1 {
+  margin-right: auto;
+  margin-left: auto;
+}
+
+.c52 {
+  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;
+}
+
+.c53 {
+  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;
+}
+
+.c62 {
+  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;
+}
+
+.c0 {
+  box-sizing: border-box;
+  width: 100%;
+  max-width: 62.5rem;
+  padding-bottom: 1.125rem;
+}
+
+.c51 {
+  box-sizing: border-box;
+  width: 100%;
+  max-width: 62.5rem;
+}
+
+.c3 {
+  margin: 0;
+  color: rgb(73,73,73);
+  font-weight: normal;
+  line-height: 1.625rem;
+  font-size: 1.3125rem;
+}
+
+.c50 {
+  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;
+  background: rgb(250,250,250);
+}
+
+.c49 {
+  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: #FAFAFA;
+  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;
+}
+
+.c5 {
+  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;
+  -webkit-align-items: flex-end;
+  -webkit-box-align: flex-end;
+  -ms-flex-align: flex-end;
+  align-items: flex-end;
+}
+
+.c39 {
+  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;
+}
+
+.c54 {
+  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;
+}
+
+.c20 {
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+  display: none;
+}
+
+.c20:checked + label::after {
+  opacity: 1;
+}
+
+.c20:selected + label::after {
+  opacity: 1;
+}
+
+.c20:checked + label {
+  border-color: rgb(59,70,204);
+}
+
+.c20:selected + label {
+  border-color: rgb(59,70,204);
+}
+
+.c20:disabled + label {
+  background-color: rgb(249,249,249);
+  cursor: not-allowed;
+}
+
+.c22 {
+  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;
+}
+
+.c22::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);
+}
+
+.c19 {
+  display: inline-block;
+  vertical-align: text-bottom;
+  width: 1.125rem;
+  height: 1.125rem;
+  position: relative;
+  cursor: pointer;
+}
+
+.c18 {
+  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;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-align-content: center;
+  -ms-flex-line-pack: center;
+  align-content: center;
+  height: 1.5rem;
+}
+
+.c18 label {
+  font-weight: 400;
+}
+
+.c18 label::after {
+  width: 0.475rem;
+  height: 0.205rem;
+  top: 0.4125rem;
+  left: 0.35rem;
+}
+
+.c18 div[type='checkbox'],
+.c18 div[type='checkbox'] input,
+.c18 div[type='checkbox'] label {
+  height: 1.5rem;
+  width: 1.5rem;
+}
+
+.c6 {
+  display: inline-block;
+  padding: 0;
+  border: none;
+  overflow: hidden;
+  height: auto;
+  -webkit-padding-before: 0;
+  -webkit-padding-start: 0;
+  -webkit-padding-end: 0;
+  -webkit-padding-after: 0;
+}
+
+.c11 {
+  display: inline-block;
+  padding: 0;
+  border: none;
+  overflow: hidden;
+  height: auto;
+  -webkit-padding-before: 0;
+  -webkit-padding-start: 0;
+  -webkit-padding-end: 0;
+  -webkit-padding-after: 0;
+  float: right;
+}
+
+.c10 {
+  box-sizing: border-box;
+  width: 18.75rem;
+  height: 3rem;
+  min-height: 3rem;
+  padding: 0.8125rem 0.75rem;
+  border-radius: 0.25rem;
+  background-color: rgb(255,255,255);
+  border: 0.0625rem solid rgb(216,216,216);
+  color: rgb(73,73,73);
+  font-size: 0.9375rem;
+  line-height: normal !important;
+  font-style: normal;
+  font-stretch: normal;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  outline: 0;
+  max-width: 22.1875rem;
+  text-overflow: ellipsis;
+}
+
+.c10:focus {
+  border-color: rgb(59,70,204);
+  outline: 0;
+}
+
+.c10::-webkit-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c10::-moz-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c10:-ms-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c10:invalid {
+  box-shadow: none;
+}
+
+.c10:disabled {
+  background-color: rgb(250,250,250);
+  color: rgb(216,216,216);
+  cursor: not-allowed;
+}
+
+.c10:disabled::-webkit-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c10:disabled::-moz-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c10:disabled:-ms-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c7 {
+  font-weight: 600;
+  white-space: pre;
+  font-size: 0.8125rem;
+}
+
+.c14 {
+  overflow: hidden;
+  border-spacing: 0;
+  border-collapse: separate;
+  table-layout: fixed;
+  width: 100%;
+  max-width: 100%;
+}
+
+.c40 {
+  width: 100%;
+  background: rgb(250,250,250);
+}
+
+.c40 th:first-child {
+  border-bottom-left-radius: 0.25rem;
+}
+
+.c40 th:last-child {
+  border-bottom-right-radius: 0.25rem;
+}
+
+.c40 th {
+  border-top-width: 0;
+}
+
+.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;
+}
+
+.c28 {
+  width: 100%;
+}
+
+.c17 {
+  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;
+}
+
+.c17:not(:first-child) {
+  border-left-width: 0;
+}
+
+.c17:not(:last-child) {
+  border-right-width: 0;
+}
+
+.c23 {
+  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: rgb(73,73,73);
+  font-weight: 600;
+}
+
+.c23:not(:first-child) {
+  border-left-width: 0;
+}
+
+.c23: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;
+  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;
+}
+
+.c24:not(:first-child) {
+  border-left-width: 0;
+}
+
+.c24:not(:last-child) {
+  border-right-width: 0;
+}
+
+.c25 {
+  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;
+}
+
+.c25:not(:first-child) {
+  border-left-width: 0;
+}
+
+.c25: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: 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;
+}
+
+.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: 3.75rem;
+  display: table-cell;
+  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;
+}
+
+.c41 {
+  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: center;
+  height: 2.625rem;
+  color: rgb(189,189,189);
+  font-weight: 500;
+  border-bottom-width: 0;
+  border-bottom-width: 0.0625rem !important;
+}
+
+.c41:not(:first-child) {
+  border-left-width: 0;
+}
+
+.c41: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;
+  vertical-align: middle;
+  text-align: left;
+  border-bottom-width: 0;
+}
+
+.c30:not(:first-child) {
+  border-left-width: 0;
+}
+
+.c30:not(:last-child) {
+  border-right-width: 0;
+}
+
+.c34 {
+  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;
+}
+
+.c34:not(:first-child) {
+  border-left-width: 0;
+}
+
+.c34:not(:last-child) {
+  border-right-width: 0;
+}
+
+.c35 {
+  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;
+}
+
+.c35:not(:first-child) {
+  border-left-width: 0;
+}
+
+.c35:not(:last-child) {
+  border-right-width: 0;
+}
+
+.c36 {
+  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;
+}
+
+.c36:not(:first-child) {
+  border-left-width: 0;
+}
+
+.c36:not(:last-child) {
+  border-right-width: 0;
+}
+
+.c16 {
+  display: table-row;
+  color: rgb(73,73,73);
+  background-color: rgb(255,255,255);
+  box-shadow: 0 0.125rem 0 rgba(0,0,0,0.05);
+  box-sizing: border-box;
+  color: rgb(73,73,73);
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+.c16:last-child {
+  box-shadow: none;
+}
+
+.c16:last-child td {
+  border-bottom-width: 0.0625rem;
+}
+
+.c29 {
+  display: table-row;
+  color: rgb(73,73,73);
+  background-color: rgb(255,255,255);
+  box-shadow: 0 0.125rem 0 rgba(0,0,0,0.05);
+  box-sizing: border-box;
+}
+
+.c29:last-child {
+  box-shadow: none;
+}
+
+.c29:last-child td {
+  border-bottom-width: 0.0625rem;
+}
+
+.c42 {
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+
+.c45 {
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  padding: 0.375rem;
+  background-color: rgb(59,70,204);
+  border: 0.0625rem solid rgb(45,56,132);
+  border-radius: 0.25rem;
+  color: rgb(255,255,255);
+}
+
+.c43 {
+  margin-right: 0.1875rem;
+}
+
+.c48 {
+  margin-left: 0.1875rem;
+}
+
+.c31 {
+  color: rgb(73,73,73);
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  font-weight: 600;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 100%;
+  display: block;
+}
+
+.c44 {
+  margin: 0 0.1875rem;
+}
+
+.c38 {
+  height: 3rem;
+}
+
+@media only screen and (min-width:48em) {
+  .c1 {
+    width: 46rem;
+  }
+}
+
+@media only screen and (min-width:64em) {
+  .c1 {
+    width: 56rem;
+  }
+}
+
+@media only screen and (min-width:75em) {
+  .c1 {
+    width: 59rem;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c52 {
+    -webkit-align-items: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c52 {
+    -webkit-box-pack: justify;
+    -webkit-justify-content: space-between;
+    -ms-flex-pack: justify;
+    justify-content: space-between;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c53 {
+    -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) {
+  .c62 {
+    -webkit-flex-basis: 41.66666666666667%;
+    -ms-flex-preferred-size: 41.66666666666667%;
+    flex-basis: 41.66666666666667%;
+    max-width: 41.66666666666667%;
+  }
+}
+
+@media only screen and (max-width:47.9375rem) {
+  .c0 {
+    padding-left: 0.375rem;
+    padding-right: 0.375rem;
+  }
+}
+
+@media only screen and (max-width:47.9375rem) {
+  .c51 {
+    padding-left: 0.375rem;
+    padding-right: 0.375rem;
+  }
+}
+
+@media only screen and (min-width:47.9375rem) {
+  .c25 {
+    width: 10rem;
+    display: table-cell;
+  }
+}
+
+@media only screen and (min-width:47.9375rem) {
+  .c26 {
+    width: 8.125rem;
+    display: table-cell;
+  }
+}
+
+@media only screen and (min-width:47.9375rem) {
+  .c34 {
+    width: 10rem;
+    display: table-cell;
+  }
+}
+
+@media only screen and (min-width:47.9375rem) {
+  .c35 {
+    width: 8.125rem;
+    display: table-cell;
+  }
+}
+
 <div
   className="c0 c1"
 >
@@ -10874,6 +11004,7 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
   </form>
   <div
     className="c49"
+    fill="#FAFAFA"
   >
     <div
       className="c50 c51 c1"
@@ -10884,243 +11015,267 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
         <div
           className="c53"
         >
-          <span
-            name="react-responsive-mock"
-            query="only screen and (max-width: 47.9375rem)"
+          <div
+            className="c54"
           >
-            <button
-              className="c54 c13 c55 c56"
-              data-ui-button="true"
-              disabled={false}
-              href=""
-              icon={true}
-              onClick={[Function]}
-              type="button"
+            <span
+              name="react-responsive-mock"
+              query="only screen and (max-width: 47.9375rem)"
             >
-              <svg
-                height="14"
-                style={
-                  Object {
-                    "transform": "rotate(0deg)",
-                  }
-                }
-                viewBox="0 0 13.36 14"
-                width="13.36"
-                xmlns="http://www.w3.org/2000/svg"
+              <button
+                className="c55 c13 c56 c57"
+                data-ui-button="true"
+                disabled={false}
+                href=""
+                icon={true}
+                onClick={[Function]}
+                type="button"
               >
-                <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(73, 73, 73)"
-                />
-              </svg>
-            </button>
-          </span>
-          <span
-            name="react-responsive-mock"
-            query="only screen and (min-width: 48rem)"
-          >
-            <button
-              className="c57 c13 c55 c56"
-              data-ui-button="true"
-              disabled={false}
-              href=""
-              icon={true}
-              onClick={[Function]}
-              type="button"
-            >
-              <svg
-                height="14"
-                style={
-                  Object {
-                    "transform": "rotate(0deg)",
+                <svg
+                  height="14"
+                  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(73, 73, 73)"
-                />
-              </svg>
-              <span>
-                Start
-              </span>
-            </button>
-          </span>
-          <span
-            name="react-responsive-mock"
-            query="only screen and (max-width: 47.9375rem)"
-          >
-            <button
-              className="c58 c13 c55 c56"
-              data-ui-button="true"
-              disabled={true}
-              href=""
-              icon={true}
-              onClick={[Function]}
-              type="button"
-            >
-              <svg
-                height="14"
-                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="c59 c13 c55 c56"
-              data-ui-button="true"
-              disabled={true}
-              href=""
-              icon={true}
-              onClick={[Function]}
-              type="button"
-            >
-              <svg
-                height="14"
-                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="c58 c13 c55 c56"
-              data-ui-button="true"
-              disabled={true}
-              href=""
-              icon={true}
-              onClick={[Function]}
-              type="button"
-            >
-              <svg
-                height="21"
-                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)"
+                  viewBox="0 0 13.36 14"
+                  width="13.36"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  <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"
+                    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(73, 73, 73)"
                   />
-                </defs>
-              </svg>
-            </button>
-          </span>
-          <span
-            name="react-responsive-mock"
-            query="only screen and (min-width: 48rem)"
-          >
-            <button
-              className="c59 c13 c55 c56"
-              data-ui-button="true"
-              disabled={true}
-              href=""
-              icon={true}
-              onClick={[Function]}
-              type="button"
+                </svg>
+              </button>
+            </span>
+            <div
+              className="c58"
             >
-              <svg
-                height="21"
-                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"
+              <span
+                name="react-responsive-mock"
+                query="only screen and (min-width: 48rem)"
               >
-                <g
-                  transform="translate(17997 -18577)"
+                <button
+                  className="c59 c13 c56 c57"
+                  data-ui-button="true"
+                  disabled={false}
+                  href=""
+                  icon={true}
+                  onClick={[Function]}
+                  type="button"
                 >
-                  <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
+                  <div
+                    className="c58"
+                  >
+                    <svg
+                      height="14"
+                      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(73, 73, 73)"
+                      />
+                    </svg>
+                  </div>
+                  <span>
+                    Start
+                  </span>
+                </button>
               </span>
-            </button>
-          </span>
+            </div>
+            <span
+              name="react-responsive-mock"
+              query="only screen and (max-width: 47.9375rem)"
+            >
+              <button
+                className="c60 c13 c56 c57"
+                data-ui-button="true"
+                disabled={true}
+                href=""
+                icon={true}
+                onClick={[Function]}
+                type="button"
+              >
+                <svg
+                  height="14"
+                  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>
+            <div
+              className="c58"
+            >
+              <span
+                name="react-responsive-mock"
+                query="only screen and (min-width: 48rem)"
+              >
+                <button
+                  className="c61 c13 c56 c57"
+                  data-ui-button="true"
+                  disabled={true}
+                  href=""
+                  icon={true}
+                  onClick={[Function]}
+                  type="button"
+                >
+                  <div
+                    className="c58"
+                  >
+                    <svg
+                      height="14"
+                      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>
+                  </div>
+                  <span>
+                    Stop
+                  </span>
+                </button>
+              </span>
+            </div>
+            <span
+              name="react-responsive-mock"
+              query="only screen and (max-width: 47.9375rem)"
+            >
+              <button
+                className="c60 c13 c56 c57"
+                data-ui-button="true"
+                disabled={true}
+                href=""
+                icon={true}
+                onClick={[Function]}
+                type="button"
+              >
+                <svg
+                  height="21"
+                  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>
+            <div
+              className="c58"
+            >
+              <span
+                name="react-responsive-mock"
+                query="only screen and (min-width: 48rem)"
+              >
+                <button
+                  className="c61 c13 c56 c57"
+                  data-ui-button="true"
+                  disabled={true}
+                  href=""
+                  icon={true}
+                  onClick={[Function]}
+                  type="button"
+                >
+                  <svg
+                    height="21"
+                    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>
         </div>
         <div
-          className="c60"
+          className="c62"
         >
           <span
             name="react-responsive-mock"
             query="only screen and (max-width: 47.9375rem)"
           >
             <button
-              className="c61 c13 c55 c56"
+              className="c63 c13 c56 c57"
               data-ui-button="true"
               disabled={true}
               href=""
@@ -11151,7 +11306,7 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
             query="only screen and (min-width: 48rem)"
           >
             <button
-              className="c62 c13 c55 c56"
+              className="c64 c13 c56 c57"
               data-ui-button="true"
               disabled={true}
               href=""
@@ -11159,22 +11314,26 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
               onClick={[Function]}
               type="button"
             >
-              <svg
-                height="16"
-                style={
-                  Object {
-                    "transform": "rotate(0deg)",
-                  }
-                }
-                viewBox="0 0 12 16"
-                width="12"
-                xmlns="http://www.w3.org/2000/svg"
+              <div
+                className="c58"
               >
-                <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>
+                <svg
+                  height="16"
+                  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>
+              </div>
               <span>
                 Remove
               </span>
diff --git a/consoles/my-joy-instances/src/containers/instances/__tests__/__snapshots__/metadata.spec.js.snap b/consoles/my-joy-instances/src/containers/instances/__tests__/__snapshots__/metadata.spec.js.snap
index a3f7903f..4d98dd3f 100644
--- a/consoles/my-joy-instances/src/containers/instances/__tests__/__snapshots__/metadata.spec.js.snap
+++ b/consoles/my-joy-instances/src/containers/instances/__tests__/__snapshots__/metadata.spec.js.snap
@@ -1738,7 +1738,7 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
                       </svg>
                     </div>
                     <span>
-                      Remove
+                      Delete
                     </span>
                   </button>
                 </div>
@@ -4295,7 +4295,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
                       </svg>
                     </div>
                     <span>
-                      Remove
+                      Delete
                     </span>
                   </button>
                 </div>
@@ -4525,7 +4525,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
                       </svg>
                     </div>
                     <span>
-                      Remove
+                      Delete
                     </span>
                   </button>
                 </div>
diff --git a/consoles/my-joy-instances/src/containers/instances/__tests__/__snapshots__/networks.spec.js.snap b/consoles/my-joy-instances/src/containers/instances/__tests__/__snapshots__/networks.spec.js.snap
index 0e346b69..5f183a05 100644
--- a/consoles/my-joy-instances/src/containers/instances/__tests__/__snapshots__/networks.spec.js.snap
+++ b/consoles/my-joy-instances/src/containers/instances/__tests__/__snapshots__/networks.spec.js.snap
@@ -207,11 +207,15 @@ exports[`renders <Networks /> without throwing 1`] = `
       </div>
     </div>
   </div>
-  <h3
-    className="c7"
+  <div
+    className="c2"
   >
-    Networks attached to this instance
-  </h3>
+    <h3
+      className="c7"
+    >
+      Networks attached to this instance
+    </h3>
+  </div>
   <div
     className="c8 c9"
     disabled={false}
@@ -700,11 +704,15 @@ exports[`renders <Networks error /> without throwing 1`] = `
       </div>
     </div>
   </div>
-  <h3
-    className="c7"
+  <div
+    className="c2"
   >
-    Networks attached to this instance
-  </h3>
+    <h3
+      className="c7"
+    >
+      Networks attached to this instance
+    </h3>
+  </div>
   <div
     className="c8"
   >
@@ -924,11 +932,15 @@ exports[`renders <Networks loading /> without throwing 1`] = `
       </div>
     </div>
   </div>
-  <h3
-    className="c7"
+  <div
+    className="c2"
   >
-    Networks attached to this instance
-  </h3>
+    <h3
+      className="c7"
+    >
+      Networks attached to this instance
+    </h3>
+  </div>
   <div
     className="c8"
   >
@@ -1438,11 +1450,15 @@ exports[`renders <Networks networks /> without throwing 1`] = `
       </div>
     </div>
   </div>
-  <h3
-    className="c7"
+  <div
+    className="c2"
   >
-    Networks attached to this instance
-  </h3>
+    <h3
+      className="c7"
+    >
+      Networks attached to this instance
+    </h3>
+  </div>
   <div
     className="c3"
   >
diff --git a/consoles/my-joy-instances/src/containers/instances/__tests__/__snapshots__/summary.spec.js.snap b/consoles/my-joy-instances/src/containers/instances/__tests__/__snapshots__/summary.spec.js.snap
index 1357eae6..966eab49 100644
--- a/consoles/my-joy-instances/src/containers/instances/__tests__/__snapshots__/summary.spec.js.snap
+++ b/consoles/my-joy-instances/src/containers/instances/__tests__/__snapshots__/summary.spec.js.snap
@@ -837,15 +837,19 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   margin-bottom: 0.375rem;
 }
 
-.c20 {
+.c21 {
   margin-top: 0.375rem;
 }
 
-.c22 {
+.c23 {
   margin-top: 1.125rem;
 }
 
-.c36 {
+.c27 {
+  margin-right: 0.375rem;
+}
+
+.c33 {
   margin-right: 0.75rem;
 }
 
@@ -866,21 +870,13 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   padding: 1.875rem;
 }
 
-.c31 {
-  padding-top: 0.1875rem;
-}
-
-.c32 {
-  padding-top: 0rem;
-}
-
-.c30 {
+.c39 {
   background-color: transparent;
   -webkit-text-decoration-skip: objects;
   text-decoration-skip: objects;
 }
 
-.c35 {
+.c32 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -892,487 +888,46 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   appearance: button;
 }
 
-.c35::-moz-focus-inner,
-.c35[type='button']::-moz-focus-inner,
-.c35[type='reset']::-moz-focus-inner,
-.c35[type='submit']::-moz-focus-inner {
+.c32::-moz-focus-inner,
+.c32[type='button']::-moz-focus-inner,
+.c32[type='reset']::-moz-focus-inner,
+.c32[type='submit']::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.c35:-moz-focusring,
-.c35[type='button']:-moz-focusring,
-.c35[type='reset']:-moz-focusring,
-.c35[type='submit']:-moz-focusring {
+.c32:-moz-focusring,
+.c32[type='button']:-moz-focusring,
+.c32[type='reset']:-moz-focusring,
+.c32[type='submit']:-moz-focusring {
   outline: 0.0625rem dotted ButtonText;
 }
 
-.c29 {
+.c38 {
   font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
 }
 
-.c28 {
+.c37 {
   color: rgb(59,70,204);
   -webkit-text-fill-color: currentcolor;
   color: rgb(255,255,255);
   -webkit-text-fill-color: currentcolor;
 }
 
-.c28:hover {
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.c34 {
-  min-width: 7.5rem;
-}
-
-.c27 {
-  display: inline-block;
-}
-
-.c26 {
-  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;
-  -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.625rem 1.125rem;
-  font-size: 0.8125rem;
-  min-width: 0rem;
-  min-height: 0rem;
-  height: auto;
-  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;
-  font-weight: 500;
-}
-
-.c26:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c26:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c26:active,
-.c26:active:hover,
-.c26:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c26[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c26:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c26:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c26:active,
-.c26:active:hover,
-.c26:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c33 {
-  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;
-  -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.625rem 1.125rem;
-  font-size: 0.8125rem;
-  min-width: 0rem;
-  min-height: 0rem;
-  height: auto;
-  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;
-}
-
-.c33:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c33:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c33:active,
-.c33:active:hover,
-.c33:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c33[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c33:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c33:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c33:active,
-.c33:active:hover,
-.c33:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c33:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-}
-
-.c33:hover {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c33:active,
-.c33:active:hover,
-.c33:active:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c37 {
-  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;
-  -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;
-  font-weight: 500;
-}
-
-.c37:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
 .c37:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
+  -webkit-text-decoration: none;
+  text-decoration: none;
 }
 
-.c37:active,
-.c37:active:hover,
-.c37:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c37[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c37:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c37:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c37:active,
-.c37:active:hover,
-.c37:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c37:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-}
-
-.c37:hover {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c37:active,
-.c37:active:hover,
-.c37:active:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c38 {
-  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;
+.c31 {
   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;
-  -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.625rem 1.125rem;
-  font-size: 0.8125rem;
-  min-width: 0rem;
-  min-height: 0rem;
-  height: auto;
-  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;
 }
 
-.c38:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
+.c30 {
+  display: inline-block;
 }
 
-.c38:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c38:active,
-.c38:active:hover,
-.c38:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c38[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c38:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c38:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c38:active,
-.c38:active:hover,
-.c38:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c39 {
+.c29 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -1424,7 +979,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   font-weight: 500;
 }
 
-.c39:focus {
+.c29:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -1432,38 +987,125 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   border-color: rgb(45,56,132);
 }
 
-.c39:hover {
+.c29:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c39:active,
-.c39:active:hover,
-.c39:active:focus {
+.c29:active,
+.c29:active:hover,
+.c29:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c39[disabled] {
+.c29[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c39:focus {
+.c29:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c39:hover {
+.c29:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c39:active,
-.c39:active:hover,
-.c39:active:focus {
+.c29:active,
+.c29:active:hover,
+.c29:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c35 {
+  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;
+  -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);
+}
+
+.c35:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c35:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c35:active,
+.c35:active:hover,
+.c35:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c35[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c35:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c35:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c35:active,
+.c35:active:hover,
+.c35:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
@@ -1712,7 +1354,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   border-color: rgb(205,37,27);
 }
 
-.c19 {
+.c20 {
   width: 0.9375rem;
   height: 0.9375rem;
   border-radius: 50%;
@@ -1722,7 +1364,33 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   margin-left: 0rem;
 }
 
-.c17 {
+.c34 {
+  padding: 0;
+  min-width: 2.9375rem;
+  max-width: 2.9375rem;
+  width: 2.9375rem;
+}
+
+.c36 {
+  padding: 0.9375rem 1.125rem;
+}
+
+.c28 {
+  display: inline-block;
+}
+
+.c28 [data-ui-button='true']:not(:first-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-left: none;
+}
+
+.c28 [data-ui-button='true']:not(:last-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.c18 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-style: normal;
@@ -1775,7 +1443,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   margin-left: -0.625rem;
 }
 
-.c23 {
+.c24 {
   box-sizing: border-box;
   display: -webkit-box;
   display: -webkit-flex;
@@ -1814,7 +1482,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   display: block;
 }
 
-.c24 {
+.c25 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -1864,6 +1532,43 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   background-color: rgb(216,216,216);
 }
 
+.c12 {
+  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;
+}
+
+.c26 {
+  -webkit-order: 0;
+  -ms-flex-order: 0;
+  order: 0;
+  -webkit-flex-basis: auto;
+  -ms-flex-preferred-size: auto;
+  flex-basis: auto;
+  -webkit-box-flex: 0;
+  -webkit-flex-grow: 0;
+  -ms-flex-positive: 0;
+  flex-grow: 0;
+  -webkit-flex-shrink: 1;
+  -ms-flex-negative: 1;
+  flex-shrink: 1;
+  display: block;
+}
+
 .c4 {
   box-sizing: content-box;
   display: -webkit-box;
@@ -2010,7 +1715,11 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   cursor: pointer;
 }
 
-.c21 {
+.c17 {
+  font-weight: 200;
+}
+
+.c22 {
   opacity: 0.5;
   padding-right: 0.1875rem;
 }
@@ -2021,26 +1730,11 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   text-overflow: ellipsis;
 }
 
-.c12 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-}
-
 .c13 {
   cursor: pointer;
 }
 
-.c18 {
+.c19 {
   width: 0.0625rem;
   background: rgb(216,216,216);
   height: 1.5rem;
@@ -2058,10 +1752,6 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   margin: 0;
 }
 
-.c25 {
-  margin-right: 0.375rem;
-}
-
 @media only screen and (min-width:48em) {
   .c1 {
     width: 46rem;
@@ -2090,7 +1780,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
 }
 
 @media only screen and (min-width:0em) {
-  .c23 {
+  .c24 {
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
@@ -2135,7 +1825,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
 }
 
 @media only screen and (min-width:0em) {
-  .c24 {
+  .c25 {
     -webkit-flex-basis: 75%;
     -ms-flex-preferred-size: 75%;
     flex-basis: 75%;
@@ -2178,13 +1868,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
 }
 
 @media (max-width:47.9375rem) {
-  .c12 {
-    display: block;
-  }
-}
-
-@media (max-width:47.9375rem) {
-  .c18 {
+  .c19 {
     display: none;
   }
 }
@@ -2254,34 +1938,34 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                 className="c12"
               >
                 <label
-                  className="c16 c17"
+                  className="c16 c17 c18"
                 >
                   Alpine 3
                 </label>
                 <div
-                  className="c18"
+                  className="c19"
                 />
                 <label
-                  className="c16 c17"
+                  className="c16 c17 c18"
                 >
                   Hardware virtual machine
                 </label>
                 <div
-                  className="c18"
+                  className="c19"
                 />
                 <label
-                  className="c16 c17"
+                  className="c16 c17 c18"
                 >
                   g4-highcpu-128M
                 </label>
                 <div
-                  className="c18"
+                  className="c19"
                 />
                 <div
                   className="c12"
                 >
                   <span
-                    className="c19"
+                    className="c20"
                     color="green"
                     size="0.9375rem"
                   />
@@ -2289,7 +1973,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                 </div>
               </div>
               <div
-                className="c20"
+                className="c21"
               >
                 <div
                   className="c12"
@@ -2298,12 +1982,12 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                     className="c12"
                   >
                     <label
-                      className="c21 c17"
+                      className="c22 c17 c18"
                     >
                       Created: 
                     </label>
                     <label
-                      className="c17"
+                      className="c17 c18"
                     >
                        
                       almost NaN years
@@ -2311,18 +1995,18 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                     </label>
                   </div>
                   <div
-                    className="c18"
+                    className="c19"
                   />
                   <div
                     className="c12"
                   >
                     <label
-                      className="c21 c17"
+                      className="c22 c17 c18"
                     >
                       Updated: 
                     </label>
                     <label
-                      className="c17"
+                      className="c17 c18"
                     >
                        
                       almost NaN years
@@ -2333,328 +2017,117 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
               </div>
             </div>
             <div
-              className="c22"
+              className="c23"
             >
               <div
-                className="c23"
+                className="c24"
               >
                 <div
-                  className="c24"
+                  className="c25"
                 >
-                  <a
-                    className="c25 c26 c27 c28 c29 c30"
-                    data-ui-button="true"
-                    href="http://localhost/images/~create/2252839a-e698-ceec-afac-9549ad0c6624"
-                    icon={true}
-                    rel="noopener noreferrer"
-                    target="__blank"
+                  <div
+                    className="c12"
                   >
                     <div
-                      className="c31"
+                      className="c26"
                     >
-                      <svg
-                        height="20"
-                        style={
-                          Object {
-                            "transform": "rotate(0deg)",
-                          }
-                        }
-                        viewBox="0 0 16.67 20"
-                        width="16.67"
-                        xmlns="http://www.w3.org/2000/svg"
+                      <div
+                        className="c27"
                       >
-                        <path
-                          d="M12.83,8v6h-9V8h9m0-1h-9a1,1,0,0,0-1,1v6a1,1,0,0,0,1,1h9a1,1,0,0,0,1-1V8a1,1,0,0,0-1-1Zm-7,5.5v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,5.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,7.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,9.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,11.83,12.5Zm3.73-8.06L12.22,1.11,11.11,0h-10A1.11,1.11,0,0,0,0,1.11V18.89A1.11,1.11,0,0,0,1.11,20H15.56a1.11,1.11,0,0,0,1.11-1.11V5.56ZM14.83,5h-3V2Zm-13,13V2h9V6h4V18Z"
-                          fill="rgb(73, 73, 73)"
-                        />
-                      </svg>
+                        <span
+                          className="c28"
+                        >
+                          <button
+                            className="c29 c30 c31 c32"
+                            data-ui-button="true"
+                            disabled={false}
+                            href=""
+                            icon={true}
+                            onClick={[Function]}
+                            type="button"
+                          >
+                            <div
+                              className="c33"
+                            >
+                              <svg
+                                height="14"
+                                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(73, 73, 73)"
+                                />
+                              </svg>
+                            </div>
+                            <span>
+                              Stop
+                            </span>
+                          </button>
+                          <button
+                            className="c34 c35 c30 c31 c32"
+                            data-ui-button="true"
+                            href=""
+                          >
+                            <div
+                              box={false}
+                              className=""
+                              onClick={[Function]}
+                              onMouseEnter={undefined}
+                              onMouseLeave={undefined}
+                              style={
+                                Object {
+                                  "display": "inline-block",
+                                }
+                              }
+                              tag={false}
+                            >
+                              <div
+                                className="c36"
+                              >
+                                <svg
+                                  height="6"
+                                  style={
+                                    Object {
+                                      "transform": "rotate(0deg)",
+                                    }
+                                  }
+                                  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="rgb(73, 73, 73)"
+                                  />
+                                </svg>
+                              </div>
+                            </div>
+                          </button>
+                        </span>
+                      </div>
                     </div>
-                  </a>
-                  <span
-                    name="react-responsive-mock"
-                    query="only screen and (max-width: 47.9375rem)"
-                  >
-                    <a
-                      className="c25 c26 c27 c28 c29 c30"
-                      data-ui-button="true"
-                      href="http://localhost/images/~create/2252839a-e698-ceec-afac-9549ad0c6624"
-                      icon={true}
-                      rel="noopener noreferrer"
-                      target="__blank"
+                    <div
+                      className="c26"
                     >
-                      <div
-                        className="c32"
+                      <a
+                        className="c29 c30 c37 c38 c39"
+                        data-ui-button="true"
+                        href="http://localhost/images/~create/2252839a-e698-ceec-afac-9549ad0c6624"
+                        icon={true}
+                        rel="noopener noreferrer"
+                        target="__blank"
                       >
-                        <svg
-                          height="20"
-                          style={
-                            Object {
-                              "transform": "rotate(0deg)",
-                            }
-                          }
-                          viewBox="0 0 16.67 20"
-                          width="16.67"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="M12.83,8v6h-9V8h9m0-1h-9a1,1,0,0,0-1,1v6a1,1,0,0,0,1,1h9a1,1,0,0,0,1-1V8a1,1,0,0,0-1-1Zm-7,5.5v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,5.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,7.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,9.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,11.83,12.5Zm3.73-8.06L12.22,1.11,11.11,0h-10A1.11,1.11,0,0,0,0,1.11V18.89A1.11,1.11,0,0,0,1.11,20H15.56a1.11,1.11,0,0,0,1.11-1.11V5.56ZM14.83,5h-3V2Zm-13,13V2h9V6h4V18Z"
-                            fill="rgb(73, 73, 73)"
-                          />
-                        </svg>
-                      </div>
-                    </a>
-                  </span>
-                  <span
-                    name="react-responsive-mock"
-                    query="only screen and (max-width: 47.9375rem)"
-                  >
-                    <button
-                      className="c25 c33 c27 c34 c35"
-                      data-ui-button="true"
-                      disabled={true}
-                      href=""
-                      icon={true}
-                      onClick={[Function]}
-                      type="button"
-                    >
-                      <div
-                        className="c36"
-                      >
-                        <svg
-                          height="14"
-                          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>
-                      </div>
-                    </button>
-                  </span>
-                  <span
-                    name="react-responsive-mock"
-                    query="only screen and (min-width: 48rem)"
-                  >
-                    <button
-                      className="c25 c37 c27 c34 c35"
-                      data-ui-button="true"
-                      disabled={true}
-                      href=""
-                      icon={true}
-                      onClick={[Function]}
-                      type="button"
-                    >
-                      <div
-                        className="c36"
-                      >
-                        <svg
-                          height="14"
-                          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>
-                      </div>
-                      <span>
-                        Start
-                      </span>
-                    </button>
-                  </span>
-                  <span
-                    name="react-responsive-mock"
-                    query="only screen and (max-width: 47.9375rem)"
-                  >
-                    <button
-                      className="c25 c38 c27 c34 c35"
-                      data-ui-button="true"
-                      disabled={false}
-                      href=""
-                      icon={true}
-                      onClick={[Function]}
-                      type="button"
-                    >
-                      <div
-                        className="c36"
-                      >
-                        <svg
-                          height="14"
-                          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(73, 73, 73)"
-                          />
-                        </svg>
-                      </div>
-                    </button>
-                  </span>
-                  <span
-                    name="react-responsive-mock"
-                    query="only screen and (min-width: 48rem)"
-                  >
-                    <button
-                      className="c25 c39 c27 c34 c35"
-                      data-ui-button="true"
-                      disabled={false}
-                      href=""
-                      icon={true}
-                      onClick={[Function]}
-                      type="button"
-                    >
-                      <div
-                        className="c36"
-                      >
-                        <svg
-                          height="14"
-                          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(73, 73, 73)"
-                          />
-                        </svg>
-                      </div>
-                      <span>
-                        Stop
-                      </span>
-                    </button>
-                  </span>
-                  <span
-                    name="react-responsive-mock"
-                    query="only screen and (max-width: 47.9375rem)"
-                  >
-                    <button
-                      className="c25 c38 c27 c34 c35"
-                      data-ui-button="true"
-                      disabled={false}
-                      href=""
-                      icon={true}
-                      onClick={[Function]}
-                      type="button"
-                    >
-                      <div
-                        className="c36"
-                      >
-                        <svg
-                          height="21"
-                          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(73, 73, 73)"
-                                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>
-                      </div>
-                    </button>
-                  </span>
-                  <span
-                    name="react-responsive-mock"
-                    query="only screen and (min-width: 48rem)"
-                  >
-                    <button
-                      className="c25 c39 c27 c34 c35"
-                      data-ui-button="true"
-                      disabled={false}
-                      href=""
-                      icon={true}
-                      onClick={[Function]}
-                      type="button"
-                    >
-                      <div
-                        className="c36"
-                      >
-                        <svg
-                          height="21"
-                          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(73, 73, 73)"
-                                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>
-                      </div>
-                      <span>
-                        Reboot
-                      </span>
-                    </button>
-                  </span>
+                        Create Image
+                      </a>
+                    </div>
+                  </div>
                 </div>
                 <div
                   className="c40"
@@ -2664,7 +2137,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                     query="only screen and (max-width: 47.9375rem)"
                   >
                     <button
-                      className="c25 c41 c27 c34 c35"
+                      className="c41 c30 c31 c32"
                       data-ui-button="true"
                       disabled={false}
                       href=""
@@ -2673,7 +2146,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                       type="button"
                     >
                       <div
-                        className="c36"
+                        className="c33"
                       >
                         <svg
                           height="16"
@@ -2699,7 +2172,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                     query="only screen and (min-width: 48rem)"
                   >
                     <button
-                      className="c25 c42 c27 c34 c35"
+                      className="c42 c30 c31 c32"
                       data-ui-button="true"
                       disabled={false}
                       href=""
@@ -2708,7 +2181,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                       type="button"
                     >
                       <div
-                        className="c36"
+                        className="c33"
                       >
                         <svg
                           height="16"
@@ -2728,7 +2201,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                         </svg>
                       </div>
                       <span>
-                        Remove
+                        Delete
                       </span>
                     </button>
                   </span>
@@ -2756,7 +2229,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                     className="c47"
                   >
                     <label
-                      className="c48 c17"
+                      className="c48 c18"
                       htmlFor=""
                     >
                       Short ID
@@ -2819,7 +2292,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                     className="c47"
                   >
                     <label
-                      className="c48 c17"
+                      className="c48 c18"
                       htmlFor=""
                     >
                       ID
@@ -2882,7 +2355,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                     className="c47"
                   >
                     <label
-                      className="c48 c17"
+                      className="c48 c18"
                       htmlFor=""
                     >
                       CN UUID
@@ -2945,7 +2418,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                     className="c47"
                   >
                     <label
-                      className="c48 c17"
+                      className="c48 c18"
                       htmlFor=""
                     >
                       Image UUID
@@ -3008,7 +2481,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                     className="c47"
                   >
                     <label
-                      className="c48 c17"
+                      className="c48 c18"
                       htmlFor=""
                     >
                       Login
@@ -3071,7 +2544,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                     className="c47"
                   >
                     <label
-                      className="c48 c17"
+                      className="c48 c18"
                       htmlFor=""
                     >
                       Public IP address 1
@@ -3134,7 +2607,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                     className="c47"
                   >
                     <label
-                      className="c48 c17"
+                      className="c48 c18"
                       htmlFor=""
                     >
                       Public IP address 2
@@ -3197,7 +2670,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                     className="c47"
                   >
                     <label
-                      className="c48 c17"
+                      className="c48 c18"
                       htmlFor=""
                     >
                       Private IP address 1
@@ -3260,7 +2733,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                     className="c47"
                   >
                     <label
-                      className="c48 c17"
+                      className="c48 c18"
                       htmlFor=""
                     >
                       Private IP address 2
@@ -3332,15 +2805,19 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   margin-bottom: 0.375rem;
 }
 
-.c20 {
+.c21 {
   margin-top: 0.375rem;
 }
 
-.c22 {
+.c23 {
   margin-top: 1.125rem;
 }
 
-.c36 {
+.c27 {
+  margin-right: 0.375rem;
+}
+
+.c33 {
   margin-right: 0.75rem;
 }
 
@@ -3361,21 +2838,13 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   padding: 1.875rem;
 }
 
-.c31 {
-  padding-top: 0.1875rem;
-}
-
-.c32 {
-  padding-top: 0rem;
-}
-
-.c30 {
+.c39 {
   background-color: transparent;
   -webkit-text-decoration-skip: objects;
   text-decoration-skip: objects;
 }
 
-.c35 {
+.c32 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -3387,487 +2856,46 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   appearance: button;
 }
 
-.c35::-moz-focus-inner,
-.c35[type='button']::-moz-focus-inner,
-.c35[type='reset']::-moz-focus-inner,
-.c35[type='submit']::-moz-focus-inner {
+.c32::-moz-focus-inner,
+.c32[type='button']::-moz-focus-inner,
+.c32[type='reset']::-moz-focus-inner,
+.c32[type='submit']::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.c35:-moz-focusring,
-.c35[type='button']:-moz-focusring,
-.c35[type='reset']:-moz-focusring,
-.c35[type='submit']:-moz-focusring {
+.c32:-moz-focusring,
+.c32[type='button']:-moz-focusring,
+.c32[type='reset']:-moz-focusring,
+.c32[type='submit']:-moz-focusring {
   outline: 0.0625rem dotted ButtonText;
 }
 
-.c29 {
+.c38 {
   font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
 }
 
-.c28 {
+.c37 {
   color: rgb(59,70,204);
   -webkit-text-fill-color: currentcolor;
   color: rgb(255,255,255);
   -webkit-text-fill-color: currentcolor;
 }
 
-.c28:hover {
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.c34 {
-  min-width: 7.5rem;
-}
-
-.c27 {
-  display: inline-block;
-}
-
-.c26 {
-  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;
-  -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.625rem 1.125rem;
-  font-size: 0.8125rem;
-  min-width: 0rem;
-  min-height: 0rem;
-  height: auto;
-  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;
-  font-weight: 500;
-}
-
-.c26:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c26:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c26:active,
-.c26:active:hover,
-.c26:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c26[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c26:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c26:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c26:active,
-.c26:active:hover,
-.c26:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c33 {
-  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;
-  -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.625rem 1.125rem;
-  font-size: 0.8125rem;
-  min-width: 0rem;
-  min-height: 0rem;
-  height: auto;
-  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;
-}
-
-.c33:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c33:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c33:active,
-.c33:active:hover,
-.c33:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c33[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c33:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c33:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c33:active,
-.c33:active:hover,
-.c33:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c33:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-}
-
-.c33:hover {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c33:active,
-.c33:active:hover,
-.c33:active:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c37 {
-  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;
-  -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;
-  font-weight: 500;
-}
-
-.c37:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
 .c37:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
+  -webkit-text-decoration: none;
+  text-decoration: none;
 }
 
-.c37:active,
-.c37:active:hover,
-.c37:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c37[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c37:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c37:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c37:active,
-.c37:active:hover,
-.c37:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c37:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-}
-
-.c37:hover {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c37:active,
-.c37:active:hover,
-.c37:active:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c38 {
-  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;
+.c31 {
   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;
-  -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.625rem 1.125rem;
-  font-size: 0.8125rem;
-  min-width: 0rem;
-  min-height: 0rem;
-  height: auto;
-  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;
 }
 
-.c38:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
+.c30 {
+  display: inline-block;
 }
 
-.c38:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c38:active,
-.c38:active:hover,
-.c38:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c38[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c38:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c38:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c38:active,
-.c38:active:hover,
-.c38:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c39 {
+.c29 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -3919,7 +2947,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   font-weight: 500;
 }
 
-.c39:focus {
+.c29:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -3927,38 +2955,125 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   border-color: rgb(45,56,132);
 }
 
-.c39:hover {
+.c29:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c39:active,
-.c39:active:hover,
-.c39:active:focus {
+.c29:active,
+.c29:active:hover,
+.c29:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c39[disabled] {
+.c29[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c39:focus {
+.c29:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c39:hover {
+.c29:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c39:active,
-.c39:active:hover,
-.c39:active:focus {
+.c29:active,
+.c29:active:hover,
+.c29:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c35 {
+  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;
+  -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);
+}
+
+.c35:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c35:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c35:active,
+.c35:active:hover,
+.c35:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c35[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c35:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c35:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c35:active,
+.c35:active:hover,
+.c35:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
@@ -4207,7 +3322,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   border-color: rgb(205,37,27);
 }
 
-.c19 {
+.c20 {
   width: 0.9375rem;
   height: 0.9375rem;
   border-radius: 50%;
@@ -4217,7 +3332,33 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   margin-left: 0rem;
 }
 
-.c17 {
+.c34 {
+  padding: 0;
+  min-width: 2.9375rem;
+  max-width: 2.9375rem;
+  width: 2.9375rem;
+}
+
+.c36 {
+  padding: 0.9375rem 1.125rem;
+}
+
+.c28 {
+  display: inline-block;
+}
+
+.c28 [data-ui-button='true']:not(:first-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-left: none;
+}
+
+.c28 [data-ui-button='true']:not(:last-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.c18 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-style: normal;
@@ -4270,7 +3411,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   margin-left: -0.625rem;
 }
 
-.c23 {
+.c24 {
   box-sizing: border-box;
   display: -webkit-box;
   display: -webkit-flex;
@@ -4309,7 +3450,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   display: block;
 }
 
-.c24 {
+.c25 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -4359,6 +3500,43 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   background-color: rgb(216,216,216);
 }
 
+.c12 {
+  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;
+}
+
+.c26 {
+  -webkit-order: 0;
+  -ms-flex-order: 0;
+  order: 0;
+  -webkit-flex-basis: auto;
+  -ms-flex-preferred-size: auto;
+  flex-basis: auto;
+  -webkit-box-flex: 0;
+  -webkit-flex-grow: 0;
+  -ms-flex-positive: 0;
+  flex-grow: 0;
+  -webkit-flex-shrink: 1;
+  -ms-flex-negative: 1;
+  flex-shrink: 1;
+  display: block;
+}
+
 .c4 {
   box-sizing: content-box;
   display: -webkit-box;
@@ -4505,7 +3683,11 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   cursor: pointer;
 }
 
-.c21 {
+.c17 {
+  font-weight: 200;
+}
+
+.c22 {
   opacity: 0.5;
   padding-right: 0.1875rem;
 }
@@ -4516,26 +3698,11 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   text-overflow: ellipsis;
 }
 
-.c12 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-}
-
 .c13 {
   cursor: pointer;
 }
 
-.c18 {
+.c19 {
   width: 0.0625rem;
   background: rgb(216,216,216);
   height: 1.5rem;
@@ -4553,10 +3720,6 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   margin: 0;
 }
 
-.c25 {
-  margin-right: 0.375rem;
-}
-
 @media only screen and (min-width:48em) {
   .c1 {
     width: 46rem;
@@ -4585,7 +3748,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
 }
 
 @media only screen and (min-width:0em) {
-  .c23 {
+  .c24 {
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
@@ -4630,7 +3793,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
 }
 
 @media only screen and (min-width:0em) {
-  .c24 {
+  .c25 {
     -webkit-flex-basis: 75%;
     -ms-flex-preferred-size: 75%;
     flex-basis: 75%;
@@ -4673,13 +3836,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
 }
 
 @media (max-width:47.9375rem) {
-  .c12 {
-    display: block;
-  }
-}
-
-@media (max-width:47.9375rem) {
-  .c18 {
+  .c19 {
     display: none;
   }
 }
@@ -4749,34 +3906,34 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                 className="c12"
               >
                 <label
-                  className="c16 c17"
+                  className="c16 c17 c18"
                 >
                   Custom Image
                 </label>
                 <div
-                  className="c18"
+                  className="c19"
                 />
                 <label
-                  className="c16 c17"
+                  className="c16 c17 c18"
                 >
                   Infrastructure container
                 </label>
                 <div
-                  className="c18"
+                  className="c19"
                 />
                 <label
-                  className="c16 c17"
+                  className="c16 c17 c18"
                 >
                   g4-highcpu-128M
                 </label>
                 <div
-                  className="c18"
+                  className="c19"
                 />
                 <div
                   className="c12"
                 >
                   <span
-                    className="c19"
+                    className="c20"
                     color="green"
                     size="0.9375rem"
                   />
@@ -4784,7 +3941,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                 </div>
               </div>
               <div
-                className="c20"
+                className="c21"
               >
                 <div
                   className="c12"
@@ -4793,12 +3950,12 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                     className="c12"
                   >
                     <label
-                      className="c21 c17"
+                      className="c22 c17 c18"
                     >
                       Created: 
                     </label>
                     <label
-                      className="c17"
+                      className="c17 c18"
                     >
                        
                       almost NaN years
@@ -4806,18 +3963,18 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                     </label>
                   </div>
                   <div
-                    className="c18"
+                    className="c19"
                   />
                   <div
                     className="c12"
                   >
                     <label
-                      className="c21 c17"
+                      className="c22 c17 c18"
                     >
                       Updated: 
                     </label>
                     <label
-                      className="c17"
+                      className="c17 c18"
                     >
                        
                       almost NaN years
@@ -4828,328 +3985,117 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
               </div>
             </div>
             <div
-              className="c22"
+              className="c23"
             >
               <div
-                className="c23"
+                className="c24"
               >
                 <div
-                  className="c24"
+                  className="c25"
                 >
-                  <a
-                    className="c25 c26 c27 c28 c29 c30"
-                    data-ui-button="true"
-                    href="http://localhost/images/~create/2252839a-e698-ceec-afac-9549ad0c6624"
-                    icon={true}
-                    rel="noopener noreferrer"
-                    target="__blank"
+                  <div
+                    className="c12"
                   >
                     <div
-                      className="c31"
+                      className="c26"
                     >
-                      <svg
-                        height="20"
-                        style={
-                          Object {
-                            "transform": "rotate(0deg)",
-                          }
-                        }
-                        viewBox="0 0 16.67 20"
-                        width="16.67"
-                        xmlns="http://www.w3.org/2000/svg"
+                      <div
+                        className="c27"
                       >
-                        <path
-                          d="M12.83,8v6h-9V8h9m0-1h-9a1,1,0,0,0-1,1v6a1,1,0,0,0,1,1h9a1,1,0,0,0,1-1V8a1,1,0,0,0-1-1Zm-7,5.5v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,5.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,7.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,9.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,11.83,12.5Zm3.73-8.06L12.22,1.11,11.11,0h-10A1.11,1.11,0,0,0,0,1.11V18.89A1.11,1.11,0,0,0,1.11,20H15.56a1.11,1.11,0,0,0,1.11-1.11V5.56ZM14.83,5h-3V2Zm-13,13V2h9V6h4V18Z"
-                          fill="rgb(73, 73, 73)"
-                        />
-                      </svg>
+                        <span
+                          className="c28"
+                        >
+                          <button
+                            className="c29 c30 c31 c32"
+                            data-ui-button="true"
+                            disabled={false}
+                            href=""
+                            icon={true}
+                            onClick={[Function]}
+                            type="button"
+                          >
+                            <div
+                              className="c33"
+                            >
+                              <svg
+                                height="14"
+                                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(73, 73, 73)"
+                                />
+                              </svg>
+                            </div>
+                            <span>
+                              Stop
+                            </span>
+                          </button>
+                          <button
+                            className="c34 c35 c30 c31 c32"
+                            data-ui-button="true"
+                            href=""
+                          >
+                            <div
+                              box={false}
+                              className=""
+                              onClick={[Function]}
+                              onMouseEnter={undefined}
+                              onMouseLeave={undefined}
+                              style={
+                                Object {
+                                  "display": "inline-block",
+                                }
+                              }
+                              tag={false}
+                            >
+                              <div
+                                className="c36"
+                              >
+                                <svg
+                                  height="6"
+                                  style={
+                                    Object {
+                                      "transform": "rotate(0deg)",
+                                    }
+                                  }
+                                  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="rgb(73, 73, 73)"
+                                  />
+                                </svg>
+                              </div>
+                            </div>
+                          </button>
+                        </span>
+                      </div>
                     </div>
-                  </a>
-                  <span
-                    name="react-responsive-mock"
-                    query="only screen and (max-width: 47.9375rem)"
-                  >
-                    <a
-                      className="c25 c26 c27 c28 c29 c30"
-                      data-ui-button="true"
-                      href="http://localhost/images/~create/2252839a-e698-ceec-afac-9549ad0c6624"
-                      icon={true}
-                      rel="noopener noreferrer"
-                      target="__blank"
+                    <div
+                      className="c26"
                     >
-                      <div
-                        className="c32"
+                      <a
+                        className="c29 c30 c37 c38 c39"
+                        data-ui-button="true"
+                        href="http://localhost/images/~create/2252839a-e698-ceec-afac-9549ad0c6624"
+                        icon={true}
+                        rel="noopener noreferrer"
+                        target="__blank"
                       >
-                        <svg
-                          height="20"
-                          style={
-                            Object {
-                              "transform": "rotate(0deg)",
-                            }
-                          }
-                          viewBox="0 0 16.67 20"
-                          width="16.67"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="M12.83,8v6h-9V8h9m0-1h-9a1,1,0,0,0-1,1v6a1,1,0,0,0,1,1h9a1,1,0,0,0,1-1V8a1,1,0,0,0-1-1Zm-7,5.5v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,5.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,7.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,9.83,12.5Zm2,0v-3a.5.5,0,0,0-.5-.5h0a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,.5.5h0A.5.5,0,0,0,11.83,12.5Zm3.73-8.06L12.22,1.11,11.11,0h-10A1.11,1.11,0,0,0,0,1.11V18.89A1.11,1.11,0,0,0,1.11,20H15.56a1.11,1.11,0,0,0,1.11-1.11V5.56ZM14.83,5h-3V2Zm-13,13V2h9V6h4V18Z"
-                            fill="rgb(73, 73, 73)"
-                          />
-                        </svg>
-                      </div>
-                    </a>
-                  </span>
-                  <span
-                    name="react-responsive-mock"
-                    query="only screen and (max-width: 47.9375rem)"
-                  >
-                    <button
-                      className="c25 c33 c27 c34 c35"
-                      data-ui-button="true"
-                      disabled={true}
-                      href=""
-                      icon={true}
-                      onClick={[Function]}
-                      type="button"
-                    >
-                      <div
-                        className="c36"
-                      >
-                        <svg
-                          height="14"
-                          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>
-                      </div>
-                    </button>
-                  </span>
-                  <span
-                    name="react-responsive-mock"
-                    query="only screen and (min-width: 48rem)"
-                  >
-                    <button
-                      className="c25 c37 c27 c34 c35"
-                      data-ui-button="true"
-                      disabled={true}
-                      href=""
-                      icon={true}
-                      onClick={[Function]}
-                      type="button"
-                    >
-                      <div
-                        className="c36"
-                      >
-                        <svg
-                          height="14"
-                          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>
-                      </div>
-                      <span>
-                        Start
-                      </span>
-                    </button>
-                  </span>
-                  <span
-                    name="react-responsive-mock"
-                    query="only screen and (max-width: 47.9375rem)"
-                  >
-                    <button
-                      className="c25 c38 c27 c34 c35"
-                      data-ui-button="true"
-                      disabled={false}
-                      href=""
-                      icon={true}
-                      onClick={[Function]}
-                      type="button"
-                    >
-                      <div
-                        className="c36"
-                      >
-                        <svg
-                          height="14"
-                          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(73, 73, 73)"
-                          />
-                        </svg>
-                      </div>
-                    </button>
-                  </span>
-                  <span
-                    name="react-responsive-mock"
-                    query="only screen and (min-width: 48rem)"
-                  >
-                    <button
-                      className="c25 c39 c27 c34 c35"
-                      data-ui-button="true"
-                      disabled={false}
-                      href=""
-                      icon={true}
-                      onClick={[Function]}
-                      type="button"
-                    >
-                      <div
-                        className="c36"
-                      >
-                        <svg
-                          height="14"
-                          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(73, 73, 73)"
-                          />
-                        </svg>
-                      </div>
-                      <span>
-                        Stop
-                      </span>
-                    </button>
-                  </span>
-                  <span
-                    name="react-responsive-mock"
-                    query="only screen and (max-width: 47.9375rem)"
-                  >
-                    <button
-                      className="c25 c38 c27 c34 c35"
-                      data-ui-button="true"
-                      disabled={false}
-                      href=""
-                      icon={true}
-                      onClick={[Function]}
-                      type="button"
-                    >
-                      <div
-                        className="c36"
-                      >
-                        <svg
-                          height="21"
-                          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(73, 73, 73)"
-                                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>
-                      </div>
-                    </button>
-                  </span>
-                  <span
-                    name="react-responsive-mock"
-                    query="only screen and (min-width: 48rem)"
-                  >
-                    <button
-                      className="c25 c39 c27 c34 c35"
-                      data-ui-button="true"
-                      disabled={false}
-                      href=""
-                      icon={true}
-                      onClick={[Function]}
-                      type="button"
-                    >
-                      <div
-                        className="c36"
-                      >
-                        <svg
-                          height="21"
-                          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(73, 73, 73)"
-                                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>
-                      </div>
-                      <span>
-                        Reboot
-                      </span>
-                    </button>
-                  </span>
+                        Create Image
+                      </a>
+                    </div>
+                  </div>
                 </div>
                 <div
                   className="c40"
@@ -5159,7 +4105,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                     query="only screen and (max-width: 47.9375rem)"
                   >
                     <button
-                      className="c25 c41 c27 c34 c35"
+                      className="c41 c30 c31 c32"
                       data-ui-button="true"
                       disabled={false}
                       href=""
@@ -5168,7 +4114,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                       type="button"
                     >
                       <div
-                        className="c36"
+                        className="c33"
                       >
                         <svg
                           height="16"
@@ -5194,7 +4140,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                     query="only screen and (min-width: 48rem)"
                   >
                     <button
-                      className="c25 c42 c27 c34 c35"
+                      className="c42 c30 c31 c32"
                       data-ui-button="true"
                       disabled={false}
                       href=""
@@ -5203,7 +4149,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                       type="button"
                     >
                       <div
-                        className="c36"
+                        className="c33"
                       >
                         <svg
                           height="16"
@@ -5223,7 +4169,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                         </svg>
                       </div>
                       <span>
-                        Remove
+                        Delete
                       </span>
                     </button>
                   </span>
@@ -5251,7 +4197,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                     className="c47"
                   >
                     <label
-                      className="c48 c17"
+                      className="c48 c18"
                       htmlFor=""
                     >
                       Short ID
@@ -5314,7 +4260,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                     className="c47"
                   >
                     <label
-                      className="c48 c17"
+                      className="c48 c18"
                       htmlFor=""
                     >
                       ID
@@ -5377,7 +4323,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                     className="c47"
                   >
                     <label
-                      className="c48 c17"
+                      className="c48 c18"
                       htmlFor=""
                     >
                       CN UUID
@@ -5440,7 +4386,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                     className="c47"
                   >
                     <label
-                      className="c48 c17"
+                      className="c48 c18"
                       htmlFor=""
                     >
                       Image UUID
@@ -5503,7 +4449,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                     className="c47"
                   >
                     <label
-                      className="c48 c17"
+                      className="c48 c18"
                       htmlFor=""
                     >
                       Login
@@ -5566,7 +4512,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                     className="c47"
                   >
                     <label
-                      className="c48 c17"
+                      className="c48 c18"
                       htmlFor=""
                     >
                       Public IP address 1
@@ -5629,7 +4575,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                     className="c47"
                   >
                     <label
-                      className="c48 c17"
+                      className="c48 c18"
                       htmlFor=""
                     >
                       Public IP address 2
@@ -5692,7 +4638,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                     className="c47"
                   >
                     <label
-                      className="c48 c17"
+                      className="c48 c18"
                       htmlFor=""
                     >
                       Private IP address 1
@@ -5755,7 +4701,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                     className="c47"
                   >
                     <label
-                      className="c48 c17"
+                      className="c48 c18"
                       htmlFor=""
                     >
                       Private IP address 2
diff --git a/consoles/my-joy-instances/src/containers/instances/__tests__/__snapshots__/tags.spec.js.snap b/consoles/my-joy-instances/src/containers/instances/__tests__/__snapshots__/tags.spec.js.snap
index 83f7196d..162e71f9 100644
--- a/consoles/my-joy-instances/src/containers/instances/__tests__/__snapshots__/tags.spec.js.snap
+++ b/consoles/my-joy-instances/src/containers/instances/__tests__/__snapshots__/tags.spec.js.snap
@@ -1687,7 +1687,7 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
                     </svg>
                   </div>
                   <span>
-                    Remove
+                    Delete
                   </span>
                 </button>
               </div>
@@ -3464,7 +3464,7 @@ exports[`renders <Tags editing /> without throwing 1`] = `
                     </svg>
                   </div>
                   <span>
-                    Remove
+                    Delete
                   </span>
                 </button>
               </div>
diff --git a/consoles/my-joy-instances/src/containers/instances/firewall.js b/consoles/my-joy-instances/src/containers/instances/firewall.js
index eb872e3f..6d4c3615 100644
--- a/consoles/my-joy-instances/src/containers/instances/firewall.js
+++ b/consoles/my-joy-instances/src/containers/instances/firewall.js
@@ -1,12 +1,12 @@
 /* eslint-disable camelcase */
-import React, { Fragment } from 'react';
+import React from 'react';
 import intercept from 'apr-intercept';
 import { connect } from 'react-redux';
 import { compose, graphql } from 'react-apollo';
 import ReduxForm from 'declarative-redux-form';
 import { SubmissionError } from 'redux-form';
 import { Margin } from 'styled-components-spacing';
-import remcalc from 'remcalc';
+import { default as Flex, FlexItem } from 'styled-flex-component';
 import isBoolean from 'lodash.isboolean';
 import get from 'lodash.get';
 
@@ -15,8 +15,7 @@ import {
   Message,
   MessageTitle,
   MessageDescription,
-  StatusLoader,
-  Divider
+  StatusLoader
 } from 'joyent-ui-toolkit';
 
 import {
@@ -70,38 +69,37 @@ export const Firewall = ({
         </Message>
       </Margin>
     ) : null}
-    <ReduxForm
-      form="fw-enabled"
-      destroyOnUnmount={false}
-      forceUnregisterOnUnmount={true}
-      {...{ initialValues: isBoolean(enabled) ? { enabled } : undefined }}
-      onSubmit={handleEnabledToggle}
-    >
-      {props =>
-        loading ? null : (
-          <Fragment>
-            <Margin bottom={5}>
-              <ToggleFirewallForm {...props} submitOnChange />
-            </Margin>
-            <Divider height={remcalc(1)} />
-          </Fragment>
-        )
-      }
-    </ReduxForm>
-    <ReduxForm
-      form="fw-inactive"
-      destroyOnUnmount={false}
-      forceUnregisterOnUnmount={true}
-      initialValues={{ inactive }}
-    >
-      {props =>
-        !enabled || loading ? null : (
-          <Margin top={4}>
-            <ToggleInactiveForm {...props} />
-          </Margin>
-        )
-      }
-    </ReduxForm>
+    <Flex>
+      <FlexItem>
+        <ReduxForm
+          form="fw-enabled"
+          destroyOnUnmount={false}
+          forceUnregisterOnUnmount={true}
+          {...{ initialValues: isBoolean(enabled) ? { enabled } : undefined }}
+          onSubmit={handleEnabledToggle}
+        >
+          {props =>
+            loading ? null : (
+              <Margin right={5}>
+                <ToggleFirewallForm {...props} submitOnChange />
+              </Margin>
+            )
+          }
+        </ReduxForm>
+      </FlexItem>
+      <FlexItem>
+        <ReduxForm
+          form="fw-inactive"
+          destroyOnUnmount={false}
+          forceUnregisterOnUnmount={true}
+          initialValues={{ inactive }}
+        >
+          {props =>
+            !enabled || loading ? null : <ToggleInactiveForm {...props} />
+          }
+        </ReduxForm>
+      </FlexItem>
+    </Flex>
     {!loading && !defaultRules.length && !tagRules.length ? (
       <Margin top={5}>
         <Empty borderTop>
diff --git a/consoles/my-joy-instances/src/containers/instances/networks.js b/consoles/my-joy-instances/src/containers/instances/networks.js
index 55e132fb..bf284c14 100644
--- a/consoles/my-joy-instances/src/containers/instances/networks.js
+++ b/consoles/my-joy-instances/src/containers/instances/networks.js
@@ -37,7 +37,9 @@ export const Networks = ({
         complete control over the network environment. Read more on fabrics.
       </Description>
     </Margin>
-    <H3>Networks attached to this instance</H3>
+    <Margin bottom={3}>
+      <H3>Networks attached to this instance</H3>
+    </Margin>
     {loading ? <StatusLoader /> : null}
     {!loading && error && !networks.length ? (
       <Margin bottom={5}>
@@ -79,14 +81,14 @@ export default compose(
       }
     }),
     props: ({ data }) => {
+      console.log(data);
       const { loading, error, variables } = data;
       const { id } = variables;
 
-      const machines = get(data, 'machines.results', []);
+      const machines = get(data, 'machine', []);
       const instance = find(forceArray(machines), ['id', id]);
       const values = get(instance, 'networks', []);
       const networks = reverse(sortBy(values, 'public'));
-
       return {
         networks,
         instance,
diff --git a/packages/resource-widgets/src/__tests__/__snapshots__/firewall.spec.js.snap b/packages/resource-widgets/src/__tests__/__snapshots__/firewall.spec.js.snap
index d24beb7f..a455292f 100644
--- a/packages/resource-widgets/src/__tests__/__snapshots__/firewall.spec.js.snap
+++ b/packages/resource-widgets/src/__tests__/__snapshots__/firewall.spec.js.snap
@@ -96,11 +96,6 @@ Array [
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
-  width: 100%;
-  height: 100%;
-  -webkit-flex-basis: 100%;
-  -ms-flex-preferred-size: 100%;
-  flex-basis: 100%;
 }
 
 .c10 {
@@ -1449,11 +1444,6 @@ Array [
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
-  width: 100%;
-  height: 100%;
-  -webkit-flex-basis: 100%;
-  -ms-flex-preferred-size: 100%;
-  flex-basis: 100%;
 }
 
 .c9 {
@@ -1852,11 +1842,6 @@ Array [
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
-  width: 100%;
-  height: 100%;
-  -webkit-flex-basis: 100%;
-  -ms-flex-preferred-size: 100%;
-  flex-basis: 100%;
 }
 
 .c9 {
@@ -2255,11 +2240,6 @@ Array [
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
-  width: 100%;
-  height: 100%;
-  -webkit-flex-basis: 100%;
-  -ms-flex-preferred-size: 100%;
-  flex-basis: 100%;
 }
 
 .c9 {
@@ -2662,11 +2642,6 @@ Array [
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
-  width: 100%;
-  height: 100%;
-  -webkit-flex-basis: 100%;
-  -ms-flex-preferred-size: 100%;
-  flex-basis: 100%;
 }
 
 .c9 {
@@ -3073,11 +3048,6 @@ Array [
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
-  width: 100%;
-  height: 100%;
-  -webkit-flex-basis: 100%;
-  -ms-flex-preferred-size: 100%;
-  flex-basis: 100%;
 }
 
 .c9 {
@@ -3580,11 +3550,6 @@ Array [
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
-  width: 100%;
-  height: 100%;
-  -webkit-flex-basis: 100%;
-  -ms-flex-preferred-size: 100%;
-  flex-basis: 100%;
 }
 
 .c10 {
diff --git a/packages/resource-widgets/src/firewall/index.js b/packages/resource-widgets/src/firewall/index.js
index a58d4819..35b79c95 100644
--- a/packages/resource-widgets/src/firewall/index.js
+++ b/packages/resource-widgets/src/firewall/index.js
@@ -76,7 +76,7 @@ const Rule = ({ enabled, rule_obj }) => {
       <Padding left={3} right={3} top={2} bottom={2}>
         <Row>
           <Col xs={3}>
-            <Flex justifyStart alignCenter contentStretch full>
+            <Flex justifyStart alignCenter contentStretch>
               <Margin right={0.5}>
                 <FlexItem>
                   <Strong style={style}>From: </Strong>
@@ -86,7 +86,7 @@ const Rule = ({ enabled, rule_obj }) => {
             </Flex>
           </Col>
           <Col xs={3}>
-            <Flex justifyStart alignCenter contentStretch full>
+            <Flex justifyStart alignCenter contentStretch>
               <Margin right={0.5}>
                 <FlexItem>
                   <Strong style={style}>To: </Strong>
@@ -96,7 +96,7 @@ const Rule = ({ enabled, rule_obj }) => {
             </Flex>
           </Col>
           <Col xs={2}>
-            <Flex justifyStart alignCenter contentStretch full>
+            <Flex justifyStart alignCenter contentStretch>
               <Margin right={0.5}>
                 <FlexItem>
                   <Strong style={style}>Protocol: </Strong>
@@ -108,7 +108,7 @@ const Rule = ({ enabled, rule_obj }) => {
             </Flex>
           </Col>
           <Col xs={2}>
-            <Flex justifyStart alignCenter contentStretch full>
+            <Flex justifyStart alignCenter contentStretch>
               <Margin right={0.5}>
                 <FlexItem>
                   <Strong style={style}>Ports: </Strong>
@@ -120,7 +120,7 @@ const Rule = ({ enabled, rule_obj }) => {
             </Flex>
           </Col>
           <Col xs={2}>
-            <Flex justifyStart alignCenter contentStretch full>
+            <Flex justifyStart alignCenter contentStretch>
               <Margin right={0.5}>
                 <FlexItem>
                   <Strong style={style}>Action: </Strong>
diff --git a/packages/ui-toolkit/src/button/group.js b/packages/ui-toolkit/src/button/group.js
index 087ce293..24beae84 100644
--- a/packages/ui-toolkit/src/button/group.js
+++ b/packages/ui-toolkit/src/button/group.js
@@ -6,6 +6,7 @@ export default styled.span`
   & [data-ui-button='true']:not(:first-child) {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
+    border-left: none;
   }
 
   & [data-ui-button='true']:not(:last-child) {
diff --git a/packages/ui-toolkit/src/footer/sticky-footer.js b/packages/ui-toolkit/src/footer/sticky-footer.js
index 705d74ab..b8f1c7fe 100644
--- a/packages/ui-toolkit/src/footer/sticky-footer.js
+++ b/packages/ui-toolkit/src/footer/sticky-footer.js
@@ -19,7 +19,8 @@ const Footer = styled.div`
   flex-wrap: nowrap;
   align-content: stretch;
   align-items: stretch;
-  background-color: rgba(241, 241, 241, 1);
+  background-color: ${props =>
+    props.fill ? props => props.fill : 'rgba(241, 241, 241, 1)'};
   border-top: ${remcalc(1)} solid ${props => props.theme.grey};
   max-height: ${remcalc(53)};
   min-height: ${remcalc(53)};
diff --git a/packages/ui-toolkit/src/key-value/__tests__/__snapshots__/key-value.spec.js.snap b/packages/ui-toolkit/src/key-value/__tests__/__snapshots__/key-value.spec.js.snap
index c487e1c4..571c51b1 100644
--- a/packages/ui-toolkit/src/key-value/__tests__/__snapshots__/key-value.spec.js.snap
+++ b/packages/ui-toolkit/src/key-value/__tests__/__snapshots__/key-value.spec.js.snap
@@ -995,7 +995,7 @@ exports[`renders <KeyValue /> without throwing 1`] = `
                   </svg>
                 </div>
                 <span>
-                  Remove
+                  Delete
                 </span>
               </button>
             </div>
@@ -2207,7 +2207,7 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
                   </svg>
                 </div>
                 <span>
-                  Remove
+                  Delete
                 </span>
               </button>
             </div>
@@ -3269,7 +3269,7 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
                   </svg>
                 </div>
                 <span>
-                  Remove
+                  Delete
                 </span>
               </button>
             </div>
@@ -4276,7 +4276,7 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
                   </svg>
                 </div>
                 <span>
-                  Remove
+                  Delete
                 </span>
               </button>
             </div>
@@ -5285,7 +5285,7 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
                   </svg>
                 </div>
                 <span>
-                  Remove
+                  Delete
                 </span>
               </button>
             </div>
@@ -7500,7 +7500,7 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
                   </svg>
                 </div>
                 <span>
-                  Remove
+                  Delete
                 </span>
               </button>
             </div>
@@ -8507,7 +8507,7 @@ exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
                   </svg>
                 </div>
                 <span>
-                  Remove
+                  Delete
                 </span>
               </button>
             </div>
diff --git a/packages/ui-toolkit/src/key-value/index.js b/packages/ui-toolkit/src/key-value/index.js
index f6f6371f..52a21f0b 100644
--- a/packages/ui-toolkit/src/key-value/index.js
+++ b/packages/ui-toolkit/src/key-value/index.js
@@ -351,7 +351,7 @@ export const KeyValue = ({
                           fill={disabled || submitting ? undefined : theme.red}
                         />
                       </Margin>
-                      <span>Remove</span>
+                      <span>Delete</span>
                     </Button>
                   </Col>
                 )}
diff --git a/packages/ui-toolkit/src/popover/__tests__/__snapshots__/popover.spec.js.snap b/packages/ui-toolkit/src/popover/__tests__/__snapshots__/popover.spec.js.snap
index b6f22c43..ba8dadc4 100644
--- a/packages/ui-toolkit/src/popover/__tests__/__snapshots__/popover.spec.js.snap
+++ b/packages/ui-toolkit/src/popover/__tests__/__snapshots__/popover.spec.js.snap
@@ -36,6 +36,7 @@ Array [
 .c1 {
   display: block;
   text-align: left;
+  font-size: 1rem;
   cursor: pointer;
 }
 
diff --git a/packages/ui-toolkit/src/popover/item.js b/packages/ui-toolkit/src/popover/item.js
index 4db58ea0..37e17eb2 100644
--- a/packages/ui-toolkit/src/popover/item.js
+++ b/packages/ui-toolkit/src/popover/item.js
@@ -2,12 +2,12 @@ import React, { Component } from 'react';
 import is, { isNot } from 'styled-is';
 import PropTypes from 'prop-types';
 import styled from 'styled-components';
+import remcalc from 'remcalc';
 
 const BaseItem = styled.span`
   display: block;
   text-align: left;
-
-  ${isNot('disabled')`
+  font-size: ${remcalc(16)} ${isNot('disabled')`
     cursor: pointer;
 
     &:hover {