diff --git a/packages/my-joy-instances/src/components/instances/__tests__/__snapshots__/summary.spec.js.snap b/packages/my-joy-instances/src/components/instances/__tests__/__snapshots__/summary.spec.js.snap
index ebdc216f..da269a07 100644
--- a/packages/my-joy-instances/src/components/instances/__tests__/__snapshots__/summary.spec.js.snap
+++ b/packages/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;
 }
 
-.c16 {
+.c18 {
   box-sizing: border-box;
   display: -webkit-box;
   display: -webkit-flex;
@@ -78,7 +78,7 @@ exports[`renders <Summary /> without throwing 1`] = `
   display: block;
 }
 
-.c17 {
+.c19 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -88,7 +88,7 @@ exports[`renders <Summary /> without throwing 1`] = `
   display: block;
 }
 
-.c26 {
+.c28 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -98,7 +98,7 @@ exports[`renders <Summary /> without throwing 1`] = `
   display: block;
 }
 
-.c31 {
+.c33 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -108,16 +108,20 @@ exports[`renders <Summary /> without throwing 1`] = `
   display: block;
 }
 
-.c8 {
+.c10 {
+  margin-left: 0.75rem;
+}
+
+.c11 {
   margin-top: 0.75rem;
   margin-bottom: 1.125rem;
 }
 
-.c14 {
+.c16 {
   margin-top: 0.375rem;
 }
 
-.c29 {
+.c31 {
   margin-top: 1.5rem;
   margin-bottom: 1.875rem;
 }
@@ -126,18 +130,18 @@ exports[`renders <Summary /> without throwing 1`] = `
   padding: 1.5rem;
 }
 
-.c22 {
+.c24 {
   padding-top: 0.1875rem;
 }
 
-.c21 {
+.c23 {
   background-color: transparent;
   -webkit-text-decoration-skip: objects;
   text-decoration-skip: objects;
   font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
 }
 
-.c24 {
+.c26 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -150,52 +154,52 @@ exports[`renders <Summary /> without throwing 1`] = `
   min-width: 7.5rem;
 }
 
-.c24::-moz-focus-inner,
-.c24[type='button']::-moz-focus-inner,
-.c24[type='reset']::-moz-focus-inner,
-.c24[type='submit']::-moz-focus-inner {
+.c26::-moz-focus-inner,
+.c26[type='button']::-moz-focus-inner,
+.c26[type='reset']::-moz-focus-inner,
+.c26[type='submit']::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.c24:-moz-focusring,
-.c24[type='button']:-moz-focusring,
-.c24[type='reset']:-moz-focusring,
-.c24[type='submit']:-moz-focusring {
+.c26:-moz-focusring,
+.c26[type='button']:-moz-focusring,
+.c26[type='reset']:-moz-focusring,
+.c26[type='submit']:-moz-focusring {
   outline: 0.0625rem dotted ButtonText;
 }
 
-.c24 + button,
-.c24 + a {
+.c26 + button,
+.c26 + a {
   margin-left: 0.375rem;
 }
 
-.c20 {
+.c22 {
   color: rgb(59,70,204);
   -webkit-text-fill-color: currentcolor;
   color: rgb(255,255,255);
   -webkit-text-fill-color: currentcolor;
 }
 
-.c20:hover {
+.c22:hover {
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.c35 {
+.c37 {
   cursor: pointer;
 }
 
-.c19 {
+.c21 {
   display: inline-block;
 }
 
-.c19 + button,
-.c19 + a {
+.c21 + button,
+.c21 + a {
   margin-left: 0.375rem;
 }
 
-.c18 {
+.c20 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -253,7 +257,7 @@ exports[`renders <Summary /> without throwing 1`] = `
   font-weight: 500;
 }
 
-.c18:focus {
+.c20:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -261,178 +265,47 @@ exports[`renders <Summary /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c18:hover {
+.c20:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c18:active,
-.c18:active:hover,
-.c18:active:focus {
+.c20:active,
+.c20:active:hover,
+.c20:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c18[disabled] {
+.c20[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c18:focus {
+.c20:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c18:hover {
+.c20:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c18:active,
-.c18:active:hover,
-.c18:active:focus {
+.c20:active,
+.c20:active:hover,
+.c20:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c18 svg + span {
+.c20 svg + span {
   margin-left: 0.75rem;
 }
 
-.c18 svg {
-  max-height: 1.125rem;
-}
-
-.c23 {
-  box-sizing: border-box;
-  display: inline-block;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  min-height: 3rem;
-  height: 3rem;
-  min-width: 7.5rem;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-size: 0.9375rem;
-  text-align: center;
-  font-style: normal;
-  font-stretch: normal;
-  line-height: normal;
-  -webkit-letter-spacing: normal;
-  -moz-letter-spacing: normal;
-  -ms-letter-spacing: normal;
-  letter-spacing: normal;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-  background-image: none;
-  background-color: rgb(59,70,204);
-  border-radius: 0.25rem;
-  border: solid 0.0625rem rgb(45,56,132);
-  color: rgb(70,70,70);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-  cursor: not-allowed;
-  pointer-events: none;
-  color: rgb(216,216,216);
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-  padding: 0.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;
-}
-
-.c23:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c23:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c23:active,
-.c23:active:hover,
-.c23:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c23[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c23:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c23:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c23:active,
-.c23:active:hover,
-.c23:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c23:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-}
-
-.c23:hover {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c23:active,
-.c23:active:hover,
-.c23:active:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c23 svg + span {
-  margin-left: 0.75rem;
-}
-
-.c23 svg {
+.c20 svg {
   max-height: 1.125rem;
 }
 
@@ -483,6 +356,11 @@ exports[`renders <Summary /> without throwing 1`] = `
   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;
@@ -491,7 +369,6 @@ exports[`renders <Summary /> without throwing 1`] = `
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
-  font-weight: 500;
 }
 
 .c25:focus {
@@ -605,20 +482,11 @@ exports[`renders <Summary /> without throwing 1`] = `
   -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;
@@ -627,7 +495,7 @@ exports[`renders <Summary /> without throwing 1`] = `
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
-  float: right;
+  font-weight: 500;
 }
 
 .c27:focus {
@@ -674,25 +542,6 @@ exports[`renders <Summary /> without throwing 1`] = `
   border-color: rgb(216,216,216);
 }
 
-.c27:focus {
-  color: rgb(205,37,27);
-  background-color: rgb(255,255,255);
-  border-color: rgb(205,37,27);
-}
-
-.c27:hover {
-  color: rgb(205,37,27);
-  background-color: rgb(255,255,255);
-  border-color: rgb(205,37,27);
-}
-
-.c27:active,
-.c27:active:hover,
-.c27:active:focus {
-  background-color: rgba(210,67,58,0.1);
-  border-color: rgb(205,37,27);
-}
-
 .c27:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(216,216,216);
@@ -718,7 +567,162 @@ exports[`renders <Summary /> without throwing 1`] = `
   max-height: 1.125rem;
 }
 
-.c28 {
+.c29 {
+  box-sizing: border-box;
+  display: inline-block;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  min-height: 3rem;
+  height: 3rem;
+  min-width: 7.5rem;
+  padding: 0.9375rem 1.125rem;
+  position: relative;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+  font-size: 0.9375rem;
+  text-align: center;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-letter-spacing: normal;
+  -moz-letter-spacing: normal;
+  -ms-letter-spacing: normal;
+  letter-spacing: normal;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+  background-image: none;
+  background-color: rgb(59,70,204);
+  border-radius: 0.25rem;
+  border: solid 0.0625rem rgb(45,56,132);
+  color: rgb(70,70,70);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+  color: rgb(210,67,58);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(210,67,58);
+  cursor: not-allowed;
+  pointer-events: none;
+  color: rgb(216,216,216);
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+  padding: 0.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;
+}
+
+.c29:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c29:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.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);
+}
+
+.c29[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c29:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c29:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c29:active,
+.c29:active:hover,
+.c29:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c29:focus {
+  color: rgb(205,37,27);
+  background-color: rgb(255,255,255);
+  border-color: rgb(205,37,27);
+}
+
+.c29:hover {
+  color: rgb(205,37,27);
+  background-color: rgb(255,255,255);
+  border-color: rgb(205,37,27);
+}
+
+.c29:active,
+.c29:active:hover,
+.c29:active:focus {
+  background-color: rgba(210,67,58,0.1);
+  border-color: rgb(205,37,27);
+}
+
+.c29:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+}
+
+.c29:hover {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c29:active,
+.c29:active:hover,
+.c29:active:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c29 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c29 svg {
+  max-height: 1.125rem;
+}
+
+.c30 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -781,7 +785,7 @@ exports[`renders <Summary /> without throwing 1`] = `
   float: right;
 }
 
-.c28:focus {
+.c30:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -789,87 +793,87 @@ exports[`renders <Summary /> without throwing 1`] = `
   border-color: rgb(45,56,132);
 }
 
-.c28:hover {
+.c30:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c28:active,
-.c28:active:hover,
-.c28:active:focus {
+.c30:active,
+.c30:active:hover,
+.c30:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c28[disabled] {
+.c30[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c28:focus {
+.c30:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c28:hover {
+.c30:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c28:active,
-.c28:active:hover,
-.c28:active:focus {
+.c30:active,
+.c30:active:hover,
+.c30:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c28:focus {
+.c30:focus {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c28:hover {
+.c30:hover {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c28:active,
-.c28:active:hover,
-.c28:active:focus {
+.c30:active,
+.c30:active:hover,
+.c30:active:focus {
   background-color: rgba(210,67,58,0.1);
   border-color: rgb(205,37,27);
 }
 
-.c28:focus {
+.c30:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(216,216,216);
 }
 
-.c28:hover {
+.c30:hover {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c28:active,
-.c28:active:hover,
-.c28:active:focus {
+.c30:active,
+.c30:active:hover,
+.c30:active:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c28 svg + span {
+.c30 svg + span {
   margin-left: 0.75rem;
 }
 
-.c28 svg {
+.c30 svg {
   max-height: 1.125rem;
 }
 
-.c13 {
+.c15 {
   width: 0.9375rem;
   height: 0.9375rem;
   border-radius: 50%;
@@ -878,7 +882,7 @@ exports[`renders <Summary /> without throwing 1`] = `
   margin-left: 0rem;
 }
 
-.c11 {
+.c13 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-style: normal;
@@ -889,7 +893,7 @@ exports[`renders <Summary /> without throwing 1`] = `
   margin-bottom: 0.1875rem;
 }
 
-.c32 {
+.c34 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-style: normal;
@@ -925,7 +929,7 @@ exports[`renders <Summary /> without throwing 1`] = `
   margin-top: 1.5rem;
 }
 
-.c30 {
+.c32 {
   background-color: rgb(216,216,216);
   margin: 0;
   height: 0.0625rem;
@@ -997,85 +1001,6 @@ exports[`renders <Summary /> without throwing 1`] = `
   margin-bottom: 0.4375rem;
 }
 
-.c34 {
-  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;
-}
-
-.c34:focus {
-  border-color: rgb(59,70,204);
-  outline: 0;
-}
-
-.c34::-webkit-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c34::-moz-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c34:-ms-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c34:invalid {
-  box-shadow: none;
-}
-
-.c34:disabled {
-  background-color: rgb(250,250,250);
-  color: rgb(216,216,216);
-  cursor: not-allowed;
-}
-
-.c34:disabled::-webkit-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c34:disabled::-moz-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c34:disabled:-ms-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c34:disabled {
-  color: rgb(73,73,73);
-}
-
-.c34:disabled::-webkit-input-placeholder {
-  color: rgb(73,73,73);
-}
-
-.c34:disabled::-moz-placeholder {
-  color: rgb(73,73,73);
-}
-
-.c34:disabled:-ms-input-placeholder {
-  color: rgb(73,73,73);
-}
-
 .c36 {
   box-sizing: border-box;
   width: 18.75rem;
@@ -1097,6 +1022,7 @@ exports[`renders <Summary /> without throwing 1`] = `
   font-family: "Roboto Mono",monospace;
   width: 100%;
   min-width: 100%;
+  text-overflow: ellipsis;
 }
 
 .c36:focus {
@@ -1154,7 +1080,85 @@ exports[`renders <Summary /> without throwing 1`] = `
   color: rgb(73,73,73);
 }
 
-.c33 {
+.c38 {
+  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%;
+}
+
+.c38:focus {
+  border-color: rgb(59,70,204);
+  outline: 0;
+}
+
+.c38::-webkit-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c38::-moz-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c38:-ms-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c38:invalid {
+  box-shadow: none;
+}
+
+.c38:disabled {
+  background-color: rgb(250,250,250);
+  color: rgb(216,216,216);
+  cursor: not-allowed;
+}
+
+.c38:disabled::-webkit-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c38:disabled::-moz-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c38:disabled:-ms-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c38:disabled {
+  color: rgb(73,73,73);
+}
+
+.c38:disabled::-webkit-input-placeholder {
+  color: rgb(73,73,73);
+}
+
+.c38:disabled::-moz-placeholder {
+  color: rgb(73,73,73);
+}
+
+.c38:disabled:-ms-input-placeholder {
+  color: rgb(73,73,73);
+}
+
+.c35 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -1166,27 +1170,27 @@ exports[`renders <Summary /> without throwing 1`] = `
   align-items: center;
 }
 
-.c33 input {
+.c35 input {
   padding-right: 1.875rem;
 }
 
-.c33 div {
+.c35 div {
   position: relative;
   left: -1.625rem;
 }
 
-.c15 {
+.c17 {
   opacity: 0.5;
   padding-right: 0.1875rem;
 }
 
-.c10 {
+.c12 {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
 
-.c9 {
+.c8 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -1201,7 +1205,11 @@ exports[`renders <Summary /> without throwing 1`] = `
   justify-content: flex-start;
 }
 
-.c12 {
+.c9 {
+  cursor: pointer;
+}
+
+.c14 {
   width: 0.0625rem;
   background: rgb(216,216,216);
   height: 1.5rem;
@@ -1225,7 +1233,7 @@ exports[`renders <Summary /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c16 {
+  .c18 {
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
@@ -1270,7 +1278,7 @@ exports[`renders <Summary /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c17 {
+  .c19 {
     -webkit-flex-basis: 75%;
     -ms-flex-preferred-size: 75%;
     flex-basis: 75%;
@@ -1279,7 +1287,7 @@ exports[`renders <Summary /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c26 {
+  .c28 {
     -webkit-flex-basis: 25%;
     -ms-flex-preferred-size: 25%;
     flex-basis: 25%;
@@ -1288,7 +1296,7 @@ exports[`renders <Summary /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c31 {
+  .c33 {
     -webkit-flex-basis: 100%;
     -ms-flex-preferred-size: 100%;
     flex-basis: 100%;
@@ -1297,7 +1305,7 @@ exports[`renders <Summary /> without throwing 1`] = `
 }
 
 @media only screen and (min-width:64em) {
-  .c31 {
+  .c33 {
     -webkit-flex-basis: 58.333333333333336%;
     -ms-flex-preferred-size: 58.333333333333336%;
     flex-basis: 58.333333333333336%;
@@ -1306,13 +1314,13 @@ exports[`renders <Summary /> without throwing 1`] = `
 }
 
 @media (max-width:47.9375rem) {
-  .c9 {
+  .c8 {
     display: block;
   }
 }
 
 @media (max-width:47.9375rem) {
-  .c12 {
+  .c14 {
     display: none;
   }
 }
@@ -1343,42 +1351,63 @@ exports[`renders <Summary /> without throwing 1`] = `
             >
               <h2
                 className="c7"
-              />
+              >
+                <div
+                  className="c8"
+                >
+                  <div
+                    className="c9 c10"
+                    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
-            className="c8"
+            className="c11"
           >
             <div
-              className="c9"
+              className="c8"
             >
               <label
-                className="c10 c11"
+                className="c12 c13"
               >
                 Custom Image
               </label>
               <div
-                className="c12"
+                className="c14"
               />
               <label
-                className="c10 c11"
+                className="c12 c13"
               >
                 Hardware virtual machine
               </label>
               <div
-                className="c12"
+                className="c14"
               />
               <label
-                className="c10 c11"
+                className="c12 c13"
               />
               <div
-                className="c12"
+                className="c14"
               />
               <div
-                className="c9"
+                className="c8"
               >
                 <span
-                  className="c13"
+                  className="c15"
                   color={undefined}
                   size="0.9375rem"
                 />
@@ -1386,21 +1415,21 @@ exports[`renders <Summary /> without throwing 1`] = `
               </div>
             </div>
             <div
-              className="c14"
+              className="c16"
             >
               <div
-                className="c9"
+                className="c8"
               >
                 <div
-                  className="c9"
+                  className="c8"
                 >
                   <label
-                    className="c15 c11"
+                    className="c17 c13"
                   >
                     Created: 
                   </label>
                   <label
-                    className="c11"
+                    className="c13"
                   >
                      
                     almost NaN years
@@ -1408,18 +1437,18 @@ exports[`renders <Summary /> without throwing 1`] = `
                   </label>
                 </div>
                 <div
-                  className="c12"
+                  className="c14"
                 />
                 <div
-                  className="c9"
+                  className="c8"
                 >
                   <label
-                    className="c15 c11"
+                    className="c17 c13"
                   >
                     Updated: 
                   </label>
                   <label
-                    className="c11"
+                    className="c13"
                   >
                      
                     almost NaN years
@@ -1430,13 +1459,13 @@ exports[`renders <Summary /> without throwing 1`] = `
             </div>
           </div>
           <div
-            className="c16"
+            className="c18"
           >
             <div
-              className="c17"
+              className="c19"
             >
               <a
-                className="c18 c19 c20 c21"
+                className="c20 c21 c22 c23"
                 data-ui-button="true"
                 href="http://localhost/images/~create/undefined"
                 icon={true}
@@ -1444,7 +1473,7 @@ exports[`renders <Summary /> without throwing 1`] = `
                 target="__blank"
               >
                 <div
-                  className="c22"
+                  className="c24"
                 >
                   <svg
                     className=""
@@ -1471,7 +1500,7 @@ exports[`renders <Summary /> without throwing 1`] = `
                 query="only screen and (max-width: 47.9375rem)"
               >
                 <button
-                  className="c23 c19 c24"
+                  className="c25 c21 c26"
                   data-ui-button="true"
                   disabled={true}
                   href=""
@@ -1504,7 +1533,7 @@ exports[`renders <Summary /> without throwing 1`] = `
                 query="only screen and (min-width: 48rem)"
               >
                 <button
-                  className="c25 c19 c24"
+                  className="c27 c21 c26"
                   data-ui-button="true"
                   disabled={true}
                   href=""
@@ -1540,7 +1569,7 @@ exports[`renders <Summary /> without throwing 1`] = `
                 query="only screen and (max-width: 47.9375rem)"
               >
                 <button
-                  className="c23 c19 c24"
+                  className="c25 c21 c26"
                   data-ui-button="true"
                   disabled={true}
                   href=""
@@ -1573,7 +1602,7 @@ exports[`renders <Summary /> without throwing 1`] = `
                 query="only screen and (min-width: 48rem)"
               >
                 <button
-                  className="c25 c19 c24"
+                  className="c27 c21 c26"
                   data-ui-button="true"
                   disabled={true}
                   href=""
@@ -1609,7 +1638,7 @@ exports[`renders <Summary /> without throwing 1`] = `
                 query="only screen and (max-width: 47.9375rem)"
               >
                 <button
-                  className="c23 c19 c24"
+                  className="c25 c21 c26"
                   data-ui-button="true"
                   disabled={true}
                   href=""
@@ -1658,7 +1687,7 @@ exports[`renders <Summary /> without throwing 1`] = `
                 query="only screen and (min-width: 48rem)"
               >
                 <button
-                  className="c25 c19 c24"
+                  className="c27 c21 c26"
                   data-ui-button="true"
                   disabled={true}
                   href=""
@@ -1707,14 +1736,14 @@ exports[`renders <Summary /> without throwing 1`] = `
               </span>
             </div>
             <div
-              className="c26"
+              className="c28"
             >
               <span
                 name="react-responsive-mock"
                 query="only screen and (max-width: 47.9375rem)"
               >
                 <button
-                  className="c27 c19 c24"
+                  className="c29 c21 c26"
                   data-ui-button="true"
                   disabled={true}
                   href=""
@@ -1747,7 +1776,7 @@ exports[`renders <Summary /> without throwing 1`] = `
                 query="only screen and (min-width: 48rem)"
               >
                 <button
-                  className="c28 c19 c24"
+                  className="c30 c21 c26"
                   data-ui-button="true"
                   disabled={true}
                   href=""
@@ -1781,10 +1810,10 @@ exports[`renders <Summary /> without throwing 1`] = `
             </div>
           </div>
           <div
-            className="c29"
+            className="c31"
           >
             <div
-              className="c30 c0"
+              className="c32 c0"
               height="0.0625rem"
             />
           </div>
@@ -1792,19 +1821,19 @@ exports[`renders <Summary /> without throwing 1`] = `
             className="c0"
           >
             <div
-              className="c31"
+              className="c33"
             >
               <label
-                className="c32"
+                className="c34"
                 htmlFor=""
               >
                 Short ID
               </label>
               <div
-                className="c33"
+                className="c35"
               >
                 <input
-                  className="c34"
+                  className="c36"
                   disabled={false}
                   id=""
                   onBlur={null}
@@ -1821,7 +1850,7 @@ exports[`renders <Summary /> without throwing 1`] = `
                   }
                 >
                   <svg
-                    className="c35"
+                    className="c37"
                     height="19"
                     innerRef={undefined}
                     onClick={[Function]}
@@ -1847,19 +1876,19 @@ exports[`renders <Summary /> without throwing 1`] = `
             className="c0"
           >
             <div
-              className="c31"
+              className="c33"
             >
               <label
-                className="c32"
+                className="c34"
                 htmlFor=""
               >
                 ID
               </label>
               <div
-                className="c33"
+                className="c35"
               >
                 <input
-                  className="c34"
+                  className="c36"
                   disabled={false}
                   id=""
                   onBlur={null}
@@ -1876,7 +1905,7 @@ exports[`renders <Summary /> without throwing 1`] = `
                   }
                 >
                   <svg
-                    className="c35"
+                    className="c37"
                     height="19"
                     innerRef={undefined}
                     onClick={[Function]}
@@ -1902,19 +1931,19 @@ exports[`renders <Summary /> without throwing 1`] = `
             className="c0"
           >
             <div
-              className="c31"
+              className="c33"
             >
               <label
-                className="c32"
+                className="c34"
                 htmlFor=""
               >
                 CN UUID
               </label>
               <div
-                className="c33"
+                className="c35"
               >
                 <input
-                  className="c34"
+                  className="c36"
                   disabled={false}
                   id=""
                   onBlur={null}
@@ -1931,7 +1960,7 @@ exports[`renders <Summary /> without throwing 1`] = `
                   }
                 >
                   <svg
-                    className="c35"
+                    className="c37"
                     height="19"
                     innerRef={undefined}
                     onClick={[Function]}
@@ -1957,19 +1986,19 @@ exports[`renders <Summary /> without throwing 1`] = `
             className="c0"
           >
             <div
-              className="c31"
+              className="c33"
             >
               <label
-                className="c32"
+                className="c34"
                 htmlFor=""
               >
                 Login
               </label>
               <div
-                className="c33"
+                className="c35"
               >
                 <input
-                  className="c36"
+                  className="c38"
                   disabled={false}
                   id=""
                   onBlur={null}
@@ -1986,7 +2015,7 @@ exports[`renders <Summary /> without throwing 1`] = `
                   }
                 >
                   <svg
-                    className="c35"
+                    className="c37"
                     height="19"
                     innerRef={undefined}
                     onClick={[Function]}
@@ -2054,7 +2083,7 @@ exports[`renders <Summary instance /> without throwing 1`] = `
   margin-left: -0.625rem;
 }
 
-.c16 {
+.c18 {
   box-sizing: border-box;
   display: -webkit-box;
   display: -webkit-flex;
@@ -2093,4854 +2122,46 @@ exports[`renders <Summary instance /> without throwing 1`] = `
   display: block;
 }
 
-.c17 {
-  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;
-}
-
-.c28 {
-  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;
-}
-
-.c33 {
-  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;
-}
-
-.c8 {
-  margin-top: 0.75rem;
-  margin-bottom: 1.125rem;
-}
-
-.c14 {
-  margin-top: 0.375rem;
-}
-
-.c31 {
-  margin-top: 1.5rem;
-  margin-bottom: 1.875rem;
-}
-
-.c4 {
-  padding: 1.5rem;
-}
-
-.c22 {
-  padding-top: 0.1875rem;
-}
-
-.c21 {
-  background-color: transparent;
-  -webkit-text-decoration-skip: objects;
-  text-decoration-skip: objects;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-}
-
-.c24 {
-  font-family: sans-serif;
-  font-size: 100%;
-  line-height: 1.15;
-  margin: 0;
-  overflow: visible;
-  text-transform: none;
-  -webkit-appearance: button;
-  -moz-appearance: button;
-  appearance: button;
-  min-width: 7.5rem;
-}
-
-.c24::-moz-focus-inner,
-.c24[type='button']::-moz-focus-inner,
-.c24[type='reset']::-moz-focus-inner,
-.c24[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c24:-moz-focusring,
-.c24[type='button']:-moz-focusring,
-.c24[type='reset']:-moz-focusring,
-.c24[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c24 + button,
-.c24 + a {
-  margin-left: 0.375rem;
-}
-
-.c20 {
-  color: rgb(59,70,204);
-  -webkit-text-fill-color: currentcolor;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-}
-
-.c20:hover {
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.c37 {
-  cursor: pointer;
-}
-
 .c19 {
-  display: inline-block;
-}
-
-.c19 + button,
-.c19 + a {
-  margin-left: 0.375rem;
-}
-
-.c18 {
   box-sizing: border-box;
-  display: inline-block;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  min-height: 3rem;
-  height: 3rem;
-  min-width: 7.5rem;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-size: 0.9375rem;
-  text-align: center;
-  font-style: normal;
-  font-stretch: normal;
-  line-height: normal;
-  -webkit-letter-spacing: normal;
-  -moz-letter-spacing: normal;
-  -ms-letter-spacing: normal;
-  letter-spacing: normal;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-  background-image: none;
-  background-color: rgb(59,70,204);
-  border-radius: 0.25rem;
-  border: solid 0.0625rem rgb(45,56,132);
-  color: rgb(70,70,70);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-  padding: 0.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;
-}
-
-.c18:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c18:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c18:active,
-.c18:active:hover,
-.c18:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c18[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c18:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c18:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c18:active,
-.c18:active:hover,
-.c18:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c18 svg + span {
-  margin-left: 0.75rem;
-}
-
-.c18 svg {
-  max-height: 1.125rem;
-}
-
-.c23 {
-  box-sizing: border-box;
-  display: inline-block;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  min-height: 3rem;
-  height: 3rem;
-  min-width: 7.5rem;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-size: 0.9375rem;
-  text-align: center;
-  font-style: normal;
-  font-stretch: normal;
-  line-height: normal;
-  -webkit-letter-spacing: normal;
-  -moz-letter-spacing: normal;
-  -ms-letter-spacing: normal;
-  letter-spacing: normal;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-  background-image: none;
-  background-color: rgb(59,70,204);
-  border-radius: 0.25rem;
-  border: solid 0.0625rem rgb(45,56,132);
-  color: rgb(70,70,70);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-  cursor: not-allowed;
-  pointer-events: none;
-  color: rgb(216,216,216);
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-  padding: 0.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;
-}
-
-.c23:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c23:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c23:active,
-.c23:active:hover,
-.c23:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c23[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c23:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c23:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c23:active,
-.c23:active:hover,
-.c23:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c23:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-}
-
-.c23:hover {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c23:active,
-.c23:active:hover,
-.c23:active:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c23 svg + span {
-  margin-left: 0.75rem;
-}
-
-.c23 svg {
-  max-height: 1.125rem;
-}
-
-.c25 {
-  box-sizing: border-box;
-  display: inline-block;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  min-height: 3rem;
-  height: 3rem;
-  min-width: 7.5rem;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-size: 0.9375rem;
-  text-align: center;
-  font-style: normal;
-  font-stretch: normal;
-  line-height: normal;
-  -webkit-letter-spacing: normal;
-  -moz-letter-spacing: normal;
-  -ms-letter-spacing: normal;
-  letter-spacing: normal;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-  background-image: none;
-  background-color: rgb(59,70,204);
-  border-radius: 0.25rem;
-  border: solid 0.0625rem rgb(45,56,132);
-  color: rgb(70,70,70);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-  cursor: not-allowed;
-  pointer-events: none;
-  color: rgb(216,216,216);
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  font-weight: 500;
-}
-
-.c25:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c25:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c25:active,
-.c25:active:hover,
-.c25:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c25[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c25:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c25:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c25:active,
-.c25:active:hover,
-.c25:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c25:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-}
-
-.c25:hover {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c25:active,
-.c25:active:hover,
-.c25:active:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c25 svg + span {
-  margin-left: 0.75rem;
-}
-
-.c25 svg {
-  max-height: 1.125rem;
-}
-
-.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;
-  line-height: normal;
-  -webkit-letter-spacing: normal;
-  -moz-letter-spacing: normal;
-  -ms-letter-spacing: normal;
-  letter-spacing: normal;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-  background-image: none;
-  background-color: rgb(59,70,204);
-  border-radius: 0.25rem;
-  border: solid 0.0625rem rgb(45,56,132);
-  color: rgb(70,70,70);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-  padding: 0.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;
-}
-
-.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);
-}
-
-.c26 svg + span {
-  margin-left: 0.75rem;
-}
-
-.c26 svg {
-  max-height: 1.125rem;
-}
-
-.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;
-  line-height: normal;
-  -webkit-letter-spacing: normal;
-  -moz-letter-spacing: normal;
-  -ms-letter-spacing: normal;
-  letter-spacing: normal;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-  background-image: none;
-  background-color: rgb(59,70,204);
-  border-radius: 0.25rem;
-  border: solid 0.0625rem rgb(45,56,132);
-  color: rgb(70,70,70);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  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 svg + span {
-  margin-left: 0.75rem;
-}
-
-.c27 svg {
-  max-height: 1.125rem;
-}
-
-.c29 {
-  box-sizing: border-box;
-  display: inline-block;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  min-height: 3rem;
-  height: 3rem;
-  min-width: 7.5rem;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-size: 0.9375rem;
-  text-align: center;
-  font-style: normal;
-  font-stretch: normal;
-  line-height: normal;
-  -webkit-letter-spacing: normal;
-  -moz-letter-spacing: normal;
-  -ms-letter-spacing: normal;
-  letter-spacing: normal;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-  background-image: none;
-  background-color: rgb(59,70,204);
-  border-radius: 0.25rem;
-  border: solid 0.0625rem rgb(45,56,132);
-  color: rgb(70,70,70);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-  color: rgb(210,67,58);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(210,67,58);
-  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;
-}
-
-.c29:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c29:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.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);
-}
-
-.c29[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c29:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c29:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c29:active,
-.c29:active:hover,
-.c29:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c29:focus {
-  color: rgb(205,37,27);
-  background-color: rgb(255,255,255);
-  border-color: rgb(205,37,27);
-}
-
-.c29:hover {
-  color: rgb(205,37,27);
-  background-color: rgb(255,255,255);
-  border-color: rgb(205,37,27);
-}
-
-.c29:active,
-.c29:active:hover,
-.c29:active:focus {
-  background-color: rgba(210,67,58,0.1);
-  border-color: rgb(205,37,27);
-}
-
-.c29 svg + span {
-  margin-left: 0.75rem;
-}
-
-.c29 svg {
-  max-height: 1.125rem;
+  -webkit-flex: 0 0 auto;
+  -ms-flex: 0 0 auto;
+  flex: 0 0 auto;
+  padding-right: 0.625rem;
+  padding-left: 0.625rem;
+  display: block;
 }
 
 .c30 {
   box-sizing: border-box;
-  display: inline-block;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  min-height: 3rem;
-  height: 3rem;
-  min-width: 7.5rem;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-size: 0.9375rem;
-  text-align: center;
-  font-style: normal;
-  font-stretch: normal;
-  line-height: normal;
-  -webkit-letter-spacing: normal;
-  -moz-letter-spacing: normal;
-  -ms-letter-spacing: normal;
-  letter-spacing: normal;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-  background-image: none;
-  background-color: rgb(59,70,204);
-  border-radius: 0.25rem;
-  border: solid 0.0625rem rgb(45,56,132);
-  color: rgb(70,70,70);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-  color: rgb(210,67,58);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(210,67,58);
-  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;
-}
-
-.c30:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c30:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c30:active,
-.c30:active:hover,
-.c30:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c30[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c30:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c30:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c30:active,
-.c30:active:hover,
-.c30:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c30:focus {
-  color: rgb(205,37,27);
-  background-color: rgb(255,255,255);
-  border-color: rgb(205,37,27);
-}
-
-.c30:hover {
-  color: rgb(205,37,27);
-  background-color: rgb(255,255,255);
-  border-color: rgb(205,37,27);
-}
-
-.c30:active,
-.c30:active:hover,
-.c30:active:focus {
-  background-color: rgba(210,67,58,0.1);
-  border-color: rgb(205,37,27);
-}
-
-.c30 svg + span {
-  margin-left: 0.75rem;
-}
-
-.c30 svg {
-  max-height: 1.125rem;
-}
-
-.c13 {
-  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;
-}
-
-.c11 {
-  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;
-  margin-bottom: 0.1875rem;
-}
-
-.c34 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-  margin-bottom: 0.1875rem;
-  margin-right: 0.75rem;
-  font-weight: 600;
-  white-space: pre;
-  font-size: 0.8125rem;
-}
-
-.c7 {
-  color: rgb(73,73,73);
-  font-weight: normal;
-  line-height: 1.875rem;
-  font-size: 1.5rem;
-  margin: 0;
-}
-
-.c7 + p,
-.c7 + small,
-.c7 + h1,
-.c7 + h2,
-.c7 + label,
-.c7 + h3,
-.c7 + h4,
-.c7 + h5,
-.c7 + div,
-.c7 + span {
-  margin-top: 1.5rem;
-}
-
-.c32 {
-  background-color: rgb(216,216,216);
-  margin: 0;
-  height: 0.0625rem;
-}
-
-.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: 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);
-  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;
-  margin-bottom: 0;
-  background-color: transparent;
-}
-
-.c3 > [name='card']:not(:last-child) {
-  margin-bottom: 0.8125rem;
-}
-
-.c3 > [name='card']:last-child {
-  margin-bottom: 0.4375rem;
-}
-
-.c36 {
-  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%;
-}
-
-.c36:focus {
-  border-color: rgb(59,70,204);
-  outline: 0;
-}
-
-.c36::-webkit-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c36::-moz-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c36:-ms-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c36:invalid {
-  box-shadow: none;
-}
-
-.c36:disabled {
-  background-color: rgb(250,250,250);
-  color: rgb(216,216,216);
-  cursor: not-allowed;
-}
-
-.c36:disabled::-webkit-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c36:disabled::-moz-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c36:disabled:-ms-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c36:disabled {
-  color: rgb(73,73,73);
-}
-
-.c36:disabled::-webkit-input-placeholder {
-  color: rgb(73,73,73);
-}
-
-.c36:disabled::-moz-placeholder {
-  color: rgb(73,73,73);
-}
-
-.c36:disabled:-ms-input-placeholder {
-  color: rgb(73,73,73);
 }
 
 .c35 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  margin-bottom: 0.625rem;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c35 input {
-  padding-right: 1.875rem;
-}
-
-.c35 div {
-  position: relative;
-  left: -1.625rem;
-}
-
-.c38 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  margin-bottom: 0.625rem;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  margin-bottom: 0rem;
-}
-
-.c38 input {
-  padding-right: 1.875rem;
-}
-
-.c38 div {
-  position: relative;
-  left: -1.625rem;
-}
-
-.c15 {
-  opacity: 0.5;
-  padding-right: 0.1875rem;
+  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 {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
+  margin-left: 0.75rem;
 }
 
-.c9 {
-  -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;
-}
-
-.c12 {
-  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;
-}
-
-@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) {
-  .c16 {
-    -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) {
-  .c17 {
-    -webkit-flex-basis: 75%;
-    -ms-flex-preferred-size: 75%;
-    flex-basis: 75%;
-    max-width: 75%;
-  }
-}
-
-@media only screen and (min-width:0em) {
-  .c28 {
-    -webkit-flex-basis: 25%;
-    -ms-flex-preferred-size: 25%;
-    flex-basis: 25%;
-    max-width: 25%;
-  }
-}
-
-@media only screen and (min-width:0em) {
-  .c33 {
-    -webkit-flex-basis: 100%;
-    -ms-flex-preferred-size: 100%;
-    flex-basis: 100%;
-    max-width: 100%;
-  }
-}
-
-@media only screen and (min-width:64em) {
-  .c33 {
-    -webkit-flex-basis: 58.333333333333336%;
-    -ms-flex-preferred-size: 58.333333333333336%;
-    flex-basis: 58.333333333333336%;
-    max-width: 58.333333333333336%;
-  }
-}
-
-@media (max-width:47.9375rem) {
-  .c9 {
-    display: block;
-  }
-}
-
-@media (max-width:47.9375rem) {
-  .c12 {
-    display: none;
-  }
-}
-
-<div
-  className="c0"
->
-  <div
-    className="c1"
-  >
-    <div
-      className="c2"
-      disabled={false}
-      name="card"
-    >
-      <div
-        className="c3"
-        name="card-outlet"
-      >
-        <div
-          className="c4"
-        >
-          <div
-            className="c5"
-          >
-            <div
-              className="c6"
-            >
-              <h2
-                className="c7"
-              />
-            </div>
-          </div>
-          <div
-            className="c8"
-          >
-            <div
-              className="c9"
-            >
-              <label
-                className="c10 c11"
-              >
-                Alpine 3
-              </label>
-              <div
-                className="c12"
-              />
-              <label
-                className="c10 c11"
-              >
-                Hardware virtual machine
-              </label>
-              <div
-                className="c12"
-              />
-              <label
-                className="c10 c11"
-              >
-                g4-highcpu-128M
-              </label>
-              <div
-                className="c12"
-              />
-              <div
-                className="c9"
-              >
-                <span
-                  className="c13"
-                  color="green"
-                  size="0.9375rem"
-                />
-                Running
-              </div>
-            </div>
-            <div
-              className="c14"
-            >
-              <div
-                className="c9"
-              >
-                <div
-                  className="c9"
-                >
-                  <label
-                    className="c15 c11"
-                  >
-                    Created: 
-                  </label>
-                  <label
-                    className="c11"
-                  >
-                     
-                    almost NaN years
-                     ago
-                  </label>
-                </div>
-                <div
-                  className="c12"
-                />
-                <div
-                  className="c9"
-                >
-                  <label
-                    className="c15 c11"
-                  >
-                    Updated: 
-                  </label>
-                  <label
-                    className="c11"
-                  >
-                     
-                    almost NaN years
-                     ago
-                  </label>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            className="c16"
-          >
-            <div
-              className="c17"
-            >
-              <a
-                className="c18 c19 c20 c21"
-                data-ui-button="true"
-                href="http://localhost/images/~create/2252839a-e698-ceec-afac-9549ad0c6624"
-                icon={true}
-                rel="noopener noreferrer"
-                target="__blank"
-              >
-                <div
-                  className="c22"
-                >
-                  <svg
-                    className=""
-                    height="20"
-                    innerRef={undefined}
-                    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)"
-              >
-                <button
-                  className="c23 c19 c24"
-                  data-ui-button="true"
-                  disabled={true}
-                  href=""
-                  icon={true}
-                  onClick={[Function]}
-                  type="button"
-                >
-                  <svg
-                    className=""
-                    height="14"
-                    innerRef={undefined}
-                    style={
-                      Object {
-                        "transform": "rotate(0deg)",
-                      }
-                    }
-                    viewBox="0 0 13.36 14"
-                    width="13.36"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M2.53,1.68a.81.81,0,0,1,.39.1l8.31,4.48a.84.84,0,0,1,0,1.48L2.92,12.22a.81.81,0,0,1-.39.1.85.85,0,0,1-.85-.85V2.53a.85.85,0,0,1,.85-.85M2.53,0A2.53,2.53,0,0,0,0,2.53v8.94A2.53,2.53,0,0,0,3.72,13.7L12,9.22a2.52,2.52,0,0,0,0-4.44L3.72.3A2.5,2.5,0,0,0,2.53,0Z"
-                      fill="rgb(216, 216, 216)"
-                    />
-                  </svg>
-                </button>
-              </span>
-              <span
-                name="react-responsive-mock"
-                query="only screen and (min-width: 48rem)"
-              >
-                <button
-                  className="c25 c19 c24"
-                  data-ui-button="true"
-                  disabled={true}
-                  href=""
-                  icon={true}
-                  onClick={[Function]}
-                  type="button"
-                >
-                  <svg
-                    className=""
-                    height="14"
-                    innerRef={undefined}
-                    style={
-                      Object {
-                        "transform": "rotate(0deg)",
-                      }
-                    }
-                    viewBox="0 0 13.36 14"
-                    width="13.36"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M2.53,1.68a.81.81,0,0,1,.39.1l8.31,4.48a.84.84,0,0,1,0,1.48L2.92,12.22a.81.81,0,0,1-.39.1.85.85,0,0,1-.85-.85V2.53a.85.85,0,0,1,.85-.85M2.53,0A2.53,2.53,0,0,0,0,2.53v8.94A2.53,2.53,0,0,0,3.72,13.7L12,9.22a2.52,2.52,0,0,0,0-4.44L3.72.3A2.5,2.5,0,0,0,2.53,0Z"
-                      fill="rgb(216, 216, 216)"
-                    />
-                  </svg>
-                  <span>
-                    Start
-                  </span>
-                </button>
-              </span>
-              <span
-                name="react-responsive-mock"
-                query="only screen and (max-width: 47.9375rem)"
-              >
-                <button
-                  className="c26 c19 c24"
-                  data-ui-button="true"
-                  disabled={false}
-                  href=""
-                  icon={true}
-                  onClick={[Function]}
-                  type="button"
-                >
-                  <svg
-                    className=""
-                    height="14"
-                    innerRef={undefined}
-                    style={
-                      Object {
-                        "transform": "rotate(0deg)",
-                      }
-                    }
-                    viewBox="0 0 14 14"
-                    width="14"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M10.75,1.75a1.5,1.5,0,0,1,1.5,1.5v7.5a1.5,1.5,0,0,1-1.5,1.5H3.25a1.5,1.5,0,0,1-1.5-1.5V3.25a1.5,1.5,0,0,1,1.5-1.5h7.5m0-1.75H3.25A3.26,3.26,0,0,0,0,3.25v7.5A3.26,3.26,0,0,0,3.25,14h7.5A3.26,3.26,0,0,0,14,10.75V3.25A3.26,3.26,0,0,0,10.75,0Z"
-                      fill="rgb(73, 73, 73)"
-                    />
-                  </svg>
-                </button>
-              </span>
-              <span
-                name="react-responsive-mock"
-                query="only screen and (min-width: 48rem)"
-              >
-                <button
-                  className="c27 c19 c24"
-                  data-ui-button="true"
-                  disabled={false}
-                  href=""
-                  icon={true}
-                  onClick={[Function]}
-                  type="button"
-                >
-                  <svg
-                    className=""
-                    height="14"
-                    innerRef={undefined}
-                    style={
-                      Object {
-                        "transform": "rotate(0deg)",
-                      }
-                    }
-                    viewBox="0 0 14 14"
-                    width="14"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M10.75,1.75a1.5,1.5,0,0,1,1.5,1.5v7.5a1.5,1.5,0,0,1-1.5,1.5H3.25a1.5,1.5,0,0,1-1.5-1.5V3.25a1.5,1.5,0,0,1,1.5-1.5h7.5m0-1.75H3.25A3.26,3.26,0,0,0,0,3.25v7.5A3.26,3.26,0,0,0,3.25,14h7.5A3.26,3.26,0,0,0,14,10.75V3.25A3.26,3.26,0,0,0,10.75,0Z"
-                      fill="rgb(73, 73, 73)"
-                    />
-                  </svg>
-                  <span>
-                    Stop
-                  </span>
-                </button>
-              </span>
-              <span
-                name="react-responsive-mock"
-                query="only screen and (max-width: 47.9375rem)"
-              >
-                <button
-                  className="c26 c19 c24"
-                  data-ui-button="true"
-                  disabled={false}
-                  href=""
-                  icon={true}
-                  onClick={[Function]}
-                  type="button"
-                >
-                  <svg
-                    className=""
-                    height="21"
-                    innerRef={undefined}
-                    style={
-                      Object {
-                        "transform": "rotate(0deg)",
-                      }
-                    }
-                    version="1.1"
-                    viewBox="0 0 20 21"
-                    width="20"
-                    xmlns="http://www.w3.org/2000/svg"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
-                  >
-                    <g
-                      transform="translate(17997 -18577)"
-                    >
-                      <g>
-                        <use
-                          fill="rgb(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>
-                </button>
-              </span>
-              <span
-                name="react-responsive-mock"
-                query="only screen and (min-width: 48rem)"
-              >
-                <button
-                  className="c27 c19 c24"
-                  data-ui-button="true"
-                  disabled={false}
-                  href=""
-                  icon={true}
-                  onClick={[Function]}
-                  type="button"
-                >
-                  <svg
-                    className=""
-                    height="21"
-                    innerRef={undefined}
-                    style={
-                      Object {
-                        "transform": "rotate(0deg)",
-                      }
-                    }
-                    version="1.1"
-                    viewBox="0 0 20 21"
-                    width="20"
-                    xmlns="http://www.w3.org/2000/svg"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
-                  >
-                    <g
-                      transform="translate(17997 -18577)"
-                    >
-                      <g>
-                        <use
-                          fill="rgb(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>
-                  <span>
-                    Reboot
-                  </span>
-                </button>
-              </span>
-            </div>
-            <div
-              className="c28"
-            >
-              <span
-                name="react-responsive-mock"
-                query="only screen and (max-width: 47.9375rem)"
-              >
-                <button
-                  className="c29 c19 c24"
-                  data-ui-button="true"
-                  disabled={false}
-                  href=""
-                  icon={true}
-                  onClick={[Function]}
-                  type="button"
-                >
-                  <svg
-                    className=""
-                    height="16"
-                    innerRef={undefined}
-                    style={
-                      Object {
-                        "transform": "rotate(0deg)",
-                      }
-                    }
-                    viewBox="0 0 12 16"
-                    width="12"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
-                      fill="rgb(210, 67, 58)"
-                    />
-                  </svg>
-                </button>
-              </span>
-              <span
-                name="react-responsive-mock"
-                query="only screen and (min-width: 48rem)"
-              >
-                <button
-                  className="c30 c19 c24"
-                  data-ui-button="true"
-                  disabled={false}
-                  href=""
-                  icon={true}
-                  onClick={[Function]}
-                  type="button"
-                >
-                  <svg
-                    className=""
-                    height="16"
-                    innerRef={undefined}
-                    style={
-                      Object {
-                        "transform": "rotate(0deg)",
-                      }
-                    }
-                    viewBox="0 0 12 16"
-                    width="12"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
-                      fill="rgb(210, 67, 58)"
-                    />
-                  </svg>
-                  <span>
-                    Remove
-                  </span>
-                </button>
-              </span>
-            </div>
-          </div>
-          <div
-            className="c31"
-          >
-            <div
-              className="c32 c0"
-              height="0.0625rem"
-            />
-          </div>
-          <div
-            className="c0"
-          >
-            <div
-              className="c33"
-            >
-              <label
-                className="c34"
-                htmlFor=""
-              >
-                Short ID
-              </label>
-              <div
-                className="c35"
-              >
-                <input
-                  className="c36"
-                  disabled={false}
-                  id=""
-                  onBlur={null}
-                  value="2252839a"
-                />
-                <div
-                  onClick={undefined}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                  style={
-                    Object {
-                      "display": "inline-block",
-                    }
-                  }
-                >
-                  <svg
-                    className="c37"
-                    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
-            className="c0"
-          >
-            <div
-              className="c33"
-            >
-              <label
-                className="c34"
-                htmlFor=""
-              >
-                ID
-              </label>
-              <div
-                className="c35"
-              >
-                <input
-                  className="c36"
-                  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="c37"
-                    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
-            className="c0"
-          >
-            <div
-              className="c33"
-            >
-              <label
-                className="c34"
-                htmlFor=""
-              >
-                CN UUID
-              </label>
-              <div
-                className="c35"
-              >
-                <input
-                  className="c36"
-                  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="c37"
-                    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
-            className="c0"
-          >
-            <div
-              className="c33"
-            >
-              <label
-                className="c34"
-                htmlFor=""
-              >
-                Image UUID
-              </label>
-              <div
-                className="c35"
-              >
-                <input
-                  className="c36"
-                  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="c37"
-                    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
-            className="c0"
-          >
-            <div
-              className="c33"
-            >
-              <label
-                className="c34"
-                htmlFor=""
-              >
-                Login
-              </label>
-              <div
-                className="c35"
-              >
-                <input
-                  className="c36"
-                  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="c37"
-                    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
-            className="c0"
-          >
-            <div
-              className="c33"
-            >
-              <label
-                className="c34"
-                htmlFor=""
-              >
-                Public IP address 1
-              </label>
-              <div
-                className="c35"
-              >
-                <input
-                  className="c36"
-                  disabled={false}
-                  id=""
-                  onBlur={null}
-                  value="72.2.119.146"
-                />
-                <div
-                  onClick={undefined}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                  style={
-                    Object {
-                      "display": "inline-block",
-                    }
-                  }
-                >
-                  <svg
-                    className="c37"
-                    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
-            className="c0"
-          >
-            <div
-              className="c33"
-            >
-              <label
-                className="c34"
-                htmlFor=""
-              >
-                Public IP address 2
-              </label>
-              <div
-                className="c35"
-              >
-                <input
-                  className="c36"
-                  disabled={false}
-                  id=""
-                  onBlur={null}
-                  value="72.2.119.146"
-                />
-                <div
-                  onClick={undefined}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                  style={
-                    Object {
-                      "display": "inline-block",
-                    }
-                  }
-                >
-                  <svg
-                    className="c37"
-                    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
-            className="c0"
-          >
-            <div
-              className="c33"
-            >
-              <label
-                className="c34"
-                htmlFor=""
-              >
-                Private IP address 1
-              </label>
-              <div
-                className="c35"
-              >
-                <input
-                  className="c36"
-                  disabled={false}
-                  id=""
-                  onBlur={null}
-                  value="10.112.5.63"
-                />
-                <div
-                  onClick={undefined}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                  style={
-                    Object {
-                      "display": "inline-block",
-                    }
-                  }
-                >
-                  <svg
-                    className="c37"
-                    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
-            className="c0"
-          >
-            <div
-              className="c33"
-            >
-              <label
-                className="c34"
-                htmlFor=""
-              >
-                Private IP address 2
-              </label>
-              <div
-                className="c38"
-              >
-                <input
-                  className="c36"
-                  disabled={false}
-                  id=""
-                  onBlur={null}
-                  value="10.112.5.63"
-                />
-                <div
-                  onClick={undefined}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                  style={
-                    Object {
-                      "display": "inline-block",
-                    }
-                  }
-                >
-                  <svg
-                    className="c37"
-                    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>
-`;
-
-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;
-}
-
-.c16 {
-  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;
-}
-
-.c17 {
-  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;
-}
-
-.c28 {
-  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;
-}
-
-.c33 {
-  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;
-}
-
-.c8 {
+.c11 {
   margin-top: 0.75rem;
   margin-bottom: 1.125rem;
 }
 
-.c14 {
-  margin-top: 0.375rem;
-}
-
-.c31 {
-  margin-top: 1.5rem;
-  margin-bottom: 1.875rem;
-}
-
-.c4 {
-  padding: 1.5rem;
-}
-
-.c22 {
-  padding-top: 0.1875rem;
-}
-
-.c21 {
-  background-color: transparent;
-  -webkit-text-decoration-skip: objects;
-  text-decoration-skip: objects;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-}
-
-.c24 {
-  font-family: sans-serif;
-  font-size: 100%;
-  line-height: 1.15;
-  margin: 0;
-  overflow: visible;
-  text-transform: none;
-  -webkit-appearance: button;
-  -moz-appearance: button;
-  appearance: button;
-  min-width: 7.5rem;
-}
-
-.c24::-moz-focus-inner,
-.c24[type='button']::-moz-focus-inner,
-.c24[type='reset']::-moz-focus-inner,
-.c24[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c24:-moz-focusring,
-.c24[type='button']:-moz-focusring,
-.c24[type='reset']:-moz-focusring,
-.c24[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c24 + button,
-.c24 + a {
-  margin-left: 0.375rem;
-}
-
-.c20 {
-  color: rgb(59,70,204);
-  -webkit-text-fill-color: currentcolor;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-}
-
-.c20:hover {
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.c37 {
-  cursor: pointer;
-}
-
-.c19 {
-  display: inline-block;
-}
-
-.c19 + button,
-.c19 + a {
-  margin-left: 0.375rem;
-}
-
-.c18 {
-  box-sizing: border-box;
-  display: inline-block;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  min-height: 3rem;
-  height: 3rem;
-  min-width: 7.5rem;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-size: 0.9375rem;
-  text-align: center;
-  font-style: normal;
-  font-stretch: normal;
-  line-height: normal;
-  -webkit-letter-spacing: normal;
-  -moz-letter-spacing: normal;
-  -ms-letter-spacing: normal;
-  letter-spacing: normal;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-  background-image: none;
-  background-color: rgb(59,70,204);
-  border-radius: 0.25rem;
-  border: solid 0.0625rem rgb(45,56,132);
-  color: rgb(70,70,70);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-  padding: 0.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;
-}
-
-.c18:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c18:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c18:active,
-.c18:active:hover,
-.c18:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c18[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c18:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c18:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c18:active,
-.c18:active:hover,
-.c18:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c18 svg + span {
-  margin-left: 0.75rem;
-}
-
-.c18 svg {
-  max-height: 1.125rem;
-}
-
-.c23 {
-  box-sizing: border-box;
-  display: inline-block;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  min-height: 3rem;
-  height: 3rem;
-  min-width: 7.5rem;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-size: 0.9375rem;
-  text-align: center;
-  font-style: normal;
-  font-stretch: normal;
-  line-height: normal;
-  -webkit-letter-spacing: normal;
-  -moz-letter-spacing: normal;
-  -ms-letter-spacing: normal;
-  letter-spacing: normal;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-  background-image: none;
-  background-color: rgb(59,70,204);
-  border-radius: 0.25rem;
-  border: solid 0.0625rem rgb(45,56,132);
-  color: rgb(70,70,70);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-  cursor: not-allowed;
-  pointer-events: none;
-  color: rgb(216,216,216);
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-  padding: 0.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;
-}
-
-.c23:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c23:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c23:active,
-.c23:active:hover,
-.c23:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c23[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c23:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c23:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c23:active,
-.c23:active:hover,
-.c23:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c23:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-}
-
-.c23:hover {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c23:active,
-.c23:active:hover,
-.c23:active:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c23 svg + span {
-  margin-left: 0.75rem;
-}
-
-.c23 svg {
-  max-height: 1.125rem;
-}
-
-.c25 {
-  box-sizing: border-box;
-  display: inline-block;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  min-height: 3rem;
-  height: 3rem;
-  min-width: 7.5rem;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-size: 0.9375rem;
-  text-align: center;
-  font-style: normal;
-  font-stretch: normal;
-  line-height: normal;
-  -webkit-letter-spacing: normal;
-  -moz-letter-spacing: normal;
-  -ms-letter-spacing: normal;
-  letter-spacing: normal;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-  background-image: none;
-  background-color: rgb(59,70,204);
-  border-radius: 0.25rem;
-  border: solid 0.0625rem rgb(45,56,132);
-  color: rgb(70,70,70);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-  cursor: not-allowed;
-  pointer-events: none;
-  color: rgb(216,216,216);
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  font-weight: 500;
-}
-
-.c25:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c25:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c25:active,
-.c25:active:hover,
-.c25:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c25[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c25:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c25:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c25:active,
-.c25:active:hover,
-.c25:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c25:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-}
-
-.c25:hover {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c25:active,
-.c25:active:hover,
-.c25:active:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c25 svg + span {
-  margin-left: 0.75rem;
-}
-
-.c25 svg {
-  max-height: 1.125rem;
-}
-
-.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;
-  line-height: normal;
-  -webkit-letter-spacing: normal;
-  -moz-letter-spacing: normal;
-  -ms-letter-spacing: normal;
-  letter-spacing: normal;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-  background-image: none;
-  background-color: rgb(59,70,204);
-  border-radius: 0.25rem;
-  border: solid 0.0625rem rgb(45,56,132);
-  color: rgb(70,70,70);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-  padding: 0.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;
-}
-
-.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);
-}
-
-.c26 svg + span {
-  margin-left: 0.75rem;
-}
-
-.c26 svg {
-  max-height: 1.125rem;
-}
-
-.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;
-  line-height: normal;
-  -webkit-letter-spacing: normal;
-  -moz-letter-spacing: normal;
-  -ms-letter-spacing: normal;
-  letter-spacing: normal;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-  background-image: none;
-  background-color: rgb(59,70,204);
-  border-radius: 0.25rem;
-  border: solid 0.0625rem rgb(45,56,132);
-  color: rgb(70,70,70);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  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 svg + span {
-  margin-left: 0.75rem;
-}
-
-.c27 svg {
-  max-height: 1.125rem;
-}
-
-.c29 {
-  box-sizing: border-box;
-  display: inline-block;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  min-height: 3rem;
-  height: 3rem;
-  min-width: 7.5rem;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-size: 0.9375rem;
-  text-align: center;
-  font-style: normal;
-  font-stretch: normal;
-  line-height: normal;
-  -webkit-letter-spacing: normal;
-  -moz-letter-spacing: normal;
-  -ms-letter-spacing: normal;
-  letter-spacing: normal;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-  background-image: none;
-  background-color: rgb(59,70,204);
-  border-radius: 0.25rem;
-  border: solid 0.0625rem rgb(45,56,132);
-  color: rgb(70,70,70);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-  color: rgb(210,67,58);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(210,67,58);
-  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;
-}
-
-.c29:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c29:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.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);
-}
-
-.c29[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c29:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c29:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c29:active,
-.c29:active:hover,
-.c29:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c29:focus {
-  color: rgb(205,37,27);
-  background-color: rgb(255,255,255);
-  border-color: rgb(205,37,27);
-}
-
-.c29:hover {
-  color: rgb(205,37,27);
-  background-color: rgb(255,255,255);
-  border-color: rgb(205,37,27);
-}
-
-.c29:active,
-.c29:active:hover,
-.c29:active:focus {
-  background-color: rgba(210,67,58,0.1);
-  border-color: rgb(205,37,27);
-}
-
-.c29 svg + span {
-  margin-left: 0.75rem;
-}
-
-.c29 svg {
-  max-height: 1.125rem;
-}
-
-.c30 {
-  box-sizing: border-box;
-  display: inline-block;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  min-height: 3rem;
-  height: 3rem;
-  min-width: 7.5rem;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-size: 0.9375rem;
-  text-align: center;
-  font-style: normal;
-  font-stretch: normal;
-  line-height: normal;
-  -webkit-letter-spacing: normal;
-  -moz-letter-spacing: normal;
-  -ms-letter-spacing: normal;
-  letter-spacing: normal;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-  background-image: none;
-  background-color: rgb(59,70,204);
-  border-radius: 0.25rem;
-  border: solid 0.0625rem rgb(45,56,132);
-  color: rgb(70,70,70);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-  color: rgb(210,67,58);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(210,67,58);
-  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;
-}
-
-.c30:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c30:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c30:active,
-.c30:active:hover,
-.c30:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c30[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c30:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c30:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c30:active,
-.c30:active:hover,
-.c30:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c30:focus {
-  color: rgb(205,37,27);
-  background-color: rgb(255,255,255);
-  border-color: rgb(205,37,27);
-}
-
-.c30:hover {
-  color: rgb(205,37,27);
-  background-color: rgb(255,255,255);
-  border-color: rgb(205,37,27);
-}
-
-.c30:active,
-.c30:active:hover,
-.c30:active:focus {
-  background-color: rgba(210,67,58,0.1);
-  border-color: rgb(205,37,27);
-}
-
-.c30 svg + span {
-  margin-left: 0.75rem;
-}
-
-.c30 svg {
-  max-height: 1.125rem;
-}
-
-.c13 {
-  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;
-}
-
-.c11 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-  margin-bottom: 0.1875rem;
-}
-
-.c34 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-  margin-bottom: 0.1875rem;
-  margin-right: 0.75rem;
-  font-weight: 600;
-  white-space: pre;
-  font-size: 0.8125rem;
-}
-
-.c7 {
-  color: rgb(73,73,73);
-  font-weight: normal;
-  line-height: 1.875rem;
-  font-size: 1.5rem;
-  margin: 0;
-}
-
-.c7 + p,
-.c7 + small,
-.c7 + h1,
-.c7 + h2,
-.c7 + label,
-.c7 + h3,
-.c7 + h4,
-.c7 + h5,
-.c7 + div,
-.c7 + span {
-  margin-top: 1.5rem;
-}
-
-.c32 {
-  background-color: rgb(216,216,216);
-  margin: 0;
-  height: 0.0625rem;
-}
-
-.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: 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);
-  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;
-  margin-bottom: 0;
-  background-color: transparent;
-}
-
-.c3 > [name='card']:not(:last-child) {
-  margin-bottom: 0.8125rem;
-}
-
-.c3 > [name='card']:last-child {
-  margin-bottom: 0.4375rem;
-}
-
-.c36 {
-  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%;
-}
-
-.c36:focus {
-  border-color: rgb(59,70,204);
-  outline: 0;
-}
-
-.c36::-webkit-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c36::-moz-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c36:-ms-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c36:invalid {
-  box-shadow: none;
-}
-
-.c36:disabled {
-  background-color: rgb(250,250,250);
-  color: rgb(216,216,216);
-  cursor: not-allowed;
-}
-
-.c36:disabled::-webkit-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c36:disabled::-moz-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c36:disabled:-ms-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c36:disabled {
-  color: rgb(73,73,73);
-}
-
-.c36:disabled::-webkit-input-placeholder {
-  color: rgb(73,73,73);
-}
-
-.c36:disabled::-moz-placeholder {
-  color: rgb(73,73,73);
-}
-
-.c36:disabled:-ms-input-placeholder {
-  color: rgb(73,73,73);
-}
-
-.c35 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  margin-bottom: 0.625rem;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c35 input {
-  padding-right: 1.875rem;
-}
-
-.c35 div {
-  position: relative;
-  left: -1.625rem;
-}
-
-.c38 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  margin-bottom: 0.625rem;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  margin-bottom: 0rem;
-}
-
-.c38 input {
-  padding-right: 1.875rem;
-}
-
-.c38 div {
-  position: relative;
-  left: -1.625rem;
-}
-
-.c15 {
-  opacity: 0.5;
-  padding-right: 0.1875rem;
-}
-
-.c10 {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-
-.c9 {
-  -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;
-}
-
-.c12 {
-  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;
-}
-
-@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) {
-  .c16 {
-    -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) {
-  .c17 {
-    -webkit-flex-basis: 75%;
-    -ms-flex-preferred-size: 75%;
-    flex-basis: 75%;
-    max-width: 75%;
-  }
-}
-
-@media only screen and (min-width:0em) {
-  .c28 {
-    -webkit-flex-basis: 25%;
-    -ms-flex-preferred-size: 25%;
-    flex-basis: 25%;
-    max-width: 25%;
-  }
-}
-
-@media only screen and (min-width:0em) {
-  .c33 {
-    -webkit-flex-basis: 100%;
-    -ms-flex-preferred-size: 100%;
-    flex-basis: 100%;
-    max-width: 100%;
-  }
-}
-
-@media only screen and (min-width:64em) {
-  .c33 {
-    -webkit-flex-basis: 58.333333333333336%;
-    -ms-flex-preferred-size: 58.333333333333336%;
-    flex-basis: 58.333333333333336%;
-    max-width: 58.333333333333336%;
-  }
-}
-
-@media (max-width:47.9375rem) {
-  .c9 {
-    display: block;
-  }
-}
-
-@media (max-width:47.9375rem) {
-  .c12 {
-    display: none;
-  }
-}
-
-<div
-  className="c0"
->
-  <div
-    className="c1"
-  >
-    <div
-      className="c2"
-      disabled={false}
-      name="card"
-    >
-      <div
-        className="c3"
-        name="card-outlet"
-      >
-        <div
-          className="c4"
-        >
-          <div
-            className="c5"
-          >
-            <div
-              className="c6"
-            >
-              <h2
-                className="c7"
-              />
-            </div>
-          </div>
-          <div
-            className="c8"
-          >
-            <div
-              className="c9"
-            >
-              <label
-                className="c10 c11"
-              >
-                Custom Image
-              </label>
-              <div
-                className="c12"
-              />
-              <label
-                className="c10 c11"
-              >
-                Infrastructure container
-              </label>
-              <div
-                className="c12"
-              />
-              <label
-                className="c10 c11"
-              >
-                g4-highcpu-128M
-              </label>
-              <div
-                className="c12"
-              />
-              <div
-                className="c9"
-              >
-                <span
-                  className="c13"
-                  color="green"
-                  size="0.9375rem"
-                />
-                Running
-              </div>
-            </div>
-            <div
-              className="c14"
-            >
-              <div
-                className="c9"
-              >
-                <div
-                  className="c9"
-                >
-                  <label
-                    className="c15 c11"
-                  >
-                    Created: 
-                  </label>
-                  <label
-                    className="c11"
-                  >
-                     
-                    almost NaN years
-                     ago
-                  </label>
-                </div>
-                <div
-                  className="c12"
-                />
-                <div
-                  className="c9"
-                >
-                  <label
-                    className="c15 c11"
-                  >
-                    Updated: 
-                  </label>
-                  <label
-                    className="c11"
-                  >
-                     
-                    almost NaN years
-                     ago
-                  </label>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            className="c16"
-          >
-            <div
-              className="c17"
-            >
-              <a
-                className="c18 c19 c20 c21"
-                data-ui-button="true"
-                href="http://localhost/images/~create/2252839a-e698-ceec-afac-9549ad0c6624"
-                icon={true}
-                rel="noopener noreferrer"
-                target="__blank"
-              >
-                <div
-                  className="c22"
-                >
-                  <svg
-                    className=""
-                    height="20"
-                    innerRef={undefined}
-                    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)"
-              >
-                <button
-                  className="c23 c19 c24"
-                  data-ui-button="true"
-                  disabled={true}
-                  href=""
-                  icon={true}
-                  onClick={[Function]}
-                  type="button"
-                >
-                  <svg
-                    className=""
-                    height="14"
-                    innerRef={undefined}
-                    style={
-                      Object {
-                        "transform": "rotate(0deg)",
-                      }
-                    }
-                    viewBox="0 0 13.36 14"
-                    width="13.36"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M2.53,1.68a.81.81,0,0,1,.39.1l8.31,4.48a.84.84,0,0,1,0,1.48L2.92,12.22a.81.81,0,0,1-.39.1.85.85,0,0,1-.85-.85V2.53a.85.85,0,0,1,.85-.85M2.53,0A2.53,2.53,0,0,0,0,2.53v8.94A2.53,2.53,0,0,0,3.72,13.7L12,9.22a2.52,2.52,0,0,0,0-4.44L3.72.3A2.5,2.5,0,0,0,2.53,0Z"
-                      fill="rgb(216, 216, 216)"
-                    />
-                  </svg>
-                </button>
-              </span>
-              <span
-                name="react-responsive-mock"
-                query="only screen and (min-width: 48rem)"
-              >
-                <button
-                  className="c25 c19 c24"
-                  data-ui-button="true"
-                  disabled={true}
-                  href=""
-                  icon={true}
-                  onClick={[Function]}
-                  type="button"
-                >
-                  <svg
-                    className=""
-                    height="14"
-                    innerRef={undefined}
-                    style={
-                      Object {
-                        "transform": "rotate(0deg)",
-                      }
-                    }
-                    viewBox="0 0 13.36 14"
-                    width="13.36"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M2.53,1.68a.81.81,0,0,1,.39.1l8.31,4.48a.84.84,0,0,1,0,1.48L2.92,12.22a.81.81,0,0,1-.39.1.85.85,0,0,1-.85-.85V2.53a.85.85,0,0,1,.85-.85M2.53,0A2.53,2.53,0,0,0,0,2.53v8.94A2.53,2.53,0,0,0,3.72,13.7L12,9.22a2.52,2.52,0,0,0,0-4.44L3.72.3A2.5,2.5,0,0,0,2.53,0Z"
-                      fill="rgb(216, 216, 216)"
-                    />
-                  </svg>
-                  <span>
-                    Start
-                  </span>
-                </button>
-              </span>
-              <span
-                name="react-responsive-mock"
-                query="only screen and (max-width: 47.9375rem)"
-              >
-                <button
-                  className="c26 c19 c24"
-                  data-ui-button="true"
-                  disabled={false}
-                  href=""
-                  icon={true}
-                  onClick={[Function]}
-                  type="button"
-                >
-                  <svg
-                    className=""
-                    height="14"
-                    innerRef={undefined}
-                    style={
-                      Object {
-                        "transform": "rotate(0deg)",
-                      }
-                    }
-                    viewBox="0 0 14 14"
-                    width="14"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M10.75,1.75a1.5,1.5,0,0,1,1.5,1.5v7.5a1.5,1.5,0,0,1-1.5,1.5H3.25a1.5,1.5,0,0,1-1.5-1.5V3.25a1.5,1.5,0,0,1,1.5-1.5h7.5m0-1.75H3.25A3.26,3.26,0,0,0,0,3.25v7.5A3.26,3.26,0,0,0,3.25,14h7.5A3.26,3.26,0,0,0,14,10.75V3.25A3.26,3.26,0,0,0,10.75,0Z"
-                      fill="rgb(73, 73, 73)"
-                    />
-                  </svg>
-                </button>
-              </span>
-              <span
-                name="react-responsive-mock"
-                query="only screen and (min-width: 48rem)"
-              >
-                <button
-                  className="c27 c19 c24"
-                  data-ui-button="true"
-                  disabled={false}
-                  href=""
-                  icon={true}
-                  onClick={[Function]}
-                  type="button"
-                >
-                  <svg
-                    className=""
-                    height="14"
-                    innerRef={undefined}
-                    style={
-                      Object {
-                        "transform": "rotate(0deg)",
-                      }
-                    }
-                    viewBox="0 0 14 14"
-                    width="14"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M10.75,1.75a1.5,1.5,0,0,1,1.5,1.5v7.5a1.5,1.5,0,0,1-1.5,1.5H3.25a1.5,1.5,0,0,1-1.5-1.5V3.25a1.5,1.5,0,0,1,1.5-1.5h7.5m0-1.75H3.25A3.26,3.26,0,0,0,0,3.25v7.5A3.26,3.26,0,0,0,3.25,14h7.5A3.26,3.26,0,0,0,14,10.75V3.25A3.26,3.26,0,0,0,10.75,0Z"
-                      fill="rgb(73, 73, 73)"
-                    />
-                  </svg>
-                  <span>
-                    Stop
-                  </span>
-                </button>
-              </span>
-              <span
-                name="react-responsive-mock"
-                query="only screen and (max-width: 47.9375rem)"
-              >
-                <button
-                  className="c26 c19 c24"
-                  data-ui-button="true"
-                  disabled={false}
-                  href=""
-                  icon={true}
-                  onClick={[Function]}
-                  type="button"
-                >
-                  <svg
-                    className=""
-                    height="21"
-                    innerRef={undefined}
-                    style={
-                      Object {
-                        "transform": "rotate(0deg)",
-                      }
-                    }
-                    version="1.1"
-                    viewBox="0 0 20 21"
-                    width="20"
-                    xmlns="http://www.w3.org/2000/svg"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
-                  >
-                    <g
-                      transform="translate(17997 -18577)"
-                    >
-                      <g>
-                        <use
-                          fill="rgb(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>
-                </button>
-              </span>
-              <span
-                name="react-responsive-mock"
-                query="only screen and (min-width: 48rem)"
-              >
-                <button
-                  className="c27 c19 c24"
-                  data-ui-button="true"
-                  disabled={false}
-                  href=""
-                  icon={true}
-                  onClick={[Function]}
-                  type="button"
-                >
-                  <svg
-                    className=""
-                    height="21"
-                    innerRef={undefined}
-                    style={
-                      Object {
-                        "transform": "rotate(0deg)",
-                      }
-                    }
-                    version="1.1"
-                    viewBox="0 0 20 21"
-                    width="20"
-                    xmlns="http://www.w3.org/2000/svg"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
-                  >
-                    <g
-                      transform="translate(17997 -18577)"
-                    >
-                      <g>
-                        <use
-                          fill="rgb(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>
-                  <span>
-                    Reboot
-                  </span>
-                </button>
-              </span>
-            </div>
-            <div
-              className="c28"
-            >
-              <span
-                name="react-responsive-mock"
-                query="only screen and (max-width: 47.9375rem)"
-              >
-                <button
-                  className="c29 c19 c24"
-                  data-ui-button="true"
-                  disabled={false}
-                  href=""
-                  icon={true}
-                  onClick={[Function]}
-                  type="button"
-                >
-                  <svg
-                    className=""
-                    height="16"
-                    innerRef={undefined}
-                    style={
-                      Object {
-                        "transform": "rotate(0deg)",
-                      }
-                    }
-                    viewBox="0 0 12 16"
-                    width="12"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
-                      fill="rgb(210, 67, 58)"
-                    />
-                  </svg>
-                </button>
-              </span>
-              <span
-                name="react-responsive-mock"
-                query="only screen and (min-width: 48rem)"
-              >
-                <button
-                  className="c30 c19 c24"
-                  data-ui-button="true"
-                  disabled={false}
-                  href=""
-                  icon={true}
-                  onClick={[Function]}
-                  type="button"
-                >
-                  <svg
-                    className=""
-                    height="16"
-                    innerRef={undefined}
-                    style={
-                      Object {
-                        "transform": "rotate(0deg)",
-                      }
-                    }
-                    viewBox="0 0 12 16"
-                    width="12"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
-                      fill="rgb(210, 67, 58)"
-                    />
-                  </svg>
-                  <span>
-                    Remove
-                  </span>
-                </button>
-              </span>
-            </div>
-          </div>
-          <div
-            className="c31"
-          >
-            <div
-              className="c32 c0"
-              height="0.0625rem"
-            />
-          </div>
-          <div
-            className="c0"
-          >
-            <div
-              className="c33"
-            >
-              <label
-                className="c34"
-                htmlFor=""
-              >
-                Short ID
-              </label>
-              <div
-                className="c35"
-              >
-                <input
-                  className="c36"
-                  disabled={false}
-                  id=""
-                  onBlur={null}
-                  value="2252839a"
-                />
-                <div
-                  onClick={undefined}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                  style={
-                    Object {
-                      "display": "inline-block",
-                    }
-                  }
-                >
-                  <svg
-                    className="c37"
-                    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
-            className="c0"
-          >
-            <div
-              className="c33"
-            >
-              <label
-                className="c34"
-                htmlFor=""
-              >
-                ID
-              </label>
-              <div
-                className="c35"
-              >
-                <input
-                  className="c36"
-                  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="c37"
-                    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
-            className="c0"
-          >
-            <div
-              className="c33"
-            >
-              <label
-                className="c34"
-                htmlFor=""
-              >
-                CN UUID
-              </label>
-              <div
-                className="c35"
-              >
-                <input
-                  className="c36"
-                  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="c37"
-                    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
-            className="c0"
-          >
-            <div
-              className="c33"
-            >
-              <label
-                className="c34"
-                htmlFor=""
-              >
-                Image UUID
-              </label>
-              <div
-                className="c35"
-              >
-                <input
-                  className="c36"
-                  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="c37"
-                    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
-            className="c0"
-          >
-            <div
-              className="c33"
-            >
-              <label
-                className="c34"
-                htmlFor=""
-              >
-                Login
-              </label>
-              <div
-                className="c35"
-              >
-                <input
-                  className="c36"
-                  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="c37"
-                    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
-            className="c0"
-          >
-            <div
-              className="c33"
-            >
-              <label
-                className="c34"
-                htmlFor=""
-              >
-                Public IP address 1
-              </label>
-              <div
-                className="c35"
-              >
-                <input
-                  className="c36"
-                  disabled={false}
-                  id=""
-                  onBlur={null}
-                  value="72.2.119.146"
-                />
-                <div
-                  onClick={undefined}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                  style={
-                    Object {
-                      "display": "inline-block",
-                    }
-                  }
-                >
-                  <svg
-                    className="c37"
-                    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
-            className="c0"
-          >
-            <div
-              className="c33"
-            >
-              <label
-                className="c34"
-                htmlFor=""
-              >
-                Public IP address 2
-              </label>
-              <div
-                className="c35"
-              >
-                <input
-                  className="c36"
-                  disabled={false}
-                  id=""
-                  onBlur={null}
-                  value="72.2.119.146"
-                />
-                <div
-                  onClick={undefined}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                  style={
-                    Object {
-                      "display": "inline-block",
-                    }
-                  }
-                >
-                  <svg
-                    className="c37"
-                    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
-            className="c0"
-          >
-            <div
-              className="c33"
-            >
-              <label
-                className="c34"
-                htmlFor=""
-              >
-                Private IP address 1
-              </label>
-              <div
-                className="c35"
-              >
-                <input
-                  className="c36"
-                  disabled={false}
-                  id=""
-                  onBlur={null}
-                  value="10.112.5.63"
-                />
-                <div
-                  onClick={undefined}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                  style={
-                    Object {
-                      "display": "inline-block",
-                    }
-                  }
-                >
-                  <svg
-                    className="c37"
-                    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
-            className="c0"
-          >
-            <div
-              className="c33"
-            >
-              <label
-                className="c34"
-                htmlFor=""
-              >
-                Private IP address 2
-              </label>
-              <div
-                className="c38"
-              >
-                <input
-                  className="c36"
-                  disabled={false}
-                  id=""
-                  onBlur={null}
-                  value="10.112.5.63"
-                />
-                <div
-                  onClick={undefined}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                  style={
-                    Object {
-                      "display": "inline-block",
-                    }
-                  }
-                >
-                  <svg
-                    className="c37"
-                    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>
-`;
-
-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;
-}
-
 .c16 {
-  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;
-}
-
-.c17 {
-  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;
-}
-
-.c30 {
-  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;
-}
-
-.c35 {
-  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;
-}
-
-.c8 {
-  margin-top: 0.75rem;
-  margin-bottom: 1.125rem;
-}
-
-.c14 {
   margin-top: 0.375rem;
 }
 
@@ -6953,18 +2174,18 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   padding: 1.5rem;
 }
 
-.c22 {
+.c24 {
   padding-top: 0.1875rem;
 }
 
-.c21 {
+.c23 {
   background-color: transparent;
   -webkit-text-decoration-skip: objects;
   text-decoration-skip: objects;
   font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
 }
 
-.c24 {
+.c26 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -6977,34 +2198,34 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   min-width: 7.5rem;
 }
 
-.c24::-moz-focus-inner,
-.c24[type='button']::-moz-focus-inner,
-.c24[type='reset']::-moz-focus-inner,
-.c24[type='submit']::-moz-focus-inner {
+.c26::-moz-focus-inner,
+.c26[type='button']::-moz-focus-inner,
+.c26[type='reset']::-moz-focus-inner,
+.c26[type='submit']::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.c24:-moz-focusring,
-.c24[type='button']:-moz-focusring,
-.c24[type='reset']:-moz-focusring,
-.c24[type='submit']:-moz-focusring {
+.c26:-moz-focusring,
+.c26[type='button']:-moz-focusring,
+.c26[type='reset']:-moz-focusring,
+.c26[type='submit']:-moz-focusring {
   outline: 0.0625rem dotted ButtonText;
 }
 
-.c24 + button,
-.c24 + a {
+.c26 + button,
+.c26 + a {
   margin-left: 0.375rem;
 }
 
-.c20 {
+.c22 {
   color: rgb(59,70,204);
   -webkit-text-fill-color: currentcolor;
   color: rgb(255,255,255);
   -webkit-text-fill-color: currentcolor;
 }
 
-.c20:hover {
+.c22:hover {
   -webkit-text-decoration: none;
   text-decoration: none;
 }
@@ -7013,69 +2234,16 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   cursor: pointer;
 }
 
-.c26 {
-  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;
-}
-
-.c27 {
-  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;
-  -webkit-animation-delay: 0.5s;
-  animation-delay: 0.5s;
-}
-
-.c28 {
-  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;
-  -webkit-animation-delay: 1s;
-  animation-delay: 1s;
-}
-
-.c25 {
-  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;
-}
-
-.c19 {
+.c21 {
   display: inline-block;
 }
 
-.c19 + button,
-.c19 + a {
+.c21 + button,
+.c21 + a {
   margin-left: 0.375rem;
 }
 
-.c18 {
+.c20 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -7133,7 +2301,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   font-weight: 500;
 }
 
-.c18:focus {
+.c20:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -7141,51 +2309,51 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   border-color: rgb(45,56,132);
 }
 
-.c18:hover {
+.c20:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c18:active,
-.c18:active:hover,
-.c18:active:focus {
+.c20:active,
+.c20:active:hover,
+.c20:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c18[disabled] {
+.c20[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c18:focus {
+.c20:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c18:hover {
+.c20:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c18:active,
-.c18:active:hover,
-.c18:active:focus {
+.c20:active,
+.c20:active:hover,
+.c20:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c18 svg + span {
+.c20 svg + span {
   margin-left: 0.75rem;
 }
 
-.c18 svg {
+.c20 svg {
   max-height: 1.125rem;
 }
 
-.c23 {
+.c25 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -7247,7 +2415,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   align-items: center;
 }
 
-.c23:focus {
+.c25:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -7255,68 +2423,68 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   border-color: rgb(45,56,132);
 }
 
-.c23:hover {
+.c25:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c23:active,
-.c23:active:hover,
-.c23:active:focus {
+.c25:active,
+.c25:active:hover,
+.c25:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c23[disabled] {
+.c25[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c23:focus {
+.c25:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c23:hover {
+.c25:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c23:active,
-.c23:active:hover,
-.c23:active:focus {
+.c25:active,
+.c25:active:hover,
+.c25:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c23:focus {
+.c25:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(216,216,216);
 }
 
-.c23:hover {
+.c25:hover {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c23:active,
-.c23:active:hover,
-.c23:active:focus {
+.c25:active,
+.c25:active:hover,
+.c25:active:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c23 svg + span {
+.c25 svg + span {
   margin-left: 0.75rem;
 }
 
-.c23 svg {
+.c25 svg {
   max-height: 1.125rem;
 }
 
-.c29 {
+.c27 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -7374,6 +2542,237 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   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);
+}
+
+.c27 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c27 svg {
+  max-height: 1.125rem;
+}
+
+.c28 {
+  box-sizing: border-box;
+  display: inline-block;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  min-height: 3rem;
+  height: 3rem;
+  min-width: 7.5rem;
+  padding: 0.9375rem 1.125rem;
+  position: relative;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+  font-size: 0.9375rem;
+  text-align: center;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-letter-spacing: normal;
+  -moz-letter-spacing: normal;
+  -ms-letter-spacing: normal;
+  letter-spacing: normal;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+  background-image: none;
+  background-color: rgb(59,70,204);
+  border-radius: 0.25rem;
+  border: solid 0.0625rem rgb(45,56,132);
+  color: rgb(70,70,70);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+  padding: 0.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;
+}
+
+.c28:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c28:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c28:active,
+.c28:active:hover,
+.c28:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c28[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c28:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c28:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c28:active,
+.c28:active:hover,
+.c28:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c28 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c28 svg {
+  max-height: 1.125rem;
+}
+
+.c29 {
+  box-sizing: border-box;
+  display: inline-block;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  min-height: 3rem;
+  height: 3rem;
+  min-width: 7.5rem;
+  padding: 0.9375rem 1.125rem;
+  position: relative;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+  font-size: 0.9375rem;
+  text-align: center;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-letter-spacing: normal;
+  -moz-letter-spacing: normal;
+  -ms-letter-spacing: normal;
+  letter-spacing: normal;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+  background-image: none;
+  background-color: rgb(59,70,204);
+  border-radius: 0.25rem;
+  border: solid 0.0625rem rgb(45,56,132);
+  color: rgb(70,70,70);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  font-weight: 500;
+}
+
 .c29:focus {
   outline: 0;
   -webkit-text-decoration: none;
@@ -7418,23 +2817,6 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   border-color: rgb(216,216,216);
 }
 
-.c29:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-}
-
-.c29:hover {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c29:active,
-.c29:active:hover,
-.c29:active:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
 .c29 svg + span {
   margin-left: 0.75rem;
 }
@@ -7489,11 +2871,6 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   -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;
@@ -7573,23 +2950,6 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   border-color: rgb(205,37,27);
 }
 
-.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);
-}
-
 .c31 svg + span {
   margin-left: 0.75rem;
 }
@@ -7644,11 +3004,6 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   -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;
@@ -7724,21 +3079,2439 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   border-color: rgb(205,37,27);
 }
 
-.c32:focus {
+.c32 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c32 svg {
+  max-height: 1.125rem;
+}
+
+.c15 {
+  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;
+}
+
+.c13 {
+  font-size: 0.9375rem;
+  line-height: 1.125rem;
+  font-style: normal;
+  font-stretch: normal;
+  display: block;
+  color: rgb(70,70,70);
+  text-align: left;
+  margin-bottom: 0.1875rem;
+}
+
+.c36 {
+  font-size: 0.9375rem;
+  line-height: 1.125rem;
+  font-style: normal;
+  font-stretch: normal;
+  display: block;
+  color: rgb(70,70,70);
+  text-align: left;
+  margin-bottom: 0.1875rem;
+  margin-right: 0.75rem;
+  font-weight: 600;
+  white-space: pre;
+  font-size: 0.8125rem;
+}
+
+.c7 {
+  color: rgb(73,73,73);
+  font-weight: normal;
+  line-height: 1.875rem;
+  font-size: 1.5rem;
+  margin: 0;
+}
+
+.c7 + p,
+.c7 + small,
+.c7 + h1,
+.c7 + h2,
+.c7 + label,
+.c7 + h3,
+.c7 + h4,
+.c7 + h5,
+.c7 + div,
+.c7 + span {
+  margin-top: 1.5rem;
+}
+
+.c34 {
+  background-color: rgb(216,216,216);
+  margin: 0;
+  height: 0.0625rem;
+}
+
+.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: 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);
+  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;
+  margin-bottom: 0;
+  background-color: transparent;
+}
+
+.c3 > [name='card']:not(:last-child) {
+  margin-bottom: 0.8125rem;
+}
+
+.c3 > [name='card']:last-child {
+  margin-bottom: 0.4375rem;
+}
+
+.c38 {
+  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%;
+}
+
+.c38:focus {
+  border-color: rgb(59,70,204);
+  outline: 0;
+}
+
+.c38::-webkit-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c38::-moz-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c38:-ms-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c38:invalid {
+  box-shadow: none;
+}
+
+.c38:disabled {
+  background-color: rgb(250,250,250);
+  color: rgb(216,216,216);
+  cursor: not-allowed;
+}
+
+.c38:disabled::-webkit-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c38:disabled::-moz-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c38:disabled:-ms-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c38:disabled {
+  color: rgb(73,73,73);
+}
+
+.c38:disabled::-webkit-input-placeholder {
+  color: rgb(73,73,73);
+}
+
+.c38:disabled::-moz-placeholder {
+  color: rgb(73,73,73);
+}
+
+.c38:disabled:-ms-input-placeholder {
+  color: rgb(73,73,73);
+}
+
+.c37 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  margin-bottom: 0.625rem;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.c37 input {
+  padding-right: 1.875rem;
+}
+
+.c37 div {
+  position: relative;
+  left: -1.625rem;
+}
+
+.c40 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  margin-bottom: 0.625rem;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  margin-bottom: 0rem;
+}
+
+.c40 input {
+  padding-right: 1.875rem;
+}
+
+.c40 div {
+  position: relative;
+  left: -1.625rem;
+}
+
+.c17 {
+  opacity: 0.5;
+  padding-right: 0.1875rem;
+}
+
+.c12 {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.c8 {
+  -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;
+}
+
+.c9 {
+  cursor: pointer;
+}
+
+.c14 {
+  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;
+}
+
+@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) {
+  .c18 {
+    -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) {
+  .c19 {
+    -webkit-flex-basis: 75%;
+    -ms-flex-preferred-size: 75%;
+    flex-basis: 75%;
+    max-width: 75%;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c30 {
+    -webkit-flex-basis: 25%;
+    -ms-flex-preferred-size: 25%;
+    flex-basis: 25%;
+    max-width: 25%;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c35 {
+    -webkit-flex-basis: 100%;
+    -ms-flex-preferred-size: 100%;
+    flex-basis: 100%;
+    max-width: 100%;
+  }
+}
+
+@media only screen and (min-width:64em) {
+  .c35 {
+    -webkit-flex-basis: 58.333333333333336%;
+    -ms-flex-preferred-size: 58.333333333333336%;
+    flex-basis: 58.333333333333336%;
+    max-width: 58.333333333333336%;
+  }
+}
+
+@media (max-width:47.9375rem) {
+  .c8 {
+    display: block;
+  }
+}
+
+@media (max-width:47.9375rem) {
+  .c14 {
+    display: none;
+  }
+}
+
+<div
+  className="c0"
+>
+  <div
+    className="c1"
+  >
+    <div
+      className="c2"
+      disabled={false}
+      name="card"
+    >
+      <div
+        className="c3"
+        name="card-outlet"
+      >
+        <div
+          className="c4"
+        >
+          <div
+            className="c5"
+          >
+            <div
+              className="c6"
+            >
+              <h2
+                className="c7"
+              >
+                <div
+                  className="c8"
+                >
+                  <div
+                    className="c9 c10"
+                    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
+            className="c11"
+          >
+            <div
+              className="c8"
+            >
+              <label
+                className="c12 c13"
+              >
+                Alpine 3
+              </label>
+              <div
+                className="c14"
+              />
+              <label
+                className="c12 c13"
+              >
+                Hardware virtual machine
+              </label>
+              <div
+                className="c14"
+              />
+              <label
+                className="c12 c13"
+              >
+                g4-highcpu-128M
+              </label>
+              <div
+                className="c14"
+              />
+              <div
+                className="c8"
+              >
+                <span
+                  className="c15"
+                  color="green"
+                  size="0.9375rem"
+                />
+                Running
+              </div>
+            </div>
+            <div
+              className="c16"
+            >
+              <div
+                className="c8"
+              >
+                <div
+                  className="c8"
+                >
+                  <label
+                    className="c17 c13"
+                  >
+                    Created: 
+                  </label>
+                  <label
+                    className="c13"
+                  >
+                     
+                    almost NaN years
+                     ago
+                  </label>
+                </div>
+                <div
+                  className="c14"
+                />
+                <div
+                  className="c8"
+                >
+                  <label
+                    className="c17 c13"
+                  >
+                    Updated: 
+                  </label>
+                  <label
+                    className="c13"
+                  >
+                     
+                    almost NaN years
+                     ago
+                  </label>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            className="c18"
+          >
+            <div
+              className="c19"
+            >
+              <a
+                className="c20 c21 c22 c23"
+                data-ui-button="true"
+                href="http://localhost/images/~create/2252839a-e698-ceec-afac-9549ad0c6624"
+                icon={true}
+                rel="noopener noreferrer"
+                target="__blank"
+              >
+                <div
+                  className="c24"
+                >
+                  <svg
+                    className=""
+                    height="20"
+                    innerRef={undefined}
+                    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)"
+              >
+                <button
+                  className="c25 c21 c26"
+                  data-ui-button="true"
+                  disabled={true}
+                  href=""
+                  icon={true}
+                  onClick={[Function]}
+                  type="button"
+                >
+                  <svg
+                    className=""
+                    height="14"
+                    innerRef={undefined}
+                    style={
+                      Object {
+                        "transform": "rotate(0deg)",
+                      }
+                    }
+                    viewBox="0 0 13.36 14"
+                    width="13.36"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M2.53,1.68a.81.81,0,0,1,.39.1l8.31,4.48a.84.84,0,0,1,0,1.48L2.92,12.22a.81.81,0,0,1-.39.1.85.85,0,0,1-.85-.85V2.53a.85.85,0,0,1,.85-.85M2.53,0A2.53,2.53,0,0,0,0,2.53v8.94A2.53,2.53,0,0,0,3.72,13.7L12,9.22a2.52,2.52,0,0,0,0-4.44L3.72.3A2.5,2.5,0,0,0,2.53,0Z"
+                      fill="rgb(216, 216, 216)"
+                    />
+                  </svg>
+                </button>
+              </span>
+              <span
+                name="react-responsive-mock"
+                query="only screen and (min-width: 48rem)"
+              >
+                <button
+                  className="c27 c21 c26"
+                  data-ui-button="true"
+                  disabled={true}
+                  href=""
+                  icon={true}
+                  onClick={[Function]}
+                  type="button"
+                >
+                  <svg
+                    className=""
+                    height="14"
+                    innerRef={undefined}
+                    style={
+                      Object {
+                        "transform": "rotate(0deg)",
+                      }
+                    }
+                    viewBox="0 0 13.36 14"
+                    width="13.36"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M2.53,1.68a.81.81,0,0,1,.39.1l8.31,4.48a.84.84,0,0,1,0,1.48L2.92,12.22a.81.81,0,0,1-.39.1.85.85,0,0,1-.85-.85V2.53a.85.85,0,0,1,.85-.85M2.53,0A2.53,2.53,0,0,0,0,2.53v8.94A2.53,2.53,0,0,0,3.72,13.7L12,9.22a2.52,2.52,0,0,0,0-4.44L3.72.3A2.5,2.5,0,0,0,2.53,0Z"
+                      fill="rgb(216, 216, 216)"
+                    />
+                  </svg>
+                  <span>
+                    Start
+                  </span>
+                </button>
+              </span>
+              <span
+                name="react-responsive-mock"
+                query="only screen and (max-width: 47.9375rem)"
+              >
+                <button
+                  className="c28 c21 c26"
+                  data-ui-button="true"
+                  disabled={false}
+                  href=""
+                  icon={true}
+                  onClick={[Function]}
+                  type="button"
+                >
+                  <svg
+                    className=""
+                    height="14"
+                    innerRef={undefined}
+                    style={
+                      Object {
+                        "transform": "rotate(0deg)",
+                      }
+                    }
+                    viewBox="0 0 14 14"
+                    width="14"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M10.75,1.75a1.5,1.5,0,0,1,1.5,1.5v7.5a1.5,1.5,0,0,1-1.5,1.5H3.25a1.5,1.5,0,0,1-1.5-1.5V3.25a1.5,1.5,0,0,1,1.5-1.5h7.5m0-1.75H3.25A3.26,3.26,0,0,0,0,3.25v7.5A3.26,3.26,0,0,0,3.25,14h7.5A3.26,3.26,0,0,0,14,10.75V3.25A3.26,3.26,0,0,0,10.75,0Z"
+                      fill="rgb(73, 73, 73)"
+                    />
+                  </svg>
+                </button>
+              </span>
+              <span
+                name="react-responsive-mock"
+                query="only screen and (min-width: 48rem)"
+              >
+                <button
+                  className="c29 c21 c26"
+                  data-ui-button="true"
+                  disabled={false}
+                  href=""
+                  icon={true}
+                  onClick={[Function]}
+                  type="button"
+                >
+                  <svg
+                    className=""
+                    height="14"
+                    innerRef={undefined}
+                    style={
+                      Object {
+                        "transform": "rotate(0deg)",
+                      }
+                    }
+                    viewBox="0 0 14 14"
+                    width="14"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M10.75,1.75a1.5,1.5,0,0,1,1.5,1.5v7.5a1.5,1.5,0,0,1-1.5,1.5H3.25a1.5,1.5,0,0,1-1.5-1.5V3.25a1.5,1.5,0,0,1,1.5-1.5h7.5m0-1.75H3.25A3.26,3.26,0,0,0,0,3.25v7.5A3.26,3.26,0,0,0,3.25,14h7.5A3.26,3.26,0,0,0,14,10.75V3.25A3.26,3.26,0,0,0,10.75,0Z"
+                      fill="rgb(73, 73, 73)"
+                    />
+                  </svg>
+                  <span>
+                    Stop
+                  </span>
+                </button>
+              </span>
+              <span
+                name="react-responsive-mock"
+                query="only screen and (max-width: 47.9375rem)"
+              >
+                <button
+                  className="c28 c21 c26"
+                  data-ui-button="true"
+                  disabled={false}
+                  href=""
+                  icon={true}
+                  onClick={[Function]}
+                  type="button"
+                >
+                  <svg
+                    className=""
+                    height="21"
+                    innerRef={undefined}
+                    style={
+                      Object {
+                        "transform": "rotate(0deg)",
+                      }
+                    }
+                    version="1.1"
+                    viewBox="0 0 20 21"
+                    width="20"
+                    xmlns="http://www.w3.org/2000/svg"
+                    xmlnsXlink="http://www.w3.org/1999/xlink"
+                  >
+                    <g
+                      transform="translate(17997 -18577)"
+                    >
+                      <g>
+                        <use
+                          fill="rgb(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>
+                </button>
+              </span>
+              <span
+                name="react-responsive-mock"
+                query="only screen and (min-width: 48rem)"
+              >
+                <button
+                  className="c29 c21 c26"
+                  data-ui-button="true"
+                  disabled={false}
+                  href=""
+                  icon={true}
+                  onClick={[Function]}
+                  type="button"
+                >
+                  <svg
+                    className=""
+                    height="21"
+                    innerRef={undefined}
+                    style={
+                      Object {
+                        "transform": "rotate(0deg)",
+                      }
+                    }
+                    version="1.1"
+                    viewBox="0 0 20 21"
+                    width="20"
+                    xmlns="http://www.w3.org/2000/svg"
+                    xmlnsXlink="http://www.w3.org/1999/xlink"
+                  >
+                    <g
+                      transform="translate(17997 -18577)"
+                    >
+                      <g>
+                        <use
+                          fill="rgb(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>
+                  <span>
+                    Reboot
+                  </span>
+                </button>
+              </span>
+            </div>
+            <div
+              className="c30"
+            >
+              <span
+                name="react-responsive-mock"
+                query="only screen and (max-width: 47.9375rem)"
+              >
+                <button
+                  className="c31 c21 c26"
+                  data-ui-button="true"
+                  disabled={false}
+                  href=""
+                  icon={true}
+                  onClick={[Function]}
+                  type="button"
+                >
+                  <svg
+                    className=""
+                    height="16"
+                    innerRef={undefined}
+                    style={
+                      Object {
+                        "transform": "rotate(0deg)",
+                      }
+                    }
+                    viewBox="0 0 12 16"
+                    width="12"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
+                      fill="rgb(210, 67, 58)"
+                    />
+                  </svg>
+                </button>
+              </span>
+              <span
+                name="react-responsive-mock"
+                query="only screen and (min-width: 48rem)"
+              >
+                <button
+                  className="c32 c21 c26"
+                  data-ui-button="true"
+                  disabled={false}
+                  href=""
+                  icon={true}
+                  onClick={[Function]}
+                  type="button"
+                >
+                  <svg
+                    className=""
+                    height="16"
+                    innerRef={undefined}
+                    style={
+                      Object {
+                        "transform": "rotate(0deg)",
+                      }
+                    }
+                    viewBox="0 0 12 16"
+                    width="12"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
+                      fill="rgb(210, 67, 58)"
+                    />
+                  </svg>
+                  <span>
+                    Remove
+                  </span>
+                </button>
+              </span>
+            </div>
+          </div>
+          <div
+            className="c33"
+          >
+            <div
+              className="c34 c0"
+              height="0.0625rem"
+            />
+          </div>
+          <div
+            className="c0"
+          >
+            <div
+              className="c35"
+            >
+              <label
+                className="c36"
+                htmlFor=""
+              >
+                Short ID
+              </label>
+              <div
+                className="c37"
+              >
+                <input
+                  className="c38"
+                  disabled={false}
+                  id=""
+                  onBlur={null}
+                  value="2252839a"
+                />
+                <div
+                  onClick={undefined}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
+                  style={
+                    Object {
+                      "display": "inline-block",
+                    }
+                  }
+                >
+                  <svg
+                    className="c39"
+                    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
+            className="c0"
+          >
+            <div
+              className="c35"
+            >
+              <label
+                className="c36"
+                htmlFor=""
+              >
+                ID
+              </label>
+              <div
+                className="c37"
+              >
+                <input
+                  className="c38"
+                  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="c39"
+                    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
+            className="c0"
+          >
+            <div
+              className="c35"
+            >
+              <label
+                className="c36"
+                htmlFor=""
+              >
+                CN UUID
+              </label>
+              <div
+                className="c37"
+              >
+                <input
+                  className="c38"
+                  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="c39"
+                    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
+            className="c0"
+          >
+            <div
+              className="c35"
+            >
+              <label
+                className="c36"
+                htmlFor=""
+              >
+                Image UUID
+              </label>
+              <div
+                className="c37"
+              >
+                <input
+                  className="c38"
+                  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="c39"
+                    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
+            className="c0"
+          >
+            <div
+              className="c35"
+            >
+              <label
+                className="c36"
+                htmlFor=""
+              >
+                Login
+              </label>
+              <div
+                className="c37"
+              >
+                <input
+                  className="c38"
+                  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="c39"
+                    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
+            className="c0"
+          >
+            <div
+              className="c35"
+            >
+              <label
+                className="c36"
+                htmlFor=""
+              >
+                Public IP address 1
+              </label>
+              <div
+                className="c37"
+              >
+                <input
+                  className="c38"
+                  disabled={false}
+                  id=""
+                  onBlur={null}
+                  value="72.2.119.146"
+                />
+                <div
+                  onClick={undefined}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
+                  style={
+                    Object {
+                      "display": "inline-block",
+                    }
+                  }
+                >
+                  <svg
+                    className="c39"
+                    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
+            className="c0"
+          >
+            <div
+              className="c35"
+            >
+              <label
+                className="c36"
+                htmlFor=""
+              >
+                Public IP address 2
+              </label>
+              <div
+                className="c37"
+              >
+                <input
+                  className="c38"
+                  disabled={false}
+                  id=""
+                  onBlur={null}
+                  value="72.2.119.146"
+                />
+                <div
+                  onClick={undefined}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
+                  style={
+                    Object {
+                      "display": "inline-block",
+                    }
+                  }
+                >
+                  <svg
+                    className="c39"
+                    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
+            className="c0"
+          >
+            <div
+              className="c35"
+            >
+              <label
+                className="c36"
+                htmlFor=""
+              >
+                Private IP address 1
+              </label>
+              <div
+                className="c37"
+              >
+                <input
+                  className="c38"
+                  disabled={false}
+                  id=""
+                  onBlur={null}
+                  value="10.112.5.63"
+                />
+                <div
+                  onClick={undefined}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
+                  style={
+                    Object {
+                      "display": "inline-block",
+                    }
+                  }
+                >
+                  <svg
+                    className="c39"
+                    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
+            className="c0"
+          >
+            <div
+              className="c35"
+            >
+              <label
+                className="c36"
+                htmlFor=""
+              >
+                Private IP address 2
+              </label>
+              <div
+                className="c40"
+              >
+                <input
+                  className="c38"
+                  disabled={false}
+                  id=""
+                  onBlur={null}
+                  value="10.112.5.63"
+                />
+                <div
+                  onClick={undefined}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
+                  style={
+                    Object {
+                      "display": "inline-block",
+                    }
+                  }
+                >
+                  <svg
+                    className="c39"
+                    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>
+`;
+
+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;
+}
+
+.c18 {
+  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;
+}
+
+.c19 {
+  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;
+}
+
+.c30 {
+  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;
+}
+
+.c35 {
+  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 {
+  margin-left: 0.75rem;
+}
+
+.c11 {
+  margin-top: 0.75rem;
+  margin-bottom: 1.125rem;
+}
+
+.c16 {
+  margin-top: 0.375rem;
+}
+
+.c33 {
+  margin-top: 1.5rem;
+  margin-bottom: 1.875rem;
+}
+
+.c4 {
+  padding: 1.5rem;
+}
+
+.c24 {
+  padding-top: 0.1875rem;
+}
+
+.c23 {
+  background-color: transparent;
+  -webkit-text-decoration-skip: objects;
+  text-decoration-skip: objects;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+}
+
+.c26 {
+  font-family: sans-serif;
+  font-size: 100%;
+  line-height: 1.15;
+  margin: 0;
+  overflow: visible;
+  text-transform: none;
+  -webkit-appearance: button;
+  -moz-appearance: button;
+  appearance: button;
+  min-width: 7.5rem;
+}
+
+.c26::-moz-focus-inner,
+.c26[type='button']::-moz-focus-inner,
+.c26[type='reset']::-moz-focus-inner,
+.c26[type='submit']::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+.c26:-moz-focusring,
+.c26[type='button']:-moz-focusring,
+.c26[type='reset']:-moz-focusring,
+.c26[type='submit']:-moz-focusring {
+  outline: 0.0625rem dotted ButtonText;
+}
+
+.c26 + button,
+.c26 + a {
+  margin-left: 0.375rem;
+}
+
+.c22 {
+  color: rgb(59,70,204);
+  -webkit-text-fill-color: currentcolor;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+}
+
+.c22:hover {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.c39 {
+  cursor: pointer;
+}
+
+.c21 {
+  display: inline-block;
+}
+
+.c21 + button,
+.c21 + a {
+  margin-left: 0.375rem;
+}
+
+.c20 {
+  box-sizing: border-box;
+  display: inline-block;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  min-height: 3rem;
+  height: 3rem;
+  min-width: 7.5rem;
+  padding: 0.9375rem 1.125rem;
+  position: relative;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+  font-size: 0.9375rem;
+  text-align: center;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-letter-spacing: normal;
+  -moz-letter-spacing: normal;
+  -ms-letter-spacing: normal;
+  letter-spacing: normal;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+  background-image: none;
+  background-color: rgb(59,70,204);
+  border-radius: 0.25rem;
+  border: solid 0.0625rem rgb(45,56,132);
+  color: rgb(70,70,70);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+  padding: 0.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;
+}
+
+.c20:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c20:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c20:active,
+.c20:active:hover,
+.c20:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c20[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c20:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c20:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c20:active,
+.c20:active:hover,
+.c20:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c20 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c20 svg {
+  max-height: 1.125rem;
+}
+
+.c25 {
+  box-sizing: border-box;
+  display: inline-block;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  min-height: 3rem;
+  height: 3rem;
+  min-width: 7.5rem;
+  padding: 0.9375rem 1.125rem;
+  position: relative;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+  font-size: 0.9375rem;
+  text-align: center;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-letter-spacing: normal;
+  -moz-letter-spacing: normal;
+  -ms-letter-spacing: normal;
+  letter-spacing: normal;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+  background-image: none;
+  background-color: rgb(59,70,204);
+  border-radius: 0.25rem;
+  border: solid 0.0625rem rgb(45,56,132);
+  color: rgb(70,70,70);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+  cursor: not-allowed;
+  pointer-events: none;
+  color: rgb(216,216,216);
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+  padding: 0.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;
+}
+
+.c25:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c25:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c25:active,
+.c25:active:hover,
+.c25:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c25[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c25:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c25:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c25:active,
+.c25:active:hover,
+.c25:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c25:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(216,216,216);
 }
 
-.c32:hover {
+.c25:hover {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
+.c25:active,
+.c25:active:hover,
+.c25:active:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c25 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c25 svg {
+  max-height: 1.125rem;
+}
+
+.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;
+  line-height: normal;
+  -webkit-letter-spacing: normal;
+  -moz-letter-spacing: normal;
+  -ms-letter-spacing: normal;
+  letter-spacing: normal;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+  background-image: none;
+  background-color: rgb(59,70,204);
+  border-radius: 0.25rem;
+  border: solid 0.0625rem rgb(45,56,132);
+  color: rgb(70,70,70);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+  cursor: not-allowed;
+  pointer-events: none;
+  color: rgb(216,216,216);
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  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);
+}
+
+.c27 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c27 svg {
+  max-height: 1.125rem;
+}
+
+.c28 {
+  box-sizing: border-box;
+  display: inline-block;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  min-height: 3rem;
+  height: 3rem;
+  min-width: 7.5rem;
+  padding: 0.9375rem 1.125rem;
+  position: relative;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+  font-size: 0.9375rem;
+  text-align: center;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-letter-spacing: normal;
+  -moz-letter-spacing: normal;
+  -ms-letter-spacing: normal;
+  letter-spacing: normal;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+  background-image: none;
+  background-color: rgb(59,70,204);
+  border-radius: 0.25rem;
+  border: solid 0.0625rem rgb(45,56,132);
+  color: rgb(70,70,70);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+  padding: 0.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;
+}
+
+.c28:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c28:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c28:active,
+.c28:active:hover,
+.c28:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c28[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c28:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c28:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c28:active,
+.c28:active:hover,
+.c28:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c28 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c28 svg {
+  max-height: 1.125rem;
+}
+
+.c29 {
+  box-sizing: border-box;
+  display: inline-block;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  min-height: 3rem;
+  height: 3rem;
+  min-width: 7.5rem;
+  padding: 0.9375rem 1.125rem;
+  position: relative;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+  font-size: 0.9375rem;
+  text-align: center;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-letter-spacing: normal;
+  -moz-letter-spacing: normal;
+  -ms-letter-spacing: normal;
+  letter-spacing: normal;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+  background-image: none;
+  background-color: rgb(59,70,204);
+  border-radius: 0.25rem;
+  border: solid 0.0625rem rgb(45,56,132);
+  color: rgb(70,70,70);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  font-weight: 500;
+}
+
+.c29:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c29:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.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);
+}
+
+.c29[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c29:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c29:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c29:active,
+.c29:active:hover,
+.c29:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c29 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c29 svg {
+  max-height: 1.125rem;
+}
+
+.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;
+  line-height: normal;
+  -webkit-letter-spacing: normal;
+  -moz-letter-spacing: normal;
+  -ms-letter-spacing: normal;
+  letter-spacing: normal;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+  background-image: none;
+  background-color: rgb(59,70,204);
+  border-radius: 0.25rem;
+  border: solid 0.0625rem rgb(45,56,132);
+  color: rgb(70,70,70);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+  color: rgb(210,67,58);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(210,67,58);
+  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;
+}
+
+.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 {
+  color: rgb(205,37,27);
+  background-color: rgb(255,255,255);
+  border-color: rgb(205,37,27);
+}
+
+.c31:hover {
+  color: rgb(205,37,27);
+  background-color: rgb(255,255,255);
+  border-color: rgb(205,37,27);
+}
+
+.c31:active,
+.c31:active:hover,
+.c31:active:focus {
+  background-color: rgba(210,67,58,0.1);
+  border-color: rgb(205,37,27);
+}
+
+.c31 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c31 svg {
+  max-height: 1.125rem;
+}
+
+.c32 {
+  box-sizing: border-box;
+  display: inline-block;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  min-height: 3rem;
+  height: 3rem;
+  min-width: 7.5rem;
+  padding: 0.9375rem 1.125rem;
+  position: relative;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+  font-size: 0.9375rem;
+  text-align: center;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-letter-spacing: normal;
+  -moz-letter-spacing: normal;
+  -ms-letter-spacing: normal;
+  letter-spacing: normal;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+  background-image: none;
+  background-color: rgb(59,70,204);
+  border-radius: 0.25rem;
+  border: solid 0.0625rem rgb(45,56,132);
+  color: rgb(70,70,70);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+  color: rgb(210,67,58);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(210,67,58);
+  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;
+}
+
+.c32:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c32:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
 .c32:active,
 .c32:active:hover,
 .c32:active:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c32[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c32:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c32:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c32:active,
+.c32:active:hover,
+.c32:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c32:focus {
+  color: rgb(205,37,27);
+  background-color: rgb(255,255,255);
+  border-color: rgb(205,37,27);
+}
+
+.c32:hover {
+  color: rgb(205,37,27);
+  background-color: rgb(255,255,255);
+  border-color: rgb(205,37,27);
+}
+
+.c32:active,
+.c32:active:hover,
+.c32:active:focus {
+  background-color: rgba(210,67,58,0.1);
+  border-color: rgb(205,37,27);
 }
 
 .c32 svg + span {
@@ -7749,7 +5522,2325 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   max-height: 1.125rem;
 }
 
+.c15 {
+  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;
+}
+
 .c13 {
+  font-size: 0.9375rem;
+  line-height: 1.125rem;
+  font-style: normal;
+  font-stretch: normal;
+  display: block;
+  color: rgb(70,70,70);
+  text-align: left;
+  margin-bottom: 0.1875rem;
+}
+
+.c36 {
+  font-size: 0.9375rem;
+  line-height: 1.125rem;
+  font-style: normal;
+  font-stretch: normal;
+  display: block;
+  color: rgb(70,70,70);
+  text-align: left;
+  margin-bottom: 0.1875rem;
+  margin-right: 0.75rem;
+  font-weight: 600;
+  white-space: pre;
+  font-size: 0.8125rem;
+}
+
+.c7 {
+  color: rgb(73,73,73);
+  font-weight: normal;
+  line-height: 1.875rem;
+  font-size: 1.5rem;
+  margin: 0;
+}
+
+.c7 + p,
+.c7 + small,
+.c7 + h1,
+.c7 + h2,
+.c7 + label,
+.c7 + h3,
+.c7 + h4,
+.c7 + h5,
+.c7 + div,
+.c7 + span {
+  margin-top: 1.5rem;
+}
+
+.c34 {
+  background-color: rgb(216,216,216);
+  margin: 0;
+  height: 0.0625rem;
+}
+
+.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: 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);
+  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;
+  margin-bottom: 0;
+  background-color: transparent;
+}
+
+.c3 > [name='card']:not(:last-child) {
+  margin-bottom: 0.8125rem;
+}
+
+.c3 > [name='card']:last-child {
+  margin-bottom: 0.4375rem;
+}
+
+.c38 {
+  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%;
+}
+
+.c38:focus {
+  border-color: rgb(59,70,204);
+  outline: 0;
+}
+
+.c38::-webkit-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c38::-moz-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c38:-ms-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c38:invalid {
+  box-shadow: none;
+}
+
+.c38:disabled {
+  background-color: rgb(250,250,250);
+  color: rgb(216,216,216);
+  cursor: not-allowed;
+}
+
+.c38:disabled::-webkit-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c38:disabled::-moz-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c38:disabled:-ms-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c38:disabled {
+  color: rgb(73,73,73);
+}
+
+.c38:disabled::-webkit-input-placeholder {
+  color: rgb(73,73,73);
+}
+
+.c38:disabled::-moz-placeholder {
+  color: rgb(73,73,73);
+}
+
+.c38:disabled:-ms-input-placeholder {
+  color: rgb(73,73,73);
+}
+
+.c37 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  margin-bottom: 0.625rem;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.c37 input {
+  padding-right: 1.875rem;
+}
+
+.c37 div {
+  position: relative;
+  left: -1.625rem;
+}
+
+.c40 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  margin-bottom: 0.625rem;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  margin-bottom: 0rem;
+}
+
+.c40 input {
+  padding-right: 1.875rem;
+}
+
+.c40 div {
+  position: relative;
+  left: -1.625rem;
+}
+
+.c17 {
+  opacity: 0.5;
+  padding-right: 0.1875rem;
+}
+
+.c12 {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.c8 {
+  -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;
+}
+
+.c9 {
+  cursor: pointer;
+}
+
+.c14 {
+  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;
+}
+
+@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) {
+  .c18 {
+    -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) {
+  .c19 {
+    -webkit-flex-basis: 75%;
+    -ms-flex-preferred-size: 75%;
+    flex-basis: 75%;
+    max-width: 75%;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c30 {
+    -webkit-flex-basis: 25%;
+    -ms-flex-preferred-size: 25%;
+    flex-basis: 25%;
+    max-width: 25%;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c35 {
+    -webkit-flex-basis: 100%;
+    -ms-flex-preferred-size: 100%;
+    flex-basis: 100%;
+    max-width: 100%;
+  }
+}
+
+@media only screen and (min-width:64em) {
+  .c35 {
+    -webkit-flex-basis: 58.333333333333336%;
+    -ms-flex-preferred-size: 58.333333333333336%;
+    flex-basis: 58.333333333333336%;
+    max-width: 58.333333333333336%;
+  }
+}
+
+@media (max-width:47.9375rem) {
+  .c8 {
+    display: block;
+  }
+}
+
+@media (max-width:47.9375rem) {
+  .c14 {
+    display: none;
+  }
+}
+
+<div
+  className="c0"
+>
+  <div
+    className="c1"
+  >
+    <div
+      className="c2"
+      disabled={false}
+      name="card"
+    >
+      <div
+        className="c3"
+        name="card-outlet"
+      >
+        <div
+          className="c4"
+        >
+          <div
+            className="c5"
+          >
+            <div
+              className="c6"
+            >
+              <h2
+                className="c7"
+              >
+                <div
+                  className="c8"
+                >
+                  <div
+                    className="c9 c10"
+                    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
+            className="c11"
+          >
+            <div
+              className="c8"
+            >
+              <label
+                className="c12 c13"
+              >
+                Custom Image
+              </label>
+              <div
+                className="c14"
+              />
+              <label
+                className="c12 c13"
+              >
+                Infrastructure container
+              </label>
+              <div
+                className="c14"
+              />
+              <label
+                className="c12 c13"
+              >
+                g4-highcpu-128M
+              </label>
+              <div
+                className="c14"
+              />
+              <div
+                className="c8"
+              >
+                <span
+                  className="c15"
+                  color="green"
+                  size="0.9375rem"
+                />
+                Running
+              </div>
+            </div>
+            <div
+              className="c16"
+            >
+              <div
+                className="c8"
+              >
+                <div
+                  className="c8"
+                >
+                  <label
+                    className="c17 c13"
+                  >
+                    Created: 
+                  </label>
+                  <label
+                    className="c13"
+                  >
+                     
+                    almost NaN years
+                     ago
+                  </label>
+                </div>
+                <div
+                  className="c14"
+                />
+                <div
+                  className="c8"
+                >
+                  <label
+                    className="c17 c13"
+                  >
+                    Updated: 
+                  </label>
+                  <label
+                    className="c13"
+                  >
+                     
+                    almost NaN years
+                     ago
+                  </label>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            className="c18"
+          >
+            <div
+              className="c19"
+            >
+              <a
+                className="c20 c21 c22 c23"
+                data-ui-button="true"
+                href="http://localhost/images/~create/2252839a-e698-ceec-afac-9549ad0c6624"
+                icon={true}
+                rel="noopener noreferrer"
+                target="__blank"
+              >
+                <div
+                  className="c24"
+                >
+                  <svg
+                    className=""
+                    height="20"
+                    innerRef={undefined}
+                    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)"
+              >
+                <button
+                  className="c25 c21 c26"
+                  data-ui-button="true"
+                  disabled={true}
+                  href=""
+                  icon={true}
+                  onClick={[Function]}
+                  type="button"
+                >
+                  <svg
+                    className=""
+                    height="14"
+                    innerRef={undefined}
+                    style={
+                      Object {
+                        "transform": "rotate(0deg)",
+                      }
+                    }
+                    viewBox="0 0 13.36 14"
+                    width="13.36"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M2.53,1.68a.81.81,0,0,1,.39.1l8.31,4.48a.84.84,0,0,1,0,1.48L2.92,12.22a.81.81,0,0,1-.39.1.85.85,0,0,1-.85-.85V2.53a.85.85,0,0,1,.85-.85M2.53,0A2.53,2.53,0,0,0,0,2.53v8.94A2.53,2.53,0,0,0,3.72,13.7L12,9.22a2.52,2.52,0,0,0,0-4.44L3.72.3A2.5,2.5,0,0,0,2.53,0Z"
+                      fill="rgb(216, 216, 216)"
+                    />
+                  </svg>
+                </button>
+              </span>
+              <span
+                name="react-responsive-mock"
+                query="only screen and (min-width: 48rem)"
+              >
+                <button
+                  className="c27 c21 c26"
+                  data-ui-button="true"
+                  disabled={true}
+                  href=""
+                  icon={true}
+                  onClick={[Function]}
+                  type="button"
+                >
+                  <svg
+                    className=""
+                    height="14"
+                    innerRef={undefined}
+                    style={
+                      Object {
+                        "transform": "rotate(0deg)",
+                      }
+                    }
+                    viewBox="0 0 13.36 14"
+                    width="13.36"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M2.53,1.68a.81.81,0,0,1,.39.1l8.31,4.48a.84.84,0,0,1,0,1.48L2.92,12.22a.81.81,0,0,1-.39.1.85.85,0,0,1-.85-.85V2.53a.85.85,0,0,1,.85-.85M2.53,0A2.53,2.53,0,0,0,0,2.53v8.94A2.53,2.53,0,0,0,3.72,13.7L12,9.22a2.52,2.52,0,0,0,0-4.44L3.72.3A2.5,2.5,0,0,0,2.53,0Z"
+                      fill="rgb(216, 216, 216)"
+                    />
+                  </svg>
+                  <span>
+                    Start
+                  </span>
+                </button>
+              </span>
+              <span
+                name="react-responsive-mock"
+                query="only screen and (max-width: 47.9375rem)"
+              >
+                <button
+                  className="c28 c21 c26"
+                  data-ui-button="true"
+                  disabled={false}
+                  href=""
+                  icon={true}
+                  onClick={[Function]}
+                  type="button"
+                >
+                  <svg
+                    className=""
+                    height="14"
+                    innerRef={undefined}
+                    style={
+                      Object {
+                        "transform": "rotate(0deg)",
+                      }
+                    }
+                    viewBox="0 0 14 14"
+                    width="14"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M10.75,1.75a1.5,1.5,0,0,1,1.5,1.5v7.5a1.5,1.5,0,0,1-1.5,1.5H3.25a1.5,1.5,0,0,1-1.5-1.5V3.25a1.5,1.5,0,0,1,1.5-1.5h7.5m0-1.75H3.25A3.26,3.26,0,0,0,0,3.25v7.5A3.26,3.26,0,0,0,3.25,14h7.5A3.26,3.26,0,0,0,14,10.75V3.25A3.26,3.26,0,0,0,10.75,0Z"
+                      fill="rgb(73, 73, 73)"
+                    />
+                  </svg>
+                </button>
+              </span>
+              <span
+                name="react-responsive-mock"
+                query="only screen and (min-width: 48rem)"
+              >
+                <button
+                  className="c29 c21 c26"
+                  data-ui-button="true"
+                  disabled={false}
+                  href=""
+                  icon={true}
+                  onClick={[Function]}
+                  type="button"
+                >
+                  <svg
+                    className=""
+                    height="14"
+                    innerRef={undefined}
+                    style={
+                      Object {
+                        "transform": "rotate(0deg)",
+                      }
+                    }
+                    viewBox="0 0 14 14"
+                    width="14"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M10.75,1.75a1.5,1.5,0,0,1,1.5,1.5v7.5a1.5,1.5,0,0,1-1.5,1.5H3.25a1.5,1.5,0,0,1-1.5-1.5V3.25a1.5,1.5,0,0,1,1.5-1.5h7.5m0-1.75H3.25A3.26,3.26,0,0,0,0,3.25v7.5A3.26,3.26,0,0,0,3.25,14h7.5A3.26,3.26,0,0,0,14,10.75V3.25A3.26,3.26,0,0,0,10.75,0Z"
+                      fill="rgb(73, 73, 73)"
+                    />
+                  </svg>
+                  <span>
+                    Stop
+                  </span>
+                </button>
+              </span>
+              <span
+                name="react-responsive-mock"
+                query="only screen and (max-width: 47.9375rem)"
+              >
+                <button
+                  className="c28 c21 c26"
+                  data-ui-button="true"
+                  disabled={false}
+                  href=""
+                  icon={true}
+                  onClick={[Function]}
+                  type="button"
+                >
+                  <svg
+                    className=""
+                    height="21"
+                    innerRef={undefined}
+                    style={
+                      Object {
+                        "transform": "rotate(0deg)",
+                      }
+                    }
+                    version="1.1"
+                    viewBox="0 0 20 21"
+                    width="20"
+                    xmlns="http://www.w3.org/2000/svg"
+                    xmlnsXlink="http://www.w3.org/1999/xlink"
+                  >
+                    <g
+                      transform="translate(17997 -18577)"
+                    >
+                      <g>
+                        <use
+                          fill="rgb(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>
+                </button>
+              </span>
+              <span
+                name="react-responsive-mock"
+                query="only screen and (min-width: 48rem)"
+              >
+                <button
+                  className="c29 c21 c26"
+                  data-ui-button="true"
+                  disabled={false}
+                  href=""
+                  icon={true}
+                  onClick={[Function]}
+                  type="button"
+                >
+                  <svg
+                    className=""
+                    height="21"
+                    innerRef={undefined}
+                    style={
+                      Object {
+                        "transform": "rotate(0deg)",
+                      }
+                    }
+                    version="1.1"
+                    viewBox="0 0 20 21"
+                    width="20"
+                    xmlns="http://www.w3.org/2000/svg"
+                    xmlnsXlink="http://www.w3.org/1999/xlink"
+                  >
+                    <g
+                      transform="translate(17997 -18577)"
+                    >
+                      <g>
+                        <use
+                          fill="rgb(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>
+                  <span>
+                    Reboot
+                  </span>
+                </button>
+              </span>
+            </div>
+            <div
+              className="c30"
+            >
+              <span
+                name="react-responsive-mock"
+                query="only screen and (max-width: 47.9375rem)"
+              >
+                <button
+                  className="c31 c21 c26"
+                  data-ui-button="true"
+                  disabled={false}
+                  href=""
+                  icon={true}
+                  onClick={[Function]}
+                  type="button"
+                >
+                  <svg
+                    className=""
+                    height="16"
+                    innerRef={undefined}
+                    style={
+                      Object {
+                        "transform": "rotate(0deg)",
+                      }
+                    }
+                    viewBox="0 0 12 16"
+                    width="12"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
+                      fill="rgb(210, 67, 58)"
+                    />
+                  </svg>
+                </button>
+              </span>
+              <span
+                name="react-responsive-mock"
+                query="only screen and (min-width: 48rem)"
+              >
+                <button
+                  className="c32 c21 c26"
+                  data-ui-button="true"
+                  disabled={false}
+                  href=""
+                  icon={true}
+                  onClick={[Function]}
+                  type="button"
+                >
+                  <svg
+                    className=""
+                    height="16"
+                    innerRef={undefined}
+                    style={
+                      Object {
+                        "transform": "rotate(0deg)",
+                      }
+                    }
+                    viewBox="0 0 12 16"
+                    width="12"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
+                      fill="rgb(210, 67, 58)"
+                    />
+                  </svg>
+                  <span>
+                    Remove
+                  </span>
+                </button>
+              </span>
+            </div>
+          </div>
+          <div
+            className="c33"
+          >
+            <div
+              className="c34 c0"
+              height="0.0625rem"
+            />
+          </div>
+          <div
+            className="c0"
+          >
+            <div
+              className="c35"
+            >
+              <label
+                className="c36"
+                htmlFor=""
+              >
+                Short ID
+              </label>
+              <div
+                className="c37"
+              >
+                <input
+                  className="c38"
+                  disabled={false}
+                  id=""
+                  onBlur={null}
+                  value="2252839a"
+                />
+                <div
+                  onClick={undefined}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
+                  style={
+                    Object {
+                      "display": "inline-block",
+                    }
+                  }
+                >
+                  <svg
+                    className="c39"
+                    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
+            className="c0"
+          >
+            <div
+              className="c35"
+            >
+              <label
+                className="c36"
+                htmlFor=""
+              >
+                ID
+              </label>
+              <div
+                className="c37"
+              >
+                <input
+                  className="c38"
+                  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="c39"
+                    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
+            className="c0"
+          >
+            <div
+              className="c35"
+            >
+              <label
+                className="c36"
+                htmlFor=""
+              >
+                CN UUID
+              </label>
+              <div
+                className="c37"
+              >
+                <input
+                  className="c38"
+                  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="c39"
+                    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
+            className="c0"
+          >
+            <div
+              className="c35"
+            >
+              <label
+                className="c36"
+                htmlFor=""
+              >
+                Image UUID
+              </label>
+              <div
+                className="c37"
+              >
+                <input
+                  className="c38"
+                  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="c39"
+                    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
+            className="c0"
+          >
+            <div
+              className="c35"
+            >
+              <label
+                className="c36"
+                htmlFor=""
+              >
+                Login
+              </label>
+              <div
+                className="c37"
+              >
+                <input
+                  className="c38"
+                  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="c39"
+                    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
+            className="c0"
+          >
+            <div
+              className="c35"
+            >
+              <label
+                className="c36"
+                htmlFor=""
+              >
+                Public IP address 1
+              </label>
+              <div
+                className="c37"
+              >
+                <input
+                  className="c38"
+                  disabled={false}
+                  id=""
+                  onBlur={null}
+                  value="72.2.119.146"
+                />
+                <div
+                  onClick={undefined}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
+                  style={
+                    Object {
+                      "display": "inline-block",
+                    }
+                  }
+                >
+                  <svg
+                    className="c39"
+                    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
+            className="c0"
+          >
+            <div
+              className="c35"
+            >
+              <label
+                className="c36"
+                htmlFor=""
+              >
+                Public IP address 2
+              </label>
+              <div
+                className="c37"
+              >
+                <input
+                  className="c38"
+                  disabled={false}
+                  id=""
+                  onBlur={null}
+                  value="72.2.119.146"
+                />
+                <div
+                  onClick={undefined}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
+                  style={
+                    Object {
+                      "display": "inline-block",
+                    }
+                  }
+                >
+                  <svg
+                    className="c39"
+                    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
+            className="c0"
+          >
+            <div
+              className="c35"
+            >
+              <label
+                className="c36"
+                htmlFor=""
+              >
+                Private IP address 1
+              </label>
+              <div
+                className="c37"
+              >
+                <input
+                  className="c38"
+                  disabled={false}
+                  id=""
+                  onBlur={null}
+                  value="10.112.5.63"
+                />
+                <div
+                  onClick={undefined}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
+                  style={
+                    Object {
+                      "display": "inline-block",
+                    }
+                  }
+                >
+                  <svg
+                    className="c39"
+                    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
+            className="c0"
+          >
+            <div
+              className="c35"
+            >
+              <label
+                className="c36"
+                htmlFor=""
+              >
+                Private IP address 2
+              </label>
+              <div
+                className="c40"
+              >
+                <input
+                  className="c38"
+                  disabled={false}
+                  id=""
+                  onBlur={null}
+                  value="10.112.5.63"
+                />
+                <div
+                  onClick={undefined}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
+                  style={
+                    Object {
+                      "display": "inline-block",
+                    }
+                  }
+                >
+                  <svg
+                    className="c39"
+                    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>
+`;
+
+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;
+}
+
+.c18 {
+  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;
+}
+
+.c19 {
+  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;
+}
+
+.c32 {
+  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;
+}
+
+.c37 {
+  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 {
+  margin-left: 0.75rem;
+}
+
+.c11 {
+  margin-top: 0.75rem;
+  margin-bottom: 1.125rem;
+}
+
+.c16 {
+  margin-top: 0.375rem;
+}
+
+.c35 {
+  margin-top: 1.5rem;
+  margin-bottom: 1.875rem;
+}
+
+.c4 {
+  padding: 1.5rem;
+}
+
+.c24 {
+  padding-top: 0.1875rem;
+}
+
+.c23 {
+  background-color: transparent;
+  -webkit-text-decoration-skip: objects;
+  text-decoration-skip: objects;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+}
+
+.c26 {
+  font-family: sans-serif;
+  font-size: 100%;
+  line-height: 1.15;
+  margin: 0;
+  overflow: visible;
+  text-transform: none;
+  -webkit-appearance: button;
+  -moz-appearance: button;
+  appearance: button;
+  min-width: 7.5rem;
+}
+
+.c26::-moz-focus-inner,
+.c26[type='button']::-moz-focus-inner,
+.c26[type='reset']::-moz-focus-inner,
+.c26[type='submit']::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+.c26:-moz-focusring,
+.c26[type='button']:-moz-focusring,
+.c26[type='reset']:-moz-focusring,
+.c26[type='submit']:-moz-focusring {
+  outline: 0.0625rem dotted ButtonText;
+}
+
+.c26 + button,
+.c26 + a {
+  margin-left: 0.375rem;
+}
+
+.c22 {
+  color: rgb(59,70,204);
+  -webkit-text-fill-color: currentcolor;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+}
+
+.c22:hover {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.c41 {
+  cursor: pointer;
+}
+
+.c28 {
+  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;
+}
+
+.c29 {
+  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;
+  -webkit-animation-delay: 0.5s;
+  animation-delay: 0.5s;
+}
+
+.c30 {
+  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;
+  -webkit-animation-delay: 1s;
+  animation-delay: 1s;
+}
+
+.c27 {
+  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;
+}
+
+.c21 {
+  display: inline-block;
+}
+
+.c21 + button,
+.c21 + a {
+  margin-left: 0.375rem;
+}
+
+.c20 {
+  box-sizing: border-box;
+  display: inline-block;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  min-height: 3rem;
+  height: 3rem;
+  min-width: 7.5rem;
+  padding: 0.9375rem 1.125rem;
+  position: relative;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+  font-size: 0.9375rem;
+  text-align: center;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-letter-spacing: normal;
+  -moz-letter-spacing: normal;
+  -ms-letter-spacing: normal;
+  letter-spacing: normal;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+  background-image: none;
+  background-color: rgb(59,70,204);
+  border-radius: 0.25rem;
+  border: solid 0.0625rem rgb(45,56,132);
+  color: rgb(70,70,70);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+  padding: 0.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;
+}
+
+.c20:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c20:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c20:active,
+.c20:active:hover,
+.c20:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c20[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c20:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c20:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c20:active,
+.c20:active:hover,
+.c20:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c20 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c20 svg {
+  max-height: 1.125rem;
+}
+
+.c25 {
+  box-sizing: border-box;
+  display: inline-block;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  min-height: 3rem;
+  height: 3rem;
+  min-width: 7.5rem;
+  padding: 0.9375rem 1.125rem;
+  position: relative;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+  font-size: 0.9375rem;
+  text-align: center;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-letter-spacing: normal;
+  -moz-letter-spacing: normal;
+  -ms-letter-spacing: normal;
+  letter-spacing: normal;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+  background-image: none;
+  background-color: rgb(59,70,204);
+  border-radius: 0.25rem;
+  border: solid 0.0625rem rgb(45,56,132);
+  color: rgb(70,70,70);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+  cursor: not-allowed;
+  pointer-events: none;
+  color: rgb(216,216,216);
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+  padding: 0.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;
+}
+
+.c25:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c25:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c25:active,
+.c25:active:hover,
+.c25:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c25[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c25:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c25:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c25:active,
+.c25:active:hover,
+.c25:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c25:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+}
+
+.c25:hover {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c25:active,
+.c25:active:hover,
+.c25:active:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c25 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c25 svg {
+  max-height: 1.125rem;
+}
+
+.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;
+  line-height: normal;
+  -webkit-letter-spacing: normal;
+  -moz-letter-spacing: normal;
+  -ms-letter-spacing: normal;
+  letter-spacing: normal;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+  background-image: none;
+  background-color: rgb(59,70,204);
+  border-radius: 0.25rem;
+  border: solid 0.0625rem rgb(45,56,132);
+  color: rgb(70,70,70);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+  cursor: not-allowed;
+  pointer-events: none;
+  color: rgb(216,216,216);
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  font-weight: 500;
+}
+
+.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);
+}
+
+.c31 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c31 svg {
+  max-height: 1.125rem;
+}
+
+.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;
+  line-height: normal;
+  -webkit-letter-spacing: normal;
+  -moz-letter-spacing: normal;
+  -ms-letter-spacing: normal;
+  letter-spacing: normal;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+  background-image: none;
+  background-color: rgb(59,70,204);
+  border-radius: 0.25rem;
+  border: solid 0.0625rem rgb(45,56,132);
+  color: rgb(70,70,70);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+  color: rgb(210,67,58);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(210,67,58);
+  cursor: not-allowed;
+  pointer-events: none;
+  color: rgb(216,216,216);
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+  padding: 0.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;
+}
+
+.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 {
+  color: rgb(205,37,27);
+  background-color: rgb(255,255,255);
+  border-color: rgb(205,37,27);
+}
+
+.c33:hover {
+  color: rgb(205,37,27);
+  background-color: rgb(255,255,255);
+  border-color: rgb(205,37,27);
+}
+
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
+  background-color: rgba(210,67,58,0.1);
+  border-color: rgb(205,37,27);
+}
+
+.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);
+}
+
+.c33 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c33 svg {
+  max-height: 1.125rem;
+}
+
+.c34 {
+  box-sizing: border-box;
+  display: inline-block;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  min-height: 3rem;
+  height: 3rem;
+  min-width: 7.5rem;
+  padding: 0.9375rem 1.125rem;
+  position: relative;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+  font-size: 0.9375rem;
+  text-align: center;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-letter-spacing: normal;
+  -moz-letter-spacing: normal;
+  -ms-letter-spacing: normal;
+  letter-spacing: normal;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+  background-image: none;
+  background-color: rgb(59,70,204);
+  border-radius: 0.25rem;
+  border: solid 0.0625rem rgb(45,56,132);
+  color: rgb(70,70,70);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+  color: rgb(210,67,58);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(210,67,58);
+  cursor: not-allowed;
+  pointer-events: none;
+  color: rgb(216,216,216);
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  font-weight: 500;
+  float: right;
+}
+
+.c34:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c34:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c34:active,
+.c34:active:hover,
+.c34:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c34[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c34:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c34:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c34:active,
+.c34:active:hover,
+.c34:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c34:focus {
+  color: rgb(205,37,27);
+  background-color: rgb(255,255,255);
+  border-color: rgb(205,37,27);
+}
+
+.c34:hover {
+  color: rgb(205,37,27);
+  background-color: rgb(255,255,255);
+  border-color: rgb(205,37,27);
+}
+
+.c34:active,
+.c34:active:hover,
+.c34:active:focus {
+  background-color: rgba(210,67,58,0.1);
+  border-color: rgb(205,37,27);
+}
+
+.c34:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+}
+
+.c34:hover {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c34:active,
+.c34:active:hover,
+.c34:active:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c34 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c34 svg {
+  max-height: 1.125rem;
+}
+
+.c15 {
   width: 0.9375rem;
   height: 0.9375rem;
   border-radius: 50%;
@@ -7758,7 +7849,2274 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   margin-left: 0rem;
 }
 
+.c13 {
+  font-size: 0.9375rem;
+  line-height: 1.125rem;
+  font-style: normal;
+  font-stretch: normal;
+  display: block;
+  color: rgb(70,70,70);
+  text-align: left;
+  margin-bottom: 0.1875rem;
+}
+
+.c38 {
+  font-size: 0.9375rem;
+  line-height: 1.125rem;
+  font-style: normal;
+  font-stretch: normal;
+  display: block;
+  color: rgb(70,70,70);
+  text-align: left;
+  margin-bottom: 0.1875rem;
+  margin-right: 0.75rem;
+  font-weight: 600;
+  white-space: pre;
+  font-size: 0.8125rem;
+}
+
+.c7 {
+  color: rgb(73,73,73);
+  font-weight: normal;
+  line-height: 1.875rem;
+  font-size: 1.5rem;
+  margin: 0;
+}
+
+.c7 + p,
+.c7 + small,
+.c7 + h1,
+.c7 + h2,
+.c7 + label,
+.c7 + h3,
+.c7 + h4,
+.c7 + h5,
+.c7 + div,
+.c7 + span {
+  margin-top: 1.5rem;
+}
+
+.c36 {
+  background-color: rgb(216,216,216);
+  margin: 0;
+  height: 0.0625rem;
+}
+
+.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: 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);
+  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;
+  margin-bottom: 0;
+  background-color: transparent;
+}
+
+.c3 > [name='card']:not(:last-child) {
+  margin-bottom: 0.8125rem;
+}
+
+.c3 > [name='card']:last-child {
+  margin-bottom: 0.4375rem;
+}
+
+.c40 {
+  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;
+}
+
+.c40:focus {
+  border-color: rgb(59,70,204);
+  outline: 0;
+}
+
+.c40::-webkit-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c40::-moz-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c40:-ms-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c40:invalid {
+  box-shadow: none;
+}
+
+.c40:disabled {
+  background-color: rgb(250,250,250);
+  color: rgb(216,216,216);
+  cursor: not-allowed;
+}
+
+.c40:disabled::-webkit-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c40:disabled::-moz-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c40:disabled:-ms-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c40:disabled {
+  color: rgb(73,73,73);
+}
+
+.c40:disabled::-webkit-input-placeholder {
+  color: rgb(73,73,73);
+}
+
+.c40:disabled::-moz-placeholder {
+  color: rgb(73,73,73);
+}
+
+.c40:disabled:-ms-input-placeholder {
+  color: rgb(73,73,73);
+}
+
+.c42 {
+  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%;
+}
+
+.c42:focus {
+  border-color: rgb(59,70,204);
+  outline: 0;
+}
+
+.c42::-webkit-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c42::-moz-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c42:-ms-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c42:invalid {
+  box-shadow: none;
+}
+
+.c42:disabled {
+  background-color: rgb(250,250,250);
+  color: rgb(216,216,216);
+  cursor: not-allowed;
+}
+
+.c42:disabled::-webkit-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c42:disabled::-moz-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c42:disabled:-ms-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c42:disabled {
+  color: rgb(73,73,73);
+}
+
+.c42:disabled::-webkit-input-placeholder {
+  color: rgb(73,73,73);
+}
+
+.c42:disabled::-moz-placeholder {
+  color: rgb(73,73,73);
+}
+
+.c42:disabled:-ms-input-placeholder {
+  color: rgb(73,73,73);
+}
+
+.c39 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  margin-bottom: 0.625rem;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.c39 input {
+  padding-right: 1.875rem;
+}
+
+.c39 div {
+  position: relative;
+  left: -1.625rem;
+}
+
+.c17 {
+  opacity: 0.5;
+  padding-right: 0.1875rem;
+}
+
+.c12 {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.c8 {
+  -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;
+}
+
+.c9 {
+  cursor: pointer;
+}
+
+.c14 {
+  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;
+}
+
+@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) {
+  .c18 {
+    -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) {
+  .c19 {
+    -webkit-flex-basis: 75%;
+    -ms-flex-preferred-size: 75%;
+    flex-basis: 75%;
+    max-width: 75%;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c32 {
+    -webkit-flex-basis: 25%;
+    -ms-flex-preferred-size: 25%;
+    flex-basis: 25%;
+    max-width: 25%;
+  }
+}
+
+@media only screen and (min-width:0em) {
+  .c37 {
+    -webkit-flex-basis: 100%;
+    -ms-flex-preferred-size: 100%;
+    flex-basis: 100%;
+    max-width: 100%;
+  }
+}
+
+@media only screen and (min-width:64em) {
+  .c37 {
+    -webkit-flex-basis: 58.333333333333336%;
+    -ms-flex-preferred-size: 58.333333333333336%;
+    flex-basis: 58.333333333333336%;
+    max-width: 58.333333333333336%;
+  }
+}
+
+@media (max-width:47.9375rem) {
+  .c8 {
+    display: block;
+  }
+}
+
+@media (max-width:47.9375rem) {
+  .c14 {
+    display: none;
+  }
+}
+
+<div
+  className="c0"
+>
+  <div
+    className="c1"
+  >
+    <div
+      className="c2"
+      disabled={false}
+      name="card"
+    >
+      <div
+        className="c3"
+        name="card-outlet"
+      >
+        <div
+          className="c4"
+        >
+          <div
+            className="c5"
+          >
+            <div
+              className="c6"
+            >
+              <h2
+                className="c7"
+              >
+                <div
+                  className="c8"
+                >
+                  <div
+                    className="c9 c10"
+                    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
+            className="c11"
+          >
+            <div
+              className="c8"
+            >
+              <label
+                className="c12 c13"
+              >
+                Custom Image
+              </label>
+              <div
+                className="c14"
+              />
+              <label
+                className="c12 c13"
+              >
+                Hardware virtual machine
+              </label>
+              <div
+                className="c14"
+              />
+              <label
+                className="c12 c13"
+              />
+              <div
+                className="c14"
+              />
+              <div
+                className="c8"
+              >
+                <span
+                  className="c15"
+                  color={undefined}
+                  size="0.9375rem"
+                />
+                
+              </div>
+            </div>
+            <div
+              className="c16"
+            >
+              <div
+                className="c8"
+              >
+                <div
+                  className="c8"
+                >
+                  <label
+                    className="c17 c13"
+                  >
+                    Created: 
+                  </label>
+                  <label
+                    className="c13"
+                  >
+                     
+                    almost NaN years
+                     ago
+                  </label>
+                </div>
+                <div
+                  className="c14"
+                />
+                <div
+                  className="c8"
+                >
+                  <label
+                    className="c17 c13"
+                  >
+                    Updated: 
+                  </label>
+                  <label
+                    className="c13"
+                  >
+                     
+                    almost NaN years
+                     ago
+                  </label>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            className="c18"
+          >
+            <div
+              className="c19"
+            >
+              <a
+                className="c20 c21 c22 c23"
+                data-ui-button="true"
+                href="http://localhost/images/~create/undefined"
+                icon={true}
+                rel="noopener noreferrer"
+                target="__blank"
+              >
+                <div
+                  className="c24"
+                >
+                  <svg
+                    className=""
+                    height="20"
+                    innerRef={undefined}
+                    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)"
+              >
+                <button
+                  className="c25 c21 c26"
+                  data-ui-button="true"
+                  disabled={true}
+                  href=""
+                  icon={true}
+                  onClick={[Function]}
+                  type="button"
+                >
+                  <div
+                    className="c27"
+                  >
+                    <svg
+                      height="10"
+                      width="28"
+                    >
+                      <rect
+                        className="c28"
+                        height="6"
+                        width="6"
+                        x="2"
+                        y="2"
+                      />
+                      <rect
+                        className="c29"
+                        height="6"
+                        width="6"
+                        x="11"
+                        y="2"
+                      />
+                      <rect
+                        className="c30"
+                        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="c31 c21 c26"
+                  data-ui-button="true"
+                  disabled={true}
+                  href=""
+                  icon={true}
+                  onClick={[Function]}
+                  type="button"
+                >
+                  <div
+                    className="c27"
+                  >
+                    <svg
+                      height="10"
+                      width="28"
+                    >
+                      <rect
+                        className="c28"
+                        height="6"
+                        width="6"
+                        x="2"
+                        y="2"
+                      />
+                      <rect
+                        className="c29"
+                        height="6"
+                        width="6"
+                        x="11"
+                        y="2"
+                      />
+                      <rect
+                        className="c30"
+                        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="c25 c21 c26"
+                  data-ui-button="true"
+                  disabled={true}
+                  href=""
+                  icon={true}
+                  onClick={[Function]}
+                  type="button"
+                >
+                  <div
+                    className="c27"
+                  >
+                    <svg
+                      height="10"
+                      width="28"
+                    >
+                      <rect
+                        className="c28"
+                        height="6"
+                        width="6"
+                        x="2"
+                        y="2"
+                      />
+                      <rect
+                        className="c29"
+                        height="6"
+                        width="6"
+                        x="11"
+                        y="2"
+                      />
+                      <rect
+                        className="c30"
+                        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="c31 c21 c26"
+                  data-ui-button="true"
+                  disabled={true}
+                  href=""
+                  icon={true}
+                  onClick={[Function]}
+                  type="button"
+                >
+                  <div
+                    className="c27"
+                  >
+                    <svg
+                      height="10"
+                      width="28"
+                    >
+                      <rect
+                        className="c28"
+                        height="6"
+                        width="6"
+                        x="2"
+                        y="2"
+                      />
+                      <rect
+                        className="c29"
+                        height="6"
+                        width="6"
+                        x="11"
+                        y="2"
+                      />
+                      <rect
+                        className="c30"
+                        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="c25 c21 c26"
+                  data-ui-button="true"
+                  disabled={true}
+                  href=""
+                  icon={true}
+                  onClick={[Function]}
+                  type="button"
+                >
+                  <div
+                    className="c27"
+                  >
+                    <svg
+                      height="10"
+                      width="28"
+                    >
+                      <rect
+                        className="c28"
+                        height="6"
+                        width="6"
+                        x="2"
+                        y="2"
+                      />
+                      <rect
+                        className="c29"
+                        height="6"
+                        width="6"
+                        x="11"
+                        y="2"
+                      />
+                      <rect
+                        className="c30"
+                        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="c31 c21 c26"
+                  data-ui-button="true"
+                  disabled={true}
+                  href=""
+                  icon={true}
+                  onClick={[Function]}
+                  type="button"
+                >
+                  <div
+                    className="c27"
+                  >
+                    <svg
+                      height="10"
+                      width="28"
+                    >
+                      <rect
+                        className="c28"
+                        height="6"
+                        width="6"
+                        x="2"
+                        y="2"
+                      />
+                      <rect
+                        className="c29"
+                        height="6"
+                        width="6"
+                        x="11"
+                        y="2"
+                      />
+                      <rect
+                        className="c30"
+                        height="6"
+                        width="6"
+                        x="20"
+                        y="2"
+                      />
+                    </svg>
+                  </div>
+                </button>
+              </span>
+            </div>
+            <div
+              className="c32"
+            >
+              <span
+                name="react-responsive-mock"
+                query="only screen and (max-width: 47.9375rem)"
+              >
+                <button
+                  className="c33 c21 c26"
+                  data-ui-button="true"
+                  disabled={true}
+                  href=""
+                  icon={true}
+                  onClick={[Function]}
+                  type="button"
+                >
+                  <div
+                    className="c27"
+                  >
+                    <svg
+                      height="10"
+                      width="28"
+                    >
+                      <rect
+                        className="c28"
+                        height="6"
+                        width="6"
+                        x="2"
+                        y="2"
+                      />
+                      <rect
+                        className="c29"
+                        height="6"
+                        width="6"
+                        x="11"
+                        y="2"
+                      />
+                      <rect
+                        className="c30"
+                        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="c34 c21 c26"
+                  data-ui-button="true"
+                  disabled={true}
+                  href=""
+                  icon={true}
+                  onClick={[Function]}
+                  type="button"
+                >
+                  <div
+                    className="c27"
+                  >
+                    <svg
+                      height="10"
+                      width="28"
+                    >
+                      <rect
+                        className="c28"
+                        height="6"
+                        width="6"
+                        x="2"
+                        y="2"
+                      />
+                      <rect
+                        className="c29"
+                        height="6"
+                        width="6"
+                        x="11"
+                        y="2"
+                      />
+                      <rect
+                        className="c30"
+                        height="6"
+                        width="6"
+                        x="20"
+                        y="2"
+                      />
+                    </svg>
+                  </div>
+                </button>
+              </span>
+            </div>
+          </div>
+          <div
+            className="c35"
+          >
+            <div
+              className="c36 c0"
+              height="0.0625rem"
+            />
+          </div>
+          <div
+            className="c0"
+          >
+            <div
+              className="c37"
+            >
+              <label
+                className="c38"
+                htmlFor=""
+              >
+                Short ID
+              </label>
+              <div
+                className="c39"
+              >
+                <input
+                  className="c40"
+                  disabled={false}
+                  id=""
+                  onBlur={null}
+                  value=""
+                />
+                <div
+                  onClick={undefined}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
+                  style={
+                    Object {
+                      "display": "inline-block",
+                    }
+                  }
+                >
+                  <svg
+                    className="c41"
+                    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
+            className="c0"
+          >
+            <div
+              className="c37"
+            >
+              <label
+                className="c38"
+                htmlFor=""
+              >
+                ID
+              </label>
+              <div
+                className="c39"
+              >
+                <input
+                  className="c40"
+                  disabled={false}
+                  id=""
+                  onBlur={null}
+                  value={undefined}
+                />
+                <div
+                  onClick={undefined}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
+                  style={
+                    Object {
+                      "display": "inline-block",
+                    }
+                  }
+                >
+                  <svg
+                    className="c41"
+                    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
+            className="c0"
+          >
+            <div
+              className="c37"
+            >
+              <label
+                className="c38"
+                htmlFor=""
+              >
+                CN UUID
+              </label>
+              <div
+                className="c39"
+              >
+                <input
+                  className="c40"
+                  disabled={false}
+                  id=""
+                  onBlur={null}
+                  value={undefined}
+                />
+                <div
+                  onClick={undefined}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
+                  style={
+                    Object {
+                      "display": "inline-block",
+                    }
+                  }
+                >
+                  <svg
+                    className="c41"
+                    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
+            className="c0"
+          >
+            <div
+              className="c37"
+            >
+              <label
+                className="c38"
+                htmlFor=""
+              >
+                Login
+              </label>
+              <div
+                className="c39"
+              >
+                <input
+                  className="c42"
+                  disabled={false}
+                  id=""
+                  onBlur={null}
+                  value="ssh root@undefined"
+                />
+                <div
+                  onClick={undefined}
+                  onMouseEnter={[Function]}
+                  onMouseLeave={[Function]}
+                  style={
+                    Object {
+                      "display": "inline-block",
+                    }
+                  }
+                >
+                  <svg
+                    className="c41"
+                    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>
+`;
+
+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;
+}
+
+.c18 {
+  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;
+}
+
+.c19 {
+  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;
+}
+
+.c30 {
+  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;
+}
+
+.c35 {
+  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 {
+  margin-left: 0.75rem;
+}
+
 .c11 {
+  margin-top: 0.75rem;
+  margin-bottom: 1.125rem;
+}
+
+.c16 {
+  margin-top: 0.375rem;
+}
+
+.c33 {
+  margin-top: 1.5rem;
+  margin-bottom: 1.875rem;
+}
+
+.c4 {
+  padding: 1.5rem;
+}
+
+.c24 {
+  padding-top: 0.1875rem;
+}
+
+.c23 {
+  background-color: transparent;
+  -webkit-text-decoration-skip: objects;
+  text-decoration-skip: objects;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+}
+
+.c26 {
+  font-family: sans-serif;
+  font-size: 100%;
+  line-height: 1.15;
+  margin: 0;
+  overflow: visible;
+  text-transform: none;
+  -webkit-appearance: button;
+  -moz-appearance: button;
+  appearance: button;
+  min-width: 7.5rem;
+}
+
+.c26::-moz-focus-inner,
+.c26[type='button']::-moz-focus-inner,
+.c26[type='reset']::-moz-focus-inner,
+.c26[type='submit']::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+.c26:-moz-focusring,
+.c26[type='button']:-moz-focusring,
+.c26[type='reset']:-moz-focusring,
+.c26[type='submit']:-moz-focusring {
+  outline: 0.0625rem dotted ButtonText;
+}
+
+.c26 + button,
+.c26 + a {
+  margin-left: 0.375rem;
+}
+
+.c22 {
+  color: rgb(59,70,204);
+  -webkit-text-fill-color: currentcolor;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+}
+
+.c22:hover {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.c39 {
+  cursor: pointer;
+}
+
+.c21 {
+  display: inline-block;
+}
+
+.c21 + button,
+.c21 + a {
+  margin-left: 0.375rem;
+}
+
+.c20 {
+  box-sizing: border-box;
+  display: inline-block;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  min-height: 3rem;
+  height: 3rem;
+  min-width: 7.5rem;
+  padding: 0.9375rem 1.125rem;
+  position: relative;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+  font-size: 0.9375rem;
+  text-align: center;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-letter-spacing: normal;
+  -moz-letter-spacing: normal;
+  -ms-letter-spacing: normal;
+  letter-spacing: normal;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+  background-image: none;
+  background-color: rgb(59,70,204);
+  border-radius: 0.25rem;
+  border: solid 0.0625rem rgb(45,56,132);
+  color: rgb(70,70,70);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+  padding: 0.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;
+}
+
+.c20:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c20:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c20:active,
+.c20:active:hover,
+.c20:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c20[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c20:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c20:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c20:active,
+.c20:active:hover,
+.c20:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c20 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c20 svg {
+  max-height: 1.125rem;
+}
+
+.c25 {
+  box-sizing: border-box;
+  display: inline-block;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  min-height: 3rem;
+  height: 3rem;
+  min-width: 7.5rem;
+  padding: 0.9375rem 1.125rem;
+  position: relative;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+  font-size: 0.9375rem;
+  text-align: center;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-letter-spacing: normal;
+  -moz-letter-spacing: normal;
+  -ms-letter-spacing: normal;
+  letter-spacing: normal;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+  background-image: none;
+  background-color: rgb(59,70,204);
+  border-radius: 0.25rem;
+  border: solid 0.0625rem rgb(45,56,132);
+  color: rgb(70,70,70);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+  cursor: not-allowed;
+  pointer-events: none;
+  color: rgb(216,216,216);
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+  padding: 0.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;
+}
+
+.c25:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c25:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c25:active,
+.c25:active:hover,
+.c25:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c25[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c25:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c25:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c25:active,
+.c25:active:hover,
+.c25:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c25:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+}
+
+.c25:hover {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c25:active,
+.c25:active:hover,
+.c25:active:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c25 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c25 svg {
+  max-height: 1.125rem;
+}
+
+.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;
+  line-height: normal;
+  -webkit-letter-spacing: normal;
+  -moz-letter-spacing: normal;
+  -ms-letter-spacing: normal;
+  letter-spacing: normal;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+  background-image: none;
+  background-color: rgb(59,70,204);
+  border-radius: 0.25rem;
+  border: solid 0.0625rem rgb(45,56,132);
+  color: rgb(70,70,70);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+  cursor: not-allowed;
+  pointer-events: none;
+  color: rgb(216,216,216);
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  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);
+}
+
+.c27 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c27 svg {
+  max-height: 1.125rem;
+}
+
+.c28 {
+  box-sizing: border-box;
+  display: inline-block;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  min-height: 3rem;
+  height: 3rem;
+  min-width: 7.5rem;
+  padding: 0.9375rem 1.125rem;
+  position: relative;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+  font-size: 0.9375rem;
+  text-align: center;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-letter-spacing: normal;
+  -moz-letter-spacing: normal;
+  -ms-letter-spacing: normal;
+  letter-spacing: normal;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+  background-image: none;
+  background-color: rgb(59,70,204);
+  border-radius: 0.25rem;
+  border: solid 0.0625rem rgb(45,56,132);
+  color: rgb(70,70,70);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+  padding: 0.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;
+}
+
+.c28:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c28:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c28:active,
+.c28:active:hover,
+.c28:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c28[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c28:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c28:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c28:active,
+.c28:active:hover,
+.c28:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c28 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c28 svg {
+  max-height: 1.125rem;
+}
+
+.c29 {
+  box-sizing: border-box;
+  display: inline-block;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  min-height: 3rem;
+  height: 3rem;
+  min-width: 7.5rem;
+  padding: 0.9375rem 1.125rem;
+  position: relative;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+  font-size: 0.9375rem;
+  text-align: center;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-letter-spacing: normal;
+  -moz-letter-spacing: normal;
+  -ms-letter-spacing: normal;
+  letter-spacing: normal;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+  background-image: none;
+  background-color: rgb(59,70,204);
+  border-radius: 0.25rem;
+  border: solid 0.0625rem rgb(45,56,132);
+  color: rgb(70,70,70);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  font-weight: 500;
+}
+
+.c29:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c29:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.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);
+}
+
+.c29[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c29:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c29:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c29:active,
+.c29:active:hover,
+.c29:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c29 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c29 svg {
+  max-height: 1.125rem;
+}
+
+.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;
+  line-height: normal;
+  -webkit-letter-spacing: normal;
+  -moz-letter-spacing: normal;
+  -ms-letter-spacing: normal;
+  letter-spacing: normal;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+  background-image: none;
+  background-color: rgb(59,70,204);
+  border-radius: 0.25rem;
+  border: solid 0.0625rem rgb(45,56,132);
+  color: rgb(70,70,70);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+  color: rgb(210,67,58);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(210,67,58);
+  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;
+}
+
+.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 {
+  color: rgb(205,37,27);
+  background-color: rgb(255,255,255);
+  border-color: rgb(205,37,27);
+}
+
+.c31:hover {
+  color: rgb(205,37,27);
+  background-color: rgb(255,255,255);
+  border-color: rgb(205,37,27);
+}
+
+.c31:active,
+.c31:active:hover,
+.c31:active:focus {
+  background-color: rgba(210,67,58,0.1);
+  border-color: rgb(205,37,27);
+}
+
+.c31 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c31 svg {
+  max-height: 1.125rem;
+}
+
+.c32 {
+  box-sizing: border-box;
+  display: inline-block;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  min-height: 3rem;
+  height: 3rem;
+  min-width: 7.5rem;
+  padding: 0.9375rem 1.125rem;
+  position: relative;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+  font-size: 0.9375rem;
+  text-align: center;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-letter-spacing: normal;
+  -moz-letter-spacing: normal;
+  -ms-letter-spacing: normal;
+  letter-spacing: normal;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+  background-image: none;
+  background-color: rgb(59,70,204);
+  border-radius: 0.25rem;
+  border: solid 0.0625rem rgb(45,56,132);
+  color: rgb(70,70,70);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+  color: rgb(210,67,58);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(210,67,58);
+  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;
+}
+
+.c32:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c32:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c32:active,
+.c32:active:hover,
+.c32:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c32[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c32:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c32:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c32:active,
+.c32:active:hover,
+.c32:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c32:focus {
+  color: rgb(205,37,27);
+  background-color: rgb(255,255,255);
+  border-color: rgb(205,37,27);
+}
+
+.c32:hover {
+  color: rgb(205,37,27);
+  background-color: rgb(255,255,255);
+  border-color: rgb(205,37,27);
+}
+
+.c32:active,
+.c32:active:hover,
+.c32:active:focus {
+  background-color: rgba(210,67,58,0.1);
+  border-color: rgb(205,37,27);
+}
+
+.c32 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c32 svg {
+  max-height: 1.125rem;
+}
+
+.c15 {
+  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;
+}
+
+.c13 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-style: normal;
@@ -8055,18 +10413,18 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   left: -1.625rem;
 }
 
-.c15 {
+.c17 {
   opacity: 0.5;
   padding-right: 0.1875rem;
 }
 
-.c10 {
+.c12 {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
 
-.c9 {
+.c8 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -8081,7 +10439,11 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   justify-content: flex-start;
 }
 
-.c12 {
+.c9 {
+  cursor: pointer;
+}
+
+.c14 {
   width: 0.0625rem;
   background: rgb(216,216,216);
   height: 1.5rem;
@@ -8105,7 +10467,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
 }
 
 @media only screen and (min-width:0em) {
-  .c16 {
+  .c18 {
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
@@ -8150,7 +10512,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
 }
 
 @media only screen and (min-width:0em) {
-  .c17 {
+  .c19 {
     -webkit-flex-basis: 75%;
     -ms-flex-preferred-size: 75%;
     flex-basis: 75%;
@@ -8186,13 +10548,13 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
 }
 
 @media (max-width:47.9375rem) {
-  .c9 {
+  .c8 {
     display: block;
   }
 }
 
 @media (max-width:47.9375rem) {
-  .c12 {
+  .c14 {
     display: none;
   }
 }
@@ -8223,64 +10585,85 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
             >
               <h2
                 className="c7"
-              />
+              >
+                <div
+                  className="c8"
+                >
+                  <div
+                    className="c9 c10"
+                    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
-            className="c8"
+            className="c11"
           >
             <div
-              className="c9"
+              className="c8"
             >
               <label
-                className="c10 c11"
+                className="c12 c13"
               >
                 Custom Image
               </label>
               <div
-                className="c12"
+                className="c14"
               />
               <label
-                className="c10 c11"
+                className="c12 c13"
               >
                 Hardware virtual machine
               </label>
               <div
-                className="c12"
+                className="c14"
               />
               <label
-                className="c10 c11"
+                className="c12 c13"
               />
               <div
-                className="c12"
+                className="c14"
               />
               <div
-                className="c9"
+                className="c8"
               >
                 <span
-                  className="c13"
-                  color={undefined}
+                  className="c15"
+                  color="green"
                   size="0.9375rem"
                 />
-                
+                Running
               </div>
             </div>
             <div
-              className="c14"
+              className="c16"
             >
               <div
-                className="c9"
+                className="c8"
               >
                 <div
-                  className="c9"
+                  className="c8"
                 >
                   <label
-                    className="c15 c11"
+                    className="c17 c13"
                   >
                     Created: 
                   </label>
                   <label
-                    className="c11"
+                    className="c13"
                   >
                      
                     almost NaN years
@@ -8288,18 +10671,18 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                   </label>
                 </div>
                 <div
-                  className="c12"
+                  className="c14"
                 />
                 <div
-                  className="c9"
+                  className="c8"
                 >
                   <label
-                    className="c15 c11"
+                    className="c17 c13"
                   >
                     Updated: 
                   </label>
                   <label
-                    className="c11"
+                    className="c13"
                   >
                      
                     almost NaN years
@@ -8310,13 +10693,13 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
             </div>
           </div>
           <div
-            className="c16"
+            className="c18"
           >
             <div
-              className="c17"
+              className="c19"
             >
               <a
-                className="c18 c19 c20 c21"
+                className="c20 c21 c22 c23"
                 data-ui-button="true"
                 href="http://localhost/images/~create/undefined"
                 icon={true}
@@ -8324,7 +10707,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                 target="__blank"
               >
                 <div
-                  className="c22"
+                  className="c24"
                 >
                   <svg
                     className=""
@@ -8351,7 +10734,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                 query="only screen and (max-width: 47.9375rem)"
               >
                 <button
-                  className="c23 c19 c24"
+                  className="c25 c21 c26"
                   data-ui-button="true"
                   disabled={true}
                   href=""
@@ -8359,36 +10742,24 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                   onClick={[Function]}
                   type="button"
                 >
-                  <div
-                    className="c25"
+                  <svg
+                    className=""
+                    height="14"
+                    innerRef={undefined}
+                    style={
+                      Object {
+                        "transform": "rotate(0deg)",
+                      }
+                    }
+                    viewBox="0 0 13.36 14"
+                    width="13.36"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <svg
-                      height="10"
-                      width="28"
-                    >
-                      <rect
-                        className="c26"
-                        height="6"
-                        width="6"
-                        x="2"
-                        y="2"
-                      />
-                      <rect
-                        className="c27"
-                        height="6"
-                        width="6"
-                        x="11"
-                        y="2"
-                      />
-                      <rect
-                        className="c28"
-                        height="6"
-                        width="6"
-                        x="20"
-                        y="2"
-                      />
-                    </svg>
-                  </div>
+                    <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
@@ -8396,7 +10767,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                 query="only screen and (min-width: 48rem)"
               >
                 <button
-                  className="c29 c19 c24"
+                  className="c27 c21 c26"
                   data-ui-button="true"
                   disabled={true}
                   href=""
@@ -8404,36 +10775,27 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                   onClick={[Function]}
                   type="button"
                 >
-                  <div
-                    className="c25"
+                  <svg
+                    className=""
+                    height="14"
+                    innerRef={undefined}
+                    style={
+                      Object {
+                        "transform": "rotate(0deg)",
+                      }
+                    }
+                    viewBox="0 0 13.36 14"
+                    width="13.36"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <svg
-                      height="10"
-                      width="28"
-                    >
-                      <rect
-                        className="c26"
-                        height="6"
-                        width="6"
-                        x="2"
-                        y="2"
-                      />
-                      <rect
-                        className="c27"
-                        height="6"
-                        width="6"
-                        x="11"
-                        y="2"
-                      />
-                      <rect
-                        className="c28"
-                        height="6"
-                        width="6"
-                        x="20"
-                        y="2"
-                      />
-                    </svg>
-                  </div>
+                    <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
@@ -8441,44 +10803,32 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                 query="only screen and (max-width: 47.9375rem)"
               >
                 <button
-                  className="c23 c19 c24"
+                  className="c28 c21 c26"
                   data-ui-button="true"
-                  disabled={true}
+                  disabled={false}
                   href=""
                   icon={true}
                   onClick={[Function]}
                   type="button"
                 >
-                  <div
-                    className="c25"
+                  <svg
+                    className=""
+                    height="14"
+                    innerRef={undefined}
+                    style={
+                      Object {
+                        "transform": "rotate(0deg)",
+                      }
+                    }
+                    viewBox="0 0 14 14"
+                    width="14"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <svg
-                      height="10"
-                      width="28"
-                    >
-                      <rect
-                        className="c26"
-                        height="6"
-                        width="6"
-                        x="2"
-                        y="2"
-                      />
-                      <rect
-                        className="c27"
-                        height="6"
-                        width="6"
-                        x="11"
-                        y="2"
-                      />
-                      <rect
-                        className="c28"
-                        height="6"
-                        width="6"
-                        x="20"
-                        y="2"
-                      />
-                    </svg>
-                  </div>
+                    <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>
                 </button>
               </span>
               <span
@@ -8486,44 +10836,35 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                 query="only screen and (min-width: 48rem)"
               >
                 <button
-                  className="c29 c19 c24"
+                  className="c29 c21 c26"
                   data-ui-button="true"
-                  disabled={true}
+                  disabled={false}
                   href=""
                   icon={true}
                   onClick={[Function]}
                   type="button"
                 >
-                  <div
-                    className="c25"
+                  <svg
+                    className=""
+                    height="14"
+                    innerRef={undefined}
+                    style={
+                      Object {
+                        "transform": "rotate(0deg)",
+                      }
+                    }
+                    viewBox="0 0 14 14"
+                    width="14"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <svg
-                      height="10"
-                      width="28"
-                    >
-                      <rect
-                        className="c26"
-                        height="6"
-                        width="6"
-                        x="2"
-                        y="2"
-                      />
-                      <rect
-                        className="c27"
-                        height="6"
-                        width="6"
-                        x="11"
-                        y="2"
-                      />
-                      <rect
-                        className="c28"
-                        height="6"
-                        width="6"
-                        x="20"
-                        y="2"
-                      />
-                    </svg>
-                  </div>
+                    <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>
+                  <span>
+                    Stop
+                  </span>
                 </button>
               </span>
               <span
@@ -8531,44 +10872,48 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                 query="only screen and (max-width: 47.9375rem)"
               >
                 <button
-                  className="c23 c19 c24"
+                  className="c28 c21 c26"
                   data-ui-button="true"
-                  disabled={true}
+                  disabled={false}
                   href=""
                   icon={true}
                   onClick={[Function]}
                   type="button"
                 >
-                  <div
-                    className="c25"
+                  <svg
+                    className=""
+                    height="21"
+                    innerRef={undefined}
+                    style={
+                      Object {
+                        "transform": "rotate(0deg)",
+                      }
+                    }
+                    version="1.1"
+                    viewBox="0 0 20 21"
+                    width="20"
+                    xmlns="http://www.w3.org/2000/svg"
+                    xmlnsXlink="http://www.w3.org/1999/xlink"
                   >
-                    <svg
-                      height="10"
-                      width="28"
+                    <g
+                      transform="translate(17997 -18577)"
                     >
-                      <rect
-                        className="c26"
-                        height="6"
-                        width="6"
-                        x="2"
-                        y="2"
+                      <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"
                       />
-                      <rect
-                        className="c27"
-                        height="6"
-                        width="6"
-                        x="11"
-                        y="2"
-                      />
-                      <rect
-                        className="c28"
-                        height="6"
-                        width="6"
-                        x="20"
-                        y="2"
-                      />
-                    </svg>
-                  </div>
+                    </defs>
+                  </svg>
                 </button>
               </span>
               <span
@@ -8576,44 +10921,51 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                 query="only screen and (min-width: 48rem)"
               >
                 <button
-                  className="c29 c19 c24"
+                  className="c29 c21 c26"
                   data-ui-button="true"
-                  disabled={true}
+                  disabled={false}
                   href=""
                   icon={true}
                   onClick={[Function]}
                   type="button"
                 >
-                  <div
-                    className="c25"
+                  <svg
+                    className=""
+                    height="21"
+                    innerRef={undefined}
+                    style={
+                      Object {
+                        "transform": "rotate(0deg)",
+                      }
+                    }
+                    version="1.1"
+                    viewBox="0 0 20 21"
+                    width="20"
+                    xmlns="http://www.w3.org/2000/svg"
+                    xmlnsXlink="http://www.w3.org/1999/xlink"
                   >
-                    <svg
-                      height="10"
-                      width="28"
+                    <g
+                      transform="translate(17997 -18577)"
                     >
-                      <rect
-                        className="c26"
-                        height="6"
-                        width="6"
-                        x="2"
-                        y="2"
+                      <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"
                       />
-                      <rect
-                        className="c27"
-                        height="6"
-                        width="6"
-                        x="11"
-                        y="2"
-                      />
-                      <rect
-                        className="c28"
-                        height="6"
-                        width="6"
-                        x="20"
-                        y="2"
-                      />
-                    </svg>
-                  </div>
+                    </defs>
+                  </svg>
+                  <span>
+                    Reboot
+                  </span>
                 </button>
               </span>
             </div>
@@ -8625,44 +10977,32 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                 query="only screen and (max-width: 47.9375rem)"
               >
                 <button
-                  className="c31 c19 c24"
+                  className="c31 c21 c26"
                   data-ui-button="true"
-                  disabled={true}
+                  disabled={false}
                   href=""
                   icon={true}
                   onClick={[Function]}
                   type="button"
                 >
-                  <div
-                    className="c25"
+                  <svg
+                    className=""
+                    height="16"
+                    innerRef={undefined}
+                    style={
+                      Object {
+                        "transform": "rotate(0deg)",
+                      }
+                    }
+                    viewBox="0 0 12 16"
+                    width="12"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <svg
-                      height="10"
-                      width="28"
-                    >
-                      <rect
-                        className="c26"
-                        height="6"
-                        width="6"
-                        x="2"
-                        y="2"
-                      />
-                      <rect
-                        className="c27"
-                        height="6"
-                        width="6"
-                        x="11"
-                        y="2"
-                      />
-                      <rect
-                        className="c28"
-                        height="6"
-                        width="6"
-                        x="20"
-                        y="2"
-                      />
-                    </svg>
-                  </div>
+                    <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>
                 </button>
               </span>
               <span
@@ -8670,44 +11010,35 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                 query="only screen and (min-width: 48rem)"
               >
                 <button
-                  className="c32 c19 c24"
+                  className="c32 c21 c26"
                   data-ui-button="true"
-                  disabled={true}
+                  disabled={false}
                   href=""
                   icon={true}
                   onClick={[Function]}
                   type="button"
                 >
-                  <div
-                    className="c25"
+                  <svg
+                    className=""
+                    height="16"
+                    innerRef={undefined}
+                    style={
+                      Object {
+                        "transform": "rotate(0deg)",
+                      }
+                    }
+                    viewBox="0 0 12 16"
+                    width="12"
+                    xmlns="http://www.w3.org/2000/svg"
                   >
-                    <svg
-                      height="10"
-                      width="28"
-                    >
-                      <rect
-                        className="c26"
-                        height="6"
-                        width="6"
-                        x="2"
-                        y="2"
-                      />
-                      <rect
-                        className="c27"
-                        height="6"
-                        width="6"
-                        x="11"
-                        y="2"
-                      />
-                      <rect
-                        className="c28"
-                        height="6"
-                        width="6"
-                        x="20"
-                        y="2"
-                      />
-                    </svg>
-                  </div>
+                    <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>
+                  <span>
+                    Remove
+                  </span>
                 </button>
               </span>
             </div>
@@ -8947,2192 +11278,6 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
 </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;
-}
-
-.c16 {
-  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;
-}
-
-.c17 {
-  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;
-}
-
-.c28 {
-  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;
-}
-
-.c33 {
-  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;
-}
-
-.c8 {
-  margin-top: 0.75rem;
-  margin-bottom: 1.125rem;
-}
-
-.c14 {
-  margin-top: 0.375rem;
-}
-
-.c31 {
-  margin-top: 1.5rem;
-  margin-bottom: 1.875rem;
-}
-
-.c4 {
-  padding: 1.5rem;
-}
-
-.c22 {
-  padding-top: 0.1875rem;
-}
-
-.c21 {
-  background-color: transparent;
-  -webkit-text-decoration-skip: objects;
-  text-decoration-skip: objects;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-}
-
-.c24 {
-  font-family: sans-serif;
-  font-size: 100%;
-  line-height: 1.15;
-  margin: 0;
-  overflow: visible;
-  text-transform: none;
-  -webkit-appearance: button;
-  -moz-appearance: button;
-  appearance: button;
-  min-width: 7.5rem;
-}
-
-.c24::-moz-focus-inner,
-.c24[type='button']::-moz-focus-inner,
-.c24[type='reset']::-moz-focus-inner,
-.c24[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c24:-moz-focusring,
-.c24[type='button']:-moz-focusring,
-.c24[type='reset']:-moz-focusring,
-.c24[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c24 + button,
-.c24 + a {
-  margin-left: 0.375rem;
-}
-
-.c20 {
-  color: rgb(59,70,204);
-  -webkit-text-fill-color: currentcolor;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-}
-
-.c20:hover {
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.c37 {
-  cursor: pointer;
-}
-
-.c19 {
-  display: inline-block;
-}
-
-.c19 + button,
-.c19 + a {
-  margin-left: 0.375rem;
-}
-
-.c18 {
-  box-sizing: border-box;
-  display: inline-block;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  min-height: 3rem;
-  height: 3rem;
-  min-width: 7.5rem;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-size: 0.9375rem;
-  text-align: center;
-  font-style: normal;
-  font-stretch: normal;
-  line-height: normal;
-  -webkit-letter-spacing: normal;
-  -moz-letter-spacing: normal;
-  -ms-letter-spacing: normal;
-  letter-spacing: normal;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-  background-image: none;
-  background-color: rgb(59,70,204);
-  border-radius: 0.25rem;
-  border: solid 0.0625rem rgb(45,56,132);
-  color: rgb(70,70,70);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-  padding: 0.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;
-}
-
-.c18:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c18:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c18:active,
-.c18:active:hover,
-.c18:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c18[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c18:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c18:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c18:active,
-.c18:active:hover,
-.c18:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c18 svg + span {
-  margin-left: 0.75rem;
-}
-
-.c18 svg {
-  max-height: 1.125rem;
-}
-
-.c23 {
-  box-sizing: border-box;
-  display: inline-block;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  min-height: 3rem;
-  height: 3rem;
-  min-width: 7.5rem;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-size: 0.9375rem;
-  text-align: center;
-  font-style: normal;
-  font-stretch: normal;
-  line-height: normal;
-  -webkit-letter-spacing: normal;
-  -moz-letter-spacing: normal;
-  -ms-letter-spacing: normal;
-  letter-spacing: normal;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-  background-image: none;
-  background-color: rgb(59,70,204);
-  border-radius: 0.25rem;
-  border: solid 0.0625rem rgb(45,56,132);
-  color: rgb(70,70,70);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-  cursor: not-allowed;
-  pointer-events: none;
-  color: rgb(216,216,216);
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-  padding: 0.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;
-}
-
-.c23:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c23:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c23:active,
-.c23:active:hover,
-.c23:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c23[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c23:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c23:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c23:active,
-.c23:active:hover,
-.c23:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c23:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-}
-
-.c23:hover {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c23:active,
-.c23:active:hover,
-.c23:active:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c23 svg + span {
-  margin-left: 0.75rem;
-}
-
-.c23 svg {
-  max-height: 1.125rem;
-}
-
-.c25 {
-  box-sizing: border-box;
-  display: inline-block;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  min-height: 3rem;
-  height: 3rem;
-  min-width: 7.5rem;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-size: 0.9375rem;
-  text-align: center;
-  font-style: normal;
-  font-stretch: normal;
-  line-height: normal;
-  -webkit-letter-spacing: normal;
-  -moz-letter-spacing: normal;
-  -ms-letter-spacing: normal;
-  letter-spacing: normal;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-  background-image: none;
-  background-color: rgb(59,70,204);
-  border-radius: 0.25rem;
-  border: solid 0.0625rem rgb(45,56,132);
-  color: rgb(70,70,70);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-  cursor: not-allowed;
-  pointer-events: none;
-  color: rgb(216,216,216);
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  font-weight: 500;
-}
-
-.c25:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c25:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c25:active,
-.c25:active:hover,
-.c25:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c25[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c25:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c25:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c25:active,
-.c25:active:hover,
-.c25:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c25:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-}
-
-.c25:hover {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c25:active,
-.c25:active:hover,
-.c25:active:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c25 svg + span {
-  margin-left: 0.75rem;
-}
-
-.c25 svg {
-  max-height: 1.125rem;
-}
-
-.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;
-  line-height: normal;
-  -webkit-letter-spacing: normal;
-  -moz-letter-spacing: normal;
-  -ms-letter-spacing: normal;
-  letter-spacing: normal;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-  background-image: none;
-  background-color: rgb(59,70,204);
-  border-radius: 0.25rem;
-  border: solid 0.0625rem rgb(45,56,132);
-  color: rgb(70,70,70);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-  padding: 0.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;
-}
-
-.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);
-}
-
-.c26 svg + span {
-  margin-left: 0.75rem;
-}
-
-.c26 svg {
-  max-height: 1.125rem;
-}
-
-.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;
-  line-height: normal;
-  -webkit-letter-spacing: normal;
-  -moz-letter-spacing: normal;
-  -ms-letter-spacing: normal;
-  letter-spacing: normal;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-  background-image: none;
-  background-color: rgb(59,70,204);
-  border-radius: 0.25rem;
-  border: solid 0.0625rem rgb(45,56,132);
-  color: rgb(70,70,70);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  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 svg + span {
-  margin-left: 0.75rem;
-}
-
-.c27 svg {
-  max-height: 1.125rem;
-}
-
-.c29 {
-  box-sizing: border-box;
-  display: inline-block;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  min-height: 3rem;
-  height: 3rem;
-  min-width: 7.5rem;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-size: 0.9375rem;
-  text-align: center;
-  font-style: normal;
-  font-stretch: normal;
-  line-height: normal;
-  -webkit-letter-spacing: normal;
-  -moz-letter-spacing: normal;
-  -ms-letter-spacing: normal;
-  letter-spacing: normal;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-  background-image: none;
-  background-color: rgb(59,70,204);
-  border-radius: 0.25rem;
-  border: solid 0.0625rem rgb(45,56,132);
-  color: rgb(70,70,70);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-  color: rgb(210,67,58);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(210,67,58);
-  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;
-}
-
-.c29:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c29:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.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);
-}
-
-.c29[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c29:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c29:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c29:active,
-.c29:active:hover,
-.c29:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c29:focus {
-  color: rgb(205,37,27);
-  background-color: rgb(255,255,255);
-  border-color: rgb(205,37,27);
-}
-
-.c29:hover {
-  color: rgb(205,37,27);
-  background-color: rgb(255,255,255);
-  border-color: rgb(205,37,27);
-}
-
-.c29:active,
-.c29:active:hover,
-.c29:active:focus {
-  background-color: rgba(210,67,58,0.1);
-  border-color: rgb(205,37,27);
-}
-
-.c29 svg + span {
-  margin-left: 0.75rem;
-}
-
-.c29 svg {
-  max-height: 1.125rem;
-}
-
-.c30 {
-  box-sizing: border-box;
-  display: inline-block;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  min-height: 3rem;
-  height: 3rem;
-  min-width: 7.5rem;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-size: 0.9375rem;
-  text-align: center;
-  font-style: normal;
-  font-stretch: normal;
-  line-height: normal;
-  -webkit-letter-spacing: normal;
-  -moz-letter-spacing: normal;
-  -ms-letter-spacing: normal;
-  letter-spacing: normal;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-  background-image: none;
-  background-color: rgb(59,70,204);
-  border-radius: 0.25rem;
-  border: solid 0.0625rem rgb(45,56,132);
-  color: rgb(70,70,70);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-  color: rgb(210,67,58);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(210,67,58);
-  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;
-}
-
-.c30:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c30:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c30:active,
-.c30:active:hover,
-.c30:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c30[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c30:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c30:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c30:active,
-.c30:active:hover,
-.c30:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c30:focus {
-  color: rgb(205,37,27);
-  background-color: rgb(255,255,255);
-  border-color: rgb(205,37,27);
-}
-
-.c30:hover {
-  color: rgb(205,37,27);
-  background-color: rgb(255,255,255);
-  border-color: rgb(205,37,27);
-}
-
-.c30:active,
-.c30:active:hover,
-.c30:active:focus {
-  background-color: rgba(210,67,58,0.1);
-  border-color: rgb(205,37,27);
-}
-
-.c30 svg + span {
-  margin-left: 0.75rem;
-}
-
-.c30 svg {
-  max-height: 1.125rem;
-}
-
-.c13 {
-  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;
-}
-
-.c11 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-  margin-bottom: 0.1875rem;
-}
-
-.c34 {
-  font-size: 0.9375rem;
-  line-height: 1.125rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: rgb(70,70,70);
-  text-align: left;
-  margin-bottom: 0.1875rem;
-  margin-right: 0.75rem;
-  font-weight: 600;
-  white-space: pre;
-  font-size: 0.8125rem;
-}
-
-.c7 {
-  color: rgb(73,73,73);
-  font-weight: normal;
-  line-height: 1.875rem;
-  font-size: 1.5rem;
-  margin: 0;
-}
-
-.c7 + p,
-.c7 + small,
-.c7 + h1,
-.c7 + h2,
-.c7 + label,
-.c7 + h3,
-.c7 + h4,
-.c7 + h5,
-.c7 + div,
-.c7 + span {
-  margin-top: 1.5rem;
-}
-
-.c32 {
-  background-color: rgb(216,216,216);
-  margin: 0;
-  height: 0.0625rem;
-}
-
-.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: 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);
-  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;
-  margin-bottom: 0;
-  background-color: transparent;
-}
-
-.c3 > [name='card']:not(:last-child) {
-  margin-bottom: 0.8125rem;
-}
-
-.c3 > [name='card']:last-child {
-  margin-bottom: 0.4375rem;
-}
-
-.c36 {
-  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;
-}
-
-.c36:focus {
-  border-color: rgb(59,70,204);
-  outline: 0;
-}
-
-.c36::-webkit-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c36::-moz-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c36:-ms-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c36:invalid {
-  box-shadow: none;
-}
-
-.c36:disabled {
-  background-color: rgb(250,250,250);
-  color: rgb(216,216,216);
-  cursor: not-allowed;
-}
-
-.c36:disabled::-webkit-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c36:disabled::-moz-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c36:disabled:-ms-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c36:disabled {
-  color: rgb(73,73,73);
-}
-
-.c36:disabled::-webkit-input-placeholder {
-  color: rgb(73,73,73);
-}
-
-.c36:disabled::-moz-placeholder {
-  color: rgb(73,73,73);
-}
-
-.c36:disabled:-ms-input-placeholder {
-  color: rgb(73,73,73);
-}
-
-.c38 {
-  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%;
-}
-
-.c38:focus {
-  border-color: rgb(59,70,204);
-  outline: 0;
-}
-
-.c38::-webkit-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c38::-moz-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c38:-ms-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c38:invalid {
-  box-shadow: none;
-}
-
-.c38:disabled {
-  background-color: rgb(250,250,250);
-  color: rgb(216,216,216);
-  cursor: not-allowed;
-}
-
-.c38:disabled::-webkit-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c38:disabled::-moz-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c38:disabled:-ms-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c38:disabled {
-  color: rgb(73,73,73);
-}
-
-.c38:disabled::-webkit-input-placeholder {
-  color: rgb(73,73,73);
-}
-
-.c38:disabled::-moz-placeholder {
-  color: rgb(73,73,73);
-}
-
-.c38:disabled:-ms-input-placeholder {
-  color: rgb(73,73,73);
-}
-
-.c35 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  margin-bottom: 0.625rem;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c35 input {
-  padding-right: 1.875rem;
-}
-
-.c35 div {
-  position: relative;
-  left: -1.625rem;
-}
-
-.c15 {
-  opacity: 0.5;
-  padding-right: 0.1875rem;
-}
-
-.c10 {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-
-.c9 {
-  -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;
-}
-
-.c12 {
-  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;
-}
-
-@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) {
-  .c16 {
-    -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) {
-  .c17 {
-    -webkit-flex-basis: 75%;
-    -ms-flex-preferred-size: 75%;
-    flex-basis: 75%;
-    max-width: 75%;
-  }
-}
-
-@media only screen and (min-width:0em) {
-  .c28 {
-    -webkit-flex-basis: 25%;
-    -ms-flex-preferred-size: 25%;
-    flex-basis: 25%;
-    max-width: 25%;
-  }
-}
-
-@media only screen and (min-width:0em) {
-  .c33 {
-    -webkit-flex-basis: 100%;
-    -ms-flex-preferred-size: 100%;
-    flex-basis: 100%;
-    max-width: 100%;
-  }
-}
-
-@media only screen and (min-width:64em) {
-  .c33 {
-    -webkit-flex-basis: 58.333333333333336%;
-    -ms-flex-preferred-size: 58.333333333333336%;
-    flex-basis: 58.333333333333336%;
-    max-width: 58.333333333333336%;
-  }
-}
-
-@media (max-width:47.9375rem) {
-  .c9 {
-    display: block;
-  }
-}
-
-@media (max-width:47.9375rem) {
-  .c12 {
-    display: none;
-  }
-}
-
-<div
-  className="c0"
->
-  <div
-    className="c1"
-  >
-    <div
-      className="c2"
-      disabled={false}
-      name="card"
-    >
-      <div
-        className="c3"
-        name="card-outlet"
-      >
-        <div
-          className="c4"
-        >
-          <div
-            className="c5"
-          >
-            <div
-              className="c6"
-            >
-              <h2
-                className="c7"
-              />
-            </div>
-          </div>
-          <div
-            className="c8"
-          >
-            <div
-              className="c9"
-            >
-              <label
-                className="c10 c11"
-              >
-                Custom Image
-              </label>
-              <div
-                className="c12"
-              />
-              <label
-                className="c10 c11"
-              >
-                Hardware virtual machine
-              </label>
-              <div
-                className="c12"
-              />
-              <label
-                className="c10 c11"
-              />
-              <div
-                className="c12"
-              />
-              <div
-                className="c9"
-              >
-                <span
-                  className="c13"
-                  color="green"
-                  size="0.9375rem"
-                />
-                Running
-              </div>
-            </div>
-            <div
-              className="c14"
-            >
-              <div
-                className="c9"
-              >
-                <div
-                  className="c9"
-                >
-                  <label
-                    className="c15 c11"
-                  >
-                    Created: 
-                  </label>
-                  <label
-                    className="c11"
-                  >
-                     
-                    almost NaN years
-                     ago
-                  </label>
-                </div>
-                <div
-                  className="c12"
-                />
-                <div
-                  className="c9"
-                >
-                  <label
-                    className="c15 c11"
-                  >
-                    Updated: 
-                  </label>
-                  <label
-                    className="c11"
-                  >
-                     
-                    almost NaN years
-                     ago
-                  </label>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            className="c16"
-          >
-            <div
-              className="c17"
-            >
-              <a
-                className="c18 c19 c20 c21"
-                data-ui-button="true"
-                href="http://localhost/images/~create/undefined"
-                icon={true}
-                rel="noopener noreferrer"
-                target="__blank"
-              >
-                <div
-                  className="c22"
-                >
-                  <svg
-                    className=""
-                    height="20"
-                    innerRef={undefined}
-                    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)"
-              >
-                <button
-                  className="c23 c19 c24"
-                  data-ui-button="true"
-                  disabled={true}
-                  href=""
-                  icon={true}
-                  onClick={[Function]}
-                  type="button"
-                >
-                  <svg
-                    className=""
-                    height="14"
-                    innerRef={undefined}
-                    style={
-                      Object {
-                        "transform": "rotate(0deg)",
-                      }
-                    }
-                    viewBox="0 0 13.36 14"
-                    width="13.36"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M2.53,1.68a.81.81,0,0,1,.39.1l8.31,4.48a.84.84,0,0,1,0,1.48L2.92,12.22a.81.81,0,0,1-.39.1.85.85,0,0,1-.85-.85V2.53a.85.85,0,0,1,.85-.85M2.53,0A2.53,2.53,0,0,0,0,2.53v8.94A2.53,2.53,0,0,0,3.72,13.7L12,9.22a2.52,2.52,0,0,0,0-4.44L3.72.3A2.5,2.5,0,0,0,2.53,0Z"
-                      fill="rgb(216, 216, 216)"
-                    />
-                  </svg>
-                </button>
-              </span>
-              <span
-                name="react-responsive-mock"
-                query="only screen and (min-width: 48rem)"
-              >
-                <button
-                  className="c25 c19 c24"
-                  data-ui-button="true"
-                  disabled={true}
-                  href=""
-                  icon={true}
-                  onClick={[Function]}
-                  type="button"
-                >
-                  <svg
-                    className=""
-                    height="14"
-                    innerRef={undefined}
-                    style={
-                      Object {
-                        "transform": "rotate(0deg)",
-                      }
-                    }
-                    viewBox="0 0 13.36 14"
-                    width="13.36"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M2.53,1.68a.81.81,0,0,1,.39.1l8.31,4.48a.84.84,0,0,1,0,1.48L2.92,12.22a.81.81,0,0,1-.39.1.85.85,0,0,1-.85-.85V2.53a.85.85,0,0,1,.85-.85M2.53,0A2.53,2.53,0,0,0,0,2.53v8.94A2.53,2.53,0,0,0,3.72,13.7L12,9.22a2.52,2.52,0,0,0,0-4.44L3.72.3A2.5,2.5,0,0,0,2.53,0Z"
-                      fill="rgb(216, 216, 216)"
-                    />
-                  </svg>
-                  <span>
-                    Start
-                  </span>
-                </button>
-              </span>
-              <span
-                name="react-responsive-mock"
-                query="only screen and (max-width: 47.9375rem)"
-              >
-                <button
-                  className="c26 c19 c24"
-                  data-ui-button="true"
-                  disabled={false}
-                  href=""
-                  icon={true}
-                  onClick={[Function]}
-                  type="button"
-                >
-                  <svg
-                    className=""
-                    height="14"
-                    innerRef={undefined}
-                    style={
-                      Object {
-                        "transform": "rotate(0deg)",
-                      }
-                    }
-                    viewBox="0 0 14 14"
-                    width="14"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M10.75,1.75a1.5,1.5,0,0,1,1.5,1.5v7.5a1.5,1.5,0,0,1-1.5,1.5H3.25a1.5,1.5,0,0,1-1.5-1.5V3.25a1.5,1.5,0,0,1,1.5-1.5h7.5m0-1.75H3.25A3.26,3.26,0,0,0,0,3.25v7.5A3.26,3.26,0,0,0,3.25,14h7.5A3.26,3.26,0,0,0,14,10.75V3.25A3.26,3.26,0,0,0,10.75,0Z"
-                      fill="rgb(73, 73, 73)"
-                    />
-                  </svg>
-                </button>
-              </span>
-              <span
-                name="react-responsive-mock"
-                query="only screen and (min-width: 48rem)"
-              >
-                <button
-                  className="c27 c19 c24"
-                  data-ui-button="true"
-                  disabled={false}
-                  href=""
-                  icon={true}
-                  onClick={[Function]}
-                  type="button"
-                >
-                  <svg
-                    className=""
-                    height="14"
-                    innerRef={undefined}
-                    style={
-                      Object {
-                        "transform": "rotate(0deg)",
-                      }
-                    }
-                    viewBox="0 0 14 14"
-                    width="14"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M10.75,1.75a1.5,1.5,0,0,1,1.5,1.5v7.5a1.5,1.5,0,0,1-1.5,1.5H3.25a1.5,1.5,0,0,1-1.5-1.5V3.25a1.5,1.5,0,0,1,1.5-1.5h7.5m0-1.75H3.25A3.26,3.26,0,0,0,0,3.25v7.5A3.26,3.26,0,0,0,3.25,14h7.5A3.26,3.26,0,0,0,14,10.75V3.25A3.26,3.26,0,0,0,10.75,0Z"
-                      fill="rgb(73, 73, 73)"
-                    />
-                  </svg>
-                  <span>
-                    Stop
-                  </span>
-                </button>
-              </span>
-              <span
-                name="react-responsive-mock"
-                query="only screen and (max-width: 47.9375rem)"
-              >
-                <button
-                  className="c26 c19 c24"
-                  data-ui-button="true"
-                  disabled={false}
-                  href=""
-                  icon={true}
-                  onClick={[Function]}
-                  type="button"
-                >
-                  <svg
-                    className=""
-                    height="21"
-                    innerRef={undefined}
-                    style={
-                      Object {
-                        "transform": "rotate(0deg)",
-                      }
-                    }
-                    version="1.1"
-                    viewBox="0 0 20 21"
-                    width="20"
-                    xmlns="http://www.w3.org/2000/svg"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
-                  >
-                    <g
-                      transform="translate(17997 -18577)"
-                    >
-                      <g>
-                        <use
-                          fill="rgb(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>
-                </button>
-              </span>
-              <span
-                name="react-responsive-mock"
-                query="only screen and (min-width: 48rem)"
-              >
-                <button
-                  className="c27 c19 c24"
-                  data-ui-button="true"
-                  disabled={false}
-                  href=""
-                  icon={true}
-                  onClick={[Function]}
-                  type="button"
-                >
-                  <svg
-                    className=""
-                    height="21"
-                    innerRef={undefined}
-                    style={
-                      Object {
-                        "transform": "rotate(0deg)",
-                      }
-                    }
-                    version="1.1"
-                    viewBox="0 0 20 21"
-                    width="20"
-                    xmlns="http://www.w3.org/2000/svg"
-                    xmlnsXlink="http://www.w3.org/1999/xlink"
-                  >
-                    <g
-                      transform="translate(17997 -18577)"
-                    >
-                      <g>
-                        <use
-                          fill="rgb(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>
-                  <span>
-                    Reboot
-                  </span>
-                </button>
-              </span>
-            </div>
-            <div
-              className="c28"
-            >
-              <span
-                name="react-responsive-mock"
-                query="only screen and (max-width: 47.9375rem)"
-              >
-                <button
-                  className="c29 c19 c24"
-                  data-ui-button="true"
-                  disabled={false}
-                  href=""
-                  icon={true}
-                  onClick={[Function]}
-                  type="button"
-                >
-                  <svg
-                    className=""
-                    height="16"
-                    innerRef={undefined}
-                    style={
-                      Object {
-                        "transform": "rotate(0deg)",
-                      }
-                    }
-                    viewBox="0 0 12 16"
-                    width="12"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
-                      fill="rgb(210, 67, 58)"
-                    />
-                  </svg>
-                </button>
-              </span>
-              <span
-                name="react-responsive-mock"
-                query="only screen and (min-width: 48rem)"
-              >
-                <button
-                  className="c30 c19 c24"
-                  data-ui-button="true"
-                  disabled={false}
-                  href=""
-                  icon={true}
-                  onClick={[Function]}
-                  type="button"
-                >
-                  <svg
-                    className=""
-                    height="16"
-                    innerRef={undefined}
-                    style={
-                      Object {
-                        "transform": "rotate(0deg)",
-                      }
-                    }
-                    viewBox="0 0 12 16"
-                    width="12"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M2.67,0V1.5H0V3H12V1.5H9.33V0ZM0,4,1.33,16h9.34L12,4ZM8,5h2.51l-1,10H8ZM1.49,5H4V15H2.53ZM7,15H5V5H7Z"
-                      fill="rgb(210, 67, 58)"
-                    />
-                  </svg>
-                  <span>
-                    Remove
-                  </span>
-                </button>
-              </span>
-            </div>
-          </div>
-          <div
-            className="c31"
-          >
-            <div
-              className="c32 c0"
-              height="0.0625rem"
-            />
-          </div>
-          <div
-            className="c0"
-          >
-            <div
-              className="c33"
-            >
-              <label
-                className="c34"
-                htmlFor=""
-              >
-                Short ID
-              </label>
-              <div
-                className="c35"
-              >
-                <input
-                  className="c36"
-                  disabled={false}
-                  id=""
-                  onBlur={null}
-                  value=""
-                />
-                <div
-                  onClick={undefined}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                  style={
-                    Object {
-                      "display": "inline-block",
-                    }
-                  }
-                >
-                  <svg
-                    className="c37"
-                    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
-            className="c0"
-          >
-            <div
-              className="c33"
-            >
-              <label
-                className="c34"
-                htmlFor=""
-              >
-                ID
-              </label>
-              <div
-                className="c35"
-              >
-                <input
-                  className="c36"
-                  disabled={false}
-                  id=""
-                  onBlur={null}
-                  value={undefined}
-                />
-                <div
-                  onClick={undefined}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                  style={
-                    Object {
-                      "display": "inline-block",
-                    }
-                  }
-                >
-                  <svg
-                    className="c37"
-                    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
-            className="c0"
-          >
-            <div
-              className="c33"
-            >
-              <label
-                className="c34"
-                htmlFor=""
-              >
-                CN UUID
-              </label>
-              <div
-                className="c35"
-              >
-                <input
-                  className="c36"
-                  disabled={false}
-                  id=""
-                  onBlur={null}
-                  value={undefined}
-                />
-                <div
-                  onClick={undefined}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                  style={
-                    Object {
-                      "display": "inline-block",
-                    }
-                  }
-                >
-                  <svg
-                    className="c37"
-                    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
-            className="c0"
-          >
-            <div
-              className="c33"
-            >
-              <label
-                className="c34"
-                htmlFor=""
-              >
-                Login
-              </label>
-              <div
-                className="c35"
-              >
-                <input
-                  className="c38"
-                  disabled={false}
-                  id=""
-                  onBlur={null}
-                  value="ssh root@undefined"
-                />
-                <div
-                  onClick={undefined}
-                  onMouseEnter={[Function]}
-                  onMouseLeave={[Function]}
-                  style={
-                    Object {
-                      "display": "inline-block",
-                    }
-                  }
-                >
-                  <svg
-                    className="c37"
-                    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>
-`;
-
 exports[`renders <Summary state /> without throwing 2`] = `
 .c0 {
   box-sizing: border-box;
@@ -11172,7 +11317,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
   margin-left: -0.625rem;
 }
 
-.c16 {
+.c18 {
   box-sizing: border-box;
   display: -webkit-box;
   display: -webkit-flex;
@@ -11211,7 +11356,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
   display: block;
 }
 
-.c17 {
+.c19 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -11221,7 +11366,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
   display: block;
 }
 
-.c28 {
+.c30 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -11231,7 +11376,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
   display: block;
 }
 
-.c33 {
+.c35 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -11241,16 +11386,20 @@ exports[`renders <Summary state /> without throwing 2`] = `
   display: block;
 }
 
-.c8 {
+.c10 {
+  margin-left: 0.75rem;
+}
+
+.c11 {
   margin-top: 0.75rem;
   margin-bottom: 1.125rem;
 }
 
-.c14 {
+.c16 {
   margin-top: 0.375rem;
 }
 
-.c31 {
+.c33 {
   margin-top: 1.5rem;
   margin-bottom: 1.875rem;
 }
@@ -11259,18 +11408,18 @@ exports[`renders <Summary state /> without throwing 2`] = `
   padding: 1.5rem;
 }
 
-.c22 {
+.c24 {
   padding-top: 0.1875rem;
 }
 
-.c21 {
+.c23 {
   background-color: transparent;
   -webkit-text-decoration-skip: objects;
   text-decoration-skip: objects;
   font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
 }
 
-.c24 {
+.c26 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -11283,52 +11432,52 @@ exports[`renders <Summary state /> without throwing 2`] = `
   min-width: 7.5rem;
 }
 
-.c24::-moz-focus-inner,
-.c24[type='button']::-moz-focus-inner,
-.c24[type='reset']::-moz-focus-inner,
-.c24[type='submit']::-moz-focus-inner {
+.c26::-moz-focus-inner,
+.c26[type='button']::-moz-focus-inner,
+.c26[type='reset']::-moz-focus-inner,
+.c26[type='submit']::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.c24:-moz-focusring,
-.c24[type='button']:-moz-focusring,
-.c24[type='reset']:-moz-focusring,
-.c24[type='submit']:-moz-focusring {
+.c26:-moz-focusring,
+.c26[type='button']:-moz-focusring,
+.c26[type='reset']:-moz-focusring,
+.c26[type='submit']:-moz-focusring {
   outline: 0.0625rem dotted ButtonText;
 }
 
-.c24 + button,
-.c24 + a {
+.c26 + button,
+.c26 + a {
   margin-left: 0.375rem;
 }
 
-.c20 {
+.c22 {
   color: rgb(59,70,204);
   -webkit-text-fill-color: currentcolor;
   color: rgb(255,255,255);
   -webkit-text-fill-color: currentcolor;
 }
 
-.c20:hover {
+.c22:hover {
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.c37 {
+.c39 {
   cursor: pointer;
 }
 
-.c19 {
+.c21 {
   display: inline-block;
 }
 
-.c19 + button,
-.c19 + a {
+.c21 + button,
+.c21 + a {
   margin-left: 0.375rem;
 }
 
-.c18 {
+.c20 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -11386,7 +11535,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
   font-weight: 500;
 }
 
-.c18:focus {
+.c20:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -11394,51 +11543,51 @@ exports[`renders <Summary state /> without throwing 2`] = `
   border-color: rgb(45,56,132);
 }
 
-.c18:hover {
+.c20:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c18:active,
-.c18:active:hover,
-.c18:active:focus {
+.c20:active,
+.c20:active:hover,
+.c20:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c18[disabled] {
+.c20[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c18:focus {
+.c20:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c18:hover {
+.c20:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c18:active,
-.c18:active:hover,
-.c18:active:focus {
+.c20:active,
+.c20:active:hover,
+.c20:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c18 svg + span {
+.c20 svg + span {
   margin-left: 0.75rem;
 }
 
-.c18 svg {
+.c20 svg {
   max-height: 1.125rem;
 }
 
-.c26 {
+.c28 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -11500,7 +11649,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
   align-items: center;
 }
 
-.c26:focus {
+.c28:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -11508,68 +11657,68 @@ exports[`renders <Summary state /> without throwing 2`] = `
   border-color: rgb(45,56,132);
 }
 
-.c26:hover {
+.c28:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c26:active,
-.c26:active:hover,
-.c26:active:focus {
+.c28:active,
+.c28:active:hover,
+.c28:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c26[disabled] {
+.c28[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c26:focus {
+.c28:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c26:hover {
+.c28:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c26:active,
-.c26:active:hover,
-.c26:active:focus {
+.c28:active,
+.c28:active:hover,
+.c28:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c26:focus {
+.c28:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(216,216,216);
 }
 
-.c26:hover {
+.c28:hover {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c26:active,
-.c26:active:hover,
-.c26:active:focus {
+.c28:active,
+.c28:active:hover,
+.c28:active:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c26 svg + span {
+.c28 svg + span {
   margin-left: 0.75rem;
 }
 
-.c26 svg {
+.c28 svg {
   max-height: 1.125rem;
 }
 
-.c27 {
+.c29 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -11627,6 +11776,237 @@ exports[`renders <Summary state /> without throwing 2`] = `
   font-weight: 500;
 }
 
+.c29:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c29:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.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);
+}
+
+.c29[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c29:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c29:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c29:active,
+.c29:active:hover,
+.c29:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c29:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+}
+
+.c29:hover {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c29:active,
+.c29:active:hover,
+.c29:active:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c29 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c29 svg {
+  max-height: 1.125rem;
+}
+
+.c25 {
+  box-sizing: border-box;
+  display: inline-block;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  min-height: 3rem;
+  height: 3rem;
+  min-width: 7.5rem;
+  padding: 0.9375rem 1.125rem;
+  position: relative;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+  font-size: 0.9375rem;
+  text-align: center;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-letter-spacing: normal;
+  -moz-letter-spacing: normal;
+  -ms-letter-spacing: normal;
+  letter-spacing: normal;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+  background-image: none;
+  background-color: rgb(59,70,204);
+  border-radius: 0.25rem;
+  border: solid 0.0625rem rgb(45,56,132);
+  color: rgb(70,70,70);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+  padding: 0.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;
+}
+
+.c25:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c25:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c25:active,
+.c25:active:hover,
+.c25:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c25[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c25:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c25:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c25:active,
+.c25:active:hover,
+.c25:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c25 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c25 svg {
+  max-height: 1.125rem;
+}
+
+.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;
+  line-height: normal;
+  -webkit-letter-spacing: normal;
+  -moz-letter-spacing: normal;
+  -ms-letter-spacing: normal;
+  letter-spacing: normal;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+  background-image: none;
+  background-color: rgb(59,70,204);
+  border-radius: 0.25rem;
+  border: solid 0.0625rem rgb(45,56,132);
+  color: rgb(70,70,70);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  font-weight: 500;
+}
+
 .c27:focus {
   outline: 0;
   -webkit-text-decoration: none;
@@ -11671,23 +12051,6 @@ exports[`renders <Summary state /> without throwing 2`] = `
   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);
-}
-
 .c27 svg + span {
   margin-left: 0.75rem;
 }
@@ -11696,221 +12059,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
   max-height: 1.125rem;
 }
 
-.c23 {
-  box-sizing: border-box;
-  display: inline-block;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  min-height: 3rem;
-  height: 3rem;
-  min-width: 7.5rem;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-size: 0.9375rem;
-  text-align: center;
-  font-style: normal;
-  font-stretch: normal;
-  line-height: normal;
-  -webkit-letter-spacing: normal;
-  -moz-letter-spacing: normal;
-  -ms-letter-spacing: normal;
-  letter-spacing: normal;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-  background-image: none;
-  background-color: rgb(59,70,204);
-  border-radius: 0.25rem;
-  border: solid 0.0625rem rgb(45,56,132);
-  color: rgb(70,70,70);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-  padding: 0.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;
-}
-
-.c23:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c23:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c23:active,
-.c23:active:hover,
-.c23:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c23[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c23:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c23:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c23:active,
-.c23:active:hover,
-.c23:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c23 svg + span {
-  margin-left: 0.75rem;
-}
-
-.c23 svg {
-  max-height: 1.125rem;
-}
-
-.c25 {
-  box-sizing: border-box;
-  display: inline-block;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  min-height: 3rem;
-  height: 3rem;
-  min-width: 7.5rem;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-size: 0.9375rem;
-  text-align: center;
-  font-style: normal;
-  font-stretch: normal;
-  line-height: normal;
-  -webkit-letter-spacing: normal;
-  -moz-letter-spacing: normal;
-  -ms-letter-spacing: normal;
-  letter-spacing: normal;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-  background-image: none;
-  background-color: rgb(59,70,204);
-  border-radius: 0.25rem;
-  border: solid 0.0625rem rgb(45,56,132);
-  color: rgb(70,70,70);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  font-weight: 500;
-}
-
-.c25:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c25:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c25:active,
-.c25:active:hover,
-.c25:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c25[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c25:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c25:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c25:active,
-.c25:active:hover,
-.c25:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c25 svg + span {
-  margin-left: 0.75rem;
-}
-
-.c25 svg {
-  max-height: 1.125rem;
-}
-
-.c29 {
+.c31 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -11972,7 +12121,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
   float: right;
 }
 
-.c29:focus {
+.c31:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -11980,70 +12129,70 @@ exports[`renders <Summary state /> without throwing 2`] = `
   border-color: rgb(45,56,132);
 }
 
-.c29:hover {
+.c31:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c29:active,
-.c29:active:hover,
-.c29:active:focus {
+.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);
 }
 
-.c29[disabled] {
+.c31[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c29:focus {
+.c31:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c29:hover {
+.c31:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c29:active,
-.c29:active:hover,
-.c29:active:focus {
+.c31:active,
+.c31:active:hover,
+.c31:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c29:focus {
+.c31:focus {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c29:hover {
+.c31:hover {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c29:active,
-.c29:active:hover,
-.c29:active:focus {
+.c31:active,
+.c31:active:hover,
+.c31:active:focus {
   background-color: rgba(210,67,58,0.1);
   border-color: rgb(205,37,27);
 }
 
-.c29 svg + span {
+.c31 svg + span {
   margin-left: 0.75rem;
 }
 
-.c29 svg {
+.c31 svg {
   max-height: 1.125rem;
 }
 
-.c30 {
+.c32 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -12101,7 +12250,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
   float: right;
 }
 
-.c30:focus {
+.c32:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -12109,70 +12258,70 @@ exports[`renders <Summary state /> without throwing 2`] = `
   border-color: rgb(45,56,132);
 }
 
-.c30:hover {
+.c32:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c30:active,
-.c30:active:hover,
-.c30:active:focus {
+.c32:active,
+.c32:active:hover,
+.c32:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c30[disabled] {
+.c32[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c30:focus {
+.c32:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c30:hover {
+.c32:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c30:active,
-.c30:active:hover,
-.c30:active:focus {
+.c32:active,
+.c32:active:hover,
+.c32:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c30:focus {
+.c32:focus {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c30:hover {
+.c32:hover {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c30:active,
-.c30:active:hover,
-.c30:active:focus {
+.c32:active,
+.c32:active:hover,
+.c32:active:focus {
   background-color: rgba(210,67,58,0.1);
   border-color: rgb(205,37,27);
 }
 
-.c30 svg + span {
+.c32 svg + span {
   margin-left: 0.75rem;
 }
 
-.c30 svg {
+.c32 svg {
   max-height: 1.125rem;
 }
 
-.c13 {
+.c15 {
   width: 0.9375rem;
   height: 0.9375rem;
   border-radius: 50%;
@@ -12182,7 +12331,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
   margin-left: 0rem;
 }
 
-.c11 {
+.c13 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-style: normal;
@@ -12193,7 +12342,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
   margin-bottom: 0.1875rem;
 }
 
-.c34 {
+.c36 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-style: normal;
@@ -12229,7 +12378,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
   margin-top: 1.5rem;
 }
 
-.c32 {
+.c34 {
   background-color: rgb(216,216,216);
   margin: 0;
   height: 0.0625rem;
@@ -12301,85 +12450,6 @@ exports[`renders <Summary state /> without throwing 2`] = `
   margin-bottom: 0.4375rem;
 }
 
-.c36 {
-  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;
-}
-
-.c36:focus {
-  border-color: rgb(59,70,204);
-  outline: 0;
-}
-
-.c36::-webkit-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c36::-moz-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c36:-ms-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c36:invalid {
-  box-shadow: none;
-}
-
-.c36:disabled {
-  background-color: rgb(250,250,250);
-  color: rgb(216,216,216);
-  cursor: not-allowed;
-}
-
-.c36:disabled::-webkit-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c36:disabled::-moz-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c36:disabled:-ms-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c36:disabled {
-  color: rgb(73,73,73);
-}
-
-.c36:disabled::-webkit-input-placeholder {
-  color: rgb(73,73,73);
-}
-
-.c36:disabled::-moz-placeholder {
-  color: rgb(73,73,73);
-}
-
-.c36:disabled:-ms-input-placeholder {
-  color: rgb(73,73,73);
-}
-
 .c38 {
   box-sizing: border-box;
   width: 18.75rem;
@@ -12401,6 +12471,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
   font-family: "Roboto Mono",monospace;
   width: 100%;
   min-width: 100%;
+  text-overflow: ellipsis;
 }
 
 .c38:focus {
@@ -12458,7 +12529,85 @@ exports[`renders <Summary state /> without throwing 2`] = `
   color: rgb(73,73,73);
 }
 
-.c35 {
+.c40 {
+  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%;
+}
+
+.c40:focus {
+  border-color: rgb(59,70,204);
+  outline: 0;
+}
+
+.c40::-webkit-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c40::-moz-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c40:-ms-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c40:invalid {
+  box-shadow: none;
+}
+
+.c40:disabled {
+  background-color: rgb(250,250,250);
+  color: rgb(216,216,216);
+  cursor: not-allowed;
+}
+
+.c40:disabled::-webkit-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c40:disabled::-moz-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c40:disabled:-ms-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c40:disabled {
+  color: rgb(73,73,73);
+}
+
+.c40:disabled::-webkit-input-placeholder {
+  color: rgb(73,73,73);
+}
+
+.c40:disabled::-moz-placeholder {
+  color: rgb(73,73,73);
+}
+
+.c40:disabled:-ms-input-placeholder {
+  color: rgb(73,73,73);
+}
+
+.c37 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -12470,27 +12619,27 @@ exports[`renders <Summary state /> without throwing 2`] = `
   align-items: center;
 }
 
-.c35 input {
+.c37 input {
   padding-right: 1.875rem;
 }
 
-.c35 div {
+.c37 div {
   position: relative;
   left: -1.625rem;
 }
 
-.c15 {
+.c17 {
   opacity: 0.5;
   padding-right: 0.1875rem;
 }
 
-.c10 {
+.c12 {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
 
-.c9 {
+.c8 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -12505,7 +12654,11 @@ exports[`renders <Summary state /> without throwing 2`] = `
   justify-content: flex-start;
 }
 
-.c12 {
+.c9 {
+  cursor: pointer;
+}
+
+.c14 {
   width: 0.0625rem;
   background: rgb(216,216,216);
   height: 1.5rem;
@@ -12529,7 +12682,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c16 {
+  .c18 {
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
@@ -12574,7 +12727,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c17 {
+  .c19 {
     -webkit-flex-basis: 75%;
     -ms-flex-preferred-size: 75%;
     flex-basis: 75%;
@@ -12583,7 +12736,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c28 {
+  .c30 {
     -webkit-flex-basis: 25%;
     -ms-flex-preferred-size: 25%;
     flex-basis: 25%;
@@ -12592,7 +12745,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c33 {
+  .c35 {
     -webkit-flex-basis: 100%;
     -ms-flex-preferred-size: 100%;
     flex-basis: 100%;
@@ -12601,7 +12754,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
 }
 
 @media only screen and (min-width:64em) {
-  .c33 {
+  .c35 {
     -webkit-flex-basis: 58.333333333333336%;
     -ms-flex-preferred-size: 58.333333333333336%;
     flex-basis: 58.333333333333336%;
@@ -12610,13 +12763,13 @@ exports[`renders <Summary state /> without throwing 2`] = `
 }
 
 @media (max-width:47.9375rem) {
-  .c9 {
+  .c8 {
     display: block;
   }
 }
 
 @media (max-width:47.9375rem) {
-  .c12 {
+  .c14 {
     display: none;
   }
 }
@@ -12647,42 +12800,63 @@ exports[`renders <Summary state /> without throwing 2`] = `
             >
               <h2
                 className="c7"
-              />
+              >
+                <div
+                  className="c8"
+                >
+                  <div
+                    className="c9 c10"
+                    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
-            className="c8"
+            className="c11"
           >
             <div
-              className="c9"
+              className="c8"
             >
               <label
-                className="c10 c11"
+                className="c12 c13"
               >
                 Custom Image
               </label>
               <div
-                className="c12"
+                className="c14"
               />
               <label
-                className="c10 c11"
+                className="c12 c13"
               >
                 Hardware virtual machine
               </label>
               <div
-                className="c12"
+                className="c14"
               />
               <label
-                className="c10 c11"
+                className="c12 c13"
               />
               <div
-                className="c12"
+                className="c14"
               />
               <div
-                className="c9"
+                className="c8"
               >
                 <span
-                  className="c13"
+                  className="c15"
                   color="grey"
                   size="0.9375rem"
                 />
@@ -12690,21 +12864,21 @@ exports[`renders <Summary state /> without throwing 2`] = `
               </div>
             </div>
             <div
-              className="c14"
+              className="c16"
             >
               <div
-                className="c9"
+                className="c8"
               >
                 <div
-                  className="c9"
+                  className="c8"
                 >
                   <label
-                    className="c15 c11"
+                    className="c17 c13"
                   >
                     Created: 
                   </label>
                   <label
-                    className="c11"
+                    className="c13"
                   >
                      
                     almost NaN years
@@ -12712,18 +12886,18 @@ exports[`renders <Summary state /> without throwing 2`] = `
                   </label>
                 </div>
                 <div
-                  className="c12"
+                  className="c14"
                 />
                 <div
-                  className="c9"
+                  className="c8"
                 >
                   <label
-                    className="c15 c11"
+                    className="c17 c13"
                   >
                     Updated: 
                   </label>
                   <label
-                    className="c11"
+                    className="c13"
                   >
                      
                     almost NaN years
@@ -12734,13 +12908,13 @@ exports[`renders <Summary state /> without throwing 2`] = `
             </div>
           </div>
           <div
-            className="c16"
+            className="c18"
           >
             <div
-              className="c17"
+              className="c19"
             >
               <a
-                className="c18 c19 c20 c21"
+                className="c20 c21 c22 c23"
                 data-ui-button="true"
                 href="http://localhost/images/~create/undefined"
                 icon={true}
@@ -12748,7 +12922,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
                 target="__blank"
               >
                 <div
-                  className="c22"
+                  className="c24"
                 >
                   <svg
                     className=""
@@ -12775,7 +12949,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
                 query="only screen and (max-width: 47.9375rem)"
               >
                 <button
-                  className="c23 c19 c24"
+                  className="c25 c21 c26"
                   data-ui-button="true"
                   disabled={false}
                   href=""
@@ -12808,7 +12982,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
                 query="only screen and (min-width: 48rem)"
               >
                 <button
-                  className="c25 c19 c24"
+                  className="c27 c21 c26"
                   data-ui-button="true"
                   disabled={false}
                   href=""
@@ -12844,7 +13018,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
                 query="only screen and (max-width: 47.9375rem)"
               >
                 <button
-                  className="c26 c19 c24"
+                  className="c28 c21 c26"
                   data-ui-button="true"
                   disabled={true}
                   href=""
@@ -12877,7 +13051,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
                 query="only screen and (min-width: 48rem)"
               >
                 <button
-                  className="c27 c19 c24"
+                  className="c29 c21 c26"
                   data-ui-button="true"
                   disabled={true}
                   href=""
@@ -12913,7 +13087,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
                 query="only screen and (max-width: 47.9375rem)"
               >
                 <button
-                  className="c26 c19 c24"
+                  className="c28 c21 c26"
                   data-ui-button="true"
                   disabled={true}
                   href=""
@@ -12962,7 +13136,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
                 query="only screen and (min-width: 48rem)"
               >
                 <button
-                  className="c27 c19 c24"
+                  className="c29 c21 c26"
                   data-ui-button="true"
                   disabled={true}
                   href=""
@@ -13011,14 +13185,14 @@ exports[`renders <Summary state /> without throwing 2`] = `
               </span>
             </div>
             <div
-              className="c28"
+              className="c30"
             >
               <span
                 name="react-responsive-mock"
                 query="only screen and (max-width: 47.9375rem)"
               >
                 <button
-                  className="c29 c19 c24"
+                  className="c31 c21 c26"
                   data-ui-button="true"
                   disabled={false}
                   href=""
@@ -13051,7 +13225,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
                 query="only screen and (min-width: 48rem)"
               >
                 <button
-                  className="c30 c19 c24"
+                  className="c32 c21 c26"
                   data-ui-button="true"
                   disabled={false}
                   href=""
@@ -13085,10 +13259,10 @@ exports[`renders <Summary state /> without throwing 2`] = `
             </div>
           </div>
           <div
-            className="c31"
+            className="c33"
           >
             <div
-              className="c32 c0"
+              className="c34 c0"
               height="0.0625rem"
             />
           </div>
@@ -13096,19 +13270,19 @@ exports[`renders <Summary state /> without throwing 2`] = `
             className="c0"
           >
             <div
-              className="c33"
+              className="c35"
             >
               <label
-                className="c34"
+                className="c36"
                 htmlFor=""
               >
                 Short ID
               </label>
               <div
-                className="c35"
+                className="c37"
               >
                 <input
-                  className="c36"
+                  className="c38"
                   disabled={false}
                   id=""
                   onBlur={null}
@@ -13125,7 +13299,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
                   }
                 >
                   <svg
-                    className="c37"
+                    className="c39"
                     height="19"
                     innerRef={undefined}
                     onClick={[Function]}
@@ -13151,19 +13325,19 @@ exports[`renders <Summary state /> without throwing 2`] = `
             className="c0"
           >
             <div
-              className="c33"
+              className="c35"
             >
               <label
-                className="c34"
+                className="c36"
                 htmlFor=""
               >
                 ID
               </label>
               <div
-                className="c35"
+                className="c37"
               >
                 <input
-                  className="c36"
+                  className="c38"
                   disabled={false}
                   id=""
                   onBlur={null}
@@ -13180,7 +13354,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
                   }
                 >
                   <svg
-                    className="c37"
+                    className="c39"
                     height="19"
                     innerRef={undefined}
                     onClick={[Function]}
@@ -13206,19 +13380,19 @@ exports[`renders <Summary state /> without throwing 2`] = `
             className="c0"
           >
             <div
-              className="c33"
+              className="c35"
             >
               <label
-                className="c34"
+                className="c36"
                 htmlFor=""
               >
                 CN UUID
               </label>
               <div
-                className="c35"
+                className="c37"
               >
                 <input
-                  className="c36"
+                  className="c38"
                   disabled={false}
                   id=""
                   onBlur={null}
@@ -13235,7 +13409,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
                   }
                 >
                   <svg
-                    className="c37"
+                    className="c39"
                     height="19"
                     innerRef={undefined}
                     onClick={[Function]}
@@ -13261,19 +13435,19 @@ exports[`renders <Summary state /> without throwing 2`] = `
             className="c0"
           >
             <div
-              className="c33"
+              className="c35"
             >
               <label
-                className="c34"
+                className="c36"
                 htmlFor=""
               >
                 Login
               </label>
               <div
-                className="c35"
+                className="c37"
               >
                 <input
-                  className="c38"
+                  className="c40"
                   disabled={false}
                   id=""
                   onBlur={null}
@@ -13290,7 +13464,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
                   }
                 >
                   <svg
-                    className="c37"
+                    className="c39"
                     height="19"
                     innerRef={undefined}
                     onClick={[Function]}
@@ -13358,7 +13532,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
   margin-left: -0.625rem;
 }
 
-.c16 {
+.c18 {
   box-sizing: border-box;
   display: -webkit-box;
   display: -webkit-flex;
@@ -13397,7 +13571,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
   display: block;
 }
 
-.c17 {
+.c19 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -13407,7 +13581,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
   display: block;
 }
 
-.c26 {
+.c28 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -13417,7 +13591,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
   display: block;
 }
 
-.c31 {
+.c33 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -13427,16 +13601,20 @@ exports[`renders <Summary state /> without throwing 3`] = `
   display: block;
 }
 
-.c8 {
+.c10 {
+  margin-left: 0.75rem;
+}
+
+.c11 {
   margin-top: 0.75rem;
   margin-bottom: 1.125rem;
 }
 
-.c14 {
+.c16 {
   margin-top: 0.375rem;
 }
 
-.c29 {
+.c31 {
   margin-top: 1.5rem;
   margin-bottom: 1.875rem;
 }
@@ -13445,18 +13623,18 @@ exports[`renders <Summary state /> without throwing 3`] = `
   padding: 1.5rem;
 }
 
-.c22 {
+.c24 {
   padding-top: 0.1875rem;
 }
 
-.c21 {
+.c23 {
   background-color: transparent;
   -webkit-text-decoration-skip: objects;
   text-decoration-skip: objects;
   font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
 }
 
-.c24 {
+.c26 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -13469,52 +13647,52 @@ exports[`renders <Summary state /> without throwing 3`] = `
   min-width: 7.5rem;
 }
 
-.c24::-moz-focus-inner,
-.c24[type='button']::-moz-focus-inner,
-.c24[type='reset']::-moz-focus-inner,
-.c24[type='submit']::-moz-focus-inner {
+.c26::-moz-focus-inner,
+.c26[type='button']::-moz-focus-inner,
+.c26[type='reset']::-moz-focus-inner,
+.c26[type='submit']::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.c24:-moz-focusring,
-.c24[type='button']:-moz-focusring,
-.c24[type='reset']:-moz-focusring,
-.c24[type='submit']:-moz-focusring {
+.c26:-moz-focusring,
+.c26[type='button']:-moz-focusring,
+.c26[type='reset']:-moz-focusring,
+.c26[type='submit']:-moz-focusring {
   outline: 0.0625rem dotted ButtonText;
 }
 
-.c24 + button,
-.c24 + a {
+.c26 + button,
+.c26 + a {
   margin-left: 0.375rem;
 }
 
-.c20 {
+.c22 {
   color: rgb(59,70,204);
   -webkit-text-fill-color: currentcolor;
   color: rgb(255,255,255);
   -webkit-text-fill-color: currentcolor;
 }
 
-.c20:hover {
+.c22:hover {
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.c35 {
+.c37 {
   cursor: pointer;
 }
 
-.c19 {
+.c21 {
   display: inline-block;
 }
 
-.c19 + button,
-.c19 + a {
+.c21 + button,
+.c21 + a {
   margin-left: 0.375rem;
 }
 
-.c18 {
+.c20 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -13572,7 +13750,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
   font-weight: 500;
 }
 
-.c18:focus {
+.c20:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -13580,178 +13758,47 @@ exports[`renders <Summary state /> without throwing 3`] = `
   border-color: rgb(45,56,132);
 }
 
-.c18:hover {
+.c20:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c18:active,
-.c18:active:hover,
-.c18:active:focus {
+.c20:active,
+.c20:active:hover,
+.c20:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c18[disabled] {
+.c20[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c18:focus {
+.c20:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c18:hover {
+.c20:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c18:active,
-.c18:active:hover,
-.c18:active:focus {
+.c20:active,
+.c20:active:hover,
+.c20:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c18 svg + span {
+.c20 svg + span {
   margin-left: 0.75rem;
 }
 
-.c18 svg {
-  max-height: 1.125rem;
-}
-
-.c23 {
-  box-sizing: border-box;
-  display: inline-block;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  min-height: 3rem;
-  height: 3rem;
-  min-width: 7.5rem;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-size: 0.9375rem;
-  text-align: center;
-  font-style: normal;
-  font-stretch: normal;
-  line-height: normal;
-  -webkit-letter-spacing: normal;
-  -moz-letter-spacing: normal;
-  -ms-letter-spacing: normal;
-  letter-spacing: normal;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-  background-image: none;
-  background-color: rgb(59,70,204);
-  border-radius: 0.25rem;
-  border: solid 0.0625rem rgb(45,56,132);
-  color: rgb(70,70,70);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-  cursor: not-allowed;
-  pointer-events: none;
-  color: rgb(216,216,216);
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-  padding: 0.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;
-}
-
-.c23:focus {
-  outline: 0;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  background-color: rgb(59,70,204);
-  border-color: rgb(45,56,132);
-}
-
-.c23:hover {
-  background-color: rgb(72,83,217);
-  border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c23:active,
-.c23:active:hover,
-.c23:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: rgb(45,56,132);
-  border-color: rgb(45,56,132);
-}
-
-.c23[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c23:focus {
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-}
-
-.c23:hover {
-  background-color: rgb(247,247,247);
-  border-color: rgb(216,216,216);
-}
-
-.c23:active,
-.c23:active:hover,
-.c23:active:focus {
-  background-color: rgb(230,230,230);
-  border-color: rgb(216,216,216);
-}
-
-.c23:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-}
-
-.c23:hover {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c23:active,
-.c23:active:hover,
-.c23:active:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c23 svg + span {
-  margin-left: 0.75rem;
-}
-
-.c23 svg {
+.c20 svg {
   max-height: 1.125rem;
 }
 
@@ -13802,6 +13849,11 @@ 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;
@@ -13810,7 +13862,6 @@ exports[`renders <Summary state /> without throwing 3`] = `
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
-  font-weight: 500;
 }
 
 .c25:focus {
@@ -13924,20 +13975,11 @@ exports[`renders <Summary state /> without throwing 3`] = `
   -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;
@@ -13946,7 +13988,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
-  float: right;
+  font-weight: 500;
 }
 
 .c27:focus {
@@ -13993,25 +14035,6 @@ exports[`renders <Summary state /> without throwing 3`] = `
   border-color: rgb(216,216,216);
 }
 
-.c27:focus {
-  color: rgb(205,37,27);
-  background-color: rgb(255,255,255);
-  border-color: rgb(205,37,27);
-}
-
-.c27:hover {
-  color: rgb(205,37,27);
-  background-color: rgb(255,255,255);
-  border-color: rgb(205,37,27);
-}
-
-.c27:active,
-.c27:active:hover,
-.c27:active:focus {
-  background-color: rgba(210,67,58,0.1);
-  border-color: rgb(205,37,27);
-}
-
 .c27:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(216,216,216);
@@ -14037,7 +14060,162 @@ exports[`renders <Summary state /> without throwing 3`] = `
   max-height: 1.125rem;
 }
 
-.c28 {
+.c29 {
+  box-sizing: border-box;
+  display: inline-block;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  min-height: 3rem;
+  height: 3rem;
+  min-width: 7.5rem;
+  padding: 0.9375rem 1.125rem;
+  position: relative;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+  font-size: 0.9375rem;
+  text-align: center;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-letter-spacing: normal;
+  -moz-letter-spacing: normal;
+  -ms-letter-spacing: normal;
+  letter-spacing: normal;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+  background-image: none;
+  background-color: rgb(59,70,204);
+  border-radius: 0.25rem;
+  border: solid 0.0625rem rgb(45,56,132);
+  color: rgb(70,70,70);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+  color: rgb(210,67,58);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(210,67,58);
+  cursor: not-allowed;
+  pointer-events: none;
+  color: rgb(216,216,216);
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+  padding: 0.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;
+}
+
+.c29:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c29:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.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);
+}
+
+.c29[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c29:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c29:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c29:active,
+.c29:active:hover,
+.c29:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c29:focus {
+  color: rgb(205,37,27);
+  background-color: rgb(255,255,255);
+  border-color: rgb(205,37,27);
+}
+
+.c29:hover {
+  color: rgb(205,37,27);
+  background-color: rgb(255,255,255);
+  border-color: rgb(205,37,27);
+}
+
+.c29:active,
+.c29:active:hover,
+.c29:active:focus {
+  background-color: rgba(210,67,58,0.1);
+  border-color: rgb(205,37,27);
+}
+
+.c29:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+}
+
+.c29:hover {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c29:active,
+.c29:active:hover,
+.c29:active:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c29 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c29 svg {
+  max-height: 1.125rem;
+}
+
+.c30 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -14100,7 +14278,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
   float: right;
 }
 
-.c28:focus {
+.c30:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -14108,87 +14286,87 @@ exports[`renders <Summary state /> without throwing 3`] = `
   border-color: rgb(45,56,132);
 }
 
-.c28:hover {
+.c30:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c28:active,
-.c28:active:hover,
-.c28:active:focus {
+.c30:active,
+.c30:active:hover,
+.c30:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c28[disabled] {
+.c30[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c28:focus {
+.c30:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c28:hover {
+.c30:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c28:active,
-.c28:active:hover,
-.c28:active:focus {
+.c30:active,
+.c30:active:hover,
+.c30:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c28:focus {
+.c30:focus {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c28:hover {
+.c30:hover {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c28:active,
-.c28:active:hover,
-.c28:active:focus {
+.c30:active,
+.c30:active:hover,
+.c30:active:focus {
   background-color: rgba(210,67,58,0.1);
   border-color: rgb(205,37,27);
 }
 
-.c28:focus {
+.c30:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(216,216,216);
 }
 
-.c28:hover {
+.c30:hover {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c28:active,
-.c28:active:hover,
-.c28:active:focus {
+.c30:active,
+.c30:active:hover,
+.c30:active:focus {
   background-color: rgb(250,250,250);
   border-color: rgb(250,250,250);
 }
 
-.c28 svg + span {
+.c30 svg + span {
   margin-left: 0.75rem;
 }
 
-.c28 svg {
+.c30 svg {
   max-height: 1.125rem;
 }
 
-.c13 {
+.c15 {
   width: 0.9375rem;
   height: 0.9375rem;
   border-radius: 50%;
@@ -14198,7 +14376,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
   margin-left: 0rem;
 }
 
-.c11 {
+.c13 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-style: normal;
@@ -14209,7 +14387,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
   margin-bottom: 0.1875rem;
 }
 
-.c32 {
+.c34 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-style: normal;
@@ -14245,7 +14423,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
   margin-top: 1.5rem;
 }
 
-.c30 {
+.c32 {
   background-color: rgb(216,216,216);
   margin: 0;
   height: 0.0625rem;
@@ -14317,85 +14495,6 @@ exports[`renders <Summary state /> without throwing 3`] = `
   margin-bottom: 0.4375rem;
 }
 
-.c34 {
-  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;
-}
-
-.c34:focus {
-  border-color: rgb(59,70,204);
-  outline: 0;
-}
-
-.c34::-webkit-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c34::-moz-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c34:-ms-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c34:invalid {
-  box-shadow: none;
-}
-
-.c34:disabled {
-  background-color: rgb(250,250,250);
-  color: rgb(216,216,216);
-  cursor: not-allowed;
-}
-
-.c34:disabled::-webkit-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c34:disabled::-moz-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c34:disabled:-ms-input-placeholder {
-  color: rgba(73,73,73,0.5);
-}
-
-.c34:disabled {
-  color: rgb(73,73,73);
-}
-
-.c34:disabled::-webkit-input-placeholder {
-  color: rgb(73,73,73);
-}
-
-.c34:disabled::-moz-placeholder {
-  color: rgb(73,73,73);
-}
-
-.c34:disabled:-ms-input-placeholder {
-  color: rgb(73,73,73);
-}
-
 .c36 {
   box-sizing: border-box;
   width: 18.75rem;
@@ -14417,6 +14516,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
   font-family: "Roboto Mono",monospace;
   width: 100%;
   min-width: 100%;
+  text-overflow: ellipsis;
 }
 
 .c36:focus {
@@ -14474,7 +14574,85 @@ exports[`renders <Summary state /> without throwing 3`] = `
   color: rgb(73,73,73);
 }
 
-.c33 {
+.c38 {
+  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%;
+}
+
+.c38:focus {
+  border-color: rgb(59,70,204);
+  outline: 0;
+}
+
+.c38::-webkit-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c38::-moz-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c38:-ms-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c38:invalid {
+  box-shadow: none;
+}
+
+.c38:disabled {
+  background-color: rgb(250,250,250);
+  color: rgb(216,216,216);
+  cursor: not-allowed;
+}
+
+.c38:disabled::-webkit-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c38:disabled::-moz-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c38:disabled:-ms-input-placeholder {
+  color: rgba(73,73,73,0.5);
+}
+
+.c38:disabled {
+  color: rgb(73,73,73);
+}
+
+.c38:disabled::-webkit-input-placeholder {
+  color: rgb(73,73,73);
+}
+
+.c38:disabled::-moz-placeholder {
+  color: rgb(73,73,73);
+}
+
+.c38:disabled:-ms-input-placeholder {
+  color: rgb(73,73,73);
+}
+
+.c35 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -14486,27 +14664,27 @@ exports[`renders <Summary state /> without throwing 3`] = `
   align-items: center;
 }
 
-.c33 input {
+.c35 input {
   padding-right: 1.875rem;
 }
 
-.c33 div {
+.c35 div {
   position: relative;
   left: -1.625rem;
 }
 
-.c15 {
+.c17 {
   opacity: 0.5;
   padding-right: 0.1875rem;
 }
 
-.c10 {
+.c12 {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
 
-.c9 {
+.c8 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -14521,7 +14699,11 @@ exports[`renders <Summary state /> without throwing 3`] = `
   justify-content: flex-start;
 }
 
-.c12 {
+.c9 {
+  cursor: pointer;
+}
+
+.c14 {
   width: 0.0625rem;
   background: rgb(216,216,216);
   height: 1.5rem;
@@ -14545,7 +14727,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c16 {
+  .c18 {
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
@@ -14590,7 +14772,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c17 {
+  .c19 {
     -webkit-flex-basis: 75%;
     -ms-flex-preferred-size: 75%;
     flex-basis: 75%;
@@ -14599,7 +14781,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c26 {
+  .c28 {
     -webkit-flex-basis: 25%;
     -ms-flex-preferred-size: 25%;
     flex-basis: 25%;
@@ -14608,7 +14790,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
 }
 
 @media only screen and (min-width:0em) {
-  .c31 {
+  .c33 {
     -webkit-flex-basis: 100%;
     -ms-flex-preferred-size: 100%;
     flex-basis: 100%;
@@ -14617,7 +14799,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
 }
 
 @media only screen and (min-width:64em) {
-  .c31 {
+  .c33 {
     -webkit-flex-basis: 58.333333333333336%;
     -ms-flex-preferred-size: 58.333333333333336%;
     flex-basis: 58.333333333333336%;
@@ -14626,13 +14808,13 @@ exports[`renders <Summary state /> without throwing 3`] = `
 }
 
 @media (max-width:47.9375rem) {
-  .c9 {
+  .c8 {
     display: block;
   }
 }
 
 @media (max-width:47.9375rem) {
-  .c12 {
+  .c14 {
     display: none;
   }
 }
@@ -14663,42 +14845,63 @@ exports[`renders <Summary state /> without throwing 3`] = `
             >
               <h2
                 className="c7"
-              />
+              >
+                <div
+                  className="c8"
+                >
+                  <div
+                    className="c9 c10"
+                    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
-            className="c8"
+            className="c11"
           >
             <div
-              className="c9"
+              className="c8"
             >
               <label
-                className="c10 c11"
+                className="c12 c13"
               >
                 Custom Image
               </label>
               <div
-                className="c12"
+                className="c14"
               />
               <label
-                className="c10 c11"
+                className="c12 c13"
               >
                 Hardware virtual machine
               </label>
               <div
-                className="c12"
+                className="c14"
               />
               <label
-                className="c10 c11"
+                className="c12 c13"
               />
               <div
-                className="c12"
+                className="c14"
               />
               <div
-                className="c9"
+                className="c8"
               >
                 <span
-                  className="c13"
+                  className="c15"
                   color="primary"
                   size="0.9375rem"
                 />
@@ -14706,21 +14909,21 @@ exports[`renders <Summary state /> without throwing 3`] = `
               </div>
             </div>
             <div
-              className="c14"
+              className="c16"
             >
               <div
-                className="c9"
+                className="c8"
               >
                 <div
-                  className="c9"
+                  className="c8"
                 >
                   <label
-                    className="c15 c11"
+                    className="c17 c13"
                   >
                     Created: 
                   </label>
                   <label
-                    className="c11"
+                    className="c13"
                   >
                      
                     almost NaN years
@@ -14728,18 +14931,18 @@ exports[`renders <Summary state /> without throwing 3`] = `
                   </label>
                 </div>
                 <div
-                  className="c12"
+                  className="c14"
                 />
                 <div
-                  className="c9"
+                  className="c8"
                 >
                   <label
-                    className="c15 c11"
+                    className="c17 c13"
                   >
                     Updated: 
                   </label>
                   <label
-                    className="c11"
+                    className="c13"
                   >
                      
                     almost NaN years
@@ -14750,13 +14953,13 @@ exports[`renders <Summary state /> without throwing 3`] = `
             </div>
           </div>
           <div
-            className="c16"
+            className="c18"
           >
             <div
-              className="c17"
+              className="c19"
             >
               <a
-                className="c18 c19 c20 c21"
+                className="c20 c21 c22 c23"
                 data-ui-button="true"
                 href="http://localhost/images/~create/undefined"
                 icon={true}
@@ -14764,7 +14967,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
                 target="__blank"
               >
                 <div
-                  className="c22"
+                  className="c24"
                 >
                   <svg
                     className=""
@@ -14791,7 +14994,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
                 query="only screen and (max-width: 47.9375rem)"
               >
                 <button
-                  className="c23 c19 c24"
+                  className="c25 c21 c26"
                   data-ui-button="true"
                   disabled={true}
                   href=""
@@ -14824,7 +15027,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
                 query="only screen and (min-width: 48rem)"
               >
                 <button
-                  className="c25 c19 c24"
+                  className="c27 c21 c26"
                   data-ui-button="true"
                   disabled={true}
                   href=""
@@ -14860,7 +15063,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
                 query="only screen and (max-width: 47.9375rem)"
               >
                 <button
-                  className="c23 c19 c24"
+                  className="c25 c21 c26"
                   data-ui-button="true"
                   disabled={true}
                   href=""
@@ -14893,7 +15096,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
                 query="only screen and (min-width: 48rem)"
               >
                 <button
-                  className="c25 c19 c24"
+                  className="c27 c21 c26"
                   data-ui-button="true"
                   disabled={true}
                   href=""
@@ -14929,7 +15132,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
                 query="only screen and (max-width: 47.9375rem)"
               >
                 <button
-                  className="c23 c19 c24"
+                  className="c25 c21 c26"
                   data-ui-button="true"
                   disabled={true}
                   href=""
@@ -14978,7 +15181,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
                 query="only screen and (min-width: 48rem)"
               >
                 <button
-                  className="c25 c19 c24"
+                  className="c27 c21 c26"
                   data-ui-button="true"
                   disabled={true}
                   href=""
@@ -15027,14 +15230,14 @@ exports[`renders <Summary state /> without throwing 3`] = `
               </span>
             </div>
             <div
-              className="c26"
+              className="c28"
             >
               <span
                 name="react-responsive-mock"
                 query="only screen and (max-width: 47.9375rem)"
               >
                 <button
-                  className="c27 c19 c24"
+                  className="c29 c21 c26"
                   data-ui-button="true"
                   disabled={true}
                   href=""
@@ -15067,7 +15270,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
                 query="only screen and (min-width: 48rem)"
               >
                 <button
-                  className="c28 c19 c24"
+                  className="c30 c21 c26"
                   data-ui-button="true"
                   disabled={true}
                   href=""
@@ -15101,10 +15304,10 @@ exports[`renders <Summary state /> without throwing 3`] = `
             </div>
           </div>
           <div
-            className="c29"
+            className="c31"
           >
             <div
-              className="c30 c0"
+              className="c32 c0"
               height="0.0625rem"
             />
           </div>
@@ -15112,19 +15315,19 @@ exports[`renders <Summary state /> without throwing 3`] = `
             className="c0"
           >
             <div
-              className="c31"
+              className="c33"
             >
               <label
-                className="c32"
+                className="c34"
                 htmlFor=""
               >
                 Short ID
               </label>
               <div
-                className="c33"
+                className="c35"
               >
                 <input
-                  className="c34"
+                  className="c36"
                   disabled={false}
                   id=""
                   onBlur={null}
@@ -15141,7 +15344,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
                   }
                 >
                   <svg
-                    className="c35"
+                    className="c37"
                     height="19"
                     innerRef={undefined}
                     onClick={[Function]}
@@ -15167,19 +15370,19 @@ exports[`renders <Summary state /> without throwing 3`] = `
             className="c0"
           >
             <div
-              className="c31"
+              className="c33"
             >
               <label
-                className="c32"
+                className="c34"
                 htmlFor=""
               >
                 ID
               </label>
               <div
-                className="c33"
+                className="c35"
               >
                 <input
-                  className="c34"
+                  className="c36"
                   disabled={false}
                   id=""
                   onBlur={null}
@@ -15196,7 +15399,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
                   }
                 >
                   <svg
-                    className="c35"
+                    className="c37"
                     height="19"
                     innerRef={undefined}
                     onClick={[Function]}
@@ -15222,19 +15425,19 @@ exports[`renders <Summary state /> without throwing 3`] = `
             className="c0"
           >
             <div
-              className="c31"
+              className="c33"
             >
               <label
-                className="c32"
+                className="c34"
                 htmlFor=""
               >
                 CN UUID
               </label>
               <div
-                className="c33"
+                className="c35"
               >
                 <input
-                  className="c34"
+                  className="c36"
                   disabled={false}
                   id=""
                   onBlur={null}
@@ -15251,7 +15454,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
                   }
                 >
                   <svg
-                    className="c35"
+                    className="c37"
                     height="19"
                     innerRef={undefined}
                     onClick={[Function]}
@@ -15277,19 +15480,19 @@ exports[`renders <Summary state /> without throwing 3`] = `
             className="c0"
           >
             <div
-              className="c31"
+              className="c33"
             >
               <label
-                className="c32"
+                className="c34"
                 htmlFor=""
               >
                 Login
               </label>
               <div
-                className="c33"
+                className="c35"
               >
                 <input
-                  className="c36"
+                  className="c38"
                   disabled={false}
                   id=""
                   onBlur={null}
@@ -15306,7 +15509,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
                   }
                 >
                   <svg
-                    className="c35"
+                    className="c37"
                     height="19"
                     innerRef={undefined}
                     onClick={[Function]}
diff --git a/packages/my-joy-instances/src/components/instances/summary.js b/packages/my-joy-instances/src/components/instances/summary.js
index 0c180841..ad6359cd 100644
--- a/packages/my-joy-instances/src/components/instances/summary.js
+++ b/packages/my-joy-instances/src/components/instances/summary.js
@@ -6,6 +6,7 @@ import { Margin, Padding } from 'styled-components-spacing';
 import titleCase from 'title-case';
 import get from 'lodash.get';
 import remcalc from 'remcalc';
+import { Field } from 'redux-form';
 
 import {
   Card,
@@ -21,7 +22,11 @@ import {
   DeleteIcon,
   StartIcon,
   StopIcon,
-  InstanceTypeIcon
+  EditIcon,
+  InstanceTypeIcon,
+  Input,
+  FormMeta,
+  FormGroup
 } from 'joyent-ui-toolkit';
 
 import GLOBAL from '@state/global';
@@ -58,6 +63,10 @@ const Flex = styled.div`
   }
 `;
 
+const Actionable = styled(Margin)`
+  cursor: pointer;
+`;
+
 const VerticalDivider = styled.div`
   width: ${remcalc(1)};
   background: ${props => props.theme.grey};
@@ -77,11 +86,49 @@ export const Meta = ({
   state,
   brand,
   image,
+  editingName,
+  handleSubmit,
+  editName,
+  disabled,
+  submitting,
   ...instance
 }) => [
   <Row middle="xs">
     <Col xs={12}>
-      <H2>{instance.name}</H2>
+      <H2>
+        {editingName ? (
+          <form onSubmit={handleSubmit}>
+            <Flex style={{ alignItems: 'start' }}>
+              <FormGroup name="name" field={Field}>
+                <Input
+                  onBlur={null}
+                  type="text"
+                  placeholder={instance.name}
+                  disabled={disabled || submitting}
+                />
+                <FormMeta />
+              </FormGroup>
+              <Margin left={1}>
+                <Button
+                  type="submit"
+                  disabled={submitting}
+                  loading={submitting}
+                  inline
+                >
+                  Add
+                </Button>
+              </Margin>
+            </Flex>
+          </form>
+        ) : (
+          <Flex>
+            {instance.name}
+            <Actionable left={2} onClick={editName}>
+              <EditIcon />
+            </Actionable>
+          </Flex>
+        )}
+      </H2>
     </Col>
   </Row>,
   <Margin top={2} bottom={3}>
@@ -131,14 +178,15 @@ export default withTheme(
     rebooting = false,
     removing = false,
     onAction,
-    theme = {}
+    theme = {},
+    ...props
   }) => (
     <Row>
       <Col xs={12} sm={12} md={9}>
         <Card>
           <CardOutlet>
             <Padding all={4}>
-              <Meta {...instance} />
+              <Meta {...instance} {...props} />
               <Row between="xs">
                 <Col xs={9}>
                   <Button
diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__snapshots__/summary.spec.js.snap b/packages/my-joy-instances/src/containers/instances/__tests__/__snapshots__/summary.spec.js.snap
index fd5d7993..62554d28 100644
--- a/packages/my-joy-instances/src/containers/instances/__tests__/__snapshots__/summary.spec.js.snap
+++ b/packages/my-joy-instances/src/containers/instances/__tests__/__snapshots__/summary.spec.js.snap
@@ -842,16 +842,20 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
 `;
 
 exports[`renders <Summary starting stopping rebooting removing /> without throwing 2`] = `
-.c9 {
+.c11 {
+  margin-left: 0.75rem;
+}
+
+.c12 {
   margin-top: 0.75rem;
   margin-bottom: 1.125rem;
 }
 
-.c15 {
+.c17 {
   margin-top: 0.375rem;
 }
 
-.c32 {
+.c34 {
   margin-top: 1.5rem;
   margin-bottom: 1.875rem;
 }
@@ -860,18 +864,18 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   padding: 1.5rem;
 }
 
-.c23 {
+.c25 {
   padding-top: 0.1875rem;
 }
 
-.c22 {
+.c24 {
   background-color: transparent;
   -webkit-text-decoration-skip: objects;
   text-decoration-skip: objects;
   font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
 }
 
-.c25 {
+.c27 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -884,52 +888,52 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   min-width: 7.5rem;
 }
 
-.c25::-moz-focus-inner,
-.c25[type='button']::-moz-focus-inner,
-.c25[type='reset']::-moz-focus-inner,
-.c25[type='submit']::-moz-focus-inner {
+.c27::-moz-focus-inner,
+.c27[type='button']::-moz-focus-inner,
+.c27[type='reset']::-moz-focus-inner,
+.c27[type='submit']::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.c25:-moz-focusring,
-.c25[type='button']:-moz-focusring,
-.c25[type='reset']:-moz-focusring,
-.c25[type='submit']:-moz-focusring {
+.c27:-moz-focusring,
+.c27[type='button']:-moz-focusring,
+.c27[type='reset']:-moz-focusring,
+.c27[type='submit']:-moz-focusring {
   outline: 0.0625rem dotted ButtonText;
 }
 
-.c25 + button,
-.c25 + a {
+.c27 + button,
+.c27 + a {
   margin-left: 0.375rem;
 }
 
-.c21 {
+.c23 {
   color: rgb(59,70,204);
   -webkit-text-fill-color: currentcolor;
   color: rgb(255,255,255);
   -webkit-text-fill-color: currentcolor;
 }
 
-.c21:hover {
+.c23:hover {
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.c38 {
+.c40 {
   cursor: pointer;
 }
 
-.c20 {
+.c22 {
   display: inline-block;
 }
 
-.c20 + button,
-.c20 + a {
+.c22 + button,
+.c22 + a {
   margin-left: 0.375rem;
 }
 
-.c19 {
+.c21 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -987,7 +991,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   font-weight: 500;
 }
 
-.c19:focus {
+.c21:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -995,178 +999,47 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   border-color: rgb(45,56,132);
 }
 
-.c19:hover {
+.c21:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c19:active,
-.c19:active:hover,
-.c19:active:focus {
+.c21:active,
+.c21:active:hover,
+.c21:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c19[disabled] {
+.c21[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c19:focus {
+.c21:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c19:hover {
+.c21:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c19:active,
-.c19:active:hover,
-.c19:active:focus {
+.c21:active,
+.c21:active:hover,
+.c21:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c19 svg + span {
+.c21 svg + span {
   margin-left: 0.75rem;
 }
 
-.c19 svg {
-  max-height: 1.125rem;
-}
-
-.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;
-  line-height: normal;
-  -webkit-letter-spacing: normal;
-  -moz-letter-spacing: normal;
-  -ms-letter-spacing: normal;
-  letter-spacing: normal;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-  background-image: none;
-  background-color: rgb(59,70,204);
-  border-radius: 0.25rem;
-  border: solid 0.0625rem rgb(45,56,132);
-  color: rgb(70,70,70);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-  cursor: not-allowed;
-  pointer-events: none;
-  color: rgb(216,216,216);
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-  padding: 0.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;
-}
-
-.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);
-}
-
-.c24:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-}
-
-.c24:hover {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c24:active,
-.c24:active:hover,
-.c24:active:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c24 svg + span {
-  margin-left: 0.75rem;
-}
-
-.c24 svg {
+.c21 svg {
   max-height: 1.125rem;
 }
 
@@ -1217,6 +1090,11 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   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;
@@ -1225,7 +1103,6 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
-  font-weight: 500;
 }
 
 .c26:focus {
@@ -1297,115 +1174,6 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   max-height: 1.125rem;
 }
 
-.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;
-  line-height: normal;
-  -webkit-letter-spacing: normal;
-  -moz-letter-spacing: normal;
-  -ms-letter-spacing: normal;
-  letter-spacing: normal;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-  background-image: none;
-  background-color: rgb(59,70,204);
-  border-radius: 0.25rem;
-  border: solid 0.0625rem rgb(45,56,132);
-  color: rgb(70,70,70);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-  padding: 0.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;
-}
-
-.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 svg + span {
-  margin-left: 0.75rem;
-}
-
-.c27 svg {
-  max-height: 1.125rem;
-}
-
 .c28 {
   box-sizing: border-box;
   display: inline-block;
@@ -1448,6 +1216,11 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   -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;
@@ -1503,6 +1276,23 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   border-color: rgb(216,216,216);
 }
 
+.c28:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+}
+
+.c28:hover {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c28:active,
+.c28:active:hover,
+.c28:active:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
 .c28 svg + span {
   margin-left: 0.75rem;
 }
@@ -1511,7 +1301,221 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   max-height: 1.125rem;
 }
 
+.c29 {
+  box-sizing: border-box;
+  display: inline-block;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  min-height: 3rem;
+  height: 3rem;
+  min-width: 7.5rem;
+  padding: 0.9375rem 1.125rem;
+  position: relative;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+  font-size: 0.9375rem;
+  text-align: center;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-letter-spacing: normal;
+  -moz-letter-spacing: normal;
+  -ms-letter-spacing: normal;
+  letter-spacing: normal;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+  background-image: none;
+  background-color: rgb(59,70,204);
+  border-radius: 0.25rem;
+  border: solid 0.0625rem rgb(45,56,132);
+  color: rgb(70,70,70);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+  padding: 0.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;
+}
+
+.c29:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c29:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.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);
+}
+
+.c29[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c29:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c29:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c29:active,
+.c29:active:hover,
+.c29:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c29 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c29 svg {
+  max-height: 1.125rem;
+}
+
 .c30 {
+  box-sizing: border-box;
+  display: inline-block;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  min-height: 3rem;
+  height: 3rem;
+  min-width: 7.5rem;
+  padding: 0.9375rem 1.125rem;
+  position: relative;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+  font-size: 0.9375rem;
+  text-align: center;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-letter-spacing: normal;
+  -moz-letter-spacing: normal;
+  -ms-letter-spacing: normal;
+  letter-spacing: normal;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+  background-image: none;
+  background-color: rgb(59,70,204);
+  border-radius: 0.25rem;
+  border: solid 0.0625rem rgb(45,56,132);
+  color: rgb(70,70,70);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  font-weight: 500;
+}
+
+.c30:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c30:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c30:active,
+.c30:active:hover,
+.c30:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c30[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c30:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c30:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c30:active,
+.c30:active:hover,
+.c30:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c30 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c30 svg {
+  max-height: 1.125rem;
+}
+
+.c32 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -1573,7 +1577,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   float: right;
 }
 
-.c30:focus {
+.c32:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -1581,70 +1585,70 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   border-color: rgb(45,56,132);
 }
 
-.c30:hover {
+.c32:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c30:active,
-.c30:active:hover,
-.c30:active:focus {
+.c32:active,
+.c32:active:hover,
+.c32:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c30[disabled] {
+.c32[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c30:focus {
+.c32:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c30:hover {
+.c32:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c30:active,
-.c30:active:hover,
-.c30:active:focus {
+.c32:active,
+.c32:active:hover,
+.c32:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c30:focus {
+.c32:focus {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c30:hover {
+.c32:hover {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c30:active,
-.c30:active:hover,
-.c30:active:focus {
+.c32:active,
+.c32:active:hover,
+.c32:active:focus {
   background-color: rgba(210,67,58,0.1);
   border-color: rgb(205,37,27);
 }
 
-.c30 svg + span {
+.c32 svg + span {
   margin-left: 0.75rem;
 }
 
-.c30 svg {
+.c32 svg {
   max-height: 1.125rem;
 }
 
-.c31 {
+.c33 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -1702,7 +1706,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   float: right;
 }
 
-.c31:focus {
+.c33:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -1710,70 +1714,70 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   border-color: rgb(45,56,132);
 }
 
-.c31:hover {
+.c33:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c31:active,
-.c31:active:hover,
-.c31: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);
 }
 
-.c31[disabled] {
+.c33[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c31:focus {
+.c33:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c31:hover {
+.c33:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c31:focus {
+.c33:focus {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c31:hover {
+.c33:hover {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
   background-color: rgba(210,67,58,0.1);
   border-color: rgb(205,37,27);
 }
 
-.c31 svg + span {
+.c33 svg + span {
   margin-left: 0.75rem;
 }
 
-.c31 svg {
+.c33 svg {
   max-height: 1.125rem;
 }
 
-.c14 {
+.c16 {
   width: 0.9375rem;
   height: 0.9375rem;
   border-radius: 50%;
@@ -1783,7 +1787,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   margin-left: 0rem;
 }
 
-.c12 {
+.c14 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-style: normal;
@@ -1794,7 +1798,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   margin-bottom: 0.1875rem;
 }
 
-.c35 {
+.c37 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-style: normal;
@@ -1856,7 +1860,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   margin-left: -0.625rem;
 }
 
-.c17 {
+.c19 {
   box-sizing: border-box;
   display: -webkit-box;
   display: -webkit-flex;
@@ -1895,7 +1899,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   display: block;
 }
 
-.c18 {
+.c20 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -1905,7 +1909,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   display: block;
 }
 
-.c29 {
+.c31 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -1915,7 +1919,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   display: block;
 }
 
-.c34 {
+.c36 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -1946,7 +1950,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   margin-top: 1.5rem;
 }
 
-.c33 {
+.c35 {
   background-color: rgb(216,216,216);
   margin: 0;
   height: 0.0625rem;
@@ -2018,7 +2022,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   margin-bottom: 0.4375rem;
 }
 
-.c37 {
+.c39 {
   box-sizing: border-box;
   width: 18.75rem;
   height: 3rem;
@@ -2041,62 +2045,62 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   min-width: 100%;
 }
 
-.c37:focus {
+.c39:focus {
   border-color: rgb(59,70,204);
   outline: 0;
 }
 
-.c37::-webkit-input-placeholder {
+.c39::-webkit-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c37::-moz-placeholder {
+.c39::-moz-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c37:-ms-input-placeholder {
+.c39:-ms-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c37:invalid {
+.c39:invalid {
   box-shadow: none;
 }
 
-.c37:disabled {
+.c39:disabled {
   background-color: rgb(250,250,250);
   color: rgb(216,216,216);
   cursor: not-allowed;
 }
 
-.c37:disabled::-webkit-input-placeholder {
+.c39:disabled::-webkit-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c37:disabled::-moz-placeholder {
+.c39:disabled::-moz-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c37:disabled:-ms-input-placeholder {
+.c39:disabled:-ms-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c37:disabled {
+.c39:disabled {
   color: rgb(73,73,73);
 }
 
-.c37:disabled::-webkit-input-placeholder {
+.c39:disabled::-webkit-input-placeholder {
   color: rgb(73,73,73);
 }
 
-.c37:disabled::-moz-placeholder {
+.c39:disabled::-moz-placeholder {
   color: rgb(73,73,73);
 }
 
-.c37:disabled:-ms-input-placeholder {
+.c39:disabled:-ms-input-placeholder {
   color: rgb(73,73,73);
 }
 
-.c36 {
+.c38 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -2108,16 +2112,16 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   align-items: center;
 }
 
-.c36 input {
+.c38 input {
   padding-right: 1.875rem;
 }
 
-.c36 div {
+.c38 div {
   position: relative;
   left: -1.625rem;
 }
 
-.c39 {
+.c41 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -2130,27 +2134,27 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   margin-bottom: 0rem;
 }
 
-.c39 input {
+.c41 input {
   padding-right: 1.875rem;
 }
 
-.c39 div {
+.c41 div {
   position: relative;
   left: -1.625rem;
 }
 
-.c16 {
+.c18 {
   opacity: 0.5;
   padding-right: 0.1875rem;
 }
 
-.c11 {
+.c13 {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
 
-.c10 {
+.c9 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -2165,7 +2169,11 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   justify-content: flex-start;
 }
 
-.c13 {
+.c10 {
+  cursor: pointer;
+}
+
+.c15 {
   width: 0.0625rem;
   background: rgb(216,216,216);
   height: 1.5rem;
@@ -2214,7 +2222,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
 }
 
 @media only screen and (min-width:0em) {
-  .c17 {
+  .c19 {
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
@@ -2259,7 +2267,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
 }
 
 @media only screen and (min-width:0em) {
-  .c18 {
+  .c20 {
     -webkit-flex-basis: 75%;
     -ms-flex-preferred-size: 75%;
     flex-basis: 75%;
@@ -2268,7 +2276,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
 }
 
 @media only screen and (min-width:0em) {
-  .c29 {
+  .c31 {
     -webkit-flex-basis: 25%;
     -ms-flex-preferred-size: 25%;
     flex-basis: 25%;
@@ -2277,7 +2285,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
 }
 
 @media only screen and (min-width:0em) {
-  .c34 {
+  .c36 {
     -webkit-flex-basis: 100%;
     -ms-flex-preferred-size: 100%;
     flex-basis: 100%;
@@ -2286,7 +2294,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
 }
 
 @media only screen and (min-width:64em) {
-  .c34 {
+  .c36 {
     -webkit-flex-basis: 58.333333333333336%;
     -ms-flex-preferred-size: 58.333333333333336%;
     flex-basis: 58.333333333333336%;
@@ -2295,13 +2303,13 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
 }
 
 @media (max-width:47.9375rem) {
-  .c10 {
+  .c9 {
     display: block;
   }
 }
 
 @media (max-width:47.9375rem) {
-  .c13 {
+  .c15 {
     display: none;
   }
 }
@@ -2335,44 +2343,65 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
               >
                 <h2
                   className="c8"
-                />
+                >
+                  <div
+                    className="c9"
+                  >
+                    <div
+                      className="c10 c11"
+                      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
-              className="c9"
+              className="c12"
             >
               <div
-                className="c10"
+                className="c9"
               >
                 <label
-                  className="c11 c12"
+                  className="c13 c14"
                 >
                   Alpine 3
                 </label>
                 <div
-                  className="c13"
+                  className="c15"
                 />
                 <label
-                  className="c11 c12"
+                  className="c13 c14"
                 >
                   Hardware virtual machine
                 </label>
                 <div
-                  className="c13"
+                  className="c15"
                 />
                 <label
-                  className="c11 c12"
+                  className="c13 c14"
                 >
                   g4-highcpu-128M
                 </label>
                 <div
-                  className="c13"
+                  className="c15"
                 />
                 <div
-                  className="c10"
+                  className="c9"
                 >
                   <span
-                    className="c14"
+                    className="c16"
                     color="green"
                     size="0.9375rem"
                   />
@@ -2380,21 +2409,21 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                 </div>
               </div>
               <div
-                className="c15"
+                className="c17"
               >
                 <div
-                  className="c10"
+                  className="c9"
                 >
                   <div
-                    className="c10"
+                    className="c9"
                   >
                     <label
-                      className="c16 c12"
+                      className="c18 c14"
                     >
                       Created: 
                     </label>
                     <label
-                      className="c12"
+                      className="c14"
                     >
                        
                       almost NaN years
@@ -2402,18 +2431,18 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                     </label>
                   </div>
                   <div
-                    className="c13"
+                    className="c15"
                   />
                   <div
-                    className="c10"
+                    className="c9"
                   >
                     <label
-                      className="c16 c12"
+                      className="c18 c14"
                     >
                       Updated: 
                     </label>
                     <label
-                      className="c12"
+                      className="c14"
                     >
                        
                       almost NaN years
@@ -2424,13 +2453,13 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
               </div>
             </div>
             <div
-              className="c17"
+              className="c19"
             >
               <div
-                className="c18"
+                className="c20"
               >
                 <a
-                  className="c19 c20 c21 c22"
+                  className="c21 c22 c23 c24"
                   data-ui-button="true"
                   href="http://localhost/images/~create/2252839a-e698-ceec-afac-9549ad0c6624"
                   icon={true}
@@ -2438,7 +2467,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                   target="__blank"
                 >
                   <div
-                    className="c23"
+                    className="c25"
                   >
                     <svg
                       className=""
@@ -2465,7 +2494,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                   query="only screen and (max-width: 47.9375rem)"
                 >
                   <button
-                    className="c24 c20 c25"
+                    className="c26 c22 c27"
                     data-ui-button="true"
                     disabled={true}
                     href=""
@@ -2498,7 +2527,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                   query="only screen and (min-width: 48rem)"
                 >
                   <button
-                    className="c26 c20 c25"
+                    className="c28 c22 c27"
                     data-ui-button="true"
                     disabled={true}
                     href=""
@@ -2534,7 +2563,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                   query="only screen and (max-width: 47.9375rem)"
                 >
                   <button
-                    className="c27 c20 c25"
+                    className="c29 c22 c27"
                     data-ui-button="true"
                     disabled={false}
                     href=""
@@ -2567,7 +2596,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                   query="only screen and (min-width: 48rem)"
                 >
                   <button
-                    className="c28 c20 c25"
+                    className="c30 c22 c27"
                     data-ui-button="true"
                     disabled={false}
                     href=""
@@ -2603,7 +2632,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                   query="only screen and (max-width: 47.9375rem)"
                 >
                   <button
-                    className="c27 c20 c25"
+                    className="c29 c22 c27"
                     data-ui-button="true"
                     disabled={false}
                     href=""
@@ -2652,7 +2681,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                   query="only screen and (min-width: 48rem)"
                 >
                   <button
-                    className="c28 c20 c25"
+                    className="c30 c22 c27"
                     data-ui-button="true"
                     disabled={false}
                     href=""
@@ -2701,14 +2730,14 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                 </span>
               </div>
               <div
-                className="c29"
+                className="c31"
               >
                 <span
                   name="react-responsive-mock"
                   query="only screen and (max-width: 47.9375rem)"
                 >
                   <button
-                    className="c30 c20 c25"
+                    className="c32 c22 c27"
                     data-ui-button="true"
                     disabled={false}
                     href=""
@@ -2741,7 +2770,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                   query="only screen and (min-width: 48rem)"
                 >
                   <button
-                    className="c31 c20 c25"
+                    className="c33 c22 c27"
                     data-ui-button="true"
                     disabled={false}
                     href=""
@@ -2775,10 +2804,10 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
               </div>
             </div>
             <div
-              className="c32"
+              className="c34"
             >
               <div
-                className="c33 c1"
+                className="c35 c1"
                 height="0.0625rem"
               />
             </div>
@@ -2786,19 +2815,19 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
               className="c1"
             >
               <div
-                className="c34"
+                className="c36"
               >
                 <label
-                  className="c35"
+                  className="c37"
                   htmlFor=""
                 >
                   Short ID
                 </label>
                 <div
-                  className="c36"
+                  className="c38"
                 >
                   <input
-                    className="c37"
+                    className="c39"
                     disabled={false}
                     id=""
                     onBlur={null}
@@ -2815,7 +2844,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                     }
                   >
                     <svg
-                      className="c38"
+                      className="c40"
                       height="19"
                       innerRef={undefined}
                       onClick={[Function]}
@@ -2841,19 +2870,19 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
               className="c1"
             >
               <div
-                className="c34"
+                className="c36"
               >
                 <label
-                  className="c35"
+                  className="c37"
                   htmlFor=""
                 >
                   ID
                 </label>
                 <div
-                  className="c36"
+                  className="c38"
                 >
                   <input
-                    className="c37"
+                    className="c39"
                     disabled={false}
                     id=""
                     onBlur={null}
@@ -2870,7 +2899,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                     }
                   >
                     <svg
-                      className="c38"
+                      className="c40"
                       height="19"
                       innerRef={undefined}
                       onClick={[Function]}
@@ -2896,19 +2925,19 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
               className="c1"
             >
               <div
-                className="c34"
+                className="c36"
               >
                 <label
-                  className="c35"
+                  className="c37"
                   htmlFor=""
                 >
                   CN UUID
                 </label>
                 <div
-                  className="c36"
+                  className="c38"
                 >
                   <input
-                    className="c37"
+                    className="c39"
                     disabled={false}
                     id=""
                     onBlur={null}
@@ -2925,7 +2954,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                     }
                   >
                     <svg
-                      className="c38"
+                      className="c40"
                       height="19"
                       innerRef={undefined}
                       onClick={[Function]}
@@ -2951,19 +2980,19 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
               className="c1"
             >
               <div
-                className="c34"
+                className="c36"
               >
                 <label
-                  className="c35"
+                  className="c37"
                   htmlFor=""
                 >
                   Image UUID
                 </label>
                 <div
-                  className="c36"
+                  className="c38"
                 >
                   <input
-                    className="c37"
+                    className="c39"
                     disabled={false}
                     id=""
                     onBlur={null}
@@ -2980,7 +3009,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                     }
                   >
                     <svg
-                      className="c38"
+                      className="c40"
                       height="19"
                       innerRef={undefined}
                       onClick={[Function]}
@@ -3006,19 +3035,19 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
               className="c1"
             >
               <div
-                className="c34"
+                className="c36"
               >
                 <label
-                  className="c35"
+                  className="c37"
                   htmlFor=""
                 >
                   Login
                 </label>
                 <div
-                  className="c36"
+                  className="c38"
                 >
                   <input
-                    className="c37"
+                    className="c39"
                     disabled={false}
                     id=""
                     onBlur={null}
@@ -3035,7 +3064,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                     }
                   >
                     <svg
-                      className="c38"
+                      className="c40"
                       height="19"
                       innerRef={undefined}
                       onClick={[Function]}
@@ -3061,19 +3090,19 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
               className="c1"
             >
               <div
-                className="c34"
+                className="c36"
               >
                 <label
-                  className="c35"
+                  className="c37"
                   htmlFor=""
                 >
                   Public IP address 1
                 </label>
                 <div
-                  className="c36"
+                  className="c38"
                 >
                   <input
-                    className="c37"
+                    className="c39"
                     disabled={false}
                     id=""
                     onBlur={null}
@@ -3090,7 +3119,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                     }
                   >
                     <svg
-                      className="c38"
+                      className="c40"
                       height="19"
                       innerRef={undefined}
                       onClick={[Function]}
@@ -3116,19 +3145,19 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
               className="c1"
             >
               <div
-                className="c34"
+                className="c36"
               >
                 <label
-                  className="c35"
+                  className="c37"
                   htmlFor=""
                 >
                   Public IP address 2
                 </label>
                 <div
-                  className="c36"
+                  className="c38"
                 >
                   <input
-                    className="c37"
+                    className="c39"
                     disabled={false}
                     id=""
                     onBlur={null}
@@ -3145,7 +3174,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                     }
                   >
                     <svg
-                      className="c38"
+                      className="c40"
                       height="19"
                       innerRef={undefined}
                       onClick={[Function]}
@@ -3171,19 +3200,19 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
               className="c1"
             >
               <div
-                className="c34"
+                className="c36"
               >
                 <label
-                  className="c35"
+                  className="c37"
                   htmlFor=""
                 >
                   Private IP address 1
                 </label>
                 <div
-                  className="c36"
+                  className="c38"
                 >
                   <input
-                    className="c37"
+                    className="c39"
                     disabled={false}
                     id=""
                     onBlur={null}
@@ -3200,7 +3229,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                     }
                   >
                     <svg
-                      className="c38"
+                      className="c40"
                       height="19"
                       innerRef={undefined}
                       onClick={[Function]}
@@ -3226,19 +3255,19 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
               className="c1"
             >
               <div
-                className="c34"
+                className="c36"
               >
                 <label
-                  className="c35"
+                  className="c37"
                   htmlFor=""
                 >
                   Private IP address 2
                 </label>
                 <div
-                  className="c39"
+                  className="c41"
                 >
                   <input
-                    className="c37"
+                    className="c39"
                     disabled={false}
                     id=""
                     onBlur={null}
@@ -3255,7 +3284,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                     }
                   >
                     <svg
-                      className="c38"
+                      className="c40"
                       height="19"
                       innerRef={undefined}
                       onClick={[Function]}
@@ -3286,16 +3315,20 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
 `;
 
 exports[`renders <Summary starting stopping rebooting removing /> without throwing 3`] = `
-.c9 {
+.c11 {
+  margin-left: 0.75rem;
+}
+
+.c12 {
   margin-top: 0.75rem;
   margin-bottom: 1.125rem;
 }
 
-.c15 {
+.c17 {
   margin-top: 0.375rem;
 }
 
-.c32 {
+.c34 {
   margin-top: 1.5rem;
   margin-bottom: 1.875rem;
 }
@@ -3304,18 +3337,18 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   padding: 1.5rem;
 }
 
-.c23 {
+.c25 {
   padding-top: 0.1875rem;
 }
 
-.c22 {
+.c24 {
   background-color: transparent;
   -webkit-text-decoration-skip: objects;
   text-decoration-skip: objects;
   font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
 }
 
-.c25 {
+.c27 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -3328,52 +3361,52 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   min-width: 7.5rem;
 }
 
-.c25::-moz-focus-inner,
-.c25[type='button']::-moz-focus-inner,
-.c25[type='reset']::-moz-focus-inner,
-.c25[type='submit']::-moz-focus-inner {
+.c27::-moz-focus-inner,
+.c27[type='button']::-moz-focus-inner,
+.c27[type='reset']::-moz-focus-inner,
+.c27[type='submit']::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.c25:-moz-focusring,
-.c25[type='button']:-moz-focusring,
-.c25[type='reset']:-moz-focusring,
-.c25[type='submit']:-moz-focusring {
+.c27:-moz-focusring,
+.c27[type='button']:-moz-focusring,
+.c27[type='reset']:-moz-focusring,
+.c27[type='submit']:-moz-focusring {
   outline: 0.0625rem dotted ButtonText;
 }
 
-.c25 + button,
-.c25 + a {
+.c27 + button,
+.c27 + a {
   margin-left: 0.375rem;
 }
 
-.c21 {
+.c23 {
   color: rgb(59,70,204);
   -webkit-text-fill-color: currentcolor;
   color: rgb(255,255,255);
   -webkit-text-fill-color: currentcolor;
 }
 
-.c21:hover {
+.c23:hover {
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.c38 {
+.c40 {
   cursor: pointer;
 }
 
-.c20 {
+.c22 {
   display: inline-block;
 }
 
-.c20 + button,
-.c20 + a {
+.c22 + button,
+.c22 + a {
   margin-left: 0.375rem;
 }
 
-.c19 {
+.c21 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -3431,7 +3464,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   font-weight: 500;
 }
 
-.c19:focus {
+.c21:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -3439,178 +3472,47 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   border-color: rgb(45,56,132);
 }
 
-.c19:hover {
+.c21:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c19:active,
-.c19:active:hover,
-.c19:active:focus {
+.c21:active,
+.c21:active:hover,
+.c21:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c19[disabled] {
+.c21[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c19:focus {
+.c21:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c19:hover {
+.c21:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c19:active,
-.c19:active:hover,
-.c19:active:focus {
+.c21:active,
+.c21:active:hover,
+.c21:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c19 svg + span {
+.c21 svg + span {
   margin-left: 0.75rem;
 }
 
-.c19 svg {
-  max-height: 1.125rem;
-}
-
-.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;
-  line-height: normal;
-  -webkit-letter-spacing: normal;
-  -moz-letter-spacing: normal;
-  -ms-letter-spacing: normal;
-  letter-spacing: normal;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-  background-image: none;
-  background-color: rgb(59,70,204);
-  border-radius: 0.25rem;
-  border: solid 0.0625rem rgb(45,56,132);
-  color: rgb(70,70,70);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-  cursor: not-allowed;
-  pointer-events: none;
-  color: rgb(216,216,216);
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-  padding: 0.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;
-}
-
-.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);
-}
-
-.c24:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(216,216,216);
-}
-
-.c24:hover {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c24:active,
-.c24:active:hover,
-.c24:active:focus {
-  background-color: rgb(250,250,250);
-  border-color: rgb(250,250,250);
-}
-
-.c24 svg + span {
-  margin-left: 0.75rem;
-}
-
-.c24 svg {
+.c21 svg {
   max-height: 1.125rem;
 }
 
@@ -3661,6 +3563,11 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   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;
@@ -3669,7 +3576,6 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
-  font-weight: 500;
 }
 
 .c26:focus {
@@ -3741,115 +3647,6 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   max-height: 1.125rem;
 }
 
-.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;
-  line-height: normal;
-  -webkit-letter-spacing: normal;
-  -moz-letter-spacing: normal;
-  -ms-letter-spacing: normal;
-  letter-spacing: normal;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: rgb(255,255,255);
-  -webkit-text-fill-color: currentcolor;
-  background-image: none;
-  background-color: rgb(59,70,204);
-  border-radius: 0.25rem;
-  border: solid 0.0625rem rgb(45,56,132);
-  color: rgb(70,70,70);
-  -webkit-text-fill-color: currentcolor;
-  background-color: rgb(255,255,255);
-  border-color: rgb(216,216,216);
-  padding: 0.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;
-}
-
-.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 svg + span {
-  margin-left: 0.75rem;
-}
-
-.c27 svg {
-  max-height: 1.125rem;
-}
-
 .c28 {
   box-sizing: border-box;
   display: inline-block;
@@ -3892,6 +3689,11 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   -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;
@@ -3947,6 +3749,23 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   border-color: rgb(216,216,216);
 }
 
+.c28:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+}
+
+.c28:hover {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c28:active,
+.c28:active:hover,
+.c28:active:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
 .c28 svg + span {
   margin-left: 0.75rem;
 }
@@ -3955,7 +3774,221 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   max-height: 1.125rem;
 }
 
+.c29 {
+  box-sizing: border-box;
+  display: inline-block;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  min-height: 3rem;
+  height: 3rem;
+  min-width: 7.5rem;
+  padding: 0.9375rem 1.125rem;
+  position: relative;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+  font-size: 0.9375rem;
+  text-align: center;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-letter-spacing: normal;
+  -moz-letter-spacing: normal;
+  -ms-letter-spacing: normal;
+  letter-spacing: normal;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+  background-image: none;
+  background-color: rgb(59,70,204);
+  border-radius: 0.25rem;
+  border: solid 0.0625rem rgb(45,56,132);
+  color: rgb(70,70,70);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+  padding: 0.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;
+}
+
+.c29:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c29:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.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);
+}
+
+.c29[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c29:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c29:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c29:active,
+.c29:active:hover,
+.c29:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c29 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c29 svg {
+  max-height: 1.125rem;
+}
+
 .c30 {
+  box-sizing: border-box;
+  display: inline-block;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  min-height: 3rem;
+  height: 3rem;
+  min-width: 7.5rem;
+  padding: 0.9375rem 1.125rem;
+  position: relative;
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+  font-size: 0.9375rem;
+  text-align: center;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-letter-spacing: normal;
+  -moz-letter-spacing: normal;
+  -ms-letter-spacing: normal;
+  letter-spacing: normal;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+  background-image: none;
+  background-color: rgb(59,70,204);
+  border-radius: 0.25rem;
+  border: solid 0.0625rem rgb(45,56,132);
+  color: rgb(70,70,70);
+  -webkit-text-fill-color: currentcolor;
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  font-weight: 500;
+}
+
+.c30:focus {
+  outline: 0;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c30:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c30:active,
+.c30:active:hover,
+.c30:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c30[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c30:focus {
+  background-color: rgb(255,255,255);
+  border-color: rgb(216,216,216);
+}
+
+.c30:hover {
+  background-color: rgb(247,247,247);
+  border-color: rgb(216,216,216);
+}
+
+.c30:active,
+.c30:active:hover,
+.c30:active:focus {
+  background-color: rgb(230,230,230);
+  border-color: rgb(216,216,216);
+}
+
+.c30 svg + span {
+  margin-left: 0.75rem;
+}
+
+.c30 svg {
+  max-height: 1.125rem;
+}
+
+.c32 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -4017,7 +4050,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   float: right;
 }
 
-.c30:focus {
+.c32:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -4025,70 +4058,70 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   border-color: rgb(45,56,132);
 }
 
-.c30:hover {
+.c32:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c30:active,
-.c30:active:hover,
-.c30:active:focus {
+.c32:active,
+.c32:active:hover,
+.c32:active:focus {
   background-image: none;
   outline: 0;
   background-color: rgb(45,56,132);
   border-color: rgb(45,56,132);
 }
 
-.c30[disabled] {
+.c32[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c30:focus {
+.c32:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c30:hover {
+.c32:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c30:active,
-.c30:active:hover,
-.c30:active:focus {
+.c32:active,
+.c32:active:hover,
+.c32:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c30:focus {
+.c32:focus {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c30:hover {
+.c32:hover {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c30:active,
-.c30:active:hover,
-.c30:active:focus {
+.c32:active,
+.c32:active:hover,
+.c32:active:focus {
   background-color: rgba(210,67,58,0.1);
   border-color: rgb(205,37,27);
 }
 
-.c30 svg + span {
+.c32 svg + span {
   margin-left: 0.75rem;
 }
 
-.c30 svg {
+.c32 svg {
   max-height: 1.125rem;
 }
 
-.c31 {
+.c33 {
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -4146,7 +4179,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   float: right;
 }
 
-.c31:focus {
+.c33:focus {
   outline: 0;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -4154,70 +4187,70 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   border-color: rgb(45,56,132);
 }
 
-.c31:hover {
+.c33:hover {
   background-color: rgb(72,83,217);
   border: solid 0.0625rem rgb(45,56,132);
 }
 
-.c31:active,
-.c31:active:hover,
-.c31: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);
 }
 
-.c31[disabled] {
+.c33[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c31:focus {
+.c33:focus {
   background-color: rgb(255,255,255);
   border-color: rgb(216,216,216);
 }
 
-.c31:hover {
+.c33:hover {
   background-color: rgb(247,247,247);
   border-color: rgb(216,216,216);
 }
 
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
   background-color: rgb(230,230,230);
   border-color: rgb(216,216,216);
 }
 
-.c31:focus {
+.c33:focus {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c31:hover {
+.c33:hover {
   color: rgb(205,37,27);
   background-color: rgb(255,255,255);
   border-color: rgb(205,37,27);
 }
 
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
   background-color: rgba(210,67,58,0.1);
   border-color: rgb(205,37,27);
 }
 
-.c31 svg + span {
+.c33 svg + span {
   margin-left: 0.75rem;
 }
 
-.c31 svg {
+.c33 svg {
   max-height: 1.125rem;
 }
 
-.c14 {
+.c16 {
   width: 0.9375rem;
   height: 0.9375rem;
   border-radius: 50%;
@@ -4227,7 +4260,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   margin-left: 0rem;
 }
 
-.c12 {
+.c14 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-style: normal;
@@ -4238,7 +4271,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   margin-bottom: 0.1875rem;
 }
 
-.c35 {
+.c37 {
   font-size: 0.9375rem;
   line-height: 1.125rem;
   font-style: normal;
@@ -4300,7 +4333,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   margin-left: -0.625rem;
 }
 
-.c17 {
+.c19 {
   box-sizing: border-box;
   display: -webkit-box;
   display: -webkit-flex;
@@ -4339,7 +4372,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   display: block;
 }
 
-.c18 {
+.c20 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -4349,7 +4382,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   display: block;
 }
 
-.c29 {
+.c31 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -4359,7 +4392,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   display: block;
 }
 
-.c34 {
+.c36 {
   box-sizing: border-box;
   -webkit-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
@@ -4390,7 +4423,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   margin-top: 1.5rem;
 }
 
-.c33 {
+.c35 {
   background-color: rgb(216,216,216);
   margin: 0;
   height: 0.0625rem;
@@ -4462,7 +4495,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   margin-bottom: 0.4375rem;
 }
 
-.c37 {
+.c39 {
   box-sizing: border-box;
   width: 18.75rem;
   height: 3rem;
@@ -4485,62 +4518,62 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   min-width: 100%;
 }
 
-.c37:focus {
+.c39:focus {
   border-color: rgb(59,70,204);
   outline: 0;
 }
 
-.c37::-webkit-input-placeholder {
+.c39::-webkit-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c37::-moz-placeholder {
+.c39::-moz-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c37:-ms-input-placeholder {
+.c39:-ms-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c37:invalid {
+.c39:invalid {
   box-shadow: none;
 }
 
-.c37:disabled {
+.c39:disabled {
   background-color: rgb(250,250,250);
   color: rgb(216,216,216);
   cursor: not-allowed;
 }
 
-.c37:disabled::-webkit-input-placeholder {
+.c39:disabled::-webkit-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c37:disabled::-moz-placeholder {
+.c39:disabled::-moz-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c37:disabled:-ms-input-placeholder {
+.c39:disabled:-ms-input-placeholder {
   color: rgba(73,73,73,0.5);
 }
 
-.c37:disabled {
+.c39:disabled {
   color: rgb(73,73,73);
 }
 
-.c37:disabled::-webkit-input-placeholder {
+.c39:disabled::-webkit-input-placeholder {
   color: rgb(73,73,73);
 }
 
-.c37:disabled::-moz-placeholder {
+.c39:disabled::-moz-placeholder {
   color: rgb(73,73,73);
 }
 
-.c37:disabled:-ms-input-placeholder {
+.c39:disabled:-ms-input-placeholder {
   color: rgb(73,73,73);
 }
 
-.c36 {
+.c38 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -4552,16 +4585,16 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   align-items: center;
 }
 
-.c36 input {
+.c38 input {
   padding-right: 1.875rem;
 }
 
-.c36 div {
+.c38 div {
   position: relative;
   left: -1.625rem;
 }
 
-.c39 {
+.c41 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -4574,27 +4607,27 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   margin-bottom: 0rem;
 }
 
-.c39 input {
+.c41 input {
   padding-right: 1.875rem;
 }
 
-.c39 div {
+.c41 div {
   position: relative;
   left: -1.625rem;
 }
 
-.c16 {
+.c18 {
   opacity: 0.5;
   padding-right: 0.1875rem;
 }
 
-.c11 {
+.c13 {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
 
-.c10 {
+.c9 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -4609,7 +4642,11 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
   justify-content: flex-start;
 }
 
-.c13 {
+.c10 {
+  cursor: pointer;
+}
+
+.c15 {
   width: 0.0625rem;
   background: rgb(216,216,216);
   height: 1.5rem;
@@ -4658,7 +4695,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
 }
 
 @media only screen and (min-width:0em) {
-  .c17 {
+  .c19 {
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
@@ -4703,7 +4740,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
 }
 
 @media only screen and (min-width:0em) {
-  .c18 {
+  .c20 {
     -webkit-flex-basis: 75%;
     -ms-flex-preferred-size: 75%;
     flex-basis: 75%;
@@ -4712,7 +4749,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
 }
 
 @media only screen and (min-width:0em) {
-  .c29 {
+  .c31 {
     -webkit-flex-basis: 25%;
     -ms-flex-preferred-size: 25%;
     flex-basis: 25%;
@@ -4721,7 +4758,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
 }
 
 @media only screen and (min-width:0em) {
-  .c34 {
+  .c36 {
     -webkit-flex-basis: 100%;
     -ms-flex-preferred-size: 100%;
     flex-basis: 100%;
@@ -4730,7 +4767,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
 }
 
 @media only screen and (min-width:64em) {
-  .c34 {
+  .c36 {
     -webkit-flex-basis: 58.333333333333336%;
     -ms-flex-preferred-size: 58.333333333333336%;
     flex-basis: 58.333333333333336%;
@@ -4739,13 +4776,13 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
 }
 
 @media (max-width:47.9375rem) {
-  .c10 {
+  .c9 {
     display: block;
   }
 }
 
 @media (max-width:47.9375rem) {
-  .c13 {
+  .c15 {
     display: none;
   }
 }
@@ -4779,44 +4816,65 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
               >
                 <h2
                   className="c8"
-                />
+                >
+                  <div
+                    className="c9"
+                  >
+                    <div
+                      className="c10 c11"
+                      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
-              className="c9"
+              className="c12"
             >
               <div
-                className="c10"
+                className="c9"
               >
                 <label
-                  className="c11 c12"
+                  className="c13 c14"
                 >
                   Custom Image
                 </label>
                 <div
-                  className="c13"
+                  className="c15"
                 />
                 <label
-                  className="c11 c12"
+                  className="c13 c14"
                 >
                   Infrastructure container
                 </label>
                 <div
-                  className="c13"
+                  className="c15"
                 />
                 <label
-                  className="c11 c12"
+                  className="c13 c14"
                 >
                   g4-highcpu-128M
                 </label>
                 <div
-                  className="c13"
+                  className="c15"
                 />
                 <div
-                  className="c10"
+                  className="c9"
                 >
                   <span
-                    className="c14"
+                    className="c16"
                     color="green"
                     size="0.9375rem"
                   />
@@ -4824,21 +4882,21 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                 </div>
               </div>
               <div
-                className="c15"
+                className="c17"
               >
                 <div
-                  className="c10"
+                  className="c9"
                 >
                   <div
-                    className="c10"
+                    className="c9"
                   >
                     <label
-                      className="c16 c12"
+                      className="c18 c14"
                     >
                       Created: 
                     </label>
                     <label
-                      className="c12"
+                      className="c14"
                     >
                        
                       almost NaN years
@@ -4846,18 +4904,18 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                     </label>
                   </div>
                   <div
-                    className="c13"
+                    className="c15"
                   />
                   <div
-                    className="c10"
+                    className="c9"
                   >
                     <label
-                      className="c16 c12"
+                      className="c18 c14"
                     >
                       Updated: 
                     </label>
                     <label
-                      className="c12"
+                      className="c14"
                     >
                        
                       almost NaN years
@@ -4868,13 +4926,13 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
               </div>
             </div>
             <div
-              className="c17"
+              className="c19"
             >
               <div
-                className="c18"
+                className="c20"
               >
                 <a
-                  className="c19 c20 c21 c22"
+                  className="c21 c22 c23 c24"
                   data-ui-button="true"
                   href="http://localhost/images/~create/2252839a-e698-ceec-afac-9549ad0c6624"
                   icon={true}
@@ -4882,7 +4940,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                   target="__blank"
                 >
                   <div
-                    className="c23"
+                    className="c25"
                   >
                     <svg
                       className=""
@@ -4909,7 +4967,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                   query="only screen and (max-width: 47.9375rem)"
                 >
                   <button
-                    className="c24 c20 c25"
+                    className="c26 c22 c27"
                     data-ui-button="true"
                     disabled={true}
                     href=""
@@ -4942,7 +5000,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                   query="only screen and (min-width: 48rem)"
                 >
                   <button
-                    className="c26 c20 c25"
+                    className="c28 c22 c27"
                     data-ui-button="true"
                     disabled={true}
                     href=""
@@ -4978,7 +5036,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                   query="only screen and (max-width: 47.9375rem)"
                 >
                   <button
-                    className="c27 c20 c25"
+                    className="c29 c22 c27"
                     data-ui-button="true"
                     disabled={false}
                     href=""
@@ -5011,7 +5069,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                   query="only screen and (min-width: 48rem)"
                 >
                   <button
-                    className="c28 c20 c25"
+                    className="c30 c22 c27"
                     data-ui-button="true"
                     disabled={false}
                     href=""
@@ -5047,7 +5105,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                   query="only screen and (max-width: 47.9375rem)"
                 >
                   <button
-                    className="c27 c20 c25"
+                    className="c29 c22 c27"
                     data-ui-button="true"
                     disabled={false}
                     href=""
@@ -5096,7 +5154,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                   query="only screen and (min-width: 48rem)"
                 >
                   <button
-                    className="c28 c20 c25"
+                    className="c30 c22 c27"
                     data-ui-button="true"
                     disabled={false}
                     href=""
@@ -5145,14 +5203,14 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                 </span>
               </div>
               <div
-                className="c29"
+                className="c31"
               >
                 <span
                   name="react-responsive-mock"
                   query="only screen and (max-width: 47.9375rem)"
                 >
                   <button
-                    className="c30 c20 c25"
+                    className="c32 c22 c27"
                     data-ui-button="true"
                     disabled={false}
                     href=""
@@ -5185,7 +5243,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                   query="only screen and (min-width: 48rem)"
                 >
                   <button
-                    className="c31 c20 c25"
+                    className="c33 c22 c27"
                     data-ui-button="true"
                     disabled={false}
                     href=""
@@ -5219,10 +5277,10 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
               </div>
             </div>
             <div
-              className="c32"
+              className="c34"
             >
               <div
-                className="c33 c1"
+                className="c35 c1"
                 height="0.0625rem"
               />
             </div>
@@ -5230,19 +5288,19 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
               className="c1"
             >
               <div
-                className="c34"
+                className="c36"
               >
                 <label
-                  className="c35"
+                  className="c37"
                   htmlFor=""
                 >
                   Short ID
                 </label>
                 <div
-                  className="c36"
+                  className="c38"
                 >
                   <input
-                    className="c37"
+                    className="c39"
                     disabled={false}
                     id=""
                     onBlur={null}
@@ -5259,7 +5317,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                     }
                   >
                     <svg
-                      className="c38"
+                      className="c40"
                       height="19"
                       innerRef={undefined}
                       onClick={[Function]}
@@ -5285,19 +5343,19 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
               className="c1"
             >
               <div
-                className="c34"
+                className="c36"
               >
                 <label
-                  className="c35"
+                  className="c37"
                   htmlFor=""
                 >
                   ID
                 </label>
                 <div
-                  className="c36"
+                  className="c38"
                 >
                   <input
-                    className="c37"
+                    className="c39"
                     disabled={false}
                     id=""
                     onBlur={null}
@@ -5314,7 +5372,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                     }
                   >
                     <svg
-                      className="c38"
+                      className="c40"
                       height="19"
                       innerRef={undefined}
                       onClick={[Function]}
@@ -5340,19 +5398,19 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
               className="c1"
             >
               <div
-                className="c34"
+                className="c36"
               >
                 <label
-                  className="c35"
+                  className="c37"
                   htmlFor=""
                 >
                   CN UUID
                 </label>
                 <div
-                  className="c36"
+                  className="c38"
                 >
                   <input
-                    className="c37"
+                    className="c39"
                     disabled={false}
                     id=""
                     onBlur={null}
@@ -5369,7 +5427,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                     }
                   >
                     <svg
-                      className="c38"
+                      className="c40"
                       height="19"
                       innerRef={undefined}
                       onClick={[Function]}
@@ -5395,19 +5453,19 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
               className="c1"
             >
               <div
-                className="c34"
+                className="c36"
               >
                 <label
-                  className="c35"
+                  className="c37"
                   htmlFor=""
                 >
                   Image UUID
                 </label>
                 <div
-                  className="c36"
+                  className="c38"
                 >
                   <input
-                    className="c37"
+                    className="c39"
                     disabled={false}
                     id=""
                     onBlur={null}
@@ -5424,7 +5482,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                     }
                   >
                     <svg
-                      className="c38"
+                      className="c40"
                       height="19"
                       innerRef={undefined}
                       onClick={[Function]}
@@ -5450,19 +5508,19 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
               className="c1"
             >
               <div
-                className="c34"
+                className="c36"
               >
                 <label
-                  className="c35"
+                  className="c37"
                   htmlFor=""
                 >
                   Login
                 </label>
                 <div
-                  className="c36"
+                  className="c38"
                 >
                   <input
-                    className="c37"
+                    className="c39"
                     disabled={false}
                     id=""
                     onBlur={null}
@@ -5479,7 +5537,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                     }
                   >
                     <svg
-                      className="c38"
+                      className="c40"
                       height="19"
                       innerRef={undefined}
                       onClick={[Function]}
@@ -5505,19 +5563,19 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
               className="c1"
             >
               <div
-                className="c34"
+                className="c36"
               >
                 <label
-                  className="c35"
+                  className="c37"
                   htmlFor=""
                 >
                   Public IP address 1
                 </label>
                 <div
-                  className="c36"
+                  className="c38"
                 >
                   <input
-                    className="c37"
+                    className="c39"
                     disabled={false}
                     id=""
                     onBlur={null}
@@ -5534,7 +5592,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                     }
                   >
                     <svg
-                      className="c38"
+                      className="c40"
                       height="19"
                       innerRef={undefined}
                       onClick={[Function]}
@@ -5560,19 +5618,19 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
               className="c1"
             >
               <div
-                className="c34"
+                className="c36"
               >
                 <label
-                  className="c35"
+                  className="c37"
                   htmlFor=""
                 >
                   Public IP address 2
                 </label>
                 <div
-                  className="c36"
+                  className="c38"
                 >
                   <input
-                    className="c37"
+                    className="c39"
                     disabled={false}
                     id=""
                     onBlur={null}
@@ -5589,7 +5647,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                     }
                   >
                     <svg
-                      className="c38"
+                      className="c40"
                       height="19"
                       innerRef={undefined}
                       onClick={[Function]}
@@ -5615,19 +5673,19 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
               className="c1"
             >
               <div
-                className="c34"
+                className="c36"
               >
                 <label
-                  className="c35"
+                  className="c37"
                   htmlFor=""
                 >
                   Private IP address 1
                 </label>
                 <div
-                  className="c36"
+                  className="c38"
                 >
                   <input
-                    className="c37"
+                    className="c39"
                     disabled={false}
                     id=""
                     onBlur={null}
@@ -5644,7 +5702,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                     }
                   >
                     <svg
-                      className="c38"
+                      className="c40"
                       height="19"
                       innerRef={undefined}
                       onClick={[Function]}
@@ -5670,19 +5728,19 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
               className="c1"
             >
               <div
-                className="c34"
+                className="c36"
               >
                 <label
-                  className="c35"
+                  className="c37"
                   htmlFor=""
                 >
                   Private IP address 2
                 </label>
                 <div
-                  className="c39"
+                  className="c41"
                 >
                   <input
-                    className="c37"
+                    className="c39"
                     disabled={false}
                     id=""
                     onBlur={null}
@@ -5699,7 +5757,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
                     }
                   >
                     <svg
-                      className="c38"
+                      className="c40"
                       height="19"
                       innerRef={undefined}
                       onClick={[Function]}
diff --git a/packages/my-joy-instances/src/containers/instances/summary.js b/packages/my-joy-instances/src/containers/instances/summary.js
index 7939b369..a450e156 100644
--- a/packages/my-joy-instances/src/containers/instances/summary.js
+++ b/packages/my-joy-instances/src/containers/instances/summary.js
@@ -2,12 +2,14 @@ import React from 'react';
 import { compose, graphql } from 'react-apollo';
 import { connect } from 'react-redux';
 import { set } from 'react-redux-values';
+import { stopSubmit } from 'redux-form';
 import { Margin } from 'styled-components-spacing';
 import intercept from 'apr-intercept';
 import isArray from 'lodash.isarray';
 import some from 'lodash.some';
 import isInteger from 'lodash.isinteger';
 import get from 'lodash.get';
+import ReduxForm from 'declarative-redux-form';
 
 import {
   ViewContainer,
@@ -22,9 +24,13 @@ import StartInstance from '@graphql/start-instance.gql';
 import StopInstance from '@graphql/stop-instance.gql';
 import RebootInstance from '@graphql/reboot-instance.gql';
 import RemoveInstance from '@graphql/remove-instance.gql';
+import RenameMachine from '@graphql/rename-machine.gql';
 import SummaryScreen from '@components/instances/summary';
 import parseError from '@state/parse-error';
 import Confirm from '@state/confirm';
+import { instanceName as validateName } from '@state/validators';
+
+const FORM = 'change-name';
 
 export const Summary = ({
   instance,
@@ -35,21 +41,39 @@ export const Summary = ({
   starting,
   stopping,
   rebooting,
-  removing
+  removing,
+  editName,
+  editingName,
+  handleChangeName,
+  handleAsyncValidate,
+  shouldAsyncValidate
 }) => {
   const _loading =
     loading || (!instance && !loadingError) ? <StatusLoader /> : null;
 
   const _summary = !_loading &&
     instance && (
-      <SummaryScreen
-        instance={instance}
-        starting={starting}
-        stopping={stopping}
-        rebooting={rebooting}
-        removing={removing}
-        onAction={handleAction}
-      />
+      <ReduxForm
+        form={FORM}
+        onSubmit={handleChangeName}
+        initialValues={{ name: instance.name }}
+        asyncValidate={handleAsyncValidate}
+        shouldAsyncValidate={shouldAsyncValidate}
+      >
+        {props => (
+          <SummaryScreen
+            {...props}
+            instance={instance}
+            starting={starting}
+            stopping={stopping}
+            rebooting={rebooting}
+            removing={removing}
+            onAction={handleAction}
+            editName={editName}
+            editingName={editingName}
+          />
+        )}
+      </ReduxForm>
     );
 
   const _error = loadingError &&
@@ -135,6 +159,7 @@ const isPrivate = address => {
 
 export default compose(
   graphql(StopInstance, { name: 'stop' }),
+  graphql(RenameMachine, { name: 'rename' }),
   graphql(StartInstance, { name: 'start' }),
   graphql(RebootInstance, { name: 'reboot' }),
   graphql(RemoveInstance, { name: 'remove' }),
@@ -171,7 +196,7 @@ export default compose(
     }
   }),
   connect(
-    (state, ownProps) => {
+    ({ values }, ownProps) => {
       const { instance = {} } = ownProps;
       const { id } = instance;
 
@@ -181,14 +206,61 @@ export default compose(
 
       return {
         ...ownProps,
-        starting: state.values[`${id}-summary-starting`],
-        stopping: state.values[`${id}-summary-stoping`],
-        rebooting: state.values[`${id}-summary-rebooting`],
-        removing: state.values[`${id}-summary-removeing`],
-        mutationError: state.values[`${id}-summary-mutation-error`]
+        editingName: get(values, 'editing-name', false),
+        starting: values[`${id}-summary-starting`],
+        stopping: values[`${id}-summary-stoping`],
+        rebooting: values[`${id}-summary-rebooting`],
+        removing: values[`${id}-summary-removeing`],
+        mutationError: values[`${id}-summary-mutation-error`]
       };
     },
-    (disptach, ownProps) => ({
+    (dispatch, ownProps) => ({
+      shouldAsyncValidate: ({ trigger }) => {
+        return trigger === 'change';
+      },
+      handleAsyncValidate: validateName,
+      editName: () =>
+        dispatch(
+          set({
+            name: `editing-name`,
+            value: true
+          })
+        ),
+      handleChangeName: async ({ name, id }) => {
+        const { instance } = ownProps;
+
+        if (name === instance.name) {
+          return dispatch(
+            set({
+              name: `editing-name`,
+              value: false
+            })
+          );
+        }
+        const [err] = await intercept(
+          ownProps.rename({
+            variables: {
+              name,
+              id: get(ownProps, 'match.params.instance')
+            }
+          })
+        );
+
+        if (err) {
+          return dispatch(
+            stopSubmit(FORM, {
+              _error: parseError(err)
+            })
+          );
+        }
+
+        dispatch(
+          set({
+            name: `editing-name`,
+            value: false
+          })
+        );
+      },
       handleAction: async action => {
         const { instance } = ownProps;
         const { id } = instance;
@@ -201,7 +273,7 @@ export default compose(
         const name = `${id}-summary-${gerund}`;
 
         // sets loading to true
-        disptach(
+        dispatch(
           set({
             name,
             value: true
@@ -234,7 +306,7 @@ export default compose(
             value: parseError(err)
           });
 
-        return disptach([mutationError, setLoadingFalse].filter(Boolean));
+        return dispatch([mutationError, setLoadingFalse].filter(Boolean));
       }
     })
   )
diff --git a/packages/my-joy-instances/src/graphql/rename-machine.gql b/packages/my-joy-instances/src/graphql/rename-machine.gql
new file mode 100644
index 00000000..37036cf8
--- /dev/null
+++ b/packages/my-joy-instances/src/graphql/rename-machine.gql
@@ -0,0 +1,6 @@
+mutation renameMachine($id: ID!, $name: String!) {
+  renameMachine(id: $id, name: $name) {
+    id
+    name
+  }
+}