diff --git a/packages/cp-frontend/.yarnclean b/packages/cp-frontend/.yarnclean
new file mode 100644
index 00000000..e69de29b
diff --git a/packages/cp-frontend/src/components/instances/list-item.js b/packages/cp-frontend/src/components/instances/list-item.js
index bae278ab..5b9f508d 100644
--- a/packages/cp-frontend/src/components/instances/list-item.js
+++ b/packages/cp-frontend/src/components/instances/list-item.js
@@ -79,17 +79,31 @@ const StyledCard = Card.extend`
 
     & [name="card-options"] > button {
       background-color: ${props => props.theme.background};
-    }`
-  }
+    }`};
 `;
 
 const StatusContainer = styled.div`
   height: 100%;
   display: flex;
-  flex-direction: column;
-  flex-wrap: nowrap;
-  justify-content: center;
-  align-content: center;
+  justify-content: flex-start;
+  align-items: center;
+`;
+
+const HealthyIconStyled = styled(HealthyIcon)`
+  transform: translateY(-50%);
+  position: absolute;
+`;
+
+const CardInfoStyled = styled.div`
+  height: 100%;
+  & > div {
+    min-width: 115px;
+  }
+`;
+
+const Status = styled.div`
+  display: flex;
+  align-items: center;
 `;
 
 const InstanceCard = ({
@@ -107,7 +121,7 @@ const InstanceCard = ({
   );
 
   const label = (instance.healthy || 'UNKNOWN').toLowerCase();
-  const icon = <HealthyIcon healthy={instance.healthy} />;
+  const icon = <HealthyIconStyled healthy={instance.healthy} />;
 
   const handleHealthMouseOver = evt => {
     onHealthMouseOver(evt, instance);
@@ -126,24 +140,26 @@ const InstanceCard = ({
       <CardView>
         <CardTitle>{instance.name}</CardTitle>
         <CardDescription>
-          <CardInfo
-            icon={icon}
-            iconPosition="left"
-            label={label}
-            color="dark"
-            onMouseOver={handleHealthMouseOver}
-            onMouseOut={handleMouseOut}
-          />
+          <CardInfoStyled>
+            <CardInfo
+              icon={icon}
+              iconPosition="left"
+              label={label}
+              color="dark"
+              onMouseOver={handleHealthMouseOver}
+              onMouseOut={handleMouseOut}
+            />
+          </CardInfoStyled>
         </CardDescription>
         <CardDescription>
           <StatusContainer
             onMouseOver={handleStatusMouseOver}
             onMouseOut={handleMouseOut}
           >
-            <Label>
+            <Status>
               <Dot {...statusProps} />
-              {titleCase(instance.status)}
-            </Label>
+              <Label>{titleCase(instance.status)}</Label>
+            </Status>
           </StatusContainer>
         </CardDescription>
       </CardView>
diff --git a/packages/cp-frontend/src/components/services/list-item.js b/packages/cp-frontend/src/components/services/list-item.js
index 7e918f8f..b258e4c7 100644
--- a/packages/cp-frontend/src/components/services/list-item.js
+++ b/packages/cp-frontend/src/components/services/list-item.js
@@ -24,9 +24,7 @@ import {
   Anchor
 } from 'joyent-ui-toolkit';
 
-const StyledCardHeader = styled(CardHeader)`
-  position: relative;
-`;
+const StyledCardHeader = styled(CardHeader)`position: relative;`;
 
 const TitleInnerContainer = styled.div`
   display: flex;
@@ -82,15 +80,18 @@ const GraphTitle = Small.extend`
   color: #494949;
 `;
 
+const HealthyIconStyled = styled(HealthyIcon)`
+  /* I SAID NO PRETTIER */
+  display: flex;
+`;
+
 const ChildTitle = styled(CardTitle)`
   padding: 0;
   flex: 0 1 auto;
   align-self: stretch;
 `;
 
-const ServiceView = styled(CardView)`
-  height: ${remcalc(120)};
-`;
+const ServiceView = styled(CardView)`height: ${remcalc(120)};`;
 
 const StatusContainer = styled(CardDescription)`
   display: flex;
@@ -170,7 +171,7 @@ const ServiceListItem = ({
   if (service.instancesActive) {
     const { total, healthy } = service.instancesHealthy;
     const iconHealthy = total === healthy ? 'HEALTHY' : 'NOT HEALTHY';
-    const icon = <HealthyIcon healthy={iconHealthy} />;
+    const icon = <HealthyIconStyled healthy={iconHealthy} />;
     const label = `${healthy} of ${total} healthy`;
 
     healthyInfo = (
@@ -229,4 +230,4 @@ ServiceListItem.propTypes = {
   service: PropTypes.object.isRequired // Define better
 };
 
-export default ServiceListItem;
\ No newline at end of file
+export default ServiceListItem;
diff --git a/packages/cp-frontend/src/containers/services/menu.js b/packages/cp-frontend/src/containers/services/menu.js
index 3c4bc255..0d648912 100644
--- a/packages/cp-frontend/src/containers/services/menu.js
+++ b/packages/cp-frontend/src/containers/services/menu.js
@@ -1,4 +1,5 @@
 import React from 'react';
+import styled from 'styled-components';
 import PropTypes from 'prop-types';
 import { compose } from 'react-apollo';
 import { Col, Row } from 'react-styled-flexboxgrid';
@@ -12,14 +13,16 @@ import { FormGroup, Toggle, ToggleList, Legend } from 'joyent-ui-toolkit';
 
 const StyledLegend = Legend.extend`
   float: left;
-  padding-top: ${unitcalc(2)};
-  margin-right: ${unitcalc(1.5)};
+  margin-bottom: ${unitcalc(1.5)};
 `;
 
-const PaddedRow = Row.extend`
-  margin-bottom: ${remcalc(18)}
-`;
+const PaddedRow = Row.extend`margin-bottom: ${remcalc(18)};`;
 
+const ToggleStyled = styled(Toggle)`
+  & + label {
+    padding: ${remcalc(16)};
+  }
+`;
 
 export const ServicesMenu = ({ location: { pathname }, history: { push } }) => {
   const toggleValue = pathname.split('-').pop();
@@ -38,15 +41,15 @@ export const ServicesMenu = ({ location: { pathname }, history: { push } }) => {
       <Title>Services</Title>
       <PaddedRow>
         <Col xs={5}>
+          <StyledLegend>Show</StyledLegend>
           <FormGroup name="service-view" value={toggleValue}>
-            <StyledLegend>View</StyledLegend>
             <ToggleList>
-              <Toggle value="list" onChange={handleToggle}>
+              <ToggleStyled value="list" onChange={handleToggle}>
                 List
-              </Toggle>
-              <Toggle value="topology" onChange={handleToggle}>
+              </ToggleStyled>
+              <ToggleStyled value="topology" onChange={handleToggle}>
                 Topology
-              </Toggle>
+              </ToggleStyled>
             </ToggleList>
           </FormGroup>
         </Col>
diff --git a/packages/cp-frontend/test/unit/components/deployment-group/__snapshots__/delete.js.snap b/packages/cp-frontend/test/unit/components/deployment-group/__snapshots__/delete.js.snap
index 5a50b859..01e46705 100644
--- a/packages/cp-frontend/test/unit/components/deployment-group/__snapshots__/delete.js.snap
+++ b/packages/cp-frontend/test/unit/components/deployment-group/__snapshots__/delete.js.snap
@@ -41,14 +41,9 @@ exports[`renders <DeploymentGroupDelete /> without throwing 1`] = `
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
-  color: ;
   background-image: none;
-  background-color: ;
   border-radius: 0.25rem;
   border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
 }
 
 .c4::-moz-focus-inner,
@@ -69,12 +64,9 @@ exports[`renders <DeploymentGroupDelete /> without throwing 1`] = `
 .c4:focus {
   outline: 0;
   text-decoration: none;
-  background-color: ;
-  border-color: ;
 }
 
 .c4:hover {
-  background-color: ;
   border: solid 0.0625rem;
 }
 
@@ -83,8 +75,6 @@ exports[`renders <DeploymentGroupDelete /> without throwing 1`] = `
 .c4:active:focus {
   background-image: none;
   outline: 0;
-  background-color: ;
-  border-color: ;
 }
 
 .c4[disabled] {
@@ -92,23 +82,6 @@ exports[`renders <DeploymentGroupDelete /> without throwing 1`] = `
   pointer-events: none;
 }
 
-.c4:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c4:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
 .c4 + button {
   margin-left: 1.25rem;
 }
@@ -153,9 +126,7 @@ exports[`renders <DeploymentGroupDelete /> without throwing 1`] = `
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
-  color: ;
   background-image: none;
-  background-color: ;
   border-radius: 0.25rem;
   border: solid 0.0625rem;
 }
@@ -178,12 +149,9 @@ exports[`renders <DeploymentGroupDelete /> without throwing 1`] = `
 .c5:focus {
   outline: 0;
   text-decoration: none;
-  background-color: ;
-  border-color: ;
 }
 
 .c5:hover {
-  background-color: ;
   border: solid 0.0625rem;
 }
 
@@ -192,8 +160,6 @@ exports[`renders <DeploymentGroupDelete /> without throwing 1`] = `
 .c5:active:focus {
   background-image: none;
   outline: 0;
-  background-color: ;
-  border-color: ;
 }
 
 .c5[disabled] {
@@ -220,29 +186,15 @@ exports[`renders <DeploymentGroupDelete /> without throwing 1`] = `
 
 .c0 {
   line-height: 1.25;
-  color: ;
   margin: 0 0 0.75rem 0;
 }
 
 .c2 {
-  color: ;
   margin: 0.75rem 0 1.875rem 0;
 }
 
 <div>
-  .c1 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 500;
-  font-size: 1.5rem;
-}
-
-.c0 {
-  line-height: 1.25;
-  color: ;
-  margin: 0 0 0.75rem 0;
-}
-
-<h2
+  <h2
     className="c0 c1"
   >
     Deleting a deployment group: 
@@ -250,235 +202,19 @@ exports[`renders <DeploymentGroupDelete /> without throwing 1`] = `
      
     Wordpress Blog Example
   </h2>
-  .c1 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-}
-
-.c0 {
-  color: ;
-  margin: 0.75rem 0 1.875rem 0;
-}
-
-<p
-    className="c0 c1"
+  <p
+    className="c2 c3"
   >
     Deleting a deployment group will also remove all of the services and instances associated with that deployment group. Are you sure you want to continue?
   </p>
-  .c0 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c0::-moz-focus-inner,
-.c0[type='button']::-moz-focus-inner,
-.c0[type='reset']::-moz-focus-inner,
-.c0[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c0:-moz-focusring,
-.c0[type='button']:-moz-focusring,
-.c0[type='reset']:-moz-focusring,
-.c0[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c0:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c0[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c0:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0 + button {
-  margin-left: 1.25rem;
-}
-
-<button
-    className="c0"
+  <button
+    className="c4"
     onClick={[Function]}
   >
     Cancel
   </button>
-  .c0 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c0::-moz-focus-inner,
-.c0[type='button']::-moz-focus-inner,
-.c0[type='reset']::-moz-focus-inner,
-.c0[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c0:-moz-focusring,
-.c0[type='button']:-moz-focusring,
-.c0[type='reset']:-moz-focusring,
-.c0[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c0:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c0[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c0 + button {
-  margin-left: 1.25rem;
-}
-
-<button
-    className="c0"
+  <button
+    className="c5"
     onClick={[Function]}
   >
     Delete deployment group
diff --git a/packages/cp-frontend/test/unit/components/instances/__snapshots__/empty.js.snap b/packages/cp-frontend/test/unit/components/instances/__snapshots__/empty.js.snap
index 435fc679..0ecf557e 100644
--- a/packages/cp-frontend/test/unit/components/instances/__snapshots__/empty.js.snap
+++ b/packages/cp-frontend/test/unit/components/instances/__snapshots__/empty.js.snap
@@ -49,44 +49,11 @@ exports[`renders <EmtpyInstances /> without throwing 1`] = `
 <div
   className="c0"
 >
-  .c0 {
-  box-sizing: border-box;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  padding-right: 0.5rem;
-  padding-left: 0.5rem;
-}
-
-.c1 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-}
-
-@media only screen and (min-width:0em) {
-  .c0 {
-    -webkit-flex-basis: 100%;
-    -ms-flex-basis: 100%;
-    flex-basis: 100%;
-    max-width: 100%;
-    display: block;
-  }
-}
-
-<div
-    className="c0"
+  <div
+    className="c1"
   >
-    .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-}
-
-<p
-      className="c0"
+    <p
+      className="c2"
     >
       You don't have any instances
     </p>
diff --git a/packages/cp-frontend/test/unit/components/instances/__snapshots__/list-item.js.snap b/packages/cp-frontend/test/unit/components/instances/__snapshots__/list-item.js.snap
index 8834726e..cfeaa1b2 100644
--- a/packages/cp-frontend/test/unit/components/instances/__snapshots__/list-item.js.snap
+++ b/packages/cp-frontend/test/unit/components/instances/__snapshots__/list-item.js.snap
@@ -1,25 +1,18 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`renders <InstanceCard /> without throwing 1`] = `
-.c12 {
+.c15 {
   font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   font-weight: 400;
   font-size: 0.9375rem;
   font-style: normal;
   font-stretch: normal;
   display: block;
-  color: ;
-}
-
-.c9 {
-  -webkit-fill: ;
-  fill: ;
 }
 
 .c3 {
   font-size: 0.9375rem;
   line-height: 1.5;
-  color: ;
   font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   font-weight: 600;
   display: -webkit-box;
@@ -108,7 +101,6 @@ exports[`renders <InstanceCard /> without throwing 1`] = `
   min-height: 7.875rem;
   margin-bottom: 0.625rem;
   border: 0.0625rem solid;
-  background-color: ;
   box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
@@ -118,7 +110,6 @@ exports[`renders <InstanceCard /> without throwing 1`] = `
   min-height: auto;
   height: 3rem;
   margin-bottom: 1rem;
-  background-color: ;
 }
 
 .c2 {
@@ -150,27 +141,26 @@ exports[`renders <InstanceCard /> without throwing 1`] = `
   flex-direction: row;
 }
 
-.c10 {
+.c11 {
   font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   font-weight: 400;
   font-size: 0.9375rem;
   font-style: normal;
   font-stretch: normal;
   display: block;
-  color: ;
   display: inline-block;
   margin-left: 1.5rem;
 }
 
-.c10::first-letter {
+.c11::first-letter {
   text-transform: capitalize;
 }
 
-.c8 {
+.c9 {
   position: absolute;
 }
 
-.c7 {
+.c8 {
   height: 100%;
   float: right;
   display: -webkit-box;
@@ -192,20 +182,18 @@ exports[`renders <InstanceCard /> without throwing 1`] = `
   align-content: center;
 }
 
-.c13 {
+.c14 {
   margin-right: 0.375rem;
   width: 0.375rem;
   height: 0.375rem;
   border-radius: 0.1875rem;
   display: inline-block;
-  background-color: ;
 }
 
 .c0 {
   -webkit-flex-direction: row;
   -ms-flex-direction: row;
   flex-direction: row;
-  background-color: ;
 }
 
 .c0:not(:last-child) {
@@ -214,818 +202,145 @@ exports[`renders <InstanceCard /> without throwing 1`] = `
   border-bottom-width: 0;
 }
 
-.c11 {
+.c12 {
   height: 100%;
   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-box-pack: start;
+  -webkit-justify-content: flex-start;
+  -ms-flex-pack: start;
+  justify-content: flex-start;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.c10 {
+  -webkit-transform: translateY(-50%);
+  -ms-transform: translateY(-50%);
+  transform: translateY(-50%);
+  position: absolute;
+}
+
+.c7 {
+  height: 100%;
+}
+
+.c7 > div {
+  min-width: 115px;
+}
+
+.c13 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
 }
 
 <div
   className="c0 c1"
   name="card"
 >
-  .c10 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  font-size: 0.9375rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: ;
-}
-
-.c7 {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c1 {
-  font-size: 0.9375rem;
-  line-height: 1.5;
-  color: ;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 600;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  -webkit-flex-grow: 2;
-  -ms-flex-grow: 2;
-  flex-grow: 2;
-  -webkit-flex-basis: 5.625rem;
-  -ms-flex-basis: 5.625rem;
-  flex-basis: 5.625rem;
-  width: 100%;
-  padding: 0.75rem 1.125rem 0 1.125rem;
-  -webkit-flex-grow: 6;
-  -ms-flex-grow: 6;
-  flex-grow: 6;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  width: auto;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  padding: 0 1.125rem;
-}
-
-.c2 {
-  display: inline-block;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-}
-
-.c3 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  -webkit-flex-grow: 1;
-  -ms-flex-grow: 1;
-  flex-grow: 1;
-  -webkit-flex-basis: 5.625rem;
-  -ms-flex-basis: 5.625rem;
-  flex-basis: 5.625rem;
-}
-
-.c4 {
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  height: 100%;
-  position: relative;
-}
-
-.c0 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 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.5rem;
-  margin-left: -0.5rem;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  margin: 0;
-  height: auto;
-  padding-top: 0;
-  min-width: auto;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-}
-
-.c8 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  font-size: 0.9375rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: ;
-  display: inline-block;
-  margin-left: 1.5rem;
-}
-
-.c8::first-letter {
-  text-transform: capitalize;
-}
-
-.c6 {
-  position: absolute;
-}
-
-.c5 {
-  height: 100%;
-  float: right;
-  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;
-}
-
-.c11 {
-  margin-right: 0.375rem;
-  width: 0.375rem;
-  height: 0.375rem;
-  border-radius: 0.1875rem;
-  display: inline-block;
-  background-color: ;
-}
-
-.c9 {
-  height: 100%;
-  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;
-}
-
-<div
-    className="c0"
+  <div
+    className="c2"
     name="card-view"
   >
-    .c0 {
-  font-size: 0.9375rem;
-  line-height: 1.5;
-  color: ;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 600;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  -webkit-flex-grow: 2;
-  -ms-flex-grow: 2;
-  flex-grow: 2;
-  -webkit-flex-basis: 5.625rem;
-  -ms-flex-basis: 5.625rem;
-  flex-basis: 5.625rem;
-  width: 100%;
-  padding: 0.75rem 1.125rem 0 1.125rem;
-  -webkit-flex-grow: 6;
-  -ms-flex-grow: 6;
-  flex-grow: 6;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  width: auto;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  padding: 0 1.125rem;
-}
-
-.c1 {
-  display: inline-block;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-}
-
-<div
-      className="c0"
+    <div
+      className="c3"
       name="container"
     >
-      .c0 {
-  display: inline-block;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-}
-
-<span
-        className="c0"
+      <span
+        className="c4"
       >
         wordpress_01
       </span>
     </div>
-    .c5 {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c1 {
-  font-size: 0.9375rem;
-  line-height: 1.5;
-  color: ;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 600;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  -webkit-flex-grow: 2;
-  -ms-flex-grow: 2;
-  flex-grow: 2;
-  -webkit-flex-basis: 5.625rem;
-  -ms-flex-basis: 5.625rem;
-  flex-basis: 5.625rem;
-  width: 100%;
-  padding: 0.75rem 1.125rem 0 1.125rem;
-  -webkit-flex-grow: 6;
-  -ms-flex-grow: 6;
-  flex-grow: 6;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  width: auto;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  padding: 0 1.125rem;
-}
-
-.c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  -webkit-flex-grow: 1;
-  -ms-flex-grow: 1;
-  flex-grow: 1;
-  -webkit-flex-basis: 5.625rem;
-  -ms-flex-basis: 5.625rem;
-  flex-basis: 5.625rem;
-}
-
-.c2 {
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  height: 100%;
-  position: relative;
-}
-
-.c6 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  font-size: 0.9375rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: ;
-  display: inline-block;
-  margin-left: 1.5rem;
-}
-
-.c6::first-letter {
-  text-transform: capitalize;
-}
-
-.c4 {
-  position: absolute;
-}
-
-.c3 {
-  height: 100%;
-  float: right;
-  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;
-}
-
-<div
-      className="c0 c1"
+    <div
+      className="c5 c3"
       name="container"
     >
-      .c3 {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c0 {
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  height: 100%;
-  position: relative;
-}
-
-.c4 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  font-size: 0.9375rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: ;
-  display: inline-block;
-  margin-left: 1.5rem;
-}
-
-.c4::first-letter {
-  text-transform: capitalize;
-}
-
-.c2 {
-  position: absolute;
-}
-
-.c1 {
-  height: 100%;
-  float: right;
-  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;
-}
-
-<div
-        className="c0"
+      <div
+        className="c6"
       >
-        .c2 {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c3 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  font-size: 0.9375rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: ;
-  display: inline-block;
-  margin-left: 1.5rem;
-}
-
-.c3::first-letter {
-  text-transform: capitalize;
-}
-
-.c1 {
-  position: absolute;
-}
-
-.c0 {
-  height: 100%;
-  float: right;
-  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;
-}
-
-<div
-          className="c0"
-          onMouseOut={[Function]}
-          onMouseOver={[Function]}
+        <div
+          className="c7"
         >
-          .c1 {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c0 {
-  position: absolute;
-}
-
-<div
-            className="c0"
-            color="dark"
+          <div
+            className="c8"
+            onMouseOut={[Function]}
+            onMouseOver={[Function]}
           >
-            .c0 {
-  -webkit-fill: ;
-  fill: ;
-}
-
-<svg
-              className="c0"
-              healthy="HEALTHY"
-              height="18"
-              viewBox="0 0 18 18"
-              width="18"
-              xmlns="http://www.w3.org/2000/svg"
+            <div
+              className="c9"
+              color="dark"
             >
-              <title>
-                icon: state
-              </title>
-              <g
-                fillRule="evenodd"
+              <svg
+                className="c10 "
+                healthy="HEALTHY"
+                height="18"
+                viewBox="0 0 18 18"
+                width="18"
+                xmlns="http://www.w3.org/2000/svg"
               >
-                <circle
-                  cx="9"
-                  cy="9"
-                  r="9"
-                />
-                <path
-                  d="M9.477 6.603l-.522.443-.444-.443a2.056 2.056 0 1 0-2.908 2.909l3.352 3.352 3.412-3.352c.803-.804.863-2.106.06-2.91a2.105 2.105 0 0 0-2.95 0z"
-                  fill="#FFF"
-                />
-              </g>
-            </svg>
+                <title>
+                  icon: state
+                </title>
+                <g
+                  fillRule="evenodd"
+                >
+                  <circle
+                    cx="9"
+                    cy="9"
+                    r="9"
+                  />
+                  <path
+                    d="M9.477 6.603l-.522.443-.444-.443a2.056 2.056 0 1 0-2.908 2.909l3.352 3.352 3.412-3.352c.803-.804.863-2.106.06-2.91a2.105 2.105 0 0 0-2.95 0z"
+                    fill="#FFF"
+                  />
+                </g>
+              </svg>
+            </div>
+            <label
+              className="c11"
+              color="dark"
+            >
+              healthy
+            </label>
           </div>
-          .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  font-size: 0.9375rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: ;
-  display: inline-block;
-  margin-left: 1.5rem;
-}
-
-.c0::first-letter {
-  text-transform: capitalize;
-}
-
-<label
-            className="c0"
-            color="dark"
-          >
-            healthy
-          </label>
         </div>
       </div>
     </div>
-    .c4 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  font-size: 0.9375rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: ;
-}
-
-.c1 {
-  font-size: 0.9375rem;
-  line-height: 1.5;
-  color: ;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 600;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  -webkit-flex-grow: 2;
-  -ms-flex-grow: 2;
-  flex-grow: 2;
-  -webkit-flex-basis: 5.625rem;
-  -ms-flex-basis: 5.625rem;
-  flex-basis: 5.625rem;
-  width: 100%;
-  padding: 0.75rem 1.125rem 0 1.125rem;
-  -webkit-flex-grow: 6;
-  -ms-flex-grow: 6;
-  flex-grow: 6;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  width: auto;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  padding: 0 1.125rem;
-}
-
-.c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  -webkit-flex-grow: 1;
-  -ms-flex-grow: 1;
-  flex-grow: 1;
-  -webkit-flex-basis: 5.625rem;
-  -ms-flex-basis: 5.625rem;
-  flex-basis: 5.625rem;
-}
-
-.c2 {
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  height: 100%;
-  position: relative;
-}
-
-.c5 {
-  margin-right: 0.375rem;
-  width: 0.375rem;
-  height: 0.375rem;
-  border-radius: 0.1875rem;
-  display: inline-block;
-  background-color: ;
-}
-
-.c3 {
-  height: 100%;
-  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;
-}
-
-<div
-      className="c0 c1"
+    <div
+      className="c5 c3"
       name="container"
     >
-      .c2 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  font-size: 0.9375rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: ;
-}
-
-.c0 {
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  height: 100%;
-  position: relative;
-}
-
-.c3 {
-  margin-right: 0.375rem;
-  width: 0.375rem;
-  height: 0.375rem;
-  border-radius: 0.1875rem;
-  display: inline-block;
-  background-color: ;
-}
-
-.c1 {
-  height: 100%;
-  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;
-}
-
-<div
-        className="c0"
+      <div
+        className="c6"
       >
-        .c1 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  font-size: 0.9375rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: ;
-}
-
-.c2 {
-  margin-right: 0.375rem;
-  width: 0.375rem;
-  height: 0.375rem;
-  border-radius: 0.1875rem;
-  display: inline-block;
-  background-color: ;
-}
-
-.c0 {
-  height: 100%;
-  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;
-}
-
-<div
-          className="c0"
+        <div
+          className="c12"
           onMouseOut={[Function]}
           onMouseOver={[Function]}
         >
-          .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  font-size: 0.9375rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: ;
-}
-
-.c1 {
-  margin-right: 0.375rem;
-  width: 0.375rem;
-  height: 0.375rem;
-  border-radius: 0.1875rem;
-  display: inline-block;
-  background-color: ;
-}
-
-<label
-            className="c0"
+          <div
+            className="c13"
           >
-            .c0 {
-  margin-right: 0.375rem;
-  width: 0.375rem;
-  height: 0.375rem;
-  border-radius: 0.1875rem;
-  display: inline-block;
-  background-color: ;
-}
-
-<span
-              className="c0"
+            <span
+              className="c14"
             />
-            Running
-          </label>
+            <label
+              className="c15"
+            >
+              Running
+            </label>
+          </div>
         </div>
       </div>
     </div>
diff --git a/packages/cp-frontend/test/unit/components/manifest/__snapshots__/editors.js.snap b/packages/cp-frontend/test/unit/components/manifest/__snapshots__/editors.js.snap
index 9b5ecf30..86a37a0b 100644
--- a/packages/cp-frontend/test/unit/components/manifest/__snapshots__/editors.js.snap
+++ b/packages/cp-frontend/test/unit/components/manifest/__snapshots__/editors.js.snap
@@ -2,17 +2,11 @@
 
 exports[`renders <EEditor /> without throwing 1`] = `
 .c1 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
   -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
   animation: iCqDak 1.5s ease-out 0s infinite;
 }
 
 .c2 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
   -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
   animation: iCqDak 1.5s ease-out 0s infinite;
   -webkit-animation-delay: 0.5s;
@@ -20,9 +14,6 @@ exports[`renders <EEditor /> without throwing 1`] = `
 }
 
 .c3 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
   -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
   animation: iCqDak 1.5s ease-out 0s infinite;
   -webkit-animation-delay: 1s;
@@ -77,105 +68,34 @@ exports[`renders <EEditor /> without throwing 1`] = `
 <div
   className="c0"
 >
-  .c0 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-}
-
-.c1 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -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;
-}
-
-.c2 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-  -webkit-animation-delay: 1s;
-  animation-delay: 1s;
-}
-
-<svg
+  <svg
     height="10"
     width="28"
   >
-    .c0 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-}
-
-<rect
-      className="c0"
+    <rect
+      className="c1"
       height="6"
       width="6"
       x="2"
       y="2"
     />
-    .c0 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -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;
-}
-
-<rect
-      className="c0"
+    <rect
+      className="c2"
       height="6"
       width="6"
       x="11"
       y="2"
     />
-    .c0 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-  -webkit-animation-delay: 1s;
-  animation-delay: 1s;
-}
-
-<rect
-      className="c0"
+    <rect
+      className="c3"
       height="6"
       width="6"
       x="20"
       y="2"
     />
   </svg>
-  .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-  text-align: center;
-  margin-bottom: 0;
-}
-
-<p
-    className="c0"
+  <p
+    className="c4"
   >
     Loading...
   </p>
@@ -184,17 +104,11 @@ exports[`renders <EEditor /> without throwing 1`] = `
 
 exports[`renders <EEditor /> without throwing 2`] = `
 .c1 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
   -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
   animation: iCqDak 1.5s ease-out 0s infinite;
 }
 
 .c2 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
   -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
   animation: iCqDak 1.5s ease-out 0s infinite;
   -webkit-animation-delay: 0.5s;
@@ -202,9 +116,6 @@ exports[`renders <EEditor /> without throwing 2`] = `
 }
 
 .c3 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
   -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
   animation: iCqDak 1.5s ease-out 0s infinite;
   -webkit-animation-delay: 1s;
@@ -259,105 +170,34 @@ exports[`renders <EEditor /> without throwing 2`] = `
 <div
   className="c0"
 >
-  .c0 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-}
-
-.c1 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -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;
-}
-
-.c2 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-  -webkit-animation-delay: 1s;
-  animation-delay: 1s;
-}
-
-<svg
+  <svg
     height="10"
     width="28"
   >
-    .c0 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-}
-
-<rect
-      className="c0"
+    <rect
+      className="c1"
       height="6"
       width="6"
       x="2"
       y="2"
     />
-    .c0 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -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;
-}
-
-<rect
-      className="c0"
+    <rect
+      className="c2"
       height="6"
       width="6"
       x="11"
       y="2"
     />
-    .c0 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-  -webkit-animation-delay: 1s;
-  animation-delay: 1s;
-}
-
-<rect
-      className="c0"
+    <rect
+      className="c3"
       height="6"
       width="6"
       x="20"
       y="2"
     />
   </svg>
-  .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-  text-align: center;
-  margin-bottom: 0;
-}
-
-<p
-    className="c0"
+  <p
+    className="c4"
   >
     Loading...
   </p>
@@ -366,17 +206,11 @@ exports[`renders <EEditor /> without throwing 2`] = `
 
 exports[`renders <MEditor /> without throwing 1`] = `
 .c1 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
   -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
   animation: iCqDak 1.5s ease-out 0s infinite;
 }
 
 .c2 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
   -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
   animation: iCqDak 1.5s ease-out 0s infinite;
   -webkit-animation-delay: 0.5s;
@@ -384,9 +218,6 @@ exports[`renders <MEditor /> without throwing 1`] = `
 }
 
 .c3 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
   -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
   animation: iCqDak 1.5s ease-out 0s infinite;
   -webkit-animation-delay: 1s;
@@ -441,105 +272,34 @@ exports[`renders <MEditor /> without throwing 1`] = `
 <div
   className="c0"
 >
-  .c0 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-}
-
-.c1 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -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;
-}
-
-.c2 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-  -webkit-animation-delay: 1s;
-  animation-delay: 1s;
-}
-
-<svg
+  <svg
     height="10"
     width="28"
   >
-    .c0 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-}
-
-<rect
-      className="c0"
+    <rect
+      className="c1"
       height="6"
       width="6"
       x="2"
       y="2"
     />
-    .c0 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -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;
-}
-
-<rect
-      className="c0"
+    <rect
+      className="c2"
       height="6"
       width="6"
       x="11"
       y="2"
     />
-    .c0 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-  -webkit-animation-delay: 1s;
-  animation-delay: 1s;
-}
-
-<rect
-      className="c0"
+    <rect
+      className="c3"
       height="6"
       width="6"
       x="20"
       y="2"
     />
   </svg>
-  .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-  text-align: center;
-  margin-bottom: 0;
-}
-
-<p
-    className="c0"
+  <p
+    className="c4"
   >
     Loading...
   </p>
@@ -548,17 +308,11 @@ exports[`renders <MEditor /> without throwing 1`] = `
 
 exports[`renders <MEditor /> without throwing 2`] = `
 .c1 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
   -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
   animation: iCqDak 1.5s ease-out 0s infinite;
 }
 
 .c2 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
   -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
   animation: iCqDak 1.5s ease-out 0s infinite;
   -webkit-animation-delay: 0.5s;
@@ -566,9 +320,6 @@ exports[`renders <MEditor /> without throwing 2`] = `
 }
 
 .c3 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
   -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
   animation: iCqDak 1.5s ease-out 0s infinite;
   -webkit-animation-delay: 1s;
@@ -623,105 +374,34 @@ exports[`renders <MEditor /> without throwing 2`] = `
 <div
   className="c0"
 >
-  .c0 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-}
-
-.c1 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -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;
-}
-
-.c2 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-  -webkit-animation-delay: 1s;
-  animation-delay: 1s;
-}
-
-<svg
+  <svg
     height="10"
     width="28"
   >
-    .c0 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-}
-
-<rect
-      className="c0"
+    <rect
+      className="c1"
       height="6"
       width="6"
       x="2"
       y="2"
     />
-    .c0 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -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;
-}
-
-<rect
-      className="c0"
+    <rect
+      className="c2"
       height="6"
       width="6"
       x="11"
       y="2"
     />
-    .c0 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-  -webkit-animation-delay: 1s;
-  animation-delay: 1s;
-}
-
-<rect
-      className="c0"
+    <rect
+      className="c3"
       height="6"
       width="6"
       x="20"
       y="2"
     />
   </svg>
-  .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-  text-align: center;
-  margin-bottom: 0;
-}
-
-<p
-    className="c0"
+  <p
+    className="c4"
   >
     Loading...
   </p>
diff --git a/packages/cp-frontend/test/unit/components/manifest/__snapshots__/environment.js.snap b/packages/cp-frontend/test/unit/components/manifest/__snapshots__/environment.js.snap
index 1df5d9b8..90703498 100644
--- a/packages/cp-frontend/test/unit/components/manifest/__snapshots__/environment.js.snap
+++ b/packages/cp-frontend/test/unit/components/manifest/__snapshots__/environment.js.snap
@@ -2,28 +2,16 @@
 
 exports[`renders <TestEnvironmentForm /> without throwing 1`] = `
 .c3 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
   -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
   animation: iCqDak 1.5s ease-out 0s infinite;
 }
 
 .c18 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
   -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
   animation: iCqDak 1.5s ease-out 0s infinite;
 }
 
 .c4 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
   -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
   animation: iCqDak 1.5s ease-out 0s infinite;
   -webkit-animation-delay: 0.5s;
@@ -31,12 +19,6 @@ exports[`renders <TestEnvironmentForm /> without throwing 1`] = `
 }
 
 .c19 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
   -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
   animation: iCqDak 1.5s ease-out 0s infinite;
   -webkit-animation-delay: 0.5s;
@@ -44,9 +26,6 @@ exports[`renders <TestEnvironmentForm /> without throwing 1`] = `
 }
 
 .c5 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
   -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
   animation: iCqDak 1.5s ease-out 0s infinite;
   -webkit-animation-delay: 1s;
@@ -54,12 +33,6 @@ exports[`renders <TestEnvironmentForm /> without throwing 1`] = `
 }
 
 .c20 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
   -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
   animation: iCqDak 1.5s ease-out 0s infinite;
   -webkit-animation-delay: 1s;
@@ -106,14 +79,9 @@ exports[`renders <TestEnvironmentForm /> without throwing 1`] = `
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
-  color: ;
   background-image: none;
-  background-color: ;
   border-radius: 0.25rem;
   border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
 }
 
 .c15::-moz-focus-inner,
@@ -134,12 +102,9 @@ exports[`renders <TestEnvironmentForm /> without throwing 1`] = `
 .c15:focus {
   outline: 0;
   text-decoration: none;
-  background-color: ;
-  border-color: ;
 }
 
 .c15:hover {
-  background-color: ;
   border: solid 0.0625rem;
 }
 
@@ -148,8 +113,6 @@ exports[`renders <TestEnvironmentForm /> without throwing 1`] = `
 .c15:active:focus {
   background-image: none;
   outline: 0;
-  background-color: ;
-  border-color: ;
 }
 
 .c15[disabled] {
@@ -157,23 +120,6 @@ exports[`renders <TestEnvironmentForm /> without throwing 1`] = `
   pointer-events: none;
 }
 
-.c15:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c15:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c15:active,
-.c15:active:hover,
-.c15:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
 .c15 + button {
   margin-left: 1.25rem;
 }
@@ -218,14 +164,9 @@ exports[`renders <TestEnvironmentForm /> without throwing 1`] = `
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
-  color: ;
   background-image: none;
-  background-color: ;
   border-radius: 0.25rem;
   border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
   box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
 }
 
@@ -247,12 +188,9 @@ exports[`renders <TestEnvironmentForm /> without throwing 1`] = `
 .c17:focus {
   outline: 0;
   text-decoration: none;
-  background-color: ;
-  border-color: ;
 }
 
 .c17:hover {
-  background-color: ;
   border: solid 0.0625rem;
 }
 
@@ -261,8 +199,6 @@ exports[`renders <TestEnvironmentForm /> without throwing 1`] = `
 .c17:active:focus {
   background-image: none;
   outline: 0;
-  background-color: ;
-  border-color: ;
 }
 
 .c17[disabled] {
@@ -270,23 +206,6 @@ exports[`renders <TestEnvironmentForm /> without throwing 1`] = `
   pointer-events: none;
 }
 
-.c17:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c17:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c17:active,
-.c17:active:hover,
-.c17:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
 .c17 + button {
   margin-left: 1.25rem;
 }
@@ -335,14 +254,12 @@ exports[`renders <TestEnvironmentForm /> without throwing 1`] = `
   margin-top: 0.5rem;
   padding: 0.8125rem 1.125rem;
   border-radius: 0.25rem;
-  background-color: ;
   border: 0.0625rem solid;
   font-size: 0.9375rem;
   line-height: normal !important;
   font-weight: 400;
   font-style: normal;
   font-stretch: normal;
-  color: ;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
@@ -350,7 +267,6 @@ exports[`renders <TestEnvironmentForm /> without throwing 1`] = `
 }
 
 .c14:focus {
-  border-color: ;
   outline: 0;
 }
 
@@ -376,7 +292,6 @@ exports[`renders <TestEnvironmentForm /> without throwing 1`] = `
   min-height: 7.875rem;
   margin-bottom: 0.625rem;
   border: 0.0625rem solid;
-  background-color: ;
   box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
@@ -441,9 +356,9 @@ exports[`renders <TestEnvironmentForm /> without throwing 1`] = `
   -webkit-flex-wrap: nowrap;
   -ms-flex-wrap: nowrap;
   flex-wrap: nowrap;
-  -webkit-box-pack: space-between;
+  -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
-  -ms-flex-pack: space-between;
+  -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-align-content: stretch;
   -ms-flex-line-pack: stretch;
@@ -472,7 +387,6 @@ exports[`renders <TestEnvironmentForm /> without throwing 1`] = `
 }
 
 .c7 {
-  background-color: ;
   height: 0.0625rem;
   margin: 0;
   margin-top: 2.125rem;
@@ -518,1023 +432,80 @@ exports[`renders <TestEnvironmentForm /> without throwing 1`] = `
 <form
   onSubmit={[Function]}
 >
-  .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 500;
-  font-size: 0.9375rem;
-  margin-top: 2.125rem;
-  margin-bottom: 0.1875rem;
-}
-
-<h3
+  <h3
     className="c0"
   >
     Global variables
   </h3>
-  .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-  margin-top: 0.1875rem;
-  margin-bottom: 1.25rem;
-}
-
-<p
-    className="c0"
+  <p
+    className="c1"
   >
     These variables are going to be availabe for interpolation in the manifest
   </p>
-  .c1 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-}
-
-.c2 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -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;
-}
-
-.c3 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-  -webkit-animation-delay: 1s;
-  animation-delay: 1s;
-}
-
-.c0 {
-  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;
-  -webkit-flex: 1 0 auto;
-  -ms-flex: 1 0 auto;
-  flex: 1 0 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-}
-
-.c4 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-  text-align: center;
-  margin-bottom: 0;
-}
-
-<div
-    className="c0"
+  <div
+    className="c2"
   >
-    .c0 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-}
-
-.c1 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -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;
-}
-
-.c2 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-  -webkit-animation-delay: 1s;
-  animation-delay: 1s;
-}
-
-<svg
+    <svg
       height="10"
       width="28"
     >
-      .c0 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-}
-
-<rect
-        className="c0"
+      <rect
+        className="c3"
         height="6"
         width="6"
         x="2"
         y="2"
       />
-      .c0 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -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;
-}
-
-<rect
-        className="c0"
+      <rect
+        className="c4"
         height="6"
         width="6"
         x="11"
         y="2"
       />
-      .c0 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-  -webkit-animation-delay: 1s;
-  animation-delay: 1s;
-}
-
-<rect
-        className="c0"
+      <rect
+        className="c5"
         height="6"
         width="6"
         x="20"
         y="2"
       />
     </svg>
-    .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-  text-align: center;
-  margin-bottom: 0;
-}
-
-<p
-      className="c0"
+    <p
+      className="c6"
     >
       Loading...
     </p>
   </div>
-  .c1 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 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.5rem;
-  margin-left: -0.5rem;
-}
-
-.c0 {
-  background-color: ;
-  height: 0.0625rem;
-  margin: 0;
-  margin-top: 2.125rem;
-}
-
-<div
-    className="c0 c1"
+  <div
+    className="c7 c8"
   />
-  .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 500;
-  font-size: 0.9375rem;
-  margin-top: 2.125rem;
-  margin-bottom: 0.1875rem;
-}
-
-<h3
+  <h3
     className="c0"
   >
     Enviroment files
   </h3>
-  .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-  margin-top: 0.1875rem;
-  margin-bottom: 1.25rem;
-}
-
-<p
-    className="c0"
+  <p
+    className="c1"
   >
     The variables from this files will be applied to the services that require them
   </p>
-  .c7 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-}
-
-.c8 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -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;
-}
-
-.c9 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-  -webkit-animation-delay: 1s;
-  animation-delay: 1s;
-}
-
-.c11 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c11::-moz-focus-inner,
-.c11[type='button']::-moz-focus-inner,
-.c11[type='reset']::-moz-focus-inner,
-.c11[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c11:-moz-focusring,
-.c11[type='button']:-moz-focusring,
-.c11[type='reset']:-moz-focusring,
-.c11[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c11:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c11:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c11:active,
-.c11:active:hover,
-.c11:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c11[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c11:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c11:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c11:active,
-.c11:active:hover,
-.c11:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c11 + button {
-  margin-left: 1.25rem;
-}
-
-.c2 {
-  padding: 0.35em 0.75em 0.625em;
-  display: inline-block;
-  margin: 0;
-  padding: 0;
-  border: none;
-  overflow: hidden;
-  width: 100%;
-  height: auto;
-  -webkit-margin-start: 0;
-  -webkit-margin-end: 0;
-  -webkit-padding-before: 0;
-  -webkit-padding-start: 0;
-  -webkit-padding-end: 0;
-  -webkit-padding-after: 0;
-}
-
-.c5 {
-  box-sizing: border-box;
-  width: 100%;
-  height: 3rem;
-  margin-bottom: 0.5rem;
-  margin-top: 0.5rem;
-  padding: 0.8125rem 1.125rem;
-  border-radius: 0.25rem;
-  background-color: ;
-  border: 0.0625rem solid;
-  font-size: 0.9375rem;
-  line-height: normal !important;
-  font-weight: 400;
-  font-style: normal;
-  font-stretch: normal;
-  color: ;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  outline: 0;
-}
-
-.c5:focus {
-  border-color: ;
-  outline: 0;
-}
-
-.c1 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 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.5rem;
-  margin-left: -0.5rem;
-  position: relative;
-  height: auto;
-  min-height: 7.875rem;
-  margin-bottom: 0.625rem;
-  border: 0.0625rem solid;
-  background-color: ;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  margin-right: 0rem;
-  margin-left: 0rem;
-}
-
-.c6 {
-  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;
-  -webkit-flex: 1 0 auto;
-  -ms-flex: 1 0 auto;
-  flex: 1 0 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-}
-
-.c10 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-  text-align: center;
-  margin-bottom: 0;
-}
-
-.c3 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-flex-wrap: nowrap;
-  -ms-flex-wrap: nowrap;
-  flex-wrap: nowrap;
-  -webkit-box-pack: space-between;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: space-between;
-  justify-content: space-between;
-  -webkit-align-content: stretch;
-  -ms-flex-line-pack: stretch;
-  align-content: stretch;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c4 {
-  -webkit-order: 0;
-  -ms-flex-order: 0;
-  order: 0;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-  margin: 0 0 0.8125rem 0;
-}
-
-.c0 {
-  padding: 1.5rem 1.1875rem;
-}
-
-<div>
-    .c7 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-}
-
-.c8 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -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;
-}
-
-.c9 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-  -webkit-animation-delay: 1s;
-  animation-delay: 1s;
-}
-
-.c2 {
-  padding: 0.35em 0.75em 0.625em;
-  display: inline-block;
-  margin: 0;
-  padding: 0;
-  border: none;
-  overflow: hidden;
-  width: 100%;
-  height: auto;
-  -webkit-margin-start: 0;
-  -webkit-margin-end: 0;
-  -webkit-padding-before: 0;
-  -webkit-padding-start: 0;
-  -webkit-padding-end: 0;
-  -webkit-padding-after: 0;
-}
-
-.c5 {
-  box-sizing: border-box;
-  width: 100%;
-  height: 3rem;
-  margin-bottom: 0.5rem;
-  margin-top: 0.5rem;
-  padding: 0.8125rem 1.125rem;
-  border-radius: 0.25rem;
-  background-color: ;
-  border: 0.0625rem solid;
-  font-size: 0.9375rem;
-  line-height: normal !important;
-  font-weight: 400;
-  font-style: normal;
-  font-stretch: normal;
-  color: ;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  outline: 0;
-}
-
-.c5:focus {
-  border-color: ;
-  outline: 0;
-}
-
-.c1 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 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.5rem;
-  margin-left: -0.5rem;
-  position: relative;
-  height: auto;
-  min-height: 7.875rem;
-  margin-bottom: 0.625rem;
-  border: 0.0625rem solid;
-  background-color: ;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  margin-right: 0rem;
-  margin-left: 0rem;
-}
-
-.c6 {
-  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;
-  -webkit-flex: 1 0 auto;
-  -ms-flex: 1 0 auto;
-  flex: 1 0 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-}
-
-.c10 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-  text-align: center;
-  margin-bottom: 0;
-}
-
-.c3 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-flex-wrap: nowrap;
-  -ms-flex-wrap: nowrap;
-  flex-wrap: nowrap;
-  -webkit-box-pack: space-between;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: space-between;
-  justify-content: space-between;
-  -webkit-align-content: stretch;
-  -ms-flex-line-pack: stretch;
-  align-content: stretch;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c4 {
-  -webkit-order: 0;
-  -ms-flex-order: 0;
-  order: 0;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-  margin: 0 0 0.8125rem 0;
-}
-
-.c0 {
-  padding: 1.5rem 1.1875rem;
-}
-
-<div
-      className="c0 c1"
+  <div>
+    <div
+      className="c9 c10"
       name="card"
     >
-      .c0 {
-  padding: 0.35em 0.75em 0.625em;
-  display: inline-block;
-  margin: 0;
-  padding: 0;
-  border: none;
-  overflow: hidden;
-  width: 100%;
-  height: auto;
-  -webkit-margin-start: 0;
-  -webkit-margin-end: 0;
-  -webkit-padding-before: 0;
-  -webkit-padding-start: 0;
-  -webkit-padding-end: 0;
-  -webkit-padding-after: 0;
-}
-
-.c3 {
-  box-sizing: border-box;
-  width: 100%;
-  height: 3rem;
-  margin-bottom: 0.5rem;
-  margin-top: 0.5rem;
-  padding: 0.8125rem 1.125rem;
-  border-radius: 0.25rem;
-  background-color: ;
-  border: 0.0625rem solid;
-  font-size: 0.9375rem;
-  line-height: normal !important;
-  font-weight: 400;
-  font-style: normal;
-  font-stretch: normal;
-  color: ;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  outline: 0;
-}
-
-.c3:focus {
-  border-color: ;
-  outline: 0;
-}
-
-.c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-flex-wrap: nowrap;
-  -ms-flex-wrap: nowrap;
-  flex-wrap: nowrap;
-  -webkit-box-pack: space-between;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: space-between;
-  justify-content: space-between;
-  -webkit-align-content: stretch;
-  -ms-flex-line-pack: stretch;
-  align-content: stretch;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c2 {
-  -webkit-order: 0;
-  -ms-flex-order: 0;
-  order: 0;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-  margin: 0 0 0.8125rem 0;
-}
-
-<fieldset
-        className="c0"
+      <fieldset
+        className="c11"
         style={undefined}
       >
-        .c2 {
-  box-sizing: border-box;
-  width: 100%;
-  height: 3rem;
-  margin-bottom: 0.5rem;
-  margin-top: 0.5rem;
-  padding: 0.8125rem 1.125rem;
-  border-radius: 0.25rem;
-  background-color: ;
-  border: 0.0625rem solid;
-  font-size: 0.9375rem;
-  line-height: normal !important;
-  font-weight: 400;
-  font-style: normal;
-  font-stretch: normal;
-  color: ;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  outline: 0;
-}
-
-.c2:focus {
-  border-color: ;
-  outline: 0;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-flex-wrap: nowrap;
-  -ms-flex-wrap: nowrap;
-  flex-wrap: nowrap;
-  -webkit-box-pack: space-between;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: space-between;
-  justify-content: space-between;
-  -webkit-align-content: stretch;
-  -ms-flex-line-pack: stretch;
-  align-content: stretch;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c1 {
-  -webkit-order: 0;
-  -ms-flex-order: 0;
-  order: 0;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-  margin: 0 0 0.8125rem 0;
-}
-
-<div>
-          .c2 {
-  box-sizing: border-box;
-  width: 100%;
-  height: 3rem;
-  margin-bottom: 0.5rem;
-  margin-top: 0.5rem;
-  padding: 0.8125rem 1.125rem;
-  border-radius: 0.25rem;
-  background-color: ;
-  border: 0.0625rem solid;
-  font-size: 0.9375rem;
-  line-height: normal !important;
-  font-weight: 400;
-  font-style: normal;
-  font-stretch: normal;
-  color: ;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  outline: 0;
-}
-
-.c2:focus {
-  border-color: ;
-  outline: 0;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-flex-wrap: nowrap;
-  -ms-flex-wrap: nowrap;
-  flex-wrap: nowrap;
-  -webkit-box-pack: space-between;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: space-between;
-  justify-content: space-between;
-  -webkit-align-content: stretch;
-  -ms-flex-line-pack: stretch;
-  align-content: stretch;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c1 {
-  -webkit-order: 0;
-  -ms-flex-order: 0;
-  order: 0;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-  margin: 0 0 0.8125rem 0;
-}
-
-<span
-            className="c0"
+        <div>
+          <span
+            className="c12"
           >
-            .c1 {
-  box-sizing: border-box;
-  width: 100%;
-  height: 3rem;
-  margin-bottom: 0.5rem;
-  margin-top: 0.5rem;
-  padding: 0.8125rem 1.125rem;
-  border-radius: 0.25rem;
-  background-color: ;
-  border: 0.0625rem solid;
-  font-size: 0.9375rem;
-  line-height: normal !important;
-  font-weight: 400;
-  font-style: normal;
-  font-stretch: normal;
-  color: ;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  outline: 0;
-}
-
-.c1:focus {
-  border-color: ;
-  outline: 0;
-}
-
-.c0 {
-  -webkit-order: 0;
-  -ms-flex-order: 0;
-  order: 0;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-  margin: 0 0 0.8125rem 0;
-}
-
-<input
-              className="c0 c1"
-              id="iZvNA"
+            <input
+              className="c13 c14"
+              id="bVVQYi"
               placeholder="Filename including extension…"
               type="text"
               value={undefined}
@@ -1542,988 +513,88 @@ exports[`renders <TestEnvironmentForm /> without throwing 1`] = `
           </span>
         </div>
       </fieldset>
-      .c1 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-}
-
-.c2 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -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;
-}
-
-.c3 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-  -webkit-animation-delay: 1s;
-  animation-delay: 1s;
-}
-
-.c0 {
-  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;
-  -webkit-flex: 1 0 auto;
-  -ms-flex: 1 0 auto;
-  flex: 1 0 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-}
-
-.c4 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-  text-align: center;
-  margin-bottom: 0;
-}
-
-<div
-        className="c0"
+      <div
+        className="c2"
       >
-        .c0 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-}
-
-.c1 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -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;
-}
-
-.c2 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-  -webkit-animation-delay: 1s;
-  animation-delay: 1s;
-}
-
-<svg
+        <svg
           height="10"
           width="28"
         >
-          .c0 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-}
-
-<rect
-            className="c0"
+          <rect
+            className="c3"
             height="6"
             width="6"
             x="2"
             y="2"
           />
-          .c0 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -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;
-}
-
-<rect
-            className="c0"
+          <rect
+            className="c4"
             height="6"
             width="6"
             x="11"
             y="2"
           />
-          .c0 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-  -webkit-animation-delay: 1s;
-  animation-delay: 1s;
-}
-
-<rect
-            className="c0"
+          <rect
+            className="c5"
             height="6"
             width="6"
             x="20"
             y="2"
           />
         </svg>
-        .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-  text-align: center;
-  margin-bottom: 0;
-}
-
-<p
-          className="c0"
+        <p
+          className="c6"
         >
           Loading...
         </p>
       </div>
     </div>
-    .c0 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c0::-moz-focus-inner,
-.c0[type='button']::-moz-focus-inner,
-.c0[type='reset']::-moz-focus-inner,
-.c0[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c0:-moz-focusring,
-.c0[type='button']:-moz-focusring,
-.c0[type='reset']:-moz-focusring,
-.c0[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c0:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c0[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c0:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0 + button {
-  margin-left: 1.25rem;
-}
-
-<button
-      className="c0"
+    <button
+      className="c15"
       onClick={[Function]}
       type="button"
     >
       Create new .env file
     </button>
   </div>
-  .c1 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 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.5rem;
-  margin-left: -0.5rem;
-}
-
-.c0 {
-  background-color: ;
-  height: 0.0625rem;
-  margin: 0;
-  margin-top: 2.125rem;
-}
-
-<div
-    className="c0 c1"
+  <div
+    className="c7 c8"
   />
-  .c3 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-}
-
-.c4 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -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;
-}
-
-.c5 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-  -webkit-animation-delay: 1s;
-  animation-delay: 1s;
-}
-
-.c1 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c1::-moz-focus-inner,
-.c1[type='button']::-moz-focus-inner,
-.c1[type='reset']::-moz-focus-inner,
-.c1[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c1:-moz-focusring,
-.c1[type='button']:-moz-focusring,
-.c1[type='reset']:-moz-focusring,
-.c1[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c1:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c1[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c1:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c1 + button {
-  margin-left: 1.25rem;
-}
-
-.c2 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-}
-
-.c2::-moz-focus-inner,
-.c2[type='button']::-moz-focus-inner,
-.c2[type='reset']::-moz-focus-inner,
-.c2[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c2:-moz-focusring,
-.c2[type='button']:-moz-focusring,
-.c2[type='reset']:-moz-focusring,
-.c2[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c2:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c2:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c2:active,
-.c2:active:hover,
-.c2:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c2[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c2:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c2:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c2:active,
-.c2:active:hover,
-.c2:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c2 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 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.5rem;
-  margin-left: -0.5rem;
-  margin: 1.8125rem 0 3.75rem 0;
-}
-
-<div
-    className="c0"
+  <div
+    className="c16"
   >
-    .c0 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c0::-moz-focus-inner,
-.c0[type='button']::-moz-focus-inner,
-.c0[type='reset']::-moz-focus-inner,
-.c0[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c0:-moz-focusring,
-.c0[type='button']:-moz-focusring,
-.c0[type='reset']:-moz-focusring,
-.c0[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c0:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c0[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c0:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0 + button {
-  margin-left: 1.25rem;
-}
-
-<button
-      className="c0"
+    <button
+      className="c15"
       onClick={[Function]}
       type="button"
     >
       Cancel
     </button>
-    .c1 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-}
-
-.c2 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -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;
-}
-
-.c3 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-  -webkit-animation-delay: 1s;
-  animation-delay: 1s;
-}
-
-.c0 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-}
-
-.c0::-moz-focus-inner,
-.c0[type='button']::-moz-focus-inner,
-.c0[type='reset']::-moz-focus-inner,
-.c0[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c0:-moz-focusring,
-.c0[type='button']:-moz-focusring,
-.c0[type='reset']:-moz-focusring,
-.c0[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c0:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c0[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c0:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0 + button {
-  margin-left: 1.25rem;
-}
-
-<button
-      className="c0"
+    <button
+      className="c17"
       disabled={true}
       type="submit"
     >
-      .c0 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-}
-
-.c1 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -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;
-}
-
-.c2 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-  -webkit-animation-delay: 1s;
-  animation-delay: 1s;
-}
-
-<svg
+      <svg
         height="10"
         width="28"
       >
-        .c0 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-}
-
-<rect
-          className="c0"
+        <rect
+          className="c18"
           height="6"
           width="6"
           x="2"
           y="2"
         />
-        .c0 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -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;
-}
-
-<rect
-          className="c0"
+        <rect
+          className="c19"
           height="6"
           width="6"
           x="11"
           y="2"
         />
-        .c0 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-  -webkit-animation-delay: 1s;
-  animation-delay: 1s;
-}
-
-<rect
-          className="c0"
+        <rect
+          className="c20"
           height="6"
           width="6"
           x="20"
@@ -2537,17 +608,11 @@ exports[`renders <TestEnvironmentForm /> without throwing 1`] = `
 
 exports[`renders <TestEnvironmentForm /> without throwing 2`] = `
 .c3 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
   -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
   animation: iCqDak 1.5s ease-out 0s infinite;
 }
 
 .c4 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
   -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
   animation: iCqDak 1.5s ease-out 0s infinite;
   -webkit-animation-delay: 0.5s;
@@ -2555,9 +620,6 @@ exports[`renders <TestEnvironmentForm /> without throwing 2`] = `
 }
 
 .c5 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
   -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
   animation: iCqDak 1.5s ease-out 0s infinite;
   -webkit-animation-delay: 1s;
@@ -2629,7 +691,6 @@ exports[`renders <TestEnvironmentForm /> without throwing 2`] = `
 }
 
 .c7 {
-  background-color: ;
   height: 0.0625rem;
   margin: 0;
   margin-top: 2.125rem;
@@ -2655,265 +716,61 @@ exports[`renders <TestEnvironmentForm /> without throwing 2`] = `
 <form
   onSubmit={[Function]}
 >
-  .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 500;
-  font-size: 0.9375rem;
-  margin-top: 2.125rem;
-  margin-bottom: 0.1875rem;
-}
-
-<h3
+  <h3
     className="c0"
   >
     Global variables
   </h3>
-  .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-  margin-top: 0.1875rem;
-  margin-bottom: 1.25rem;
-}
-
-<p
-    className="c0"
+  <p
+    className="c1"
   >
     These variables are going to be availabe for interpolation in the manifest
   </p>
-  .c1 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-}
-
-.c2 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -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;
-}
-
-.c3 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-  -webkit-animation-delay: 1s;
-  animation-delay: 1s;
-}
-
-.c0 {
-  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;
-  -webkit-flex: 1 0 auto;
-  -ms-flex: 1 0 auto;
-  flex: 1 0 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-}
-
-.c4 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-  text-align: center;
-  margin-bottom: 0;
-}
-
-<div
-    className="c0"
+  <div
+    className="c2"
   >
-    .c0 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-}
-
-.c1 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -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;
-}
-
-.c2 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-  -webkit-animation-delay: 1s;
-  animation-delay: 1s;
-}
-
-<svg
+    <svg
       height="10"
       width="28"
     >
-      .c0 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-}
-
-<rect
-        className="c0"
+      <rect
+        className="c3"
         height="6"
         width="6"
         x="2"
         y="2"
       />
-      .c0 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -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;
-}
-
-<rect
-        className="c0"
+      <rect
+        className="c4"
         height="6"
         width="6"
         x="11"
         y="2"
       />
-      .c0 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-  -webkit-animation-delay: 1s;
-  animation-delay: 1s;
-}
-
-<rect
-        className="c0"
+      <rect
+        className="c5"
         height="6"
         width="6"
         x="20"
         y="2"
       />
     </svg>
-    .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-  text-align: center;
-  margin-bottom: 0;
-}
-
-<p
-      className="c0"
+    <p
+      className="c6"
     >
       Loading...
     </p>
   </div>
-  .c1 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 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.5rem;
-  margin-left: -0.5rem;
-}
-
-.c0 {
-  background-color: ;
-  height: 0.0625rem;
-  margin: 0;
-  margin-top: 2.125rem;
-}
-
-<div
-    className="c0 c1"
+  <div
+    className="c7 c8"
   />
-  .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 500;
-  font-size: 0.9375rem;
-  margin-top: 2.125rem;
-  margin-bottom: 0.1875rem;
-}
-
-<h3
+  <h3
     className="c0"
   >
     Enviroment files
   </h3>
-  .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-  margin-top: 0.1875rem;
-  margin-bottom: 1.25rem;
-}
-
-<p
-    className="c0"
+  <p
+    className="c1"
   >
     The variables from this files will be applied to the services that require them
   </p>
diff --git a/packages/cp-frontend/test/unit/components/manifest/__snapshots__/files.js.snap b/packages/cp-frontend/test/unit/components/manifest/__snapshots__/files.js.snap
index 72fb4ab0..145adc6a 100644
--- a/packages/cp-frontend/test/unit/components/manifest/__snapshots__/files.js.snap
+++ b/packages/cp-frontend/test/unit/components/manifest/__snapshots__/files.js.snap
@@ -2,17 +2,11 @@
 
 exports[`renders <Files /> without throwing 1`] = `
 .c7 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
   -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
   animation: iCqDak 1.5s ease-out 0s infinite;
 }
 
 .c8 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
   -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
   animation: iCqDak 1.5s ease-out 0s infinite;
   -webkit-animation-delay: 0.5s;
@@ -20,9 +14,6 @@ exports[`renders <Files /> without throwing 1`] = `
 }
 
 .c9 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
   -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
   animation: iCqDak 1.5s ease-out 0s infinite;
   -webkit-animation-delay: 1s;
@@ -54,14 +45,12 @@ exports[`renders <Files /> without throwing 1`] = `
   margin-top: 0.5rem;
   padding: 0.8125rem 1.125rem;
   border-radius: 0.25rem;
-  background-color: ;
   border: 0.0625rem solid;
   font-size: 0.9375rem;
   line-height: normal !important;
   font-weight: 400;
   font-style: normal;
   font-stretch: normal;
-  color: ;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
@@ -69,7 +58,6 @@ exports[`renders <Files /> without throwing 1`] = `
 }
 
 .c5:focus {
-  border-color: ;
   outline: 0;
 }
 
@@ -95,7 +83,6 @@ exports[`renders <Files /> without throwing 1`] = `
   min-height: 7.875rem;
   margin-bottom: 0.625rem;
   border: 0.0625rem solid;
-  background-color: ;
   box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
@@ -160,9 +147,9 @@ exports[`renders <Files /> without throwing 1`] = `
   -webkit-flex-wrap: nowrap;
   -ms-flex-wrap: nowrap;
   flex-wrap: nowrap;
-  -webkit-box-pack: space-between;
+  -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
-  -ms-flex-pack: space-between;
+  -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-align-content: stretch;
   -ms-flex-line-pack: stretch;
@@ -191,459 +178,21 @@ exports[`renders <Files /> without throwing 1`] = `
 }
 
 <div>
-  .c7 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-}
-
-.c8 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -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;
-}
-
-.c9 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-  -webkit-animation-delay: 1s;
-  animation-delay: 1s;
-}
-
-.c2 {
-  padding: 0.35em 0.75em 0.625em;
-  display: inline-block;
-  margin: 0;
-  padding: 0;
-  border: none;
-  overflow: hidden;
-  width: 100%;
-  height: auto;
-  -webkit-margin-start: 0;
-  -webkit-margin-end: 0;
-  -webkit-padding-before: 0;
-  -webkit-padding-start: 0;
-  -webkit-padding-end: 0;
-  -webkit-padding-after: 0;
-}
-
-.c5 {
-  box-sizing: border-box;
-  width: 100%;
-  height: 3rem;
-  margin-bottom: 0.5rem;
-  margin-top: 0.5rem;
-  padding: 0.8125rem 1.125rem;
-  border-radius: 0.25rem;
-  background-color: ;
-  border: 0.0625rem solid;
-  font-size: 0.9375rem;
-  line-height: normal !important;
-  font-weight: 400;
-  font-style: normal;
-  font-stretch: normal;
-  color: ;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  outline: 0;
-}
-
-.c5:focus {
-  border-color: ;
-  outline: 0;
-}
-
-.c1 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 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.5rem;
-  margin-left: -0.5rem;
-  position: relative;
-  height: auto;
-  min-height: 7.875rem;
-  margin-bottom: 0.625rem;
-  border: 0.0625rem solid;
-  background-color: ;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  margin-right: 0rem;
-  margin-left: 0rem;
-}
-
-.c6 {
-  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;
-  -webkit-flex: 1 0 auto;
-  -ms-flex: 1 0 auto;
-  flex: 1 0 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-}
-
-.c10 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-  text-align: center;
-  margin-bottom: 0;
-}
-
-.c3 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-flex-wrap: nowrap;
-  -ms-flex-wrap: nowrap;
-  flex-wrap: nowrap;
-  -webkit-box-pack: space-between;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: space-between;
-  justify-content: space-between;
-  -webkit-align-content: stretch;
-  -ms-flex-line-pack: stretch;
-  align-content: stretch;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c4 {
-  -webkit-order: 0;
-  -ms-flex-order: 0;
-  order: 0;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-  margin: 0 0 0.8125rem 0;
-}
-
-.c0 {
-  padding: 1.5rem 1.1875rem;
-}
-
-<div
+  <div
     className="c0 c1"
     name="card"
   >
-    .c0 {
-  padding: 0.35em 0.75em 0.625em;
-  display: inline-block;
-  margin: 0;
-  padding: 0;
-  border: none;
-  overflow: hidden;
-  width: 100%;
-  height: auto;
-  -webkit-margin-start: 0;
-  -webkit-margin-end: 0;
-  -webkit-padding-before: 0;
-  -webkit-padding-start: 0;
-  -webkit-padding-end: 0;
-  -webkit-padding-after: 0;
-}
-
-.c3 {
-  box-sizing: border-box;
-  width: 100%;
-  height: 3rem;
-  margin-bottom: 0.5rem;
-  margin-top: 0.5rem;
-  padding: 0.8125rem 1.125rem;
-  border-radius: 0.25rem;
-  background-color: ;
-  border: 0.0625rem solid;
-  font-size: 0.9375rem;
-  line-height: normal !important;
-  font-weight: 400;
-  font-style: normal;
-  font-stretch: normal;
-  color: ;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  outline: 0;
-}
-
-.c3:focus {
-  border-color: ;
-  outline: 0;
-}
-
-.c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-flex-wrap: nowrap;
-  -ms-flex-wrap: nowrap;
-  flex-wrap: nowrap;
-  -webkit-box-pack: space-between;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: space-between;
-  justify-content: space-between;
-  -webkit-align-content: stretch;
-  -ms-flex-line-pack: stretch;
-  align-content: stretch;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c2 {
-  -webkit-order: 0;
-  -ms-flex-order: 0;
-  order: 0;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-  margin: 0 0 0.8125rem 0;
-}
-
-<fieldset
-      className="c0"
+    <fieldset
+      className="c2"
       style={undefined}
     >
-      .c2 {
-  box-sizing: border-box;
-  width: 100%;
-  height: 3rem;
-  margin-bottom: 0.5rem;
-  margin-top: 0.5rem;
-  padding: 0.8125rem 1.125rem;
-  border-radius: 0.25rem;
-  background-color: ;
-  border: 0.0625rem solid;
-  font-size: 0.9375rem;
-  line-height: normal !important;
-  font-weight: 400;
-  font-style: normal;
-  font-stretch: normal;
-  color: ;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  outline: 0;
-}
-
-.c2:focus {
-  border-color: ;
-  outline: 0;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-flex-wrap: nowrap;
-  -ms-flex-wrap: nowrap;
-  flex-wrap: nowrap;
-  -webkit-box-pack: space-between;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: space-between;
-  justify-content: space-between;
-  -webkit-align-content: stretch;
-  -ms-flex-line-pack: stretch;
-  align-content: stretch;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c1 {
-  -webkit-order: 0;
-  -ms-flex-order: 0;
-  order: 0;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-  margin: 0 0 0.8125rem 0;
-}
-
-<div>
-        .c2 {
-  box-sizing: border-box;
-  width: 100%;
-  height: 3rem;
-  margin-bottom: 0.5rem;
-  margin-top: 0.5rem;
-  padding: 0.8125rem 1.125rem;
-  border-radius: 0.25rem;
-  background-color: ;
-  border: 0.0625rem solid;
-  font-size: 0.9375rem;
-  line-height: normal !important;
-  font-weight: 400;
-  font-style: normal;
-  font-stretch: normal;
-  color: ;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  outline: 0;
-}
-
-.c2:focus {
-  border-color: ;
-  outline: 0;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-flex-wrap: nowrap;
-  -ms-flex-wrap: nowrap;
-  flex-wrap: nowrap;
-  -webkit-box-pack: space-between;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: space-between;
-  justify-content: space-between;
-  -webkit-align-content: stretch;
-  -ms-flex-line-pack: stretch;
-  align-content: stretch;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c1 {
-  -webkit-order: 0;
-  -ms-flex-order: 0;
-  order: 0;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-  margin: 0 0 0.8125rem 0;
-}
-
-<span
-          className="c0"
+      <div>
+        <span
+          className="c3"
         >
-          .c1 {
-  box-sizing: border-box;
-  width: 100%;
-  height: 3rem;
-  margin-bottom: 0.5rem;
-  margin-top: 0.5rem;
-  padding: 0.8125rem 1.125rem;
-  border-radius: 0.25rem;
-  background-color: ;
-  border: 0.0625rem solid;
-  font-size: 0.9375rem;
-  line-height: normal !important;
-  font-weight: 400;
-  font-style: normal;
-  font-stretch: normal;
-  color: ;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  outline: 0;
-}
-
-.c1:focus {
-  border-color: ;
-  outline: 0;
-}
-
-.c0 {
-  -webkit-order: 0;
-  -ms-flex-order: 0;
-  order: 0;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-  margin: 0 0 0.8125rem 0;
-}
-
-<input
-            className="c0 c1"
-            id="paxzb"
+          <input
+            className="c4 c5"
+            id="SlzVp"
             placeholder="Filename including extension…"
             type="text"
             value={undefined}
@@ -651,181 +200,37 @@ exports[`renders <Files /> without throwing 1`] = `
         </span>
       </div>
     </fieldset>
-    .c1 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-}
-
-.c2 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -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;
-}
-
-.c3 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-  -webkit-animation-delay: 1s;
-  animation-delay: 1s;
-}
-
-.c0 {
-  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;
-  -webkit-flex: 1 0 auto;
-  -ms-flex: 1 0 auto;
-  flex: 1 0 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-}
-
-.c4 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-  text-align: center;
-  margin-bottom: 0;
-}
-
-<div
-      className="c0"
+    <div
+      className="c6"
     >
-      .c0 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-}
-
-.c1 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -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;
-}
-
-.c2 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-  -webkit-animation-delay: 1s;
-  animation-delay: 1s;
-}
-
-<svg
+      <svg
         height="10"
         width="28"
       >
-        .c0 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-}
-
-<rect
-          className="c0"
+        <rect
+          className="c7"
           height="6"
           width="6"
           x="2"
           y="2"
         />
-        .c0 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -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;
-}
-
-<rect
-          className="c0"
+        <rect
+          className="c8"
           height="6"
           width="6"
           x="11"
           y="2"
         />
-        .c0 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-  -webkit-animation-delay: 1s;
-  animation-delay: 1s;
-}
-
-<rect
-          className="c0"
+        <rect
+          className="c9"
           height="6"
           width="6"
           x="20"
           y="2"
         />
       </svg>
-      .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-  text-align: center;
-  margin-bottom: 0;
-}
-
-<p
-        className="c0"
+      <p
+        className="c10"
       >
         Loading...
       </p>
diff --git a/packages/cp-frontend/test/unit/components/manifest/__snapshots__/name.js.snap b/packages/cp-frontend/test/unit/components/manifest/__snapshots__/name.js.snap
index e06e611f..b319930f 100644
--- a/packages/cp-frontend/test/unit/components/manifest/__snapshots__/name.js.snap
+++ b/packages/cp-frontend/test/unit/components/manifest/__snapshots__/name.js.snap
@@ -41,14 +41,9 @@ exports[`renders <Name /> without throwing 1`] = `
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
-  color: ;
   background-image: none;
-  background-color: ;
   border-radius: 0.25rem;
   border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
 }
 
 .c8::-moz-focus-inner,
@@ -69,12 +64,9 @@ exports[`renders <Name /> without throwing 1`] = `
 .c8:focus {
   outline: 0;
   text-decoration: none;
-  background-color: ;
-  border-color: ;
 }
 
 .c8:hover {
-  background-color: ;
   border: solid 0.0625rem;
 }
 
@@ -83,8 +75,6 @@ exports[`renders <Name /> without throwing 1`] = `
 .c8:active:focus {
   background-image: none;
   outline: 0;
-  background-color: ;
-  border-color: ;
 }
 
 .c8[disabled] {
@@ -92,23 +82,6 @@ exports[`renders <Name /> without throwing 1`] = `
   pointer-events: none;
 }
 
-.c8:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c8:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c8:active,
-.c8:active:hover,
-.c8:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
 .c8 + button {
   margin-left: 1.25rem;
 }
@@ -153,14 +126,9 @@ exports[`renders <Name /> without throwing 1`] = `
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
-  color: ;
   background-image: none;
-  background-color: ;
   border-radius: 0.25rem;
   border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
   box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
 }
 
@@ -182,12 +150,9 @@ exports[`renders <Name /> without throwing 1`] = `
 .c9:focus {
   outline: 0;
   text-decoration: none;
-  background-color: ;
-  border-color: ;
 }
 
 .c9:hover {
-  background-color: ;
   border: solid 0.0625rem;
 }
 
@@ -196,8 +161,6 @@ exports[`renders <Name /> without throwing 1`] = `
 .c9:active:focus {
   background-image: none;
   outline: 0;
-  background-color: ;
-  border-color: ;
 }
 
 .c9[disabled] {
@@ -205,23 +168,6 @@ exports[`renders <Name /> without throwing 1`] = `
   pointer-events: none;
 }
 
-.c9:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c9:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c9:active,
-.c9:active:hover,
-.c9:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
 .c9 + button {
   margin-left: 1.25rem;
 }
@@ -287,14 +233,12 @@ exports[`renders <Name /> without throwing 1`] = `
   margin-top: 0.5rem;
   padding: 0.8125rem 1.125rem;
   border-radius: 0.25rem;
-  background-color: ;
   border: 0.0625rem solid;
   font-size: 0.9375rem;
   line-height: normal !important;
   font-weight: 400;
   font-style: normal;
   font-stretch: normal;
-  color: ;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
@@ -302,7 +246,6 @@ exports[`renders <Name /> without throwing 1`] = `
 }
 
 .c6:focus {
-  border-color: ;
   outline: 0;
 }
 
@@ -313,7 +256,6 @@ exports[`renders <Name /> without throwing 1`] = `
   font-style: normal;
   font-stretch: normal;
   display: block;
-  color: ;
   margin-right: 0.75rem;
   font-weight: bold;
 }
@@ -325,7 +267,6 @@ exports[`renders <Name /> without throwing 1`] = `
   font-style: normal;
   font-stretch: normal;
   display: block;
-  color: ;
 }
 
 .c7 {
@@ -381,489 +322,36 @@ exports[`renders <Name /> without throwing 1`] = `
 <form
   onSubmit={[Function]}
 >
-  .c0 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 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.5rem;
-  margin-left: -0.5rem;
-}
-
-.c1 {
-  box-sizing: border-box;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  padding-right: 0.5rem;
-  padding-left: 0.5rem;
-}
-
-.c5 {
-  font-size: 80%;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.125rem;
-  font-size: 0.875rem;
-}
-
-.c2 {
-  padding: 0.35em 0.75em 0.625em;
-  display: inline-block;
-  margin: 0;
-  padding: 0;
-  border: none;
-  overflow: hidden;
-  width: 100%;
-  height: auto;
-  -webkit-margin-start: 0;
-  -webkit-margin-end: 0;
-  -webkit-padding-before: 0;
-  -webkit-padding-start: 0;
-  -webkit-padding-end: 0;
-  -webkit-padding-after: 0;
-}
-
-.c6 {
-  box-sizing: border-box;
-  width: 100%;
-  height: 3rem;
-  margin-bottom: 0.5rem;
-  margin-top: 0.5rem;
-  padding: 0.8125rem 1.125rem;
-  border-radius: 0.25rem;
-  background-color: ;
-  border: 0.0625rem solid;
-  font-size: 0.9375rem;
-  line-height: normal !important;
-  font-weight: 400;
-  font-style: normal;
-  font-stretch: normal;
-  color: ;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  outline: 0;
-}
-
-.c6:focus {
-  border-color: ;
-  outline: 0;
-}
-
-.c4 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  font-size: 0.9375rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: ;
-  margin-right: 0.75rem;
-  font-weight: bold;
-}
-
-.c3 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  font-size: 0.9375rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: ;
-}
-
-@media only screen and (min-width:0em) {
-  .c1 {
-    -webkit-flex-basis: 100%;
-    -ms-flex-basis: 100%;
-    flex-basis: 100%;
-    max-width: 100%;
-    display: block;
-  }
-}
-
-@media only screen and (min-width:64em) {
-  .c1 {
-    -webkit-flex-basis: 33.333333333333336%;
-    -ms-flex-basis: 33.333333333333336%;
-    flex-basis: 33.333333333333336%;
-    max-width: 33.333333333333336%;
-    display: block;
-  }
-}
-
-@media only screen and (min-width:75em) {
-  .c1 {
-    -webkit-flex-basis: 33.333333333333336%;
-    -ms-flex-basis: 33.333333333333336%;
-    flex-basis: 33.333333333333336%;
-    max-width: 33.333333333333336%;
-    display: block;
-  }
-}
-
-<div
+  <div
     className="c0"
   >
-    .c0 {
-  box-sizing: border-box;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  padding-right: 0.5rem;
-  padding-left: 0.5rem;
-}
-
-.c4 {
-  font-size: 80%;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.125rem;
-  font-size: 0.875rem;
-}
-
-.c1 {
-  padding: 0.35em 0.75em 0.625em;
-  display: inline-block;
-  margin: 0;
-  padding: 0;
-  border: none;
-  overflow: hidden;
-  width: 100%;
-  height: auto;
-  -webkit-margin-start: 0;
-  -webkit-margin-end: 0;
-  -webkit-padding-before: 0;
-  -webkit-padding-start: 0;
-  -webkit-padding-end: 0;
-  -webkit-padding-after: 0;
-}
-
-.c5 {
-  box-sizing: border-box;
-  width: 100%;
-  height: 3rem;
-  margin-bottom: 0.5rem;
-  margin-top: 0.5rem;
-  padding: 0.8125rem 1.125rem;
-  border-radius: 0.25rem;
-  background-color: ;
-  border: 0.0625rem solid;
-  font-size: 0.9375rem;
-  line-height: normal !important;
-  font-weight: 400;
-  font-style: normal;
-  font-stretch: normal;
-  color: ;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  outline: 0;
-}
-
-.c5:focus {
-  border-color: ;
-  outline: 0;
-}
-
-.c3 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  font-size: 0.9375rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: ;
-  margin-right: 0.75rem;
-  font-weight: bold;
-}
-
-.c2 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  font-size: 0.9375rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: ;
-}
-
-@media only screen and (min-width:0em) {
-  .c0 {
-    -webkit-flex-basis: 100%;
-    -ms-flex-basis: 100%;
-    flex-basis: 100%;
-    max-width: 100%;
-    display: block;
-  }
-}
-
-@media only screen and (min-width:64em) {
-  .c0 {
-    -webkit-flex-basis: 33.333333333333336%;
-    -ms-flex-basis: 33.333333333333336%;
-    flex-basis: 33.333333333333336%;
-    max-width: 33.333333333333336%;
-    display: block;
-  }
-}
-
-@media only screen and (min-width:75em) {
-  .c0 {
-    -webkit-flex-basis: 33.333333333333336%;
-    -ms-flex-basis: 33.333333333333336%;
-    flex-basis: 33.333333333333336%;
-    max-width: 33.333333333333336%;
-    display: block;
-  }
-}
-
-<div
-      className="c0"
+    <div
+      className="c1"
     >
-      .c3 {
-  font-size: 80%;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.125rem;
-  font-size: 0.875rem;
-}
-
-.c0 {
-  padding: 0.35em 0.75em 0.625em;
-  display: inline-block;
-  margin: 0;
-  padding: 0;
-  border: none;
-  overflow: hidden;
-  width: 100%;
-  height: auto;
-  -webkit-margin-start: 0;
-  -webkit-margin-end: 0;
-  -webkit-padding-before: 0;
-  -webkit-padding-start: 0;
-  -webkit-padding-end: 0;
-  -webkit-padding-after: 0;
-}
-
-.c4 {
-  box-sizing: border-box;
-  width: 100%;
-  height: 3rem;
-  margin-bottom: 0.5rem;
-  margin-top: 0.5rem;
-  padding: 0.8125rem 1.125rem;
-  border-radius: 0.25rem;
-  background-color: ;
-  border: 0.0625rem solid;
-  font-size: 0.9375rem;
-  line-height: normal !important;
-  font-weight: 400;
-  font-style: normal;
-  font-stretch: normal;
-  color: ;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  outline: 0;
-}
-
-.c4:focus {
-  border-color: ;
-  outline: 0;
-}
-
-.c2 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  font-size: 0.9375rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: ;
-  margin-right: 0.75rem;
-  font-weight: bold;
-}
-
-.c1 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  font-size: 0.9375rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: ;
-}
-
-<fieldset
-        className="c0"
+      <fieldset
+        className="c2"
         style={undefined}
       >
-        .c2 {
-  font-size: 80%;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.125rem;
-  font-size: 0.875rem;
-}
-
-.c3 {
-  box-sizing: border-box;
-  width: 100%;
-  height: 3rem;
-  margin-bottom: 0.5rem;
-  margin-top: 0.5rem;
-  padding: 0.8125rem 1.125rem;
-  border-radius: 0.25rem;
-  background-color: ;
-  border: 0.0625rem solid;
-  font-size: 0.9375rem;
-  line-height: normal !important;
-  font-weight: 400;
-  font-style: normal;
-  font-stretch: normal;
-  color: ;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  outline: 0;
-}
-
-.c3:focus {
-  border-color: ;
-  outline: 0;
-}
-
-.c1 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  font-size: 0.9375rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: ;
-  margin-right: 0.75rem;
-  font-weight: bold;
-}
-
-.c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  font-size: 0.9375rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: ;
-}
-
-<div>
-          .c2 {
-  font-size: 80%;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.125rem;
-  font-size: 0.875rem;
-}
-
-.c1 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  font-size: 0.9375rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: ;
-  margin-right: 0.75rem;
-  font-weight: bold;
-}
-
-.c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  font-size: 0.9375rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: ;
-}
-
-<label
-            className="c0"
+        <div>
+          <label
+            className="c3"
             form="testNameForm"
           >
-            .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  font-size: 0.9375rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: ;
-  margin-right: 0.75rem;
-  font-weight: bold;
-}
-
-<label
-              className="c0"
-              htmlFor="GWMJb"
+            <label
+              className="c4"
+              htmlFor="bRpkHS"
             >
               Name the new deployment group
             </label>
-            .c0 {
-  font-size: 80%;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.125rem;
-  font-size: 0.875rem;
-}
-
-<small
-              className="c0"
+            <small
+              className="c5"
             >
               Your services will be deployed to eu-east-1 data center.
             </small>
           </label>
-          .c0 {
-  box-sizing: border-box;
-  width: 100%;
-  height: 3rem;
-  margin-bottom: 0.5rem;
-  margin-top: 0.5rem;
-  padding: 0.8125rem 1.125rem;
-  border-radius: 0.25rem;
-  background-color: ;
-  border: 0.0625rem solid;
-  font-size: 0.9375rem;
-  line-height: normal !important;
-  font-weight: 400;
-  font-style: normal;
-  font-stretch: normal;
-  color: ;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  outline: 0;
-}
-
-.c0:focus {
-  border-color: ;
-  outline: 0;
-}
-
-<input
-            className="c0"
-            id="GWMJb"
+          <input
+            className="c6"
+            id="bRpkHS"
             name="name"
             onBlur={[Function]}
             onChange={[Function]}
@@ -877,488 +365,18 @@ exports[`renders <Name /> without throwing 1`] = `
       </fieldset>
     </div>
   </div>
-  .c1 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c1::-moz-focus-inner,
-.c1[type='button']::-moz-focus-inner,
-.c1[type='reset']::-moz-focus-inner,
-.c1[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c1:-moz-focusring,
-.c1[type='button']:-moz-focusring,
-.c1[type='reset']:-moz-focusring,
-.c1[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c1:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c1[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c1:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c1 + button {
-  margin-left: 1.25rem;
-}
-
-.c2 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-}
-
-.c2::-moz-focus-inner,
-.c2[type='button']::-moz-focus-inner,
-.c2[type='reset']::-moz-focus-inner,
-.c2[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c2:-moz-focusring,
-.c2[type='button']:-moz-focusring,
-.c2[type='reset']:-moz-focusring,
-.c2[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c2:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c2:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c2:active,
-.c2:active:hover,
-.c2:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c2[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c2:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c2:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c2:active,
-.c2:active:hover,
-.c2:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c2 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 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.5rem;
-  margin-left: -0.5rem;
-  margin: 1.8125rem 0 3.75rem 0;
-}
-
-<div
-    className="c0"
+  <div
+    className="c7"
   >
-    .c0 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c0::-moz-focus-inner,
-.c0[type='button']::-moz-focus-inner,
-.c0[type='reset']::-moz-focus-inner,
-.c0[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c0:-moz-focusring,
-.c0[type='button']:-moz-focusring,
-.c0[type='reset']:-moz-focusring,
-.c0[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c0:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c0[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c0:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0 + button {
-  margin-left: 1.25rem;
-}
-
-<button
-      className="c0"
+    <button
+      className="c8"
       onClick={[Function]}
       type="button"
     >
       Cancel
     </button>
-    .c0 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-}
-
-.c0::-moz-focus-inner,
-.c0[type='button']::-moz-focus-inner,
-.c0[type='reset']::-moz-focus-inner,
-.c0[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c0:-moz-focusring,
-.c0[type='button']:-moz-focusring,
-.c0[type='reset']:-moz-focusring,
-.c0[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c0:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c0[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c0:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0 + button {
-  margin-left: 1.25rem;
-}
-
-<button
-      className="c0"
+    <button
+      className="c9"
       disabled={true}
       type="submit"
     >
@@ -1409,14 +427,9 @@ exports[`renders <Name /> without throwing 2`] = `
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
-  color: ;
   background-image: none;
-  background-color: ;
   border-radius: 0.25rem;
   border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
 }
 
 .c8::-moz-focus-inner,
@@ -1437,12 +450,9 @@ exports[`renders <Name /> without throwing 2`] = `
 .c8:focus {
   outline: 0;
   text-decoration: none;
-  background-color: ;
-  border-color: ;
 }
 
 .c8:hover {
-  background-color: ;
   border: solid 0.0625rem;
 }
 
@@ -1451,8 +461,6 @@ exports[`renders <Name /> without throwing 2`] = `
 .c8:active:focus {
   background-image: none;
   outline: 0;
-  background-color: ;
-  border-color: ;
 }
 
 .c8[disabled] {
@@ -1460,23 +468,6 @@ exports[`renders <Name /> without throwing 2`] = `
   pointer-events: none;
 }
 
-.c8:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c8:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c8:active,
-.c8:active:hover,
-.c8:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
 .c8 + button {
   margin-left: 1.25rem;
 }
@@ -1521,14 +512,9 @@ exports[`renders <Name /> without throwing 2`] = `
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
-  color: ;
   background-image: none;
-  background-color: ;
   border-radius: 0.25rem;
   border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
   box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
 }
 
@@ -1550,12 +536,9 @@ exports[`renders <Name /> without throwing 2`] = `
 .c9:focus {
   outline: 0;
   text-decoration: none;
-  background-color: ;
-  border-color: ;
 }
 
 .c9:hover {
-  background-color: ;
   border: solid 0.0625rem;
 }
 
@@ -1564,8 +547,6 @@ exports[`renders <Name /> without throwing 2`] = `
 .c9:active:focus {
   background-image: none;
   outline: 0;
-  background-color: ;
-  border-color: ;
 }
 
 .c9[disabled] {
@@ -1573,23 +554,6 @@ exports[`renders <Name /> without throwing 2`] = `
   pointer-events: none;
 }
 
-.c9:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c9:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c9:active,
-.c9:active:hover,
-.c9:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
 .c9 + button {
   margin-left: 1.25rem;
 }
@@ -1655,14 +619,12 @@ exports[`renders <Name /> without throwing 2`] = `
   margin-top: 0.5rem;
   padding: 0.8125rem 1.125rem;
   border-radius: 0.25rem;
-  background-color: ;
   border: 0.0625rem solid;
   font-size: 0.9375rem;
   line-height: normal !important;
   font-weight: 400;
   font-style: normal;
   font-stretch: normal;
-  color: ;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
@@ -1670,7 +632,6 @@ exports[`renders <Name /> without throwing 2`] = `
 }
 
 .c6:focus {
-  border-color: ;
   outline: 0;
 }
 
@@ -1681,7 +642,6 @@ exports[`renders <Name /> without throwing 2`] = `
   font-style: normal;
   font-stretch: normal;
   display: block;
-  color: ;
   margin-right: 0.75rem;
   font-weight: bold;
 }
@@ -1693,7 +653,6 @@ exports[`renders <Name /> without throwing 2`] = `
   font-style: normal;
   font-stretch: normal;
   display: block;
-  color: ;
 }
 
 .c7 {
@@ -1749,489 +708,36 @@ exports[`renders <Name /> without throwing 2`] = `
 <form
   onSubmit={[Function]}
 >
-  .c0 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 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.5rem;
-  margin-left: -0.5rem;
-}
-
-.c1 {
-  box-sizing: border-box;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  padding-right: 0.5rem;
-  padding-left: 0.5rem;
-}
-
-.c5 {
-  font-size: 80%;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.125rem;
-  font-size: 0.875rem;
-}
-
-.c2 {
-  padding: 0.35em 0.75em 0.625em;
-  display: inline-block;
-  margin: 0;
-  padding: 0;
-  border: none;
-  overflow: hidden;
-  width: 100%;
-  height: auto;
-  -webkit-margin-start: 0;
-  -webkit-margin-end: 0;
-  -webkit-padding-before: 0;
-  -webkit-padding-start: 0;
-  -webkit-padding-end: 0;
-  -webkit-padding-after: 0;
-}
-
-.c6 {
-  box-sizing: border-box;
-  width: 100%;
-  height: 3rem;
-  margin-bottom: 0.5rem;
-  margin-top: 0.5rem;
-  padding: 0.8125rem 1.125rem;
-  border-radius: 0.25rem;
-  background-color: ;
-  border: 0.0625rem solid;
-  font-size: 0.9375rem;
-  line-height: normal !important;
-  font-weight: 400;
-  font-style: normal;
-  font-stretch: normal;
-  color: ;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  outline: 0;
-}
-
-.c6:focus {
-  border-color: ;
-  outline: 0;
-}
-
-.c4 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  font-size: 0.9375rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: ;
-  margin-right: 0.75rem;
-  font-weight: bold;
-}
-
-.c3 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  font-size: 0.9375rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: ;
-}
-
-@media only screen and (min-width:0em) {
-  .c1 {
-    -webkit-flex-basis: 100%;
-    -ms-flex-basis: 100%;
-    flex-basis: 100%;
-    max-width: 100%;
-    display: block;
-  }
-}
-
-@media only screen and (min-width:64em) {
-  .c1 {
-    -webkit-flex-basis: 33.333333333333336%;
-    -ms-flex-basis: 33.333333333333336%;
-    flex-basis: 33.333333333333336%;
-    max-width: 33.333333333333336%;
-    display: block;
-  }
-}
-
-@media only screen and (min-width:75em) {
-  .c1 {
-    -webkit-flex-basis: 33.333333333333336%;
-    -ms-flex-basis: 33.333333333333336%;
-    flex-basis: 33.333333333333336%;
-    max-width: 33.333333333333336%;
-    display: block;
-  }
-}
-
-<div
+  <div
     className="c0"
   >
-    .c0 {
-  box-sizing: border-box;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  padding-right: 0.5rem;
-  padding-left: 0.5rem;
-}
-
-.c4 {
-  font-size: 80%;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.125rem;
-  font-size: 0.875rem;
-}
-
-.c1 {
-  padding: 0.35em 0.75em 0.625em;
-  display: inline-block;
-  margin: 0;
-  padding: 0;
-  border: none;
-  overflow: hidden;
-  width: 100%;
-  height: auto;
-  -webkit-margin-start: 0;
-  -webkit-margin-end: 0;
-  -webkit-padding-before: 0;
-  -webkit-padding-start: 0;
-  -webkit-padding-end: 0;
-  -webkit-padding-after: 0;
-}
-
-.c5 {
-  box-sizing: border-box;
-  width: 100%;
-  height: 3rem;
-  margin-bottom: 0.5rem;
-  margin-top: 0.5rem;
-  padding: 0.8125rem 1.125rem;
-  border-radius: 0.25rem;
-  background-color: ;
-  border: 0.0625rem solid;
-  font-size: 0.9375rem;
-  line-height: normal !important;
-  font-weight: 400;
-  font-style: normal;
-  font-stretch: normal;
-  color: ;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  outline: 0;
-}
-
-.c5:focus {
-  border-color: ;
-  outline: 0;
-}
-
-.c3 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  font-size: 0.9375rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: ;
-  margin-right: 0.75rem;
-  font-weight: bold;
-}
-
-.c2 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  font-size: 0.9375rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: ;
-}
-
-@media only screen and (min-width:0em) {
-  .c0 {
-    -webkit-flex-basis: 100%;
-    -ms-flex-basis: 100%;
-    flex-basis: 100%;
-    max-width: 100%;
-    display: block;
-  }
-}
-
-@media only screen and (min-width:64em) {
-  .c0 {
-    -webkit-flex-basis: 33.333333333333336%;
-    -ms-flex-basis: 33.333333333333336%;
-    flex-basis: 33.333333333333336%;
-    max-width: 33.333333333333336%;
-    display: block;
-  }
-}
-
-@media only screen and (min-width:75em) {
-  .c0 {
-    -webkit-flex-basis: 33.333333333333336%;
-    -ms-flex-basis: 33.333333333333336%;
-    flex-basis: 33.333333333333336%;
-    max-width: 33.333333333333336%;
-    display: block;
-  }
-}
-
-<div
-      className="c0"
+    <div
+      className="c1"
     >
-      .c3 {
-  font-size: 80%;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.125rem;
-  font-size: 0.875rem;
-}
-
-.c0 {
-  padding: 0.35em 0.75em 0.625em;
-  display: inline-block;
-  margin: 0;
-  padding: 0;
-  border: none;
-  overflow: hidden;
-  width: 100%;
-  height: auto;
-  -webkit-margin-start: 0;
-  -webkit-margin-end: 0;
-  -webkit-padding-before: 0;
-  -webkit-padding-start: 0;
-  -webkit-padding-end: 0;
-  -webkit-padding-after: 0;
-}
-
-.c4 {
-  box-sizing: border-box;
-  width: 100%;
-  height: 3rem;
-  margin-bottom: 0.5rem;
-  margin-top: 0.5rem;
-  padding: 0.8125rem 1.125rem;
-  border-radius: 0.25rem;
-  background-color: ;
-  border: 0.0625rem solid;
-  font-size: 0.9375rem;
-  line-height: normal !important;
-  font-weight: 400;
-  font-style: normal;
-  font-stretch: normal;
-  color: ;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  outline: 0;
-}
-
-.c4:focus {
-  border-color: ;
-  outline: 0;
-}
-
-.c2 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  font-size: 0.9375rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: ;
-  margin-right: 0.75rem;
-  font-weight: bold;
-}
-
-.c1 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  font-size: 0.9375rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: ;
-}
-
-<fieldset
-        className="c0"
+      <fieldset
+        className="c2"
         style={undefined}
       >
-        .c2 {
-  font-size: 80%;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.125rem;
-  font-size: 0.875rem;
-}
-
-.c3 {
-  box-sizing: border-box;
-  width: 100%;
-  height: 3rem;
-  margin-bottom: 0.5rem;
-  margin-top: 0.5rem;
-  padding: 0.8125rem 1.125rem;
-  border-radius: 0.25rem;
-  background-color: ;
-  border: 0.0625rem solid;
-  font-size: 0.9375rem;
-  line-height: normal !important;
-  font-weight: 400;
-  font-style: normal;
-  font-stretch: normal;
-  color: ;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  outline: 0;
-}
-
-.c3:focus {
-  border-color: ;
-  outline: 0;
-}
-
-.c1 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  font-size: 0.9375rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: ;
-  margin-right: 0.75rem;
-  font-weight: bold;
-}
-
-.c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  font-size: 0.9375rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: ;
-}
-
-<div>
-          .c2 {
-  font-size: 80%;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.125rem;
-  font-size: 0.875rem;
-}
-
-.c1 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  font-size: 0.9375rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: ;
-  margin-right: 0.75rem;
-  font-weight: bold;
-}
-
-.c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  font-size: 0.9375rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: ;
-}
-
-<label
-            className="c0"
+        <div>
+          <label
+            className="c3"
             form="testNameForm"
           >
-            .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  font-size: 0.9375rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: ;
-  margin-right: 0.75rem;
-  font-weight: bold;
-}
-
-<label
-              className="c0"
-              htmlFor="cCrMLd"
+            <label
+              className="c4"
+              htmlFor="cfPoqo"
             >
               Name the new deployment group
             </label>
-            .c0 {
-  font-size: 80%;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.125rem;
-  font-size: 0.875rem;
-}
-
-<small
-              className="c0"
+            <small
+              className="c5"
             >
               Your services will be deployed to eu-east-1 data center.
             </small>
           </label>
-          .c0 {
-  box-sizing: border-box;
-  width: 100%;
-  height: 3rem;
-  margin-bottom: 0.5rem;
-  margin-top: 0.5rem;
-  padding: 0.8125rem 1.125rem;
-  border-radius: 0.25rem;
-  background-color: ;
-  border: 0.0625rem solid;
-  font-size: 0.9375rem;
-  line-height: normal !important;
-  font-weight: 400;
-  font-style: normal;
-  font-stretch: normal;
-  color: ;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  outline: 0;
-}
-
-.c0:focus {
-  border-color: ;
-  outline: 0;
-}
-
-<input
-            className="c0"
-            id="cCrMLd"
+          <input
+            className="c6"
+            id="cfPoqo"
             name="name"
             onBlur={[Function]}
             onChange={[Function]}
@@ -2245,488 +751,18 @@ exports[`renders <Name /> without throwing 2`] = `
       </fieldset>
     </div>
   </div>
-  .c1 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c1::-moz-focus-inner,
-.c1[type='button']::-moz-focus-inner,
-.c1[type='reset']::-moz-focus-inner,
-.c1[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c1:-moz-focusring,
-.c1[type='button']:-moz-focusring,
-.c1[type='reset']:-moz-focusring,
-.c1[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c1:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c1[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c1:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c1 + button {
-  margin-left: 1.25rem;
-}
-
-.c2 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-}
-
-.c2::-moz-focus-inner,
-.c2[type='button']::-moz-focus-inner,
-.c2[type='reset']::-moz-focus-inner,
-.c2[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c2:-moz-focusring,
-.c2[type='button']:-moz-focusring,
-.c2[type='reset']:-moz-focusring,
-.c2[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c2:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c2:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c2:active,
-.c2:active:hover,
-.c2:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c2[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c2:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c2:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c2:active,
-.c2:active:hover,
-.c2:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c2 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 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.5rem;
-  margin-left: -0.5rem;
-  margin: 1.8125rem 0 3.75rem 0;
-}
-
-<div
-    className="c0"
+  <div
+    className="c7"
   >
-    .c0 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c0::-moz-focus-inner,
-.c0[type='button']::-moz-focus-inner,
-.c0[type='reset']::-moz-focus-inner,
-.c0[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c0:-moz-focusring,
-.c0[type='button']:-moz-focusring,
-.c0[type='reset']:-moz-focusring,
-.c0[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c0:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c0[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c0:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0 + button {
-  margin-left: 1.25rem;
-}
-
-<button
-      className="c0"
+    <button
+      className="c8"
       onClick={[Function]}
       type="button"
     >
       Cancel
     </button>
-    .c0 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-}
-
-.c0::-moz-focus-inner,
-.c0[type='button']::-moz-focus-inner,
-.c0[type='reset']::-moz-focus-inner,
-.c0[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c0:-moz-focusring,
-.c0[type='button']:-moz-focusring,
-.c0[type='reset']:-moz-focusring,
-.c0[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c0:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c0[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c0:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0 + button {
-  margin-left: 1.25rem;
-}
-
-<button
-      className="c0"
+    <button
+      className="c9"
       disabled={true}
       type="submit"
     >
diff --git a/packages/cp-frontend/test/unit/components/manifest/__snapshots__/progress.js.snap b/packages/cp-frontend/test/unit/components/manifest/__snapshots__/progress.js.snap
index fb6d65c2..0ff216f1 100644
--- a/packages/cp-frontend/test/unit/components/manifest/__snapshots__/progress.js.snap
+++ b/packages/cp-frontend/test/unit/components/manifest/__snapshots__/progress.js.snap
@@ -41,9 +41,7 @@ exports[`renders <Progress /> without throwing 1`] = `
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
-  color: ;
   background-image: none;
-  background-color: ;
   border-radius: 0.25rem;
   border: solid 0.0625rem;
 }
@@ -66,12 +64,9 @@ exports[`renders <Progress /> without throwing 1`] = `
 .c6:focus {
   outline: 0;
   text-decoration: none;
-  background-color: ;
-  border-color: ;
 }
 
 .c6:hover {
-  background-color: ;
   border: solid 0.0625rem;
 }
 
@@ -80,8 +75,6 @@ exports[`renders <Progress /> without throwing 1`] = `
 .c6:active:focus {
   background-image: none;
   outline: 0;
-  background-color: ;
-  border-color: ;
 }
 
 .c6[disabled] {
@@ -95,14 +88,11 @@ exports[`renders <Progress /> without throwing 1`] = `
 
 .c1 {
   float: left;
-  background-color: ;
 }
 
 .c4 {
   -webkit-fill: none;
   fill: none;
-  -webkit-fill: ;
-  fill: ;
 }
 
 .c10 {
@@ -286,7 +276,6 @@ exports[`renders <Progress /> without throwing 1`] = `
   -ms-transform: rotate(-45deg);
   transform: rotate(-45deg);
   margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  border-color: ;
 }
 
 .c11 {
@@ -325,443 +314,18 @@ exports[`renders <Progress /> without throwing 1`] = `
 <ul
   className="c0"
 >
-  .c5 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c5::-moz-focus-inner,
-.c5[type='button']::-moz-focus-inner,
-.c5[type='reset']::-moz-focus-inner,
-.c5[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c5:-moz-focusring,
-.c5[type='button']:-moz-focusring,
-.c5[type='reset']:-moz-focusring,
-.c5[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c5:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c5:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c5:active,
-.c5:active:hover,
-.c5:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c5[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c5 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  float: left;
-  background-color: ;
-}
-
-.c3 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c2 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: 0.0625rem solid;
-}
-
-.c4 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c4:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 10;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-left: 0.0625rem solid;
-  padding-left: 0.8125rem;
-  border-right: 0.0625rem solid;
-  border-right: none;
-}
-
-.c6 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  border-color: ;
-}
-
-<li
-    className="c0"
+  <li
+    className="c1"
   >
-    .c4 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c4::-moz-focus-inner,
-.c4[type='button']::-moz-focus-inner,
-.c4[type='reset']::-moz-focus-inner,
-.c4[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c4:-moz-focusring,
-.c4[type='button']:-moz-focusring,
-.c4[type='reset']:-moz-focusring,
-.c4[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c4:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c4:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c4[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c4 + button {
-  margin-left: 1.25rem;
-}
-
-.c2 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c1 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: 0.0625rem solid;
-}
-
-.c3 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c3:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:active,
-.c3:active:hover,
-.c3:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 10;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-left: 0.0625rem solid;
-  padding-left: 0.8125rem;
-  border-right: 0.0625rem solid;
-  border-right: none;
-}
-
-.c5 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  border-color: ;
-}
-
-<div
-      className="c0"
+    <div
+      className="c2"
     >
-      .c1 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c0 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: 0.0625rem solid;
-}
-
-<span
-        className="c0"
+      <span
+        className="c3"
       >
-        .c0 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-<svg
+        <svg
           active={true}
-          className="c0 "
+          className="c4 "
           completed={false}
           first={true}
           height="9"
@@ -779,569 +343,28 @@ exports[`renders <Progress /> without throwing 1`] = `
           />
         </svg>
       </span>
-      .c1 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c1::-moz-focus-inner,
-.c1[type='button']::-moz-focus-inner,
-.c1[type='reset']::-moz-focus-inner,
-.c1[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c1:-moz-focusring,
-.c1[type='button']:-moz-focusring,
-.c1[type='reset']:-moz-focusring,
-.c1[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c1:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c1[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c1 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c0:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-<button
-        className="c0 c1"
+      <button
+        className="c5 c6"
       >
         Name the group
       </button>
-      .c0 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  border-color: ;
-}
-
-<span
-        className="c0"
+      <span
+        className="c7"
       />
     </div>
   </li>
-  .c5 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c5::-moz-focus-inner,
-.c5[type='button']::-moz-focus-inner,
-.c5[type='reset']::-moz-focus-inner,
-.c5[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c5:-moz-focusring,
-.c5[type='button']:-moz-focusring,
-.c5[type='reset']:-moz-focusring,
-.c5[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c5:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c5:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c5:active,
-.c5:active:hover,
-.c5:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c5[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c5 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  float: left;
-  background-color: ;
-}
-
-.c3 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-.c2 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c4 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c4:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 9;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-right: 0.0625rem solid;
-  border-right: none;
-}
-
-.c6 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-}
-
-<li
-    className="c0"
+  <li
+    className="c1"
   >
-    .c4 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c4::-moz-focus-inner,
-.c4[type='button']::-moz-focus-inner,
-.c4[type='reset']::-moz-focus-inner,
-.c4[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c4:-moz-focusring,
-.c4[type='button']:-moz-focusring,
-.c4[type='reset']:-moz-focusring,
-.c4[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c4:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c4:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c4[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c4 + button {
-  margin-left: 1.25rem;
-}
-
-.c2 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-.c1 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c3 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c3:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:active,
-.c3:active:hover,
-.c3:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 9;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-right: 0.0625rem solid;
-  border-right: none;
-}
-
-.c5 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-}
-
-<div
-      className="c0"
+    <div
+      className="c8"
     >
-      .c1 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-.c0 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-<span
-        className="c0"
+      <span
+        className="c9"
       >
-        .c0 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-<svg
+        <svg
           active={false}
-          className="c0 "
+          className="c10 "
           completed={false}
           first={undefined}
           height="9"
@@ -1359,568 +382,28 @@ exports[`renders <Progress /> without throwing 1`] = `
           />
         </svg>
       </span>
-      .c1 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c1::-moz-focus-inner,
-.c1[type='button']::-moz-focus-inner,
-.c1[type='reset']::-moz-focus-inner,
-.c1[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c1:-moz-focusring,
-.c1[type='button']:-moz-focusring,
-.c1[type='reset']:-moz-focusring,
-.c1[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c1:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c1[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c1 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c0:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-<button
-        className="c0 c1"
+      <button
+        className="c5 c6"
       >
         Define Services
       </button>
-      .c0 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-}
-
-<span
-        className="c0"
+      <span
+        className="c11"
       />
     </div>
   </li>
-  .c5 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c5::-moz-focus-inner,
-.c5[type='button']::-moz-focus-inner,
-.c5[type='reset']::-moz-focus-inner,
-.c5[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c5:-moz-focusring,
-.c5[type='button']:-moz-focusring,
-.c5[type='reset']:-moz-focusring,
-.c5[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c5:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c5:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c5:active,
-.c5:active:hover,
-.c5:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c5[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c5 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  float: left;
-  background-color: ;
-}
-
-.c3 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-.c2 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c4 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c4:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 8;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-right: 0.0625rem solid;
-  border-right: none;
-}
-
-.c6 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-}
-
-<li
-    className="c0"
+  <li
+    className="c1"
   >
-    .c4 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c4::-moz-focus-inner,
-.c4[type='button']::-moz-focus-inner,
-.c4[type='reset']::-moz-focus-inner,
-.c4[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c4:-moz-focusring,
-.c4[type='button']:-moz-focusring,
-.c4[type='reset']:-moz-focusring,
-.c4[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c4:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c4:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c4[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c4 + button {
-  margin-left: 1.25rem;
-}
-
-.c2 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-.c1 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c3 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c3:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:active,
-.c3:active:hover,
-.c3:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 8;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-right: 0.0625rem solid;
-  border-right: none;
-}
-
-.c5 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-}
-
-<div
-      className="c0"
+    <div
+      className="c12"
     >
-      .c1 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-.c0 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-<span
-        className="c0"
+      <span
+        className="c9"
       >
-        .c0 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-<svg
+        <svg
           active={false}
-          className="c0 "
+          className="c10 "
           completed={false}
           first={undefined}
           height="9"
@@ -1938,568 +421,28 @@ exports[`renders <Progress /> without throwing 1`] = `
           />
         </svg>
       </span>
-      .c1 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c1::-moz-focus-inner,
-.c1[type='button']::-moz-focus-inner,
-.c1[type='reset']::-moz-focus-inner,
-.c1[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c1:-moz-focusring,
-.c1[type='button']:-moz-focusring,
-.c1[type='reset']:-moz-focusring,
-.c1[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c1:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c1[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c1 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c0:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-<button
-        className="c0 c1"
+      <button
+        className="c5 c6"
       >
         Define Environment
       </button>
-      .c0 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-}
-
-<span
-        className="c0"
+      <span
+        className="c11"
       />
     </div>
   </li>
-  .c5 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c5::-moz-focus-inner,
-.c5[type='button']::-moz-focus-inner,
-.c5[type='reset']::-moz-focus-inner,
-.c5[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c5:-moz-focusring,
-.c5[type='button']:-moz-focusring,
-.c5[type='reset']:-moz-focusring,
-.c5[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c5:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c5:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c5:active,
-.c5:active:hover,
-.c5:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c5[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c5 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  float: left;
-  background-color: ;
-}
-
-.c3 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-.c2 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c4 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c4:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 7;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-right: 0.0625rem solid;
-}
-
-.c6 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  display: none;
-}
-
-<li
-    className="c0"
+  <li
+    className="c1"
   >
-    .c4 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c4::-moz-focus-inner,
-.c4[type='button']::-moz-focus-inner,
-.c4[type='reset']::-moz-focus-inner,
-.c4[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c4:-moz-focusring,
-.c4[type='button']:-moz-focusring,
-.c4[type='reset']:-moz-focusring,
-.c4[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c4:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c4:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c4[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c4 + button {
-  margin-left: 1.25rem;
-}
-
-.c2 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-.c1 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c3 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c3:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:active,
-.c3:active:hover,
-.c3:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 7;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-right: 0.0625rem solid;
-}
-
-.c5 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  display: none;
-}
-
-<div
-      className="c0"
+    <div
+      className="c13"
     >
-      .c1 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-.c0 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-<span
-        className="c0"
+      <span
+        className="c9"
       >
-        .c0 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-<svg
+        <svg
           active={false}
-          className="c0 "
+          className="c10 "
           completed={undefined}
           first={undefined}
           height="9"
@@ -2517,150 +460,13 @@ exports[`renders <Progress /> without throwing 1`] = `
           />
         </svg>
       </span>
-      .c1 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c1::-moz-focus-inner,
-.c1[type='button']::-moz-focus-inner,
-.c1[type='reset']::-moz-focus-inner,
-.c1[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c1:-moz-focusring,
-.c1[type='button']:-moz-focusring,
-.c1[type='reset']:-moz-focusring,
-.c1[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c1:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c1[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c1 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c0:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-<button
-        className="c0 c1"
+      <button
+        className="c5 c6"
       >
         Review and deploy
       </button>
-      .c0 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  display: none;
-}
-
-<span
-        className="c0"
+      <span
+        className="c14"
       />
     </div>
   </li>
@@ -2708,9 +514,7 @@ exports[`renders <Progress /> without throwing 2`] = `
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
-  color: ;
   background-image: none;
-  background-color: ;
   border-radius: 0.25rem;
   border: solid 0.0625rem;
 }
@@ -2733,12 +537,9 @@ exports[`renders <Progress /> without throwing 2`] = `
 .c6:focus {
   outline: 0;
   text-decoration: none;
-  background-color: ;
-  border-color: ;
 }
 
 .c6:hover {
-  background-color: ;
   border: solid 0.0625rem;
 }
 
@@ -2747,8 +548,6 @@ exports[`renders <Progress /> without throwing 2`] = `
 .c6:active:focus {
   background-image: none;
   outline: 0;
-  background-color: ;
-  border-color: ;
 }
 
 .c6[disabled] {
@@ -2762,7 +561,6 @@ exports[`renders <Progress /> without throwing 2`] = `
 
 .c1 {
   float: left;
-  background-color: ;
 }
 
 .c4 {
@@ -2924,424 +722,18 @@ exports[`renders <Progress /> without throwing 2`] = `
 <ul
   className="c0"
 >
-  .c5 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c5::-moz-focus-inner,
-.c5[type='button']::-moz-focus-inner,
-.c5[type='reset']::-moz-focus-inner,
-.c5[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c5:-moz-focusring,
-.c5[type='button']:-moz-focusring,
-.c5[type='reset']:-moz-focusring,
-.c5[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c5:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c5:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c5:active,
-.c5:active:hover,
-.c5:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c5[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c5 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  float: left;
-  background-color: ;
-}
-
-.c3 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-.c2 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c4 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c4:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 9;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-left: 0.0625rem solid;
-  padding-left: 0.8125rem;
-  border-right: none;
-}
-
-.c6 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-}
-
-<li
-    className="c0"
+  <li
+    className="c1"
   >
-    .c4 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c4::-moz-focus-inner,
-.c4[type='button']::-moz-focus-inner,
-.c4[type='reset']::-moz-focus-inner,
-.c4[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c4:-moz-focusring,
-.c4[type='button']:-moz-focusring,
-.c4[type='reset']:-moz-focusring,
-.c4[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c4:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c4:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c4[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c4 + button {
-  margin-left: 1.25rem;
-}
-
-.c2 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-.c1 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c3 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c3:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:active,
-.c3:active:hover,
-.c3:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 9;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-left: 0.0625rem solid;
-  padding-left: 0.8125rem;
-  border-right: none;
-}
-
-.c5 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-}
-
-<div
-      className="c0"
+    <div
+      className="c2"
     >
-      .c1 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-.c0 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-<span
-        className="c0"
+      <span
+        className="c3"
       >
-        .c0 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-<svg
+        <svg
           active={false}
-          className="c0 "
+          className="c4 "
           completed={false}
           first={true}
           height="9"
@@ -3359,568 +751,28 @@ exports[`renders <Progress /> without throwing 2`] = `
           />
         </svg>
       </span>
-      .c1 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c1::-moz-focus-inner,
-.c1[type='button']::-moz-focus-inner,
-.c1[type='reset']::-moz-focus-inner,
-.c1[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c1:-moz-focusring,
-.c1[type='button']:-moz-focusring,
-.c1[type='reset']:-moz-focusring,
-.c1[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c1:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c1[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c1 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c0:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-<button
-        className="c0 c1"
+      <button
+        className="c5 c6"
       >
         Define Services
       </button>
-      .c0 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-}
-
-<span
-        className="c0"
+      <span
+        className="c7"
       />
     </div>
   </li>
-  .c5 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c5::-moz-focus-inner,
-.c5[type='button']::-moz-focus-inner,
-.c5[type='reset']::-moz-focus-inner,
-.c5[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c5:-moz-focusring,
-.c5[type='button']:-moz-focusring,
-.c5[type='reset']:-moz-focusring,
-.c5[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c5:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c5:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c5:active,
-.c5:active:hover,
-.c5:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c5[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c5 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  float: left;
-  background-color: ;
-}
-
-.c3 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-.c2 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c4 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c4:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 8;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-right: 0.0625rem solid;
-  border-right: none;
-}
-
-.c6 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-}
-
-<li
-    className="c0"
+  <li
+    className="c1"
   >
-    .c4 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c4::-moz-focus-inner,
-.c4[type='button']::-moz-focus-inner,
-.c4[type='reset']::-moz-focus-inner,
-.c4[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c4:-moz-focusring,
-.c4[type='button']:-moz-focusring,
-.c4[type='reset']:-moz-focusring,
-.c4[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c4:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c4:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c4[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c4 + button {
-  margin-left: 1.25rem;
-}
-
-.c2 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-.c1 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c3 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c3:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:active,
-.c3:active:hover,
-.c3:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 8;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-right: 0.0625rem solid;
-  border-right: none;
-}
-
-.c5 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-}
-
-<div
-      className="c0"
+    <div
+      className="c8"
     >
-      .c1 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-.c0 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-<span
-        className="c0"
+      <span
+        className="c3"
       >
-        .c0 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-<svg
+        <svg
           active={false}
-          className="c0 "
+          className="c4 "
           completed={false}
           first={undefined}
           height="9"
@@ -3938,568 +790,28 @@ exports[`renders <Progress /> without throwing 2`] = `
           />
         </svg>
       </span>
-      .c1 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c1::-moz-focus-inner,
-.c1[type='button']::-moz-focus-inner,
-.c1[type='reset']::-moz-focus-inner,
-.c1[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c1:-moz-focusring,
-.c1[type='button']:-moz-focusring,
-.c1[type='reset']:-moz-focusring,
-.c1[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c1:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c1[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c1 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c0:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-<button
-        className="c0 c1"
+      <button
+        className="c5 c6"
       >
         Define Environment
       </button>
-      .c0 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-}
-
-<span
-        className="c0"
+      <span
+        className="c7"
       />
     </div>
   </li>
-  .c5 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c5::-moz-focus-inner,
-.c5[type='button']::-moz-focus-inner,
-.c5[type='reset']::-moz-focus-inner,
-.c5[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c5:-moz-focusring,
-.c5[type='button']:-moz-focusring,
-.c5[type='reset']:-moz-focusring,
-.c5[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c5:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c5:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c5:active,
-.c5:active:hover,
-.c5:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c5[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c5 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  float: left;
-  background-color: ;
-}
-
-.c3 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-.c2 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c4 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c4:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 7;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-right: 0.0625rem solid;
-}
-
-.c6 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  display: none;
-}
-
-<li
-    className="c0"
+  <li
+    className="c1"
   >
-    .c4 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c4::-moz-focus-inner,
-.c4[type='button']::-moz-focus-inner,
-.c4[type='reset']::-moz-focus-inner,
-.c4[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c4:-moz-focusring,
-.c4[type='button']:-moz-focusring,
-.c4[type='reset']:-moz-focusring,
-.c4[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c4:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c4:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c4[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c4 + button {
-  margin-left: 1.25rem;
-}
-
-.c2 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-.c1 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c3 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c3:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:active,
-.c3:active:hover,
-.c3:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 7;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-right: 0.0625rem solid;
-}
-
-.c5 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  display: none;
-}
-
-<div
-      className="c0"
+    <div
+      className="c9"
     >
-      .c1 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-.c0 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-<span
-        className="c0"
+      <span
+        className="c3"
       >
-        .c0 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-<svg
+        <svg
           active={false}
-          className="c0 "
+          className="c4 "
           completed={undefined}
           first={undefined}
           height="9"
@@ -4517,150 +829,13 @@ exports[`renders <Progress /> without throwing 2`] = `
           />
         </svg>
       </span>
-      .c1 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c1::-moz-focus-inner,
-.c1[type='button']::-moz-focus-inner,
-.c1[type='reset']::-moz-focus-inner,
-.c1[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c1:-moz-focusring,
-.c1[type='button']:-moz-focusring,
-.c1[type='reset']:-moz-focusring,
-.c1[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c1:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c1[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c1 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c0:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-<button
-        className="c0 c1"
+      <button
+        className="c5 c6"
       >
         Review and deploy
       </button>
-      .c0 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  display: none;
-}
-
-<span
-        className="c0"
+      <span
+        className="c10"
       />
     </div>
   </li>
@@ -4708,9 +883,7 @@ exports[`renders <Progress /> without throwing 3`] = `
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
-  color: ;
   background-image: none;
-  background-color: ;
   border-radius: 0.25rem;
   border: solid 0.0625rem;
 }
@@ -4733,12 +906,9 @@ exports[`renders <Progress /> without throwing 3`] = `
 .c6:focus {
   outline: 0;
   text-decoration: none;
-  background-color: ;
-  border-color: ;
 }
 
 .c6:hover {
-  background-color: ;
   border: solid 0.0625rem;
 }
 
@@ -4747,8 +917,6 @@ exports[`renders <Progress /> without throwing 3`] = `
 .c6:active:focus {
   background-image: none;
   outline: 0;
-  background-color: ;
-  border-color: ;
 }
 
 .c6[disabled] {
@@ -4762,14 +930,11 @@ exports[`renders <Progress /> without throwing 3`] = `
 
 .c1 {
   float: left;
-  background-color: ;
 }
 
 .c10 {
   -webkit-fill: none;
   fill: none;
-  -webkit-fill: ;
-  fill: ;
 }
 
 .c13 {
@@ -4780,8 +945,6 @@ exports[`renders <Progress /> without throwing 3`] = `
 .c4 {
   -webkit-fill: none;
   fill: none;
-  -webkit-fill: ;
-  fill: ;
 }
 
 .c9 {
@@ -4847,7 +1010,6 @@ exports[`renders <Progress /> without throwing 3`] = `
   -ms-flex-align: center;
   align-items: center;
   border: 0.0625rem solid;
-  background: ;
 }
 
 .c5 {
@@ -4985,7 +1147,6 @@ exports[`renders <Progress /> without throwing 3`] = `
   -ms-transform: rotate(-45deg);
   transform: rotate(-45deg);
   margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  border-color: ;
 }
 
 .c14 {
@@ -5024,446 +1185,18 @@ exports[`renders <Progress /> without throwing 3`] = `
 <ul
   className="c0"
 >
-  .c5 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c5::-moz-focus-inner,
-.c5[type='button']::-moz-focus-inner,
-.c5[type='reset']::-moz-focus-inner,
-.c5[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c5:-moz-focusring,
-.c5[type='button']:-moz-focusring,
-.c5[type='reset']:-moz-focusring,
-.c5[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c5:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c5:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c5:active,
-.c5:active:hover,
-.c5:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c5[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c5 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  float: left;
-  background-color: ;
-}
-
-.c3 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c2 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: 0.0625rem solid;
-  background: ;
-}
-
-.c4 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c4:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 10;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-left: 0.0625rem solid;
-  padding-left: 0.8125rem;
-  border-right: 0.0625rem solid;
-  border-right: none;
-}
-
-.c6 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  border-color: ;
-}
-
-<li
-    className="c0"
+  <li
+    className="c1"
   >
-    .c4 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c4::-moz-focus-inner,
-.c4[type='button']::-moz-focus-inner,
-.c4[type='reset']::-moz-focus-inner,
-.c4[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c4:-moz-focusring,
-.c4[type='button']:-moz-focusring,
-.c4[type='reset']:-moz-focusring,
-.c4[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c4:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c4:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c4[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c4 + button {
-  margin-left: 1.25rem;
-}
-
-.c2 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c1 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: 0.0625rem solid;
-  background: ;
-}
-
-.c3 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c3:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:active,
-.c3:active:hover,
-.c3:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 10;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-left: 0.0625rem solid;
-  padding-left: 0.8125rem;
-  border-right: 0.0625rem solid;
-  border-right: none;
-}
-
-.c5 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  border-color: ;
-}
-
-<div
-      className="c0"
+    <div
+      className="c2"
     >
-      .c1 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c0 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: 0.0625rem solid;
-  background: ;
-}
-
-<span
-        className="c0"
+      <span
+        className="c3"
       >
-        .c0 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-<svg
+        <svg
           active={false}
-          className="c0 "
+          className="c4 "
           completed={true}
           first={true}
           height="9"
@@ -5481,586 +1214,28 @@ exports[`renders <Progress /> without throwing 3`] = `
           />
         </svg>
       </span>
-      .c1 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c1::-moz-focus-inner,
-.c1[type='button']::-moz-focus-inner,
-.c1[type='reset']::-moz-focus-inner,
-.c1[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c1:-moz-focusring,
-.c1[type='button']:-moz-focusring,
-.c1[type='reset']:-moz-focusring,
-.c1[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c1:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c1[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c1 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c0:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-<button
-        className="c0 c1"
+      <button
+        className="c5 c6"
       >
         Name the group
       </button>
-      .c0 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  border-color: ;
-}
-
-<span
-        className="c0"
+      <span
+        className="c7"
       />
     </div>
   </li>
-  .c5 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c5::-moz-focus-inner,
-.c5[type='button']::-moz-focus-inner,
-.c5[type='reset']::-moz-focus-inner,
-.c5[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c5:-moz-focusring,
-.c5[type='button']:-moz-focusring,
-.c5[type='reset']:-moz-focusring,
-.c5[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c5:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c5:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c5:active,
-.c5:active:hover,
-.c5:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c5[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c5 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  float: left;
-  background-color: ;
-}
-
-.c3 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c2 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: 0.0625rem solid;
-}
-
-.c4 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c4:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 9;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-right: 0.0625rem solid;
-  border-right: none;
-}
-
-.c6 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  border-color: ;
-}
-
-<li
-    className="c0"
+  <li
+    className="c1"
   >
-    .c4 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c4::-moz-focus-inner,
-.c4[type='button']::-moz-focus-inner,
-.c4[type='reset']::-moz-focus-inner,
-.c4[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c4:-moz-focusring,
-.c4[type='button']:-moz-focusring,
-.c4[type='reset']:-moz-focusring,
-.c4[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c4:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c4:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c4[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c4 + button {
-  margin-left: 1.25rem;
-}
-
-.c2 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c1 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: 0.0625rem solid;
-}
-
-.c3 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c3:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:active,
-.c3:active:hover,
-.c3:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 9;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-right: 0.0625rem solid;
-  border-right: none;
-}
-
-.c5 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  border-color: ;
-}
-
-<div
-      className="c0"
+    <div
+      className="c8"
     >
-      .c1 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c0 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: 0.0625rem solid;
-}
-
-<span
-        className="c0"
+      <span
+        className="c9"
       >
-        .c0 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-<svg
+        <svg
           active={true}
-          className="c0 "
+          className="c10 "
           completed={false}
           first={undefined}
           height="9"
@@ -6078,569 +1253,28 @@ exports[`renders <Progress /> without throwing 3`] = `
           />
         </svg>
       </span>
-      .c1 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c1::-moz-focus-inner,
-.c1[type='button']::-moz-focus-inner,
-.c1[type='reset']::-moz-focus-inner,
-.c1[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c1:-moz-focusring,
-.c1[type='button']:-moz-focusring,
-.c1[type='reset']:-moz-focusring,
-.c1[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c1:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c1[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c1 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c0:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-<button
-        className="c0 c1"
+      <button
+        className="c5 c6"
       >
         Define Services
       </button>
-      .c0 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  border-color: ;
-}
-
-<span
-        className="c0"
+      <span
+        className="c7"
       />
     </div>
   </li>
-  .c5 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c5::-moz-focus-inner,
-.c5[type='button']::-moz-focus-inner,
-.c5[type='reset']::-moz-focus-inner,
-.c5[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c5:-moz-focusring,
-.c5[type='button']:-moz-focusring,
-.c5[type='reset']:-moz-focusring,
-.c5[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c5:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c5:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c5:active,
-.c5:active:hover,
-.c5:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c5[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c5 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  float: left;
-  background-color: ;
-}
-
-.c3 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-.c2 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c4 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c4:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 8;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-right: 0.0625rem solid;
-  border-right: none;
-}
-
-.c6 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-}
-
-<li
-    className="c0"
+  <li
+    className="c1"
   >
-    .c4 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c4::-moz-focus-inner,
-.c4[type='button']::-moz-focus-inner,
-.c4[type='reset']::-moz-focus-inner,
-.c4[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c4:-moz-focusring,
-.c4[type='button']:-moz-focusring,
-.c4[type='reset']:-moz-focusring,
-.c4[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c4:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c4:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c4[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c4 + button {
-  margin-left: 1.25rem;
-}
-
-.c2 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-.c1 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c3 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c3:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:active,
-.c3:active:hover,
-.c3:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 8;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-right: 0.0625rem solid;
-  border-right: none;
-}
-
-.c5 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-}
-
-<div
-      className="c0"
+    <div
+      className="c11"
     >
-      .c1 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-.c0 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-<span
-        className="c0"
+      <span
+        className="c12"
       >
-        .c0 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-<svg
+        <svg
           active={false}
-          className="c0 "
+          className="c13 "
           completed={false}
           first={undefined}
           height="9"
@@ -6658,568 +1292,28 @@ exports[`renders <Progress /> without throwing 3`] = `
           />
         </svg>
       </span>
-      .c1 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c1::-moz-focus-inner,
-.c1[type='button']::-moz-focus-inner,
-.c1[type='reset']::-moz-focus-inner,
-.c1[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c1:-moz-focusring,
-.c1[type='button']:-moz-focusring,
-.c1[type='reset']:-moz-focusring,
-.c1[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c1:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c1[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c1 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c0:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-<button
-        className="c0 c1"
+      <button
+        className="c5 c6"
       >
         Define Environment
       </button>
-      .c0 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-}
-
-<span
-        className="c0"
+      <span
+        className="c14"
       />
     </div>
   </li>
-  .c5 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c5::-moz-focus-inner,
-.c5[type='button']::-moz-focus-inner,
-.c5[type='reset']::-moz-focus-inner,
-.c5[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c5:-moz-focusring,
-.c5[type='button']:-moz-focusring,
-.c5[type='reset']:-moz-focusring,
-.c5[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c5:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c5:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c5:active,
-.c5:active:hover,
-.c5:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c5[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c5 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  float: left;
-  background-color: ;
-}
-
-.c3 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-.c2 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c4 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c4:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 7;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-right: 0.0625rem solid;
-}
-
-.c6 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  display: none;
-}
-
-<li
-    className="c0"
+  <li
+    className="c1"
   >
-    .c4 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c4::-moz-focus-inner,
-.c4[type='button']::-moz-focus-inner,
-.c4[type='reset']::-moz-focus-inner,
-.c4[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c4:-moz-focusring,
-.c4[type='button']:-moz-focusring,
-.c4[type='reset']:-moz-focusring,
-.c4[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c4:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c4:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c4[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c4 + button {
-  margin-left: 1.25rem;
-}
-
-.c2 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-.c1 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c3 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c3:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:active,
-.c3:active:hover,
-.c3:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 7;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-right: 0.0625rem solid;
-}
-
-.c5 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  display: none;
-}
-
-<div
-      className="c0"
+    <div
+      className="c15"
     >
-      .c1 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-.c0 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-<span
-        className="c0"
+      <span
+        className="c12"
       >
-        .c0 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-<svg
+        <svg
           active={false}
-          className="c0 "
+          className="c13 "
           completed={undefined}
           first={undefined}
           height="9"
@@ -7237,150 +1331,13 @@ exports[`renders <Progress /> without throwing 3`] = `
           />
         </svg>
       </span>
-      .c1 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c1::-moz-focus-inner,
-.c1[type='button']::-moz-focus-inner,
-.c1[type='reset']::-moz-focus-inner,
-.c1[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c1:-moz-focusring,
-.c1[type='button']:-moz-focusring,
-.c1[type='reset']:-moz-focusring,
-.c1[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c1:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c1[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c1 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c0:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-<button
-        className="c0 c1"
+      <button
+        className="c5 c6"
       >
         Review and deploy
       </button>
-      .c0 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  display: none;
-}
-
-<span
-        className="c0"
+      <span
+        className="c16"
       />
     </div>
   </li>
@@ -7428,9 +1385,7 @@ exports[`renders <Progress /> without throwing 4`] = `
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
-  color: ;
   background-image: none;
-  background-color: ;
   border-radius: 0.25rem;
   border: solid 0.0625rem;
 }
@@ -7453,12 +1408,9 @@ exports[`renders <Progress /> without throwing 4`] = `
 .c6:focus {
   outline: 0;
   text-decoration: none;
-  background-color: ;
-  border-color: ;
 }
 
 .c6:hover {
-  background-color: ;
   border: solid 0.0625rem;
 }
 
@@ -7467,8 +1419,6 @@ exports[`renders <Progress /> without throwing 4`] = `
 .c6:active:focus {
   background-image: none;
   outline: 0;
-  background-color: ;
-  border-color: ;
 }
 
 .c6[disabled] {
@@ -7482,14 +1432,11 @@ exports[`renders <Progress /> without throwing 4`] = `
 
 .c1 {
   float: left;
-  background-color: ;
 }
 
 .c11 {
   -webkit-fill: none;
   fill: none;
-  -webkit-fill: ;
-  fill: ;
 }
 
 .c14 {
@@ -7500,8 +1447,6 @@ exports[`renders <Progress /> without throwing 4`] = `
 .c4 {
   -webkit-fill: none;
   fill: none;
-  -webkit-fill: ;
-  fill: ;
 }
 
 .c10 {
@@ -7567,7 +1512,6 @@ exports[`renders <Progress /> without throwing 4`] = `
   -ms-flex-align: center;
   align-items: center;
   border: 0.0625rem solid;
-  background: ;
 }
 
 .c5 {
@@ -7707,7 +1651,6 @@ exports[`renders <Progress /> without throwing 4`] = `
   -ms-transform: rotate(-45deg);
   transform: rotate(-45deg);
   margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  border-color: ;
 }
 
 .c15 {
@@ -7733,446 +1676,18 @@ exports[`renders <Progress /> without throwing 4`] = `
 <ul
   className="c0"
 >
-  .c5 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c5::-moz-focus-inner,
-.c5[type='button']::-moz-focus-inner,
-.c5[type='reset']::-moz-focus-inner,
-.c5[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c5:-moz-focusring,
-.c5[type='button']:-moz-focusring,
-.c5[type='reset']:-moz-focusring,
-.c5[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c5:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c5:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c5:active,
-.c5:active:hover,
-.c5:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c5[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c5 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  float: left;
-  background-color: ;
-}
-
-.c3 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c2 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: 0.0625rem solid;
-  background: ;
-}
-
-.c4 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c4:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 10;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-left: 0.0625rem solid;
-  padding-left: 0.8125rem;
-  border-right: 0.0625rem solid;
-  border-right: none;
-}
-
-.c6 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  border-color: ;
-}
-
-<li
-    className="c0"
+  <li
+    className="c1"
   >
-    .c4 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c4::-moz-focus-inner,
-.c4[type='button']::-moz-focus-inner,
-.c4[type='reset']::-moz-focus-inner,
-.c4[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c4:-moz-focusring,
-.c4[type='button']:-moz-focusring,
-.c4[type='reset']:-moz-focusring,
-.c4[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c4:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c4:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c4[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c4 + button {
-  margin-left: 1.25rem;
-}
-
-.c2 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c1 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: 0.0625rem solid;
-  background: ;
-}
-
-.c3 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c3:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:active,
-.c3:active:hover,
-.c3:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 10;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-left: 0.0625rem solid;
-  padding-left: 0.8125rem;
-  border-right: 0.0625rem solid;
-  border-right: none;
-}
-
-.c5 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  border-color: ;
-}
-
-<div
-      className="c0"
+    <div
+      className="c2"
     >
-      .c1 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c0 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: 0.0625rem solid;
-  background: ;
-}
-
-<span
-        className="c0"
+      <span
+        className="c3"
       >
-        .c0 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-<svg
+        <svg
           active={false}
-          className="c0 "
+          className="c4 "
           completed={true}
           first={true}
           height="9"
@@ -8190,589 +1705,28 @@ exports[`renders <Progress /> without throwing 4`] = `
           />
         </svg>
       </span>
-      .c1 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c1::-moz-focus-inner,
-.c1[type='button']::-moz-focus-inner,
-.c1[type='reset']::-moz-focus-inner,
-.c1[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c1:-moz-focusring,
-.c1[type='button']:-moz-focusring,
-.c1[type='reset']:-moz-focusring,
-.c1[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c1:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c1[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c1 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c0:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-<button
-        className="c0 c1"
+      <button
+        className="c5 c6"
       >
         Name the group
       </button>
-      .c0 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  border-color: ;
-}
-
-<span
-        className="c0"
+      <span
+        className="c7"
       />
     </div>
   </li>
-  .c5 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c5::-moz-focus-inner,
-.c5[type='button']::-moz-focus-inner,
-.c5[type='reset']::-moz-focus-inner,
-.c5[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c5:-moz-focusring,
-.c5[type='button']:-moz-focusring,
-.c5[type='reset']:-moz-focusring,
-.c5[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c5:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c5:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c5:active,
-.c5:active:hover,
-.c5:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c5[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c5 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  float: left;
-  background-color: ;
-}
-
-.c3 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c2 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: 0.0625rem solid;
-  background: ;
-}
-
-.c4 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c4:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 9;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-right: 0.0625rem solid;
-  border-right: none;
-}
-
-.c6 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  border-color: ;
-}
-
-<li
-    className="c0"
+  <li
+    className="c1"
   >
-    .c4 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c4::-moz-focus-inner,
-.c4[type='button']::-moz-focus-inner,
-.c4[type='reset']::-moz-focus-inner,
-.c4[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c4:-moz-focusring,
-.c4[type='button']:-moz-focusring,
-.c4[type='reset']:-moz-focusring,
-.c4[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c4:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c4:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c4[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c4 + button {
-  margin-left: 1.25rem;
-}
-
-.c2 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c1 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: 0.0625rem solid;
-  background: ;
-}
-
-.c3 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c3:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:active,
-.c3:active:hover,
-.c3:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 9;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-right: 0.0625rem solid;
-  border-right: none;
-}
-
-.c5 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  border-color: ;
-}
-
-<div
-      className="c0"
+    <div
+      className="c8"
     >
-      .c1 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c0 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: 0.0625rem solid;
-  background: ;
-}
-
-<span
-        className="c0"
+      <span
+        className="c3"
       >
-        .c0 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-<svg
+        <svg
           active={false}
-          className="c0 "
+          className="c4 "
           completed={true}
           first={undefined}
           height="9"
@@ -8790,586 +1744,28 @@ exports[`renders <Progress /> without throwing 4`] = `
           />
         </svg>
       </span>
-      .c1 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c1::-moz-focus-inner,
-.c1[type='button']::-moz-focus-inner,
-.c1[type='reset']::-moz-focus-inner,
-.c1[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c1:-moz-focusring,
-.c1[type='button']:-moz-focusring,
-.c1[type='reset']:-moz-focusring,
-.c1[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c1:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c1[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c1 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c0:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-<button
-        className="c0 c1"
+      <button
+        className="c5 c6"
       >
         Define Services
       </button>
-      .c0 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  border-color: ;
-}
-
-<span
-        className="c0"
+      <span
+        className="c7"
       />
     </div>
   </li>
-  .c5 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c5::-moz-focus-inner,
-.c5[type='button']::-moz-focus-inner,
-.c5[type='reset']::-moz-focus-inner,
-.c5[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c5:-moz-focusring,
-.c5[type='button']:-moz-focusring,
-.c5[type='reset']:-moz-focusring,
-.c5[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c5:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c5:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c5:active,
-.c5:active:hover,
-.c5:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c5[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c5 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  float: left;
-  background-color: ;
-}
-
-.c3 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c2 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: 0.0625rem solid;
-}
-
-.c4 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c4:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 8;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-right: 0.0625rem solid;
-  border-right: none;
-}
-
-.c6 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  border-color: ;
-}
-
-<li
-    className="c0"
+  <li
+    className="c1"
   >
-    .c4 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c4::-moz-focus-inner,
-.c4[type='button']::-moz-focus-inner,
-.c4[type='reset']::-moz-focus-inner,
-.c4[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c4:-moz-focusring,
-.c4[type='button']:-moz-focusring,
-.c4[type='reset']:-moz-focusring,
-.c4[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c4:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c4:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c4[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c4 + button {
-  margin-left: 1.25rem;
-}
-
-.c2 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c1 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: 0.0625rem solid;
-}
-
-.c3 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c3:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:active,
-.c3:active:hover,
-.c3:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 8;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-right: 0.0625rem solid;
-  border-right: none;
-}
-
-.c5 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  border-color: ;
-}
-
-<div
-      className="c0"
+    <div
+      className="c9"
     >
-      .c1 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c0 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: 0.0625rem solid;
-}
-
-<span
-        className="c0"
+      <span
+        className="c10"
       >
-        .c0 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-<svg
+        <svg
           active={true}
-          className="c0 "
+          className="c11 "
           completed={false}
           first={undefined}
           height="9"
@@ -9387,569 +1783,28 @@ exports[`renders <Progress /> without throwing 4`] = `
           />
         </svg>
       </span>
-      .c1 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c1::-moz-focus-inner,
-.c1[type='button']::-moz-focus-inner,
-.c1[type='reset']::-moz-focus-inner,
-.c1[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c1:-moz-focusring,
-.c1[type='button']:-moz-focusring,
-.c1[type='reset']:-moz-focusring,
-.c1[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c1:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c1[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c1 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c0:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-<button
-        className="c0 c1"
+      <button
+        className="c5 c6"
       >
         Define Environment
       </button>
-      .c0 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  border-color: ;
-}
-
-<span
-        className="c0"
+      <span
+        className="c7"
       />
     </div>
   </li>
-  .c5 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c5::-moz-focus-inner,
-.c5[type='button']::-moz-focus-inner,
-.c5[type='reset']::-moz-focus-inner,
-.c5[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c5:-moz-focusring,
-.c5[type='button']:-moz-focusring,
-.c5[type='reset']:-moz-focusring,
-.c5[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c5:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c5:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c5:active,
-.c5:active:hover,
-.c5:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c5[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c5 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  float: left;
-  background-color: ;
-}
-
-.c3 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-.c2 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c4 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c4:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 7;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-right: 0.0625rem solid;
-}
-
-.c6 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  display: none;
-}
-
-<li
-    className="c0"
+  <li
+    className="c1"
   >
-    .c4 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c4::-moz-focus-inner,
-.c4[type='button']::-moz-focus-inner,
-.c4[type='reset']::-moz-focus-inner,
-.c4[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c4:-moz-focusring,
-.c4[type='button']:-moz-focusring,
-.c4[type='reset']:-moz-focusring,
-.c4[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c4:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c4:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c4[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c4 + button {
-  margin-left: 1.25rem;
-}
-
-.c2 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-.c1 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c3 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c3:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:active,
-.c3:active:hover,
-.c3:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 7;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-right: 0.0625rem solid;
-}
-
-.c5 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  display: none;
-}
-
-<div
-      className="c0"
+    <div
+      className="c12"
     >
-      .c1 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-.c0 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-<span
-        className="c0"
+      <span
+        className="c13"
       >
-        .c0 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-<svg
+        <svg
           active={false}
-          className="c0 "
+          className="c14 "
           completed={undefined}
           first={undefined}
           height="9"
@@ -9967,150 +1822,13 @@ exports[`renders <Progress /> without throwing 4`] = `
           />
         </svg>
       </span>
-      .c1 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c1::-moz-focus-inner,
-.c1[type='button']::-moz-focus-inner,
-.c1[type='reset']::-moz-focus-inner,
-.c1[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c1:-moz-focusring,
-.c1[type='button']:-moz-focusring,
-.c1[type='reset']:-moz-focusring,
-.c1[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c1:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c1[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c1 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c0:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-<button
-        className="c0 c1"
+      <button
+        className="c5 c6"
       >
         Review and deploy
       </button>
-      .c0 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  display: none;
-}
-
-<span
-        className="c0"
+      <span
+        className="c15"
       />
     </div>
   </li>
@@ -10158,9 +1876,7 @@ exports[`renders <Progress /> without throwing 5`] = `
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
-  color: ;
   background-image: none;
-  background-color: ;
   border-radius: 0.25rem;
   border: solid 0.0625rem;
 }
@@ -10183,12 +1899,9 @@ exports[`renders <Progress /> without throwing 5`] = `
 .c6:focus {
   outline: 0;
   text-decoration: none;
-  background-color: ;
-  border-color: ;
 }
 
 .c6:hover {
-  background-color: ;
   border: solid 0.0625rem;
 }
 
@@ -10197,8 +1910,6 @@ exports[`renders <Progress /> without throwing 5`] = `
 .c6:active:focus {
   background-image: none;
   outline: 0;
-  background-color: ;
-  border-color: ;
 }
 
 .c6[disabled] {
@@ -10212,21 +1923,16 @@ exports[`renders <Progress /> without throwing 5`] = `
 
 .c1 {
   float: left;
-  background-color: ;
 }
 
 .c12 {
   -webkit-fill: none;
   fill: none;
-  -webkit-fill: ;
-  fill: ;
 }
 
 .c4 {
   -webkit-fill: none;
   fill: none;
-  -webkit-fill: ;
-  fill: ;
 }
 
 .c11 {
@@ -10271,7 +1977,6 @@ exports[`renders <Progress /> without throwing 5`] = `
   -ms-flex-align: center;
   align-items: center;
   border: 0.0625rem solid;
-  background: ;
 }
 
 .c5 {
@@ -10413,7 +2118,6 @@ exports[`renders <Progress /> without throwing 5`] = `
   -ms-transform: rotate(-45deg);
   transform: rotate(-45deg);
   margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  border-color: ;
 }
 
 .c13 {
@@ -10428,7 +2132,6 @@ exports[`renders <Progress /> without throwing 5`] = `
   transform: rotate(-45deg);
   margin: 0.4rem 0.625rem 0.4rem 0.625rem;
   display: none;
-  border-color: ;
 }
 
 .c0 {
@@ -10440,446 +2143,18 @@ exports[`renders <Progress /> without throwing 5`] = `
 <ul
   className="c0"
 >
-  .c5 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c5::-moz-focus-inner,
-.c5[type='button']::-moz-focus-inner,
-.c5[type='reset']::-moz-focus-inner,
-.c5[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c5:-moz-focusring,
-.c5[type='button']:-moz-focusring,
-.c5[type='reset']:-moz-focusring,
-.c5[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c5:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c5:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c5:active,
-.c5:active:hover,
-.c5:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c5[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c5 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  float: left;
-  background-color: ;
-}
-
-.c3 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c2 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: 0.0625rem solid;
-  background: ;
-}
-
-.c4 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c4:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 10;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-left: 0.0625rem solid;
-  padding-left: 0.8125rem;
-  border-right: 0.0625rem solid;
-  border-right: none;
-}
-
-.c6 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  border-color: ;
-}
-
-<li
-    className="c0"
+  <li
+    className="c1"
   >
-    .c4 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c4::-moz-focus-inner,
-.c4[type='button']::-moz-focus-inner,
-.c4[type='reset']::-moz-focus-inner,
-.c4[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c4:-moz-focusring,
-.c4[type='button']:-moz-focusring,
-.c4[type='reset']:-moz-focusring,
-.c4[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c4:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c4:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c4[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c4 + button {
-  margin-left: 1.25rem;
-}
-
-.c2 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c1 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: 0.0625rem solid;
-  background: ;
-}
-
-.c3 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c3:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:active,
-.c3:active:hover,
-.c3:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 10;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-left: 0.0625rem solid;
-  padding-left: 0.8125rem;
-  border-right: 0.0625rem solid;
-  border-right: none;
-}
-
-.c5 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  border-color: ;
-}
-
-<div
-      className="c0"
+    <div
+      className="c2"
     >
-      .c1 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c0 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: 0.0625rem solid;
-  background: ;
-}
-
-<span
-        className="c0"
+      <span
+        className="c3"
       >
-        .c0 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-<svg
+        <svg
           active={false}
-          className="c0 "
+          className="c4 "
           completed={true}
           first={true}
           height="9"
@@ -10897,589 +2172,28 @@ exports[`renders <Progress /> without throwing 5`] = `
           />
         </svg>
       </span>
-      .c1 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c1::-moz-focus-inner,
-.c1[type='button']::-moz-focus-inner,
-.c1[type='reset']::-moz-focus-inner,
-.c1[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c1:-moz-focusring,
-.c1[type='button']:-moz-focusring,
-.c1[type='reset']:-moz-focusring,
-.c1[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c1:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c1[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c1 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c0:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-<button
-        className="c0 c1"
+      <button
+        className="c5 c6"
       >
         Name the group
       </button>
-      .c0 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  border-color: ;
-}
-
-<span
-        className="c0"
+      <span
+        className="c7"
       />
     </div>
   </li>
-  .c5 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c5::-moz-focus-inner,
-.c5[type='button']::-moz-focus-inner,
-.c5[type='reset']::-moz-focus-inner,
-.c5[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c5:-moz-focusring,
-.c5[type='button']:-moz-focusring,
-.c5[type='reset']:-moz-focusring,
-.c5[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c5:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c5:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c5:active,
-.c5:active:hover,
-.c5:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c5[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c5 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  float: left;
-  background-color: ;
-}
-
-.c3 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c2 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: 0.0625rem solid;
-  background: ;
-}
-
-.c4 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c4:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 9;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-right: 0.0625rem solid;
-  border-right: none;
-}
-
-.c6 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  border-color: ;
-}
-
-<li
-    className="c0"
+  <li
+    className="c1"
   >
-    .c4 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c4::-moz-focus-inner,
-.c4[type='button']::-moz-focus-inner,
-.c4[type='reset']::-moz-focus-inner,
-.c4[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c4:-moz-focusring,
-.c4[type='button']:-moz-focusring,
-.c4[type='reset']:-moz-focusring,
-.c4[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c4:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c4:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c4[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c4 + button {
-  margin-left: 1.25rem;
-}
-
-.c2 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c1 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: 0.0625rem solid;
-  background: ;
-}
-
-.c3 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c3:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:active,
-.c3:active:hover,
-.c3:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 9;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-right: 0.0625rem solid;
-  border-right: none;
-}
-
-.c5 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  border-color: ;
-}
-
-<div
-      className="c0"
+    <div
+      className="c8"
     >
-      .c1 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c0 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: 0.0625rem solid;
-  background: ;
-}
-
-<span
-        className="c0"
+      <span
+        className="c3"
       >
-        .c0 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-<svg
+        <svg
           active={false}
-          className="c0 "
+          className="c4 "
           completed={true}
           first={undefined}
           height="9"
@@ -11497,589 +2211,28 @@ exports[`renders <Progress /> without throwing 5`] = `
           />
         </svg>
       </span>
-      .c1 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c1::-moz-focus-inner,
-.c1[type='button']::-moz-focus-inner,
-.c1[type='reset']::-moz-focus-inner,
-.c1[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c1:-moz-focusring,
-.c1[type='button']:-moz-focusring,
-.c1[type='reset']:-moz-focusring,
-.c1[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c1:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c1[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c1 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c0:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-<button
-        className="c0 c1"
+      <button
+        className="c5 c6"
       >
         Define Services
       </button>
-      .c0 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  border-color: ;
-}
-
-<span
-        className="c0"
+      <span
+        className="c7"
       />
     </div>
   </li>
-  .c5 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c5::-moz-focus-inner,
-.c5[type='button']::-moz-focus-inner,
-.c5[type='reset']::-moz-focus-inner,
-.c5[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c5:-moz-focusring,
-.c5[type='button']:-moz-focusring,
-.c5[type='reset']:-moz-focusring,
-.c5[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c5:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c5:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c5:active,
-.c5:active:hover,
-.c5:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c5[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c5 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  float: left;
-  background-color: ;
-}
-
-.c3 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c2 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: 0.0625rem solid;
-  background: ;
-}
-
-.c4 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c4:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 8;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-right: 0.0625rem solid;
-  border-right: none;
-}
-
-.c6 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  border-color: ;
-}
-
-<li
-    className="c0"
+  <li
+    className="c1"
   >
-    .c4 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c4::-moz-focus-inner,
-.c4[type='button']::-moz-focus-inner,
-.c4[type='reset']::-moz-focus-inner,
-.c4[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c4:-moz-focusring,
-.c4[type='button']:-moz-focusring,
-.c4[type='reset']:-moz-focusring,
-.c4[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c4:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c4:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c4[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c4 + button {
-  margin-left: 1.25rem;
-}
-
-.c2 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c1 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: 0.0625rem solid;
-  background: ;
-}
-
-.c3 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c3:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:active,
-.c3:active:hover,
-.c3:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 8;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-right: 0.0625rem solid;
-  border-right: none;
-}
-
-.c5 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  border-color: ;
-}
-
-<div
-      className="c0"
+    <div
+      className="c9"
     >
-      .c1 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c0 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: 0.0625rem solid;
-  background: ;
-}
-
-<span
-        className="c0"
+      <span
+        className="c3"
       >
-        .c0 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-<svg
+        <svg
           active={false}
-          className="c0 "
+          className="c4 "
           completed={true}
           first={undefined}
           height="9"
@@ -12097,586 +2250,28 @@ exports[`renders <Progress /> without throwing 5`] = `
           />
         </svg>
       </span>
-      .c1 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c1::-moz-focus-inner,
-.c1[type='button']::-moz-focus-inner,
-.c1[type='reset']::-moz-focus-inner,
-.c1[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c1:-moz-focusring,
-.c1[type='button']:-moz-focusring,
-.c1[type='reset']:-moz-focusring,
-.c1[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c1:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c1[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c1 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c0:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-<button
-        className="c0 c1"
+      <button
+        className="c5 c6"
       >
         Define Environment
       </button>
-      .c0 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  border-color: ;
-}
-
-<span
-        className="c0"
+      <span
+        className="c7"
       />
     </div>
   </li>
-  .c5 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c5::-moz-focus-inner,
-.c5[type='button']::-moz-focus-inner,
-.c5[type='reset']::-moz-focus-inner,
-.c5[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c5:-moz-focusring,
-.c5[type='button']:-moz-focusring,
-.c5[type='reset']:-moz-focusring,
-.c5[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c5:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c5:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c5:active,
-.c5:active:hover,
-.c5:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c5[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c5 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  float: left;
-  background-color: ;
-}
-
-.c3 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c2 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: 0.0625rem solid;
-}
-
-.c4 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c4:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 7;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-right: 0.0625rem solid;
-}
-
-.c6 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  display: none;
-  border-color: ;
-}
-
-<li
-    className="c0"
+  <li
+    className="c1"
   >
-    .c4 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c4::-moz-focus-inner,
-.c4[type='button']::-moz-focus-inner,
-.c4[type='reset']::-moz-focus-inner,
-.c4[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c4:-moz-focusring,
-.c4[type='button']:-moz-focusring,
-.c4[type='reset']:-moz-focusring,
-.c4[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c4:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c4:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c4[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c4 + button {
-  margin-left: 1.25rem;
-}
-
-.c2 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c1 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: 0.0625rem solid;
-}
-
-.c3 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c3:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:active,
-.c3:active:hover,
-.c3:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 7;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-right: 0.0625rem solid;
-}
-
-.c5 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  display: none;
-  border-color: ;
-}
-
-<div
-      className="c0"
+    <div
+      className="c10"
     >
-      .c1 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c0 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: 0.0625rem solid;
-}
-
-<span
-        className="c0"
+      <span
+        className="c11"
       >
-        .c0 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-<svg
+        <svg
           active={true}
-          className="c0 "
+          className="c12 "
           completed={undefined}
           first={undefined}
           height="9"
@@ -12694,151 +2289,13 @@ exports[`renders <Progress /> without throwing 5`] = `
           />
         </svg>
       </span>
-      .c1 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c1::-moz-focus-inner,
-.c1[type='button']::-moz-focus-inner,
-.c1[type='reset']::-moz-focus-inner,
-.c1[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c1:-moz-focusring,
-.c1[type='button']:-moz-focusring,
-.c1[type='reset']:-moz-focusring,
-.c1[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c1:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c1[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c1 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c0:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-<button
-        className="c0 c1"
+      <button
+        className="c5 c6"
       >
         Review and deploy
       </button>
-      .c0 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  display: none;
-  border-color: ;
-}
-
-<span
-        className="c0"
+      <span
+        className="c13"
       />
     </div>
   </li>
@@ -12886,9 +2343,7 @@ exports[`renders <Progress /> without throwing 6`] = `
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
-  color: ;
   background-image: none;
-  background-color: ;
   border-radius: 0.25rem;
   border: solid 0.0625rem;
 }
@@ -12911,12 +2366,9 @@ exports[`renders <Progress /> without throwing 6`] = `
 .c6:focus {
   outline: 0;
   text-decoration: none;
-  background-color: ;
-  border-color: ;
 }
 
 .c6:hover {
-  background-color: ;
   border: solid 0.0625rem;
 }
 
@@ -12925,8 +2377,6 @@ exports[`renders <Progress /> without throwing 6`] = `
 .c6:active:focus {
   background-image: none;
   outline: 0;
-  background-color: ;
-  border-color: ;
 }
 
 .c6[disabled] {
@@ -12940,7 +2390,6 @@ exports[`renders <Progress /> without throwing 6`] = `
 
 .c1 {
   float: left;
-  background-color: ;
 }
 
 .c4 {
@@ -13102,424 +2551,18 @@ exports[`renders <Progress /> without throwing 6`] = `
 <ul
   className="c0"
 >
-  .c5 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c5::-moz-focus-inner,
-.c5[type='button']::-moz-focus-inner,
-.c5[type='reset']::-moz-focus-inner,
-.c5[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c5:-moz-focusring,
-.c5[type='button']:-moz-focusring,
-.c5[type='reset']:-moz-focusring,
-.c5[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c5:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c5:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c5:active,
-.c5:active:hover,
-.c5:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c5[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c5 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  float: left;
-  background-color: ;
-}
-
-.c3 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-.c2 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c4 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c4:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 9;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-left: 0.0625rem solid;
-  padding-left: 0.8125rem;
-  border-right: none;
-}
-
-.c6 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-}
-
-<li
-    className="c0"
+  <li
+    className="c1"
   >
-    .c4 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c4::-moz-focus-inner,
-.c4[type='button']::-moz-focus-inner,
-.c4[type='reset']::-moz-focus-inner,
-.c4[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c4:-moz-focusring,
-.c4[type='button']:-moz-focusring,
-.c4[type='reset']:-moz-focusring,
-.c4[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c4:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c4:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c4[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c4 + button {
-  margin-left: 1.25rem;
-}
-
-.c2 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-.c1 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c3 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c3:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:active,
-.c3:active:hover,
-.c3:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 9;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-left: 0.0625rem solid;
-  padding-left: 0.8125rem;
-  border-right: none;
-}
-
-.c5 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-}
-
-<div
-      className="c0"
+    <div
+      className="c2"
     >
-      .c1 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-.c0 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-<span
-        className="c0"
+      <span
+        className="c3"
       >
-        .c0 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-<svg
+        <svg
           active={false}
-          className="c0 "
+          className="c4 "
           completed={false}
           first={true}
           height="9"
@@ -13537,568 +2580,28 @@ exports[`renders <Progress /> without throwing 6`] = `
           />
         </svg>
       </span>
-      .c1 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c1::-moz-focus-inner,
-.c1[type='button']::-moz-focus-inner,
-.c1[type='reset']::-moz-focus-inner,
-.c1[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c1:-moz-focusring,
-.c1[type='button']:-moz-focusring,
-.c1[type='reset']:-moz-focusring,
-.c1[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c1:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c1[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c1 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c0:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-<button
-        className="c0 c1"
+      <button
+        className="c5 c6"
       >
         Define Services
       </button>
-      .c0 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-}
-
-<span
-        className="c0"
+      <span
+        className="c7"
       />
     </div>
   </li>
-  .c5 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c5::-moz-focus-inner,
-.c5[type='button']::-moz-focus-inner,
-.c5[type='reset']::-moz-focus-inner,
-.c5[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c5:-moz-focusring,
-.c5[type='button']:-moz-focusring,
-.c5[type='reset']:-moz-focusring,
-.c5[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c5:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c5:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c5:active,
-.c5:active:hover,
-.c5:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c5[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c5 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  float: left;
-  background-color: ;
-}
-
-.c3 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-.c2 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c4 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c4:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 8;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-right: 0.0625rem solid;
-  border-right: none;
-}
-
-.c6 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-}
-
-<li
-    className="c0"
+  <li
+    className="c1"
   >
-    .c4 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c4::-moz-focus-inner,
-.c4[type='button']::-moz-focus-inner,
-.c4[type='reset']::-moz-focus-inner,
-.c4[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c4:-moz-focusring,
-.c4[type='button']:-moz-focusring,
-.c4[type='reset']:-moz-focusring,
-.c4[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c4:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c4:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c4[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c4 + button {
-  margin-left: 1.25rem;
-}
-
-.c2 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-.c1 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c3 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c3:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:active,
-.c3:active:hover,
-.c3:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 8;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-right: 0.0625rem solid;
-  border-right: none;
-}
-
-.c5 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-}
-
-<div
-      className="c0"
+    <div
+      className="c8"
     >
-      .c1 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-.c0 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-<span
-        className="c0"
+      <span
+        className="c3"
       >
-        .c0 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-<svg
+        <svg
           active={false}
-          className="c0 "
+          className="c4 "
           completed={false}
           first={undefined}
           height="9"
@@ -14116,568 +2619,28 @@ exports[`renders <Progress /> without throwing 6`] = `
           />
         </svg>
       </span>
-      .c1 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c1::-moz-focus-inner,
-.c1[type='button']::-moz-focus-inner,
-.c1[type='reset']::-moz-focus-inner,
-.c1[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c1:-moz-focusring,
-.c1[type='button']:-moz-focusring,
-.c1[type='reset']:-moz-focusring,
-.c1[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c1:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c1[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c1 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c0:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-<button
-        className="c0 c1"
+      <button
+        className="c5 c6"
       >
         Define Environment
       </button>
-      .c0 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-}
-
-<span
-        className="c0"
+      <span
+        className="c7"
       />
     </div>
   </li>
-  .c5 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c5::-moz-focus-inner,
-.c5[type='button']::-moz-focus-inner,
-.c5[type='reset']::-moz-focus-inner,
-.c5[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c5:-moz-focusring,
-.c5[type='button']:-moz-focusring,
-.c5[type='reset']:-moz-focusring,
-.c5[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c5:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c5:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c5:active,
-.c5:active:hover,
-.c5:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c5[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c5 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  float: left;
-  background-color: ;
-}
-
-.c3 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-.c2 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c4 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c4:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 7;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-right: 0.0625rem solid;
-}
-
-.c6 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  display: none;
-}
-
-<li
-    className="c0"
+  <li
+    className="c1"
   >
-    .c4 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c4::-moz-focus-inner,
-.c4[type='button']::-moz-focus-inner,
-.c4[type='reset']::-moz-focus-inner,
-.c4[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c4:-moz-focusring,
-.c4[type='button']:-moz-focusring,
-.c4[type='reset']:-moz-focusring,
-.c4[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c4:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c4:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c4[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c4 + button {
-  margin-left: 1.25rem;
-}
-
-.c2 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-.c1 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c3 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c3:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:active,
-.c3:active:hover,
-.c3:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 7;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-right: 0.0625rem solid;
-}
-
-.c5 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  display: none;
-}
-
-<div
-      className="c0"
+    <div
+      className="c9"
     >
-      .c1 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-.c0 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-<span
-        className="c0"
+      <span
+        className="c3"
       >
-        .c0 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-<svg
+        <svg
           active={false}
-          className="c0 "
+          className="c4 "
           completed={undefined}
           first={undefined}
           height="9"
@@ -14695,150 +2658,13 @@ exports[`renders <Progress /> without throwing 6`] = `
           />
         </svg>
       </span>
-      .c1 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c1::-moz-focus-inner,
-.c1[type='button']::-moz-focus-inner,
-.c1[type='reset']::-moz-focus-inner,
-.c1[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c1:-moz-focusring,
-.c1[type='button']:-moz-focusring,
-.c1[type='reset']:-moz-focusring,
-.c1[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c1:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c1[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c1 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c0:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-<button
-        className="c0 c1"
+      <button
+        className="c5 c6"
       >
         Review and deploy
       </button>
-      .c0 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  display: none;
-}
-
-<span
-        className="c0"
+      <span
+        className="c10"
       />
     </div>
   </li>
@@ -14886,9 +2712,7 @@ exports[`renders <Progress /> without throwing 7`] = `
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
-  color: ;
   background-image: none;
-  background-color: ;
   border-radius: 0.25rem;
   border: solid 0.0625rem;
 }
@@ -14911,12 +2735,9 @@ exports[`renders <Progress /> without throwing 7`] = `
 .c6:focus {
   outline: 0;
   text-decoration: none;
-  background-color: ;
-  border-color: ;
 }
 
 .c6:hover {
-  background-color: ;
   border: solid 0.0625rem;
 }
 
@@ -14925,8 +2746,6 @@ exports[`renders <Progress /> without throwing 7`] = `
 .c6:active:focus {
   background-image: none;
   outline: 0;
-  background-color: ;
-  border-color: ;
 }
 
 .c6[disabled] {
@@ -14940,14 +2759,11 @@ exports[`renders <Progress /> without throwing 7`] = `
 
 .c1 {
   float: left;
-  background-color: ;
 }
 
 .c10 {
   -webkit-fill: none;
   fill: none;
-  -webkit-fill: ;
-  fill: ;
 }
 
 .c13 {
@@ -14958,8 +2774,6 @@ exports[`renders <Progress /> without throwing 7`] = `
 .c4 {
   -webkit-fill: none;
   fill: none;
-  -webkit-fill: ;
-  fill: ;
 }
 
 .c9 {
@@ -15025,7 +2839,6 @@ exports[`renders <Progress /> without throwing 7`] = `
   -ms-flex-align: center;
   align-items: center;
   border: 0.0625rem solid;
-  background: ;
 }
 
 .c5 {
@@ -15141,7 +2954,6 @@ exports[`renders <Progress /> without throwing 7`] = `
   -ms-transform: rotate(-45deg);
   transform: rotate(-45deg);
   margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  border-color: ;
 }
 
 .c14 {
@@ -15167,446 +2979,18 @@ exports[`renders <Progress /> without throwing 7`] = `
 <ul
   className="c0"
 >
-  .c5 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c5::-moz-focus-inner,
-.c5[type='button']::-moz-focus-inner,
-.c5[type='reset']::-moz-focus-inner,
-.c5[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c5:-moz-focusring,
-.c5[type='button']:-moz-focusring,
-.c5[type='reset']:-moz-focusring,
-.c5[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c5:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c5:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c5:active,
-.c5:active:hover,
-.c5:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c5[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c5 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  float: left;
-  background-color: ;
-}
-
-.c3 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c2 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: 0.0625rem solid;
-  background: ;
-}
-
-.c4 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c4:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 9;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-left: 0.0625rem solid;
-  padding-left: 0.8125rem;
-  border-right: 0.0625rem solid;
-  border-right: none;
-}
-
-.c6 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  border-color: ;
-}
-
-<li
-    className="c0"
+  <li
+    className="c1"
   >
-    .c4 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c4::-moz-focus-inner,
-.c4[type='button']::-moz-focus-inner,
-.c4[type='reset']::-moz-focus-inner,
-.c4[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c4:-moz-focusring,
-.c4[type='button']:-moz-focusring,
-.c4[type='reset']:-moz-focusring,
-.c4[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c4:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c4:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c4[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c4 + button {
-  margin-left: 1.25rem;
-}
-
-.c2 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c1 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: 0.0625rem solid;
-  background: ;
-}
-
-.c3 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c3:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:active,
-.c3:active:hover,
-.c3:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 9;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-left: 0.0625rem solid;
-  padding-left: 0.8125rem;
-  border-right: 0.0625rem solid;
-  border-right: none;
-}
-
-.c5 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  border-color: ;
-}
-
-<div
-      className="c0"
+    <div
+      className="c2"
     >
-      .c1 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c0 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: 0.0625rem solid;
-  background: ;
-}
-
-<span
-        className="c0"
+      <span
+        className="c3"
       >
-        .c0 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-<svg
+        <svg
           active={false}
-          className="c0 "
+          className="c4 "
           completed={true}
           first={true}
           height="9"
@@ -15624,586 +3008,28 @@ exports[`renders <Progress /> without throwing 7`] = `
           />
         </svg>
       </span>
-      .c1 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c1::-moz-focus-inner,
-.c1[type='button']::-moz-focus-inner,
-.c1[type='reset']::-moz-focus-inner,
-.c1[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c1:-moz-focusring,
-.c1[type='button']:-moz-focusring,
-.c1[type='reset']:-moz-focusring,
-.c1[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c1:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c1[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c1 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c0:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-<button
-        className="c0 c1"
+      <button
+        className="c5 c6"
       >
         Define Services
       </button>
-      .c0 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  border-color: ;
-}
-
-<span
-        className="c0"
+      <span
+        className="c7"
       />
     </div>
   </li>
-  .c5 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c5::-moz-focus-inner,
-.c5[type='button']::-moz-focus-inner,
-.c5[type='reset']::-moz-focus-inner,
-.c5[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c5:-moz-focusring,
-.c5[type='button']:-moz-focusring,
-.c5[type='reset']:-moz-focusring,
-.c5[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c5:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c5:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c5:active,
-.c5:active:hover,
-.c5:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c5[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c5 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  float: left;
-  background-color: ;
-}
-
-.c3 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c2 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: 0.0625rem solid;
-}
-
-.c4 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c4:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 8;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-right: 0.0625rem solid;
-  border-right: none;
-}
-
-.c6 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  border-color: ;
-}
-
-<li
-    className="c0"
+  <li
+    className="c1"
   >
-    .c4 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c4::-moz-focus-inner,
-.c4[type='button']::-moz-focus-inner,
-.c4[type='reset']::-moz-focus-inner,
-.c4[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c4:-moz-focusring,
-.c4[type='button']:-moz-focusring,
-.c4[type='reset']:-moz-focusring,
-.c4[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c4:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c4:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c4[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c4 + button {
-  margin-left: 1.25rem;
-}
-
-.c2 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c1 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: 0.0625rem solid;
-}
-
-.c3 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c3:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:active,
-.c3:active:hover,
-.c3:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 8;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-right: 0.0625rem solid;
-  border-right: none;
-}
-
-.c5 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  border-color: ;
-}
-
-<div
-      className="c0"
+    <div
+      className="c8"
     >
-      .c1 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c0 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: 0.0625rem solid;
-}
-
-<span
-        className="c0"
+      <span
+        className="c9"
       >
-        .c0 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-<svg
+        <svg
           active={true}
-          className="c0 "
+          className="c10 "
           completed={false}
           first={undefined}
           height="9"
@@ -16221,569 +3047,28 @@ exports[`renders <Progress /> without throwing 7`] = `
           />
         </svg>
       </span>
-      .c1 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c1::-moz-focus-inner,
-.c1[type='button']::-moz-focus-inner,
-.c1[type='reset']::-moz-focus-inner,
-.c1[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c1:-moz-focusring,
-.c1[type='button']:-moz-focusring,
-.c1[type='reset']:-moz-focusring,
-.c1[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c1:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c1[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c1 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c0:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-<button
-        className="c0 c1"
+      <button
+        className="c5 c6"
       >
         Define Environment
       </button>
-      .c0 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  border-color: ;
-}
-
-<span
-        className="c0"
+      <span
+        className="c7"
       />
     </div>
   </li>
-  .c5 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c5::-moz-focus-inner,
-.c5[type='button']::-moz-focus-inner,
-.c5[type='reset']::-moz-focus-inner,
-.c5[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c5:-moz-focusring,
-.c5[type='button']:-moz-focusring,
-.c5[type='reset']:-moz-focusring,
-.c5[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c5:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c5:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c5:active,
-.c5:active:hover,
-.c5:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c5[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c5 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  float: left;
-  background-color: ;
-}
-
-.c3 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-.c2 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c4 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c4:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 7;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-right: 0.0625rem solid;
-}
-
-.c6 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  display: none;
-}
-
-<li
-    className="c0"
+  <li
+    className="c1"
   >
-    .c4 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c4::-moz-focus-inner,
-.c4[type='button']::-moz-focus-inner,
-.c4[type='reset']::-moz-focus-inner,
-.c4[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c4:-moz-focusring,
-.c4[type='button']:-moz-focusring,
-.c4[type='reset']:-moz-focusring,
-.c4[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c4:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c4:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c4[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c4 + button {
-  margin-left: 1.25rem;
-}
-
-.c2 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-.c1 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c3 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c3:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:active,
-.c3:active:hover,
-.c3:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 7;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-right: 0.0625rem solid;
-}
-
-.c5 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  display: none;
-}
-
-<div
-      className="c0"
+    <div
+      className="c11"
     >
-      .c1 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-.c0 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-<span
-        className="c0"
+      <span
+        className="c12"
       >
-        .c0 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-<svg
+        <svg
           active={false}
-          className="c0 "
+          className="c13 "
           completed={undefined}
           first={undefined}
           height="9"
@@ -16801,150 +3086,13 @@ exports[`renders <Progress /> without throwing 7`] = `
           />
         </svg>
       </span>
-      .c1 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c1::-moz-focus-inner,
-.c1[type='button']::-moz-focus-inner,
-.c1[type='reset']::-moz-focus-inner,
-.c1[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c1:-moz-focusring,
-.c1[type='button']:-moz-focusring,
-.c1[type='reset']:-moz-focusring,
-.c1[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c1:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c1[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c1 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c0:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-<button
-        className="c0 c1"
+      <button
+        className="c5 c6"
       >
         Review and deploy
       </button>
-      .c0 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  display: none;
-}
-
-<span
-        className="c0"
+      <span
+        className="c14"
       />
     </div>
   </li>
@@ -16992,9 +3140,7 @@ exports[`renders <Progress /> without throwing 8`] = `
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
-  color: ;
   background-image: none;
-  background-color: ;
   border-radius: 0.25rem;
   border: solid 0.0625rem;
 }
@@ -17017,12 +3163,9 @@ exports[`renders <Progress /> without throwing 8`] = `
 .c6:focus {
   outline: 0;
   text-decoration: none;
-  background-color: ;
-  border-color: ;
 }
 
 .c6:hover {
-  background-color: ;
   border: solid 0.0625rem;
 }
 
@@ -17031,8 +3174,6 @@ exports[`renders <Progress /> without throwing 8`] = `
 .c6:active:focus {
   background-image: none;
   outline: 0;
-  background-color: ;
-  border-color: ;
 }
 
 .c6[disabled] {
@@ -17046,21 +3187,16 @@ exports[`renders <Progress /> without throwing 8`] = `
 
 .c1 {
   float: left;
-  background-color: ;
 }
 
 .c11 {
   -webkit-fill: none;
   fill: none;
-  -webkit-fill: ;
-  fill: ;
 }
 
 .c4 {
   -webkit-fill: none;
   fill: none;
-  -webkit-fill: ;
-  fill: ;
 }
 
 .c10 {
@@ -17105,7 +3241,6 @@ exports[`renders <Progress /> without throwing 8`] = `
   -ms-flex-align: center;
   align-items: center;
   border: 0.0625rem solid;
-  background: ;
 }
 
 .c5 {
@@ -17223,7 +3358,6 @@ exports[`renders <Progress /> without throwing 8`] = `
   -ms-transform: rotate(-45deg);
   transform: rotate(-45deg);
   margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  border-color: ;
 }
 
 .c12 {
@@ -17238,7 +3372,6 @@ exports[`renders <Progress /> without throwing 8`] = `
   transform: rotate(-45deg);
   margin: 0.4rem 0.625rem 0.4rem 0.625rem;
   display: none;
-  border-color: ;
 }
 
 .c0 {
@@ -17250,446 +3383,18 @@ exports[`renders <Progress /> without throwing 8`] = `
 <ul
   className="c0"
 >
-  .c5 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c5::-moz-focus-inner,
-.c5[type='button']::-moz-focus-inner,
-.c5[type='reset']::-moz-focus-inner,
-.c5[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c5:-moz-focusring,
-.c5[type='button']:-moz-focusring,
-.c5[type='reset']:-moz-focusring,
-.c5[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c5:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c5:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c5:active,
-.c5:active:hover,
-.c5:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c5[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c5 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  float: left;
-  background-color: ;
-}
-
-.c3 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c2 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: 0.0625rem solid;
-  background: ;
-}
-
-.c4 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c4:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 9;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-left: 0.0625rem solid;
-  padding-left: 0.8125rem;
-  border-right: 0.0625rem solid;
-  border-right: none;
-}
-
-.c6 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  border-color: ;
-}
-
-<li
-    className="c0"
+  <li
+    className="c1"
   >
-    .c4 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c4::-moz-focus-inner,
-.c4[type='button']::-moz-focus-inner,
-.c4[type='reset']::-moz-focus-inner,
-.c4[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c4:-moz-focusring,
-.c4[type='button']:-moz-focusring,
-.c4[type='reset']:-moz-focusring,
-.c4[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c4:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c4:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c4[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c4 + button {
-  margin-left: 1.25rem;
-}
-
-.c2 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c1 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: 0.0625rem solid;
-  background: ;
-}
-
-.c3 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c3:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:active,
-.c3:active:hover,
-.c3:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 9;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-left: 0.0625rem solid;
-  padding-left: 0.8125rem;
-  border-right: 0.0625rem solid;
-  border-right: none;
-}
-
-.c5 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  border-color: ;
-}
-
-<div
-      className="c0"
+    <div
+      className="c2"
     >
-      .c1 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c0 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: 0.0625rem solid;
-  background: ;
-}
-
-<span
-        className="c0"
+      <span
+        className="c3"
       >
-        .c0 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-<svg
+        <svg
           active={false}
-          className="c0 "
+          className="c4 "
           completed={true}
           first={true}
           height="9"
@@ -17707,589 +3412,28 @@ exports[`renders <Progress /> without throwing 8`] = `
           />
         </svg>
       </span>
-      .c1 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c1::-moz-focus-inner,
-.c1[type='button']::-moz-focus-inner,
-.c1[type='reset']::-moz-focus-inner,
-.c1[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c1:-moz-focusring,
-.c1[type='button']:-moz-focusring,
-.c1[type='reset']:-moz-focusring,
-.c1[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c1:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c1[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c1 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c0:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-<button
-        className="c0 c1"
+      <button
+        className="c5 c6"
       >
         Define Services
       </button>
-      .c0 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  border-color: ;
-}
-
-<span
-        className="c0"
+      <span
+        className="c7"
       />
     </div>
   </li>
-  .c5 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c5::-moz-focus-inner,
-.c5[type='button']::-moz-focus-inner,
-.c5[type='reset']::-moz-focus-inner,
-.c5[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c5:-moz-focusring,
-.c5[type='button']:-moz-focusring,
-.c5[type='reset']:-moz-focusring,
-.c5[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c5:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c5:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c5:active,
-.c5:active:hover,
-.c5:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c5[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c5 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  float: left;
-  background-color: ;
-}
-
-.c3 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c2 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: 0.0625rem solid;
-  background: ;
-}
-
-.c4 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c4:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 8;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-right: 0.0625rem solid;
-  border-right: none;
-}
-
-.c6 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  border-color: ;
-}
-
-<li
-    className="c0"
+  <li
+    className="c1"
   >
-    .c4 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c4::-moz-focus-inner,
-.c4[type='button']::-moz-focus-inner,
-.c4[type='reset']::-moz-focus-inner,
-.c4[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c4:-moz-focusring,
-.c4[type='button']:-moz-focusring,
-.c4[type='reset']:-moz-focusring,
-.c4[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c4:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c4:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c4[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c4 + button {
-  margin-left: 1.25rem;
-}
-
-.c2 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c1 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: 0.0625rem solid;
-  background: ;
-}
-
-.c3 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c3:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:active,
-.c3:active:hover,
-.c3:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 8;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-right: 0.0625rem solid;
-  border-right: none;
-}
-
-.c5 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  border-color: ;
-}
-
-<div
-      className="c0"
+    <div
+      className="c8"
     >
-      .c1 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c0 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: 0.0625rem solid;
-  background: ;
-}
-
-<span
-        className="c0"
+      <span
+        className="c3"
       >
-        .c0 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-<svg
+        <svg
           active={false}
-          className="c0 "
+          className="c4 "
           completed={true}
           first={undefined}
           height="9"
@@ -18307,586 +3451,28 @@ exports[`renders <Progress /> without throwing 8`] = `
           />
         </svg>
       </span>
-      .c1 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c1::-moz-focus-inner,
-.c1[type='button']::-moz-focus-inner,
-.c1[type='reset']::-moz-focus-inner,
-.c1[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c1:-moz-focusring,
-.c1[type='button']:-moz-focusring,
-.c1[type='reset']:-moz-focusring,
-.c1[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c1:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c1[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c1 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c0:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-<button
-        className="c0 c1"
+      <button
+        className="c5 c6"
       >
         Define Environment
       </button>
-      .c0 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  border-color: ;
-}
-
-<span
-        className="c0"
+      <span
+        className="c7"
       />
     </div>
   </li>
-  .c5 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c5::-moz-focus-inner,
-.c5[type='button']::-moz-focus-inner,
-.c5[type='reset']::-moz-focus-inner,
-.c5[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c5:-moz-focusring,
-.c5[type='button']:-moz-focusring,
-.c5[type='reset']:-moz-focusring,
-.c5[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c5:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c5:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c5:active,
-.c5:active:hover,
-.c5:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c5[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c5 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  float: left;
-  background-color: ;
-}
-
-.c3 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c2 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: 0.0625rem solid;
-}
-
-.c4 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c4:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 7;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-right: 0.0625rem solid;
-}
-
-.c6 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  display: none;
-  border-color: ;
-}
-
-<li
-    className="c0"
+  <li
+    className="c1"
   >
-    .c4 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c4::-moz-focus-inner,
-.c4[type='button']::-moz-focus-inner,
-.c4[type='reset']::-moz-focus-inner,
-.c4[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c4:-moz-focusring,
-.c4[type='button']:-moz-focusring,
-.c4[type='reset']:-moz-focusring,
-.c4[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c4:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c4:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c4[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c4 + button {
-  margin-left: 1.25rem;
-}
-
-.c2 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c1 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: 0.0625rem solid;
-}
-
-.c3 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c3:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:active,
-.c3:active:hover,
-.c3:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 7;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-right: 0.0625rem solid;
-}
-
-.c5 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  display: none;
-  border-color: ;
-}
-
-<div
-      className="c0"
+    <div
+      className="c9"
     >
-      .c1 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c0 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: 0.0625rem solid;
-}
-
-<span
-        className="c0"
+      <span
+        className="c10"
       >
-        .c0 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-<svg
+        <svg
           active={true}
-          className="c0 "
+          className="c11 "
           completed={undefined}
           first={undefined}
           height="9"
@@ -18904,151 +3490,13 @@ exports[`renders <Progress /> without throwing 8`] = `
           />
         </svg>
       </span>
-      .c1 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c1::-moz-focus-inner,
-.c1[type='button']::-moz-focus-inner,
-.c1[type='reset']::-moz-focus-inner,
-.c1[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c1:-moz-focusring,
-.c1[type='button']:-moz-focusring,
-.c1[type='reset']:-moz-focusring,
-.c1[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c1:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c1[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c1 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c0:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-<button
-        className="c0 c1"
+      <button
+        className="c5 c6"
       >
         Review and deploy
       </button>
-      .c0 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  display: none;
-  border-color: ;
-}
-
-<span
-        className="c0"
+      <span
+        className="c12"
       />
     </div>
   </li>
diff --git a/packages/cp-frontend/test/unit/components/manifest/__snapshots__/review.js.snap b/packages/cp-frontend/test/unit/components/manifest/__snapshots__/review.js.snap
index 96133d3d..7a9582db 100644
--- a/packages/cp-frontend/test/unit/components/manifest/__snapshots__/review.js.snap
+++ b/packages/cp-frontend/test/unit/components/manifest/__snapshots__/review.js.snap
@@ -2,23 +2,11 @@
 
 exports[`renders <Review /> without throwing 1`] = `
 .c3 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
   -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
   animation: iCqDak 1.5s ease-out 0s infinite;
 }
 
 .c4 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
   -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
   animation: iCqDak 1.5s ease-out 0s infinite;
   -webkit-animation-delay: 0.5s;
@@ -26,12 +14,6 @@ exports[`renders <Review /> without throwing 1`] = `
 }
 
 .c5 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
   -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
   animation: iCqDak 1.5s ease-out 0s infinite;
   -webkit-animation-delay: 1s;
@@ -78,17 +60,9 @@ exports[`renders <Review /> without throwing 1`] = `
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
-  color: ;
   background-image: none;
-  background-color: ;
   border-radius: 0.25rem;
   border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-  color: ;
-  background-color: ;
-  border-color: ;
   box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
 }
 
@@ -110,12 +84,9 @@ exports[`renders <Review /> without throwing 1`] = `
 .c1:focus {
   outline: 0;
   text-decoration: none;
-  background-color: ;
-  border-color: ;
 }
 
 .c1:hover {
-  background-color: ;
   border: solid 0.0625rem;
 }
 
@@ -124,8 +95,6 @@ exports[`renders <Review /> without throwing 1`] = `
 .c1:active:focus {
   background-image: none;
   outline: 0;
-  background-color: ;
-  border-color: ;
 }
 
 .c1[disabled] {
@@ -133,40 +102,6 @@ exports[`renders <Review /> without throwing 1`] = `
   pointer-events: none;
 }
 
-.c1:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c1:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
 .c1 + button {
   margin-left: 1.25rem;
 }
@@ -211,14 +146,9 @@ exports[`renders <Review /> without throwing 1`] = `
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
-  color: ;
   background-image: none;
-  background-color: ;
   border-radius: 0.25rem;
   border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
   box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
 }
 
@@ -240,12 +170,9 @@ exports[`renders <Review /> without throwing 1`] = `
 .c2:focus {
   outline: 0;
   text-decoration: none;
-  background-color: ;
-  border-color: ;
 }
 
 .c2:hover {
-  background-color: ;
   border: solid 0.0625rem;
 }
 
@@ -254,8 +181,6 @@ exports[`renders <Review /> without throwing 1`] = `
 .c2:active:focus {
   background-image: none;
   outline: 0;
-  background-color: ;
-  border-color: ;
 }
 
 .c2[disabled] {
@@ -263,23 +188,6 @@ exports[`renders <Review /> without throwing 1`] = `
   pointer-events: none;
 }
 
-.c2:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c2:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c2:active,
-.c2:active:hover,
-.c2:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
 .c2 + button {
   margin-left: 1.25rem;
 }
@@ -307,702 +215,42 @@ exports[`renders <Review /> without throwing 1`] = `
 <form
   onSubmit={[Function]}
 >
-  .c3 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-}
-
-.c4 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -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;
-}
-
-.c5 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-  -webkit-animation-delay: 1s;
-  animation-delay: 1s;
-}
-
-.c1 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-  color: ;
-  background-color: ;
-  border-color: ;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-}
-
-.c1::-moz-focus-inner,
-.c1[type='button']::-moz-focus-inner,
-.c1[type='reset']::-moz-focus-inner,
-.c1[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c1:-moz-focusring,
-.c1[type='button']:-moz-focusring,
-.c1[type='reset']:-moz-focusring,
-.c1[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c1:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c1[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c1:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c1:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c1 + button {
-  margin-left: 1.25rem;
-}
-
-.c2 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-}
-
-.c2::-moz-focus-inner,
-.c2[type='button']::-moz-focus-inner,
-.c2[type='reset']::-moz-focus-inner,
-.c2[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c2:-moz-focusring,
-.c2[type='button']:-moz-focusring,
-.c2[type='reset']:-moz-focusring,
-.c2[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c2:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c2:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c2:active,
-.c2:active:hover,
-.c2:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c2[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c2:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c2:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c2:active,
-.c2:active:hover,
-.c2:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c2 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 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.5rem;
-  margin-left: -0.5rem;
-  margin: 1.8125rem 0 3.75rem 0;
-}
-
-<div
+  <div
     className="c0"
   >
-    .c0 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-  color: ;
-  background-color: ;
-  border-color: ;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-}
-
-.c0::-moz-focus-inner,
-.c0[type='button']::-moz-focus-inner,
-.c0[type='reset']::-moz-focus-inner,
-.c0[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c0:-moz-focusring,
-.c0[type='button']:-moz-focusring,
-.c0[type='reset']:-moz-focusring,
-.c0[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c0:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c0[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c0:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0 + button {
-  margin-left: 1.25rem;
-}
-
-<button
-      className="c0"
+    <button
+      className="c1"
       disabled={true}
       onClick={[Function]}
       type="button"
     >
       Cancel
     </button>
-    .c1 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-}
-
-.c2 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -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;
-}
-
-.c3 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-  -webkit-animation-delay: 1s;
-  animation-delay: 1s;
-}
-
-.c0 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-}
-
-.c0::-moz-focus-inner,
-.c0[type='button']::-moz-focus-inner,
-.c0[type='reset']::-moz-focus-inner,
-.c0[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c0:-moz-focusring,
-.c0[type='button']:-moz-focusring,
-.c0[type='reset']:-moz-focusring,
-.c0[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c0:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c0[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c0:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0 + button {
-  margin-left: 1.25rem;
-}
-
-<button
-      className="c0"
+    <button
+      className="c2"
       disabled={true}
       type="submit"
     >
-      .c0 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-}
-
-.c1 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -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;
-}
-
-.c2 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-  -webkit-animation-delay: 1s;
-  animation-delay: 1s;
-}
-
-<svg
+      <svg
         height="10"
         width="28"
       >
-        .c0 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-}
-
-<rect
-          className="c0"
+        <rect
+          className="c3"
           height="6"
           width="6"
           x="2"
           y="2"
         />
-        .c0 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -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;
-}
-
-<rect
-          className="c0"
+        <rect
+          className="c4"
           height="6"
           width="6"
           x="11"
           y="2"
         />
-        .c0 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-  -webkit-animation-delay: 1s;
-  animation-delay: 1s;
-}
-
-<rect
-          className="c0"
+        <rect
+          className="c5"
           height="6"
           width="6"
           x="20"
@@ -1055,14 +303,9 @@ exports[`renders <Review /> without throwing 2`] = `
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
-  color: ;
   background-image: none;
-  background-color: ;
   border-radius: 0.25rem;
   border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
 }
 
 .c1::-moz-focus-inner,
@@ -1083,12 +326,9 @@ exports[`renders <Review /> without throwing 2`] = `
 .c1:focus {
   outline: 0;
   text-decoration: none;
-  background-color: ;
-  border-color: ;
 }
 
 .c1:hover {
-  background-color: ;
   border: solid 0.0625rem;
 }
 
@@ -1097,8 +337,6 @@ exports[`renders <Review /> without throwing 2`] = `
 .c1:active:focus {
   background-image: none;
   outline: 0;
-  background-color: ;
-  border-color: ;
 }
 
 .c1[disabled] {
@@ -1106,23 +344,6 @@ exports[`renders <Review /> without throwing 2`] = `
   pointer-events: none;
 }
 
-.c1:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
 .c1 + button {
   margin-left: 1.25rem;
 }
@@ -1167,9 +388,7 @@ exports[`renders <Review /> without throwing 2`] = `
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
-  color: ;
   background-image: none;
-  background-color: ;
   border-radius: 0.25rem;
   border: solid 0.0625rem;
 }
@@ -1192,12 +411,9 @@ exports[`renders <Review /> without throwing 2`] = `
 .c2:focus {
   outline: 0;
   text-decoration: none;
-  background-color: ;
-  border-color: ;
 }
 
 .c2:hover {
-  background-color: ;
   border: solid 0.0625rem;
 }
 
@@ -1206,8 +422,6 @@ exports[`renders <Review /> without throwing 2`] = `
 .c2:active:focus {
   background-image: none;
   outline: 0;
-  background-color: ;
-  border-color: ;
 }
 
 .c2[disabled] {
@@ -1242,447 +456,19 @@ exports[`renders <Review /> without throwing 2`] = `
 <form
   onSubmit={[Function]}
 >
-  .c1 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c1::-moz-focus-inner,
-.c1[type='button']::-moz-focus-inner,
-.c1[type='reset']::-moz-focus-inner,
-.c1[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c1:-moz-focusring,
-.c1[type='button']:-moz-focusring,
-.c1[type='reset']:-moz-focusring,
-.c1[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c1:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c1[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c1:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c1 + button {
-  margin-left: 1.25rem;
-}
-
-.c2 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c2::-moz-focus-inner,
-.c2[type='button']::-moz-focus-inner,
-.c2[type='reset']::-moz-focus-inner,
-.c2[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c2:-moz-focusring,
-.c2[type='button']:-moz-focusring,
-.c2[type='reset']:-moz-focusring,
-.c2[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c2:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c2:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c2:active,
-.c2:active:hover,
-.c2:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c2[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c2 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 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.5rem;
-  margin-left: -0.5rem;
-  margin: 1.8125rem 0 3.75rem 0;
-}
-
-<div
+  <div
     className="c0"
   >
-    .c0 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c0::-moz-focus-inner,
-.c0[type='button']::-moz-focus-inner,
-.c0[type='reset']::-moz-focus-inner,
-.c0[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c0:-moz-focusring,
-.c0[type='button']:-moz-focusring,
-.c0[type='reset']:-moz-focusring,
-.c0[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c0:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c0[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c0:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0 + button {
-  margin-left: 1.25rem;
-}
-
-<button
-      className="c0"
+    <button
+      className="c1"
       disabled={undefined}
       onClick={[Function]}
       type="button"
     >
       Cancel
     </button>
-    .c0 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c0::-moz-focus-inner,
-.c0[type='button']::-moz-focus-inner,
-.c0[type='reset']::-moz-focus-inner,
-.c0[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c0:-moz-focusring,
-.c0[type='button']:-moz-focusring,
-.c0[type='reset']:-moz-focusring,
-.c0[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c0:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c0[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c0 + button {
-  margin-left: 1.25rem;
-}
-
-<button
-      className="c0"
+    <button
+      className="c2"
       disabled={undefined}
       type="submit"
     >
@@ -1733,14 +519,9 @@ exports[`renders <Review /> without throwing 3`] = `
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
-  color: ;
   background-image: none;
-  background-color: ;
   border-radius: 0.25rem;
   border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
 }
 
 .c1::-moz-focus-inner,
@@ -1761,12 +542,9 @@ exports[`renders <Review /> without throwing 3`] = `
 .c1:focus {
   outline: 0;
   text-decoration: none;
-  background-color: ;
-  border-color: ;
 }
 
 .c1:hover {
-  background-color: ;
   border: solid 0.0625rem;
 }
 
@@ -1775,8 +553,6 @@ exports[`renders <Review /> without throwing 3`] = `
 .c1:active:focus {
   background-image: none;
   outline: 0;
-  background-color: ;
-  border-color: ;
 }
 
 .c1[disabled] {
@@ -1784,23 +560,6 @@ exports[`renders <Review /> without throwing 3`] = `
   pointer-events: none;
 }
 
-.c1:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
 .c1 + button {
   margin-left: 1.25rem;
 }
@@ -1845,9 +604,7 @@ exports[`renders <Review /> without throwing 3`] = `
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
-  color: ;
   background-image: none;
-  background-color: ;
   border-radius: 0.25rem;
   border: solid 0.0625rem;
 }
@@ -1870,12 +627,9 @@ exports[`renders <Review /> without throwing 3`] = `
 .c2:focus {
   outline: 0;
   text-decoration: none;
-  background-color: ;
-  border-color: ;
 }
 
 .c2:hover {
-  background-color: ;
   border: solid 0.0625rem;
 }
 
@@ -1884,8 +638,6 @@ exports[`renders <Review /> without throwing 3`] = `
 .c2:active:focus {
   background-image: none;
   outline: 0;
-  background-color: ;
-  border-color: ;
 }
 
 .c2[disabled] {
@@ -1920,447 +672,19 @@ exports[`renders <Review /> without throwing 3`] = `
 <form
   onSubmit={[Function]}
 >
-  .c1 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c1::-moz-focus-inner,
-.c1[type='button']::-moz-focus-inner,
-.c1[type='reset']::-moz-focus-inner,
-.c1[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c1:-moz-focusring,
-.c1[type='button']:-moz-focusring,
-.c1[type='reset']:-moz-focusring,
-.c1[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c1:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c1[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c1:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c1 + button {
-  margin-left: 1.25rem;
-}
-
-.c2 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c2::-moz-focus-inner,
-.c2[type='button']::-moz-focus-inner,
-.c2[type='reset']::-moz-focus-inner,
-.c2[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c2:-moz-focusring,
-.c2[type='button']:-moz-focusring,
-.c2[type='reset']:-moz-focusring,
-.c2[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c2:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c2:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c2:active,
-.c2:active:hover,
-.c2:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c2[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c2 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 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.5rem;
-  margin-left: -0.5rem;
-  margin: 1.8125rem 0 3.75rem 0;
-}
-
-<div
+  <div
     className="c0"
   >
-    .c0 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c0::-moz-focus-inner,
-.c0[type='button']::-moz-focus-inner,
-.c0[type='reset']::-moz-focus-inner,
-.c0[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c0:-moz-focusring,
-.c0[type='button']:-moz-focusring,
-.c0[type='reset']:-moz-focusring,
-.c0[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c0:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c0[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c0:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0 + button {
-  margin-left: 1.25rem;
-}
-
-<button
-      className="c0"
+    <button
+      className="c1"
       disabled={undefined}
       onClick={[Function]}
       type="button"
     >
       Cancel
     </button>
-    .c0 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c0::-moz-focus-inner,
-.c0[type='button']::-moz-focus-inner,
-.c0[type='reset']::-moz-focus-inner,
-.c0[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c0:-moz-focusring,
-.c0[type='button']:-moz-focusring,
-.c0[type='reset']:-moz-focusring,
-.c0[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c0:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c0[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c0 + button {
-  margin-left: 1.25rem;
-}
-
-<button
-      className="c0"
+    <button
+      className="c2"
       disabled={undefined}
       type="submit"
     >
diff --git a/packages/cp-frontend/test/unit/components/messaging/__snapshots__/error.js.snap b/packages/cp-frontend/test/unit/components/messaging/__snapshots__/error.js.snap
index 3ffaec81..61a145c1 100644
--- a/packages/cp-frontend/test/unit/components/messaging/__snapshots__/error.js.snap
+++ b/packages/cp-frontend/test/unit/components/messaging/__snapshots__/error.js.snap
@@ -11,7 +11,6 @@ exports[`renders <Error /> without throwing 1`] = `
 .c0 {
   position: relative;
   margin-bottom: 0.75rem;
-  background-color: ;
   box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
   border: 0.0625rem solid;
 }
@@ -22,7 +21,6 @@ exports[`renders <Error /> without throwing 1`] = `
   left: 0;
   width: 2.25rem;
   height: 100%;
-  background-color: ;
 }
 
 .c2 {
@@ -36,50 +34,15 @@ exports[`renders <Error /> without throwing 1`] = `
 <div
   className="c0"
 >
-  .c0 {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 2.25rem;
-  height: 100%;
-  background-color: ;
-}
-
-<div
-    className="c0"
-    type="MESSAGE"
+  <div
+    className="c1"
+    type="ERROR"
   />
-  .c2 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-}
-
-.c0 {
-  padding: 0.75rem 0 0.84375rem 0;
-}
-
-.c1 {
-  margin: 0.09375rem 3.375rem 0 3.375rem;
-}
-
-<div
-    className="c0"
+  <div
+    className="c2"
   >
-    .c1 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-}
-
-.c0 {
-  margin: 0.09375rem 3.375rem 0 3.375rem;
-}
-
-<p
-      className="c0 c1"
+    <p
+      className="c3 c4"
     >
       Ooops, there's been an error
     </p>
diff --git a/packages/cp-frontend/test/unit/components/messaging/__snapshots__/loader.js.snap b/packages/cp-frontend/test/unit/components/messaging/__snapshots__/loader.js.snap
index 20322beb..cd8e157b 100644
--- a/packages/cp-frontend/test/unit/components/messaging/__snapshots__/loader.js.snap
+++ b/packages/cp-frontend/test/unit/components/messaging/__snapshots__/loader.js.snap
@@ -2,17 +2,11 @@
 
 exports[`renders <Loader /> without throwing 1`] = `
 .c1 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
   -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
   animation: iCqDak 1.5s ease-out 0s infinite;
 }
 
 .c2 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
   -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
   animation: iCqDak 1.5s ease-out 0s infinite;
   -webkit-animation-delay: 0.5s;
@@ -20,9 +14,6 @@ exports[`renders <Loader /> without throwing 1`] = `
 }
 
 .c3 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
   -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
   animation: iCqDak 1.5s ease-out 0s infinite;
   -webkit-animation-delay: 1s;
@@ -77,105 +68,34 @@ exports[`renders <Loader /> without throwing 1`] = `
 <div
   className="c0"
 >
-  .c0 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-}
-
-.c1 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -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;
-}
-
-.c2 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-  -webkit-animation-delay: 1s;
-  animation-delay: 1s;
-}
-
-<svg
+  <svg
     height="10"
     width="28"
   >
-    .c0 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-}
-
-<rect
-      className="c0"
+    <rect
+      className="c1"
       height="6"
       width="6"
       x="2"
       y="2"
     />
-    .c0 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -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;
-}
-
-<rect
-      className="c0"
+    <rect
+      className="c2"
       height="6"
       width="6"
       x="11"
       y="2"
     />
-    .c0 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-  -webkit-animation-delay: 1s;
-  animation-delay: 1s;
-}
-
-<rect
-      className="c0"
+    <rect
+      className="c3"
       height="6"
       width="6"
       x="20"
       y="2"
     />
   </svg>
-  .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-  text-align: center;
-  margin-bottom: 0;
-}
-
-<p
-    className="c0"
+  <p
+    className="c4"
   >
     Loading...
   </p>
diff --git a/packages/cp-frontend/test/unit/components/messaging/__snapshots__/modal-error.js.snap b/packages/cp-frontend/test/unit/components/messaging/__snapshots__/modal-error.js.snap
index 12321cfa..40f72cd5 100644
--- a/packages/cp-frontend/test/unit/components/messaging/__snapshots__/modal-error.js.snap
+++ b/packages/cp-frontend/test/unit/components/messaging/__snapshots__/modal-error.js.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`renders <ModalError /> without throwing 1`] = `
-.c5 {
+.c4 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -41,127 +41,58 @@ exports[`renders <ModalError /> without throwing 1`] = `
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
-  color: ;
   background-image: none;
-  background-color: ;
   border-radius: 0.25rem;
   border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
 }
 
-.c5::-moz-focus-inner,
-.c5[type='button']::-moz-focus-inner,
-.c5[type='reset']::-moz-focus-inner,
-.c5[type='submit']::-moz-focus-inner {
+.c4::-moz-focus-inner,
+.c4[type='button']::-moz-focus-inner,
+.c4[type='reset']::-moz-focus-inner,
+.c4[type='submit']::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.c5:-moz-focusring,
-.c5[type='button']:-moz-focusring,
-.c5[type='reset']:-moz-focusring,
-.c5[type='submit']:-moz-focusring {
+.c4:-moz-focusring,
+.c4[type='button']:-moz-focusring,
+.c4[type='reset']:-moz-focusring,
+.c4[type='submit']:-moz-focusring {
   outline: 0.0625rem dotted ButtonText;
 }
 
-.c5:focus {
+.c4:focus {
   outline: 0;
   text-decoration: none;
-  background-color: ;
-  border-color: ;
 }
 
-.c5:hover {
-  background-color: ;
+.c4:hover {
   border: solid 0.0625rem;
 }
 
-.c5:active,
-.c5:active:hover,
-.c5:active:focus {
+.c4:active,
+.c4:active:hover,
+.c4:active:focus {
   background-image: none;
   outline: 0;
-  background-color: ;
-  border-color: ;
 }
 
-.c5[disabled] {
+.c4[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c5:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c5:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c5:active,
-.c5:active:hover,
-.c5:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c5 + button {
+.c4 + button {
   margin-left: 1.25rem;
 }
 
-.c2 {
+.c1 {
   font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   font-weight: 500;
   font-size: 1.5rem;
 }
 
-.c4 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-}
-
-.c1 {
-  line-height: 1.25;
-  color: ;
-  margin: 0 0 0.75rem 0;
-}
-
 .c3 {
-  color: ;
-  margin: 0.75rem 0 1.875rem 0;
-}
-
-.c0 {
-  color: ;
-}
-
-<div>
-  .c2 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 500;
-  font-size: 1.5rem;
-}
-
-.c1 {
-  line-height: 1.25;
-  color: ;
-  margin: 0 0 0.75rem 0;
-}
-
-.c0 {
-  color: ;
-}
-
-<h2
-    className="c0 c1 c2"
-  />
-  .c1 {
   font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   font-weight: 400;
   line-height: 1.5rem;
@@ -169,129 +100,25 @@ exports[`renders <ModalError /> without throwing 1`] = `
 }
 
 .c0 {
-  color: ;
+  line-height: 1.25;
+  margin: 0 0 0.75rem 0;
+}
+
+.c2 {
   margin: 0.75rem 0 1.875rem 0;
 }
 
-<p
+<div>
+  <h2
     className="c0 c1"
+  />
+  <p
+    className="c2 c3"
   >
     Modal error message
   </p>
-  .c0 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c0::-moz-focus-inner,
-.c0[type='button']::-moz-focus-inner,
-.c0[type='reset']::-moz-focus-inner,
-.c0[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c0:-moz-focusring,
-.c0[type='button']:-moz-focusring,
-.c0[type='reset']:-moz-focusring,
-.c0[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c0:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c0[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c0:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0 + button {
-  margin-left: 1.25rem;
-}
-
-<button
-    className="c0"
+  <button
+    className="c4"
     onClick={[Function]}
   >
     Close
diff --git a/packages/cp-frontend/test/unit/components/messaging/__snapshots__/warning.js.snap b/packages/cp-frontend/test/unit/components/messaging/__snapshots__/warning.js.snap
index f23b24c3..c72df1ce 100644
--- a/packages/cp-frontend/test/unit/components/messaging/__snapshots__/warning.js.snap
+++ b/packages/cp-frontend/test/unit/components/messaging/__snapshots__/warning.js.snap
@@ -11,7 +11,6 @@ exports[`renders <Warning /> without throwing 1`] = `
 .c0 {
   position: relative;
   margin-bottom: 0.75rem;
-  background-color: ;
   box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
   border: 0.0625rem solid;
 }
@@ -22,7 +21,6 @@ exports[`renders <Warning /> without throwing 1`] = `
   left: 0;
   width: 2.25rem;
   height: 100%;
-  background-color: ;
 }
 
 .c2 {
@@ -36,50 +34,15 @@ exports[`renders <Warning /> without throwing 1`] = `
 <div
   className="c0"
 >
-  .c0 {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 2.25rem;
-  height: 100%;
-  background-color: ;
-}
-
-<div
-    className="c0"
-    type="MESSAGE"
+  <div
+    className="c1"
+    type="WARNING"
   />
-  .c2 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-}
-
-.c0 {
-  padding: 0.75rem 0 0.84375rem 0;
-}
-
-.c1 {
-  margin: 0.09375rem 3.375rem 0 3.375rem;
-}
-
-<div
-    className="c0"
+  <div
+    className="c2"
   >
-    .c1 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-}
-
-.c0 {
-  margin: 0.09375rem 3.375rem 0 3.375rem;
-}
-
-<p
-      className="c0 c1"
+    <p
+      className="c3 c4"
     >
       Warning message
     </p>
diff --git a/packages/cp-frontend/test/unit/components/navigation/__snapshots__/breadcrumb.js.snap b/packages/cp-frontend/test/unit/components/navigation/__snapshots__/breadcrumb.js.snap
index ece13c04..179959f0 100644
--- a/packages/cp-frontend/test/unit/components/navigation/__snapshots__/breadcrumb.js.snap
+++ b/packages/cp-frontend/test/unit/components/navigation/__snapshots__/breadcrumb.js.snap
@@ -69,132 +69,14 @@ exports[`renders <Breadcrumb /> without throwing 1`] = `
 <div
   className="c0"
 >
-  .c0 {
-  margin-right: auto;
-  margin-left: auto;
-}
-
-.c2 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 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.5rem;
-  margin-left: -0.5rem;
-}
-
-.c1 {
-  box-sizing: border-box;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  padding-right: 0.5rem;
-  padding-left: 0.5rem;
-}
-
-@media only screen and (min-width:48em) {
-  .c0 {
-    width: 46rem;
-  }
-}
-
-@media only screen and (min-width:64em) {
-  .c0 {
-    width: 61rem;
-  }
-}
-
-@media only screen and (min-width:75em) {
-  .c0 {
-    width: 76rem;
-  }
-}
-
-@media only screen and (min-width:0em) {
-  .c1 {
-    -webkit-flex-basis: 100%;
-    -ms-flex-basis: 100%;
-    flex-basis: 100%;
-    max-width: 100%;
-    display: block;
-  }
-}
-
-<div
-    className="c0"
+  <div
+    className="c1"
   >
-    .c1 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 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.5rem;
-  margin-left: -0.5rem;
-}
-
-.c0 {
-  box-sizing: border-box;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  padding-right: 0.5rem;
-  padding-left: 0.5rem;
-}
-
-@media only screen and (min-width:0em) {
-  .c0 {
-    -webkit-flex-basis: 100%;
-    -ms-flex-basis: 100%;
-    flex-basis: 100%;
-    max-width: 100%;
-    display: block;
-  }
-}
-
-<div
-      className="c0"
+    <div
+      className="c2"
     >
-      .c0 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 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.5rem;
-  margin-left: -0.5rem;
-}
-
-<div
-        className="c0"
+      <div
+        className="c3"
         name="breadcrum"
       />
     </div>
diff --git a/packages/cp-frontend/test/unit/components/navigation/__snapshots__/header.js.snap b/packages/cp-frontend/test/unit/components/navigation/__snapshots__/header.js.snap
index 5cd22ce0..e7edb585 100644
--- a/packages/cp-frontend/test/unit/components/navigation/__snapshots__/header.js.snap
+++ b/packages/cp-frontend/test/unit/components/navigation/__snapshots__/header.js.snap
@@ -6,7 +6,6 @@ exports[`renders <Header /> without throwing 1`] = `
   font-weight: 500;
   font-size: 1.5rem;
   text-transform: uppercase;
-  color: ;
   font-size: 1.8125rem;
   margin: 0;
 }
@@ -31,7 +30,6 @@ exports[`renders <Header /> without throwing 1`] = `
   font-size: 0.9375rem;
   font-weight: 600;
   text-align: center;
-  color: ;
   margin: 0;
 }
 
@@ -61,9 +59,9 @@ exports[`renders <Header /> without throwing 1`] = `
   -webkit-flex-wrap: nowrap;
   -ms-flex-wrap: nowrap;
   flex-wrap: nowrap;
-  -webkit-box-pack: space-between;
+  -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
-  -ms-flex-pack: space-between;
+  -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-align-content: stretch;
   -ms-flex-line-pack: stretch;
@@ -72,7 +70,6 @@ exports[`renders <Header /> without throwing 1`] = `
   -webkit-box-align: stretch;
   -ms-flex-align: stretch;
   align-items: stretch;
-  background-color: ;
   max-height: 3.3125rem;
   min-height: 3.3125rem;
   padding: 0 1.125rem;
@@ -92,130 +89,28 @@ exports[`renders <Header /> without throwing 1`] = `
 <div
   className="c0"
 >
-  .c1 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 500;
-  font-size: 1.5rem;
-  text-transform: uppercase;
-  color: ;
-  font-size: 1.8125rem;
-  margin: 0;
-}
-
-.c0 {
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-  -webkit-order: 0;
-  -ms-flex-order: 0;
-  order: 0;
-  padding: 0.9375rem 0;
-}
-
-.c2 {
-  border-style: none;
-  width: 5.4375rem;
-  height: 1.5625rem;
-}
-
-<div
-    className="c0"
+  <div
+    className="c1"
   >
-    .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 500;
-  font-size: 1.5rem;
-  text-transform: uppercase;
-  color: ;
-  font-size: 1.8125rem;
-  margin: 0;
-}
-
-.c1 {
-  border-style: none;
-  width: 5.4375rem;
-  height: 1.5625rem;
-}
-
-<h2
-      className="c0"
+    <h2
+      className="c2"
     >
-      .c0 {
-  border-style: none;
-  width: 5.4375rem;
-  height: 1.5625rem;
-}
-
-<a
+      <a
         href="/"
         onClick={[Function]}
       >
-        .c0 {
-  border-style: none;
-  width: 5.4375rem;
-  height: 1.5625rem;
-}
-
-<img
-          className="c0"
+        <img
+          className="c3"
           src="test-file-mock"
         />
       </a>
     </h2>
   </div>
-  .c1 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-  font-weight: 600;
-  text-align: center;
-  color: ;
-  margin: 0;
-}
-
-.c0 {
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 1 auto;
-  -webkit-align-self: auto;
-  -ms-flex-item-align: auto;
-  align-self: auto;
-  -webkit-order: 0;
-  -ms-flex-order: 0;
-  order: 0;
-  padding: 0.9375rem 0;
-  width: 6.25rem;
-  max-width: 6.25rem;
-}
-
-.c2 {
-  padding-left: 5px;
-}
-
-<div
-    className="c0"
+  <div
+    className="c4"
   >
-    .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-  font-weight: 600;
-  text-align: center;
-  color: ;
-  margin: 0;
-}
-
-.c1 {
-  padding-left: 5px;
-}
-
-<p
-      className="c0"
+    <p
+      className="c5"
     >
       <svg
         className=""
@@ -252,65 +147,16 @@ exports[`renders <Header /> without throwing 1`] = `
           transform="translate(-1174 -21)"
         />
       </svg>
-      .c0 {
-  padding-left: 5px;
-}
-
-<span
-        className="c0"
+      <span
+        className="c6"
       />
     </p>
   </div>
-  .c1 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-  font-weight: 600;
-  text-align: center;
-  color: ;
-  margin: 0;
-}
-
-.c0 {
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 1 auto;
-  -webkit-align-self: auto;
-  -ms-flex-item-align: auto;
-  align-self: auto;
-  -webkit-order: 0;
-  -ms-flex-order: 0;
-  order: 0;
-  padding: 0.9375rem 0;
-  width: 6.25rem;
-  max-width: 6.25rem;
-}
-
-.c2 {
-  padding-left: 5px;
-}
-
-<div
-    className="c0"
+  <div
+    className="c4"
   >
-    .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-  font-weight: 600;
-  text-align: center;
-  color: ;
-  margin: 0;
-}
-
-.c1 {
-  padding-left: 5px;
-}
-
-<p
-      className="c0"
+    <p
+      className="c5"
     >
       <svg
         className=""
@@ -346,12 +192,8 @@ exports[`renders <Header /> without throwing 1`] = `
           fillRule="nonzero"
         />
       </svg>
-      .c0 {
-  padding-left: 5px;
-}
-
-<span
-        className="c0"
+      <span
+        className="c6"
       />
     </p>
   </div>
diff --git a/packages/cp-frontend/test/unit/components/navigation/__snapshots__/menu.js.snap b/packages/cp-frontend/test/unit/components/navigation/__snapshots__/menu.js.snap
index 07ff46da..567ea5fb 100644
--- a/packages/cp-frontend/test/unit/components/navigation/__snapshots__/menu.js.snap
+++ b/packages/cp-frontend/test/unit/components/navigation/__snapshots__/menu.js.snap
@@ -34,14 +34,8 @@ exports[`renders <Menu /> without throwing 1`] = `
 <div
   className="c0"
 >
-  .c0 {
-  list-style-type: none;
-  padding: 0;
-  margin: 0;
-}
-
-<ul
-    className="c0"
+  <ul
+    className="c1"
   />
 </div>
 `;
diff --git a/packages/cp-frontend/test/unit/components/navigation/__snapshots__/not-found.js.snap b/packages/cp-frontend/test/unit/components/navigation/__snapshots__/not-found.js.snap
index 85d82943..5ca314e2 100644
--- a/packages/cp-frontend/test/unit/components/navigation/__snapshots__/not-found.js.snap
+++ b/packages/cp-frontend/test/unit/components/navigation/__snapshots__/not-found.js.snap
@@ -32,9 +32,7 @@ exports[`renders <NotFound /> without throwing 1`] = `
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
-  color: ;
   background-image: none;
-  background-color: ;
   border-radius: 0.25rem;
   border: solid 0.0625rem;
 }
@@ -42,12 +40,9 @@ exports[`renders <NotFound /> without throwing 1`] = `
 .c6:focus {
   outline: 0;
   text-decoration: none;
-  background-color: ;
-  border-color: ;
 }
 
 .c6:hover {
-  background-color: ;
   border: solid 0.0625rem;
 }
 
@@ -56,8 +51,6 @@ exports[`renders <NotFound /> without throwing 1`] = `
 .c6:active:focus {
   background-image: none;
   outline: 0;
-  background-color: ;
-  border-color: ;
 }
 
 .c6[disabled] {
@@ -131,209 +124,21 @@ exports[`renders <NotFound /> without throwing 1`] = `
 <div
   className="c0"
 >
-  .c5 {
-  display: inline-block;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c5:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c5:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c5:active,
-.c5:active:hover,
-.c5:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c5[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c2 {
-  font-size: 2rem;
-  margin: 0.625rem 0;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 500;
-  font-size: 2.25rem;
-  font-style: normal;
-  font-stretch: normal;
-  margin: 0;
-}
-
-.c4 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-}
-
-.c0 {
-  margin-top: 3.75rem;
-}
-
-.c1 {
-  font-weight: normal;
-  font-size: 2rem;
-}
-
-.c3 {
-  margin-bottom: 1.875rem;
-  max-width: 30.625rem;
-}
-
-<div
-    className="c0"
+  <div
+    className="c1"
   >
-    .c1 {
-  font-size: 2rem;
-  margin: 0.625rem 0;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 500;
-  font-size: 2.25rem;
-  font-style: normal;
-  font-stretch: normal;
-  margin: 0;
-}
-
-.c0 {
-  font-weight: normal;
-  font-size: 2rem;
-}
-
-<h1
-      className="c0 c1"
+    <h1
+      className="c2 c3"
     >
       I have no memory of this place
     </h1>
-    .c1 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-}
-
-.c0 {
-  margin-bottom: 1.875rem;
-  max-width: 30.625rem;
-}
-
-<p
-      className="c0 c1"
+    <p
+      className="c4 c5"
     >
       HTTP 404: We can’t find what you are looking for. Next time, always follow your nose.
     </p>
-    .c0 {
-  display: inline-block;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c0:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c0[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-<a
-      className="c0"
+    <a
+      className="c6"
       href="/deployment-groups"
       onClick={[Function]}
       primary={true}
diff --git a/packages/cp-frontend/test/unit/components/service/__snapshots__/delete.js.snap b/packages/cp-frontend/test/unit/components/service/__snapshots__/delete.js.snap
index 9e1d0b8c..c748878f 100644
--- a/packages/cp-frontend/test/unit/components/service/__snapshots__/delete.js.snap
+++ b/packages/cp-frontend/test/unit/components/service/__snapshots__/delete.js.snap
@@ -41,14 +41,9 @@ exports[`renders <Delete /> without throwing 1`] = `
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
-  color: ;
   background-image: none;
-  background-color: ;
   border-radius: 0.25rem;
   border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
 }
 
 .c4::-moz-focus-inner,
@@ -69,12 +64,9 @@ exports[`renders <Delete /> without throwing 1`] = `
 .c4:focus {
   outline: 0;
   text-decoration: none;
-  background-color: ;
-  border-color: ;
 }
 
 .c4:hover {
-  background-color: ;
   border: solid 0.0625rem;
 }
 
@@ -83,8 +75,6 @@ exports[`renders <Delete /> without throwing 1`] = `
 .c4:active:focus {
   background-image: none;
   outline: 0;
-  background-color: ;
-  border-color: ;
 }
 
 .c4[disabled] {
@@ -92,23 +82,6 @@ exports[`renders <Delete /> without throwing 1`] = `
   pointer-events: none;
 }
 
-.c4:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c4:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
 .c4 + button {
   margin-left: 1.25rem;
 }
@@ -153,9 +126,7 @@ exports[`renders <Delete /> without throwing 1`] = `
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
-  color: ;
   background-image: none;
-  background-color: ;
   border-radius: 0.25rem;
   border: solid 0.0625rem;
 }
@@ -178,12 +149,9 @@ exports[`renders <Delete /> without throwing 1`] = `
 .c5:focus {
   outline: 0;
   text-decoration: none;
-  background-color: ;
-  border-color: ;
 }
 
 .c5:hover {
-  background-color: ;
   border: solid 0.0625rem;
 }
 
@@ -192,8 +160,6 @@ exports[`renders <Delete /> without throwing 1`] = `
 .c5:active:focus {
   background-image: none;
   outline: 0;
-  background-color: ;
-  border-color: ;
 }
 
 .c5[disabled] {
@@ -220,29 +186,15 @@ exports[`renders <Delete /> without throwing 1`] = `
 
 .c0 {
   line-height: 1.25;
-  color: ;
   margin: 0 0 0.75rem 0;
 }
 
 .c2 {
-  color: ;
   margin: 0.75rem 0 1.875rem 0;
 }
 
 <div>
-  .c1 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 500;
-  font-size: 1.5rem;
-}
-
-.c0 {
-  line-height: 1.25;
-  color: ;
-  margin: 0 0 0.75rem 0;
-}
-
-<h2
+  <h2
     className="c0 c1"
   >
     Deleting a service: 
@@ -250,235 +202,19 @@ exports[`renders <Delete /> without throwing 1`] = `
      
     Nginx
   </h2>
-  .c1 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-}
-
-.c0 {
-  color: ;
-  margin: 0.75rem 0 1.875rem 0;
-}
-
-<p
-    className="c0 c1"
+  <p
+    className="c2 c3"
   >
     Deleting a service can lead to irreversible loss of data and failures in your application. Are you sure you want to continue?
   </p>
-  .c0 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c0::-moz-focus-inner,
-.c0[type='button']::-moz-focus-inner,
-.c0[type='reset']::-moz-focus-inner,
-.c0[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c0:-moz-focusring,
-.c0[type='button']:-moz-focusring,
-.c0[type='reset']:-moz-focusring,
-.c0[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c0:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c0[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c0:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0 + button {
-  margin-left: 1.25rem;
-}
-
-<button
-    className="c0"
+  <button
+    className="c4"
     onClick={[Function]}
   >
     Cancel
   </button>
-  .c0 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c0::-moz-focus-inner,
-.c0[type='button']::-moz-focus-inner,
-.c0[type='reset']::-moz-focus-inner,
-.c0[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c0:-moz-focusring,
-.c0[type='button']:-moz-focusring,
-.c0[type='reset']:-moz-focusring,
-.c0[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c0:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c0[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c0 + button {
-  margin-left: 1.25rem;
-}
-
-<button
-    className="c0"
+  <button
+    className="c5"
     onClick={[Function]}
   >
     Delete service
diff --git a/packages/cp-frontend/test/unit/components/service/__snapshots__/scale.js.snap b/packages/cp-frontend/test/unit/components/service/__snapshots__/scale.js.snap
index 7f4ae258..ed9a0ce8 100644
--- a/packages/cp-frontend/test/unit/components/service/__snapshots__/scale.js.snap
+++ b/packages/cp-frontend/test/unit/components/service/__snapshots__/scale.js.snap
@@ -41,14 +41,9 @@ exports[`renders <Scale /> without throwing 1`] = `
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
-  color: ;
   background-image: none;
-  background-color: ;
   border-radius: 0.25rem;
   border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
 }
 
 .c13::-moz-focus-inner,
@@ -69,12 +64,9 @@ exports[`renders <Scale /> without throwing 1`] = `
 .c13:focus {
   outline: 0;
   text-decoration: none;
-  background-color: ;
-  border-color: ;
 }
 
 .c13:hover {
-  background-color: ;
   border: solid 0.0625rem;
 }
 
@@ -83,8 +75,6 @@ exports[`renders <Scale /> without throwing 1`] = `
 .c13:active:focus {
   background-image: none;
   outline: 0;
-  background-color: ;
-  border-color: ;
 }
 
 .c13[disabled] {
@@ -92,23 +82,6 @@ exports[`renders <Scale /> without throwing 1`] = `
   pointer-events: none;
 }
 
-.c13:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c13:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c13:active,
-.c13:active:hover,
-.c13:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
 .c13 + button {
   margin-left: 1.25rem;
 }
@@ -153,17 +126,9 @@ exports[`renders <Scale /> without throwing 1`] = `
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
-  color: ;
   background-image: none;
-  background-color: ;
   border-radius: 0.25rem;
   border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-  color: ;
-  background-color: ;
-  border-color: ;
   box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
 }
 
@@ -185,12 +150,9 @@ exports[`renders <Scale /> without throwing 1`] = `
 .c14:focus {
   outline: 0;
   text-decoration: none;
-  background-color: ;
-  border-color: ;
 }
 
 .c14:hover {
-  background-color: ;
   border: solid 0.0625rem;
 }
 
@@ -199,8 +161,6 @@ exports[`renders <Scale /> without throwing 1`] = `
 .c14:active:focus {
   background-image: none;
   outline: 0;
-  background-color: ;
-  border-color: ;
 }
 
 .c14[disabled] {
@@ -208,40 +168,6 @@ exports[`renders <Scale /> without throwing 1`] = `
   pointer-events: none;
 }
 
-.c14:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c14:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c14:active,
-.c14:active:hover,
-.c14:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c14:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c14:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c14:active,
-.c14:active:hover,
-.c14:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
 .c14 + button {
   margin-left: 1.25rem;
 }
@@ -269,12 +195,10 @@ exports[`renders <Scale /> without throwing 1`] = `
 
 .c0 {
   line-height: 1.25;
-  color: ;
   margin: 0 0 0.75rem 0;
 }
 
 .c2 {
-  color: ;
   margin: 0.75rem 0 1.875rem 0;
 }
 
@@ -290,7 +214,6 @@ exports[`renders <Scale /> without throwing 1`] = `
   appearance: button;
   border-radius: 0.25rem;
   border: solid 0.0625rem;
-  background-color: ;
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -326,72 +249,19 @@ exports[`renders <Scale /> without throwing 1`] = `
   outline: 0.0625rem dotted ButtonText;
 }
 
-.c9 > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
 .c9:focus {
   outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c9:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c9:focus,
-.c9:hover > svg {
-  -webkit-fill: ;
-  fill: ;
 }
 
 .c9:active,
 .c9:active:hover,
 .c9:active:focus {
   outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c9:active,
-.c9:active:hover,
-.c9:active:focus > svg {
-  -webkit-fill: ;
-  fill: ;
 }
 
 .c9[disabled] {
   cursor: not-allowed;
   pointer-events: none;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c9[disabled] > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c9[disabled]:focus,
-.c9[disabled]:hover,
-.c9[disabled]:active,
-.c9[disabled]:active:hover,
-.c9[disabled]:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c9[disabled]:focus,
-.c9[disabled]:hover,
-.c9[disabled]:active,
-.c9[disabled]:active:hover,
-.c9[disabled]:active:focus > svg {
-  -webkit-fill: ;
-  fill: ;
 }
 
 .c11 {
@@ -422,7 +292,6 @@ exports[`renders <Scale /> without throwing 1`] = `
   font-style: normal;
   font-stretch: normal;
   display: block;
-  color: ;
   float: right;
 }
 
@@ -438,14 +307,12 @@ exports[`renders <Scale /> without throwing 1`] = `
   margin-top: 0.5rem;
   padding: 0.8125rem 1.125rem;
   border-radius: 0.25rem;
-  background-color: ;
   border: 0.0625rem solid;
   font-size: 0.9375rem;
   line-height: normal !important;
   font-weight: 400;
   font-style: normal;
   font-stretch: normal;
-  color: ;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
@@ -453,7 +320,6 @@ exports[`renders <Scale /> without throwing 1`] = `
 }
 
 .c8:focus {
-  border-color: ;
   outline: 0;
 }
 
@@ -466,635 +332,33 @@ exports[`renders <Scale /> without throwing 1`] = `
 <form
   onSubmit={[Function]}
 >
-  .c1 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 500;
-  font-size: 1.5rem;
-}
-
-.c0 {
-  line-height: 1.25;
-  color: ;
-  margin: 0 0 0.75rem 0;
-}
-
-<h2
+  <h2
     className="c0 c1"
   >
     Scaling a service: 
     <br />
     Nginx
   </h2>
-  .c1 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-}
-
-.c0 {
-  color: ;
-  margin: 0.75rem 0 1.875rem 0;
-}
-
-<p
-    className="c0 c1"
+  <p
+    className="c2 c3"
   >
     Choose how many instances of a service you want to have running.
   </p>
-  .c8 {
-  vertical-align: middle;
-}
-
-.c6 {
-  vertical-align: middle;
-}
-
-.c5 {
-  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;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  background-color: ;
-  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;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  text-align: center;
-  line-height: normal;
-  vertical-align: middle;
-  touch-action: manipulation;
-  min-width: 0;
-  cursor: pointer;
-}
-
-.c5::-moz-focus-inner,
-.c5[type='button']::-moz-focus-inner,
-.c5[type='reset']::-moz-focus-inner,
-.c5[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c5:-moz-focusring,
-.c5[type='button']:-moz-focusring,
-.c5[type='reset']:-moz-focusring,
-.c5[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c5 > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c5:focus {
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c5:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c5:focus,
-.c5:hover > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c5:active,
-.c5:active:hover,
-.c5:active:focus {
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c5:active,
-.c5:active:hover,
-.c5:active:focus > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c5[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c5[disabled] > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c5[disabled]:focus,
-.c5[disabled]:hover,
-.c5[disabled]:active,
-.c5[disabled]:active:hover,
-.c5[disabled]:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c5[disabled]:focus,
-.c5[disabled]:hover,
-.c5[disabled]:active,
-.c5[disabled]:active:hover,
-.c5[disabled]:active:focus > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c7 {
-  margin-left: 0.375rem;
-}
-
-.c0 {
-  padding: 0.35em 0.75em 0.625em;
-  display: inline-block;
-  margin: 0;
-  padding: 0;
-  border: none;
-  overflow: hidden;
-  width: 100%;
-  height: auto;
-  -webkit-margin-start: 0;
-  -webkit-margin-end: 0;
-  -webkit-padding-before: 0;
-  -webkit-padding-start: 0;
-  -webkit-padding-end: 0;
-  -webkit-padding-after: 0;
-}
-
-.c1 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  font-size: 0.9375rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: ;
-  float: right;
-}
-
-.c2 {
-  margin-bottom: 1.5rem;
-}
-
-.c4 {
-  box-sizing: border-box;
-  width: 100%;
-  height: 3rem;
-  margin-bottom: 0.5rem;
-  margin-top: 0.5rem;
-  padding: 0.8125rem 1.125rem;
-  border-radius: 0.25rem;
-  background-color: ;
-  border: 0.0625rem solid;
-  font-size: 0.9375rem;
-  line-height: normal !important;
-  font-weight: 400;
-  font-style: normal;
-  font-stretch: normal;
-  color: ;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  outline: 0;
-}
-
-.c4:focus {
-  border-color: ;
-  outline: 0;
-}
-
-.c3 {
-  width: 7.5rem;
-  margin: 0 0.75rem 0 0;
-  vertical-align: middle;
-}
-
-<fieldset
-    className="c0"
+  <fieldset
+    className="c4"
     style={undefined}
   >
-    .c7 {
-  vertical-align: middle;
-}
-
-.c5 {
-  vertical-align: middle;
-}
-
-.c4 {
-  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;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  background-color: ;
-  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;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  text-align: center;
-  line-height: normal;
-  vertical-align: middle;
-  touch-action: manipulation;
-  min-width: 0;
-  cursor: pointer;
-}
-
-.c4::-moz-focus-inner,
-.c4[type='button']::-moz-focus-inner,
-.c4[type='reset']::-moz-focus-inner,
-.c4[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c4:-moz-focusring,
-.c4[type='button']:-moz-focusring,
-.c4[type='reset']:-moz-focusring,
-.c4[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c4 > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c4:focus {
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c4:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c4:focus,
-.c4:hover > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c4[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c4[disabled] > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c4[disabled]:focus,
-.c4[disabled]:hover,
-.c4[disabled]:active,
-.c4[disabled]:active:hover,
-.c4[disabled]:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c4[disabled]:focus,
-.c4[disabled]:hover,
-.c4[disabled]:active,
-.c4[disabled]:active:hover,
-.c4[disabled]:active:focus > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c6 {
-  margin-left: 0.375rem;
-}
-
-.c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  font-size: 0.9375rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: ;
-  float: right;
-}
-
-.c1 {
-  margin-bottom: 1.5rem;
-}
-
-.c3 {
-  box-sizing: border-box;
-  width: 100%;
-  height: 3rem;
-  margin-bottom: 0.5rem;
-  margin-top: 0.5rem;
-  padding: 0.8125rem 1.125rem;
-  border-radius: 0.25rem;
-  background-color: ;
-  border: 0.0625rem solid;
-  font-size: 0.9375rem;
-  line-height: normal !important;
-  font-weight: 400;
-  font-style: normal;
-  font-stretch: normal;
-  color: ;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  outline: 0;
-}
-
-.c3:focus {
-  border-color: ;
-  outline: 0;
-}
-
-.c2 {
-  width: 7.5rem;
-  margin: 0 0.75rem 0 0;
-  vertical-align: middle;
-}
-
-<div>
-      .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  font-size: 0.9375rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: ;
-  float: right;
-}
-
-<label
-        className="c0"
+    <div>
+      <label
+        className="c5"
         form="testScaleForm"
       />
-      .c6 {
-  vertical-align: middle;
-}
-
-.c4 {
-  vertical-align: middle;
-}
-
-.c3 {
-  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;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  background-color: ;
-  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;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  text-align: center;
-  line-height: normal;
-  vertical-align: middle;
-  touch-action: manipulation;
-  min-width: 0;
-  cursor: pointer;
-}
-
-.c3::-moz-focus-inner,
-.c3[type='button']::-moz-focus-inner,
-.c3[type='reset']::-moz-focus-inner,
-.c3[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c3:-moz-focusring,
-.c3[type='button']:-moz-focusring,
-.c3[type='reset']:-moz-focusring,
-.c3[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c3 > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c3:focus {
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c3:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c3:focus,
-.c3:hover > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c3:active,
-.c3:active:hover,
-.c3:active:focus {
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c3:active,
-.c3:active:hover,
-.c3:active:focus > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c3[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c3[disabled] > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c3[disabled]:focus,
-.c3[disabled]:hover,
-.c3[disabled]:active,
-.c3[disabled]:active:hover,
-.c3[disabled]:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c3[disabled]:focus,
-.c3[disabled]:hover,
-.c3[disabled]:active,
-.c3[disabled]:active:hover,
-.c3[disabled]:active:focus > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c5 {
-  margin-left: 0.375rem;
-}
-
-.c0 {
-  margin-bottom: 1.5rem;
-}
-
-.c2 {
-  box-sizing: border-box;
-  width: 100%;
-  height: 3rem;
-  margin-bottom: 0.5rem;
-  margin-top: 0.5rem;
-  padding: 0.8125rem 1.125rem;
-  border-radius: 0.25rem;
-  background-color: ;
-  border: 0.0625rem solid;
-  font-size: 0.9375rem;
-  line-height: normal !important;
-  font-weight: 400;
-  font-style: normal;
-  font-stretch: normal;
-  color: ;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  outline: 0;
-}
-
-.c2:focus {
-  border-color: ;
-  outline: 0;
-}
-
-.c1 {
-  width: 7.5rem;
-  margin: 0 0.75rem 0 0;
-  vertical-align: middle;
-}
-
-<div
-        className="c0"
+      <div
+        className="c6"
       >
-        .c1 {
-  box-sizing: border-box;
-  width: 100%;
-  height: 3rem;
-  margin-bottom: 0.5rem;
-  margin-top: 0.5rem;
-  padding: 0.8125rem 1.125rem;
-  border-radius: 0.25rem;
-  background-color: ;
-  border: 0.0625rem solid;
-  font-size: 0.9375rem;
-  line-height: normal !important;
-  font-weight: 400;
-  font-style: normal;
-  font-stretch: normal;
-  color: ;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  outline: 0;
-}
-
-.c1:focus {
-  border-color: ;
-  outline: 0;
-}
-
-.c0 {
-  width: 7.5rem;
-  margin: 0 0.75rem 0 0;
-  vertical-align: middle;
-}
-
-<input
-          className="c0 c1"
-          id="BhIyi"
+        <input
+          className="c7 c8"
+          id="bZKUCn"
           name="replicas"
           onBlur={[Function]}
           onChange={[Function]}
@@ -1103,136 +367,12 @@ exports[`renders <Scale /> without throwing 1`] = `
           onFocus={[Function]}
           value=""
         />
-        .c1 {
-  vertical-align: middle;
-}
-
-.c0 {
-  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;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  background-color: ;
-  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;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  text-align: center;
-  line-height: normal;
-  vertical-align: middle;
-  touch-action: manipulation;
-  min-width: 0;
-  cursor: pointer;
-}
-
-.c0::-moz-focus-inner,
-.c0[type='button']::-moz-focus-inner,
-.c0[type='reset']::-moz-focus-inner,
-.c0[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c0:-moz-focusring,
-.c0[type='button']:-moz-focusring,
-.c0[type='reset']:-moz-focusring,
-.c0[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c0 > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c0:focus {
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:focus,
-.c0:hover > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c0[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c0[disabled] > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c0[disabled]:focus,
-.c0[disabled]:hover,
-.c0[disabled]:active,
-.c0[disabled]:active:hover,
-.c0[disabled]:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0[disabled]:focus,
-.c0[disabled]:hover,
-.c0[disabled]:active,
-.c0[disabled]:active:hover,
-.c0[disabled]:active:focus > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-<button
-          className="c0"
+        <button
+          className="c9"
           onClick={[Function]}
         >
-          .c0 {
-  vertical-align: middle;
-}
-
-<svg
-            className="c0"
+          <svg
+            className="c10"
             height="2"
             verticalAlign="middle"
             viewBox="0 0 8 2"
@@ -1249,140 +389,12 @@ exports[`renders <Scale /> without throwing 1`] = `
             />
           </svg>
         </button>
-        .c2 {
-  vertical-align: middle;
-}
-
-.c1 {
-  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;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  background-color: ;
-  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;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  text-align: center;
-  line-height: normal;
-  vertical-align: middle;
-  touch-action: manipulation;
-  min-width: 0;
-  cursor: pointer;
-}
-
-.c1::-moz-focus-inner,
-.c1[type='button']::-moz-focus-inner,
-.c1[type='reset']::-moz-focus-inner,
-.c1[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c1:-moz-focusring,
-.c1[type='button']:-moz-focusring,
-.c1[type='reset']:-moz-focusring,
-.c1[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c1 > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c1:focus {
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c1:focus,
-.c1:hover > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c1[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c1[disabled] > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c1[disabled]:focus,
-.c1[disabled]:hover,
-.c1[disabled]:active,
-.c1[disabled]:active:hover,
-.c1[disabled]:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c1[disabled]:focus,
-.c1[disabled]:hover,
-.c1[disabled]:active,
-.c1[disabled]:active:hover,
-.c1[disabled]:active:focus > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c0 {
-  margin-left: 0.375rem;
-}
-
-<button
-          className="c0 c1"
+        <button
+          className="c11 c9"
           onClick={[Function]}
         >
-          .c0 {
-  vertical-align: middle;
-}
-
-<svg
-            className="c0"
+          <svg
+            className="c12"
             height="8"
             verticalAlign="middle"
             viewBox="0 0 8 8"
@@ -1402,260 +414,15 @@ exports[`renders <Scale /> without throwing 1`] = `
       </div>
     </div>
   </fieldset>
-  .c0 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c0::-moz-focus-inner,
-.c0[type='button']::-moz-focus-inner,
-.c0[type='reset']::-moz-focus-inner,
-.c0[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c0:-moz-focusring,
-.c0[type='button']:-moz-focusring,
-.c0[type='reset']:-moz-focusring,
-.c0[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c0:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c0[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c0:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0 + button {
-  margin-left: 1.25rem;
-}
-
-<button
-    className="c0"
+  <button
+    className="c13"
     onClick={[Function]}
     type="button"
   >
     Cancel
   </button>
-  .c0 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-  color: ;
-  background-color: ;
-  border-color: ;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-}
-
-.c0::-moz-focus-inner,
-.c0[type='button']::-moz-focus-inner,
-.c0[type='reset']::-moz-focus-inner,
-.c0[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c0:-moz-focusring,
-.c0[type='button']:-moz-focusring,
-.c0[type='reset']:-moz-focusring,
-.c0[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c0:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c0[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c0:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0 + button {
-  margin-left: 1.25rem;
-}
-
-<button
-    className="c0"
+  <button
+    className="c14"
     disabled={true}
     type="submit"
   >
diff --git a/packages/cp-frontend/test/unit/components/services/__snapshots__/empty.js.snap b/packages/cp-frontend/test/unit/components/services/__snapshots__/empty.js.snap
index ac1fb719..cf605312 100644
--- a/packages/cp-frontend/test/unit/components/services/__snapshots__/empty.js.snap
+++ b/packages/cp-frontend/test/unit/components/services/__snapshots__/empty.js.snap
@@ -100,14 +100,9 @@ exports[`renders <EmptyServices /> without throwing 1`] = `
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
-  color: ;
   background-image: none;
-  background-color: ;
   border-radius: 0.25rem;
   border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
 }
 
 .c8::-moz-focus-inner,
@@ -128,12 +123,9 @@ exports[`renders <EmptyServices /> without throwing 1`] = `
 .c8:focus {
   outline: 0;
   text-decoration: none;
-  background-color: ;
-  border-color: ;
 }
 
 .c8:hover {
-  background-color: ;
   border: solid 0.0625rem;
 }
 
@@ -142,8 +134,6 @@ exports[`renders <EmptyServices /> without throwing 1`] = `
 .c8:active:focus {
   background-image: none;
   outline: 0;
-  background-color: ;
-  border-color: ;
 }
 
 .c8[disabled] {
@@ -151,23 +141,6 @@ exports[`renders <EmptyServices /> without throwing 1`] = `
   pointer-events: none;
 }
 
-.c8:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c8:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c8:active,
-.c8:active:hover,
-.c8:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
 .c8 + button {
   margin-left: 1.25rem;
 }
@@ -242,2454 +215,86 @@ exports[`renders <EmptyServices /> without throwing 1`] = `
 <div
   className="c0"
 >
-  .c0 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 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.5rem;
-  margin-left: -0.5rem;
-}
-
-.c1 {
-  box-sizing: border-box;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  padding-right: 0.5rem;
-  padding-left: 0.5rem;
-}
-
-.c4 {
-  box-sizing: border-box;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  padding-right: 0.5rem;
-  padding-left: 0.5rem;
-}
-
-.c8 {
-  box-sizing: border-box;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  padding-right: 0.5rem;
-  padding-left: 0.5rem;
-}
-
-.c7 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c7::-moz-focus-inner,
-.c7[type='button']::-moz-focus-inner,
-.c7[type='reset']::-moz-focus-inner,
-.c7[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c7:-moz-focusring,
-.c7[type='button']:-moz-focusring,
-.c7[type='reset']:-moz-focusring,
-.c7[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c7:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c7:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c7:active,
-.c7:active:hover,
-.c7:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c7[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c7:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c7:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c7:active,
-.c7:active:hover,
-.c7:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c7 + button {
-  margin-left: 1.25rem;
-}
-
-.c2 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 500;
-  font-size: 1.5rem;
-}
-
-.c5 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 500;
-  font-size: 0.9375rem;
-}
-
-.c6 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-}
-
-.c3 {
-  box-shadow: 0 2px 0 0 rgba(0,0,0,0.05);
-  border: solid 1px #d8d8d8;
-  padding: 0.375rem 1.125rem 1.5rem;
-}
-
-.c3 + .c3 {
-  margin-top: 1.5rem;
-}
-
-@media only screen and (min-width:64em) {
-  .c4 {
-    -webkit-flex-basis: 83.33333333333334%;
-    -ms-flex-basis: 83.33333333333334%;
-    flex-basis: 83.33333333333334%;
-    max-width: 83.33333333333334%;
-    display: block;
-  }
-}
-
-@media only screen and (min-width:64em) {
-  .c8 {
-    -webkit-flex-basis: 75%;
-    -ms-flex-basis: 75%;
-    flex-basis: 75%;
-    max-width: 75%;
-    display: block;
-  }
-}
-
-<div
-    className="c0"
+  <div
+    className="c1"
   >
-    .c2 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 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.5rem;
-  margin-left: -0.5rem;
-}
-
-.c0 {
-  box-sizing: border-box;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  padding-right: 0.5rem;
-  padding-left: 0.5rem;
-}
-
-.c4 {
-  box-sizing: border-box;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  padding-right: 0.5rem;
-  padding-left: 0.5rem;
-}
-
-.c8 {
-  box-sizing: border-box;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  padding-right: 0.5rem;
-  padding-left: 0.5rem;
-}
-
-.c7 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c7::-moz-focus-inner,
-.c7[type='button']::-moz-focus-inner,
-.c7[type='reset']::-moz-focus-inner,
-.c7[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c7:-moz-focusring,
-.c7[type='button']:-moz-focusring,
-.c7[type='reset']:-moz-focusring,
-.c7[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c7:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c7:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c7:active,
-.c7:active:hover,
-.c7:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c7[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c7:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c7:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c7:active,
-.c7:active:hover,
-.c7:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c7 + button {
-  margin-left: 1.25rem;
-}
-
-.c1 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 500;
-  font-size: 1.5rem;
-}
-
-.c5 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 500;
-  font-size: 0.9375rem;
-}
-
-.c6 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-}
-
-.c3 {
-  box-shadow: 0 2px 0 0 rgba(0,0,0,0.05);
-  border: solid 1px #d8d8d8;
-  padding: 0.375rem 1.125rem 1.5rem;
-}
-
-.c3 + .c3 {
-  margin-top: 1.5rem;
-}
-
-@media only screen and (min-width:64em) {
-  .c4 {
-    -webkit-flex-basis: 83.33333333333334%;
-    -ms-flex-basis: 83.33333333333334%;
-    flex-basis: 83.33333333333334%;
-    max-width: 83.33333333333334%;
-    display: block;
-  }
-}
-
-@media only screen and (min-width:64em) {
-  .c8 {
-    -webkit-flex-basis: 75%;
-    -ms-flex-basis: 75%;
-    flex-basis: 75%;
-    max-width: 75%;
-    display: block;
-  }
-}
-
-<div
-      className="c0"
+    <div
+      className="c2"
     >
-      .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 500;
-  font-size: 1.5rem;
-}
-
-<h2
-        className="c0"
+      <h2
+        className="c3"
       >
         Services
       </h2>
-      .c0 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 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.5rem;
-  margin-left: -0.5rem;
-}
-
-.c1 {
-  box-sizing: border-box;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  padding-right: 0.5rem;
-  padding-left: 0.5rem;
-}
-
-.c3 {
-  box-sizing: border-box;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  padding-right: 0.5rem;
-  padding-left: 0.5rem;
-}
-
-.c7 {
-  box-sizing: border-box;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  padding-right: 0.5rem;
-  padding-left: 0.5rem;
-}
-
-.c6 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c6::-moz-focus-inner,
-.c6[type='button']::-moz-focus-inner,
-.c6[type='reset']::-moz-focus-inner,
-.c6[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c6:-moz-focusring,
-.c6[type='button']:-moz-focusring,
-.c6[type='reset']:-moz-focusring,
-.c6[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c6:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c6:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c6:active,
-.c6:active:hover,
-.c6:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c6[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c6:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c6:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c6:active,
-.c6:active:hover,
-.c6:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c6 + button {
-  margin-left: 1.25rem;
-}
-
-.c4 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 500;
-  font-size: 0.9375rem;
-}
-
-.c5 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-}
-
-.c2 {
-  box-shadow: 0 2px 0 0 rgba(0,0,0,0.05);
-  border: solid 1px #d8d8d8;
-  padding: 0.375rem 1.125rem 1.5rem;
-}
-
-.c2 + .c2 {
-  margin-top: 1.5rem;
-}
-
-@media only screen and (min-width:64em) {
-  .c3 {
-    -webkit-flex-basis: 83.33333333333334%;
-    -ms-flex-basis: 83.33333333333334%;
-    flex-basis: 83.33333333333334%;
-    max-width: 83.33333333333334%;
-    display: block;
-  }
-}
-
-@media only screen and (min-width:64em) {
-  .c7 {
-    -webkit-flex-basis: 75%;
-    -ms-flex-basis: 75%;
-    flex-basis: 75%;
-    max-width: 75%;
-    display: block;
-  }
-}
-
-<div
-        className="c0"
+      <div
+        className="c1"
       >
-        .c2 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 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.5rem;
-  margin-left: -0.5rem;
-}
-
-.c0 {
-  box-sizing: border-box;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  padding-right: 0.5rem;
-  padding-left: 0.5rem;
-}
-
-.c3 {
-  box-sizing: border-box;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  padding-right: 0.5rem;
-  padding-left: 0.5rem;
-}
-
-.c7 {
-  box-sizing: border-box;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  padding-right: 0.5rem;
-  padding-left: 0.5rem;
-}
-
-.c6 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c6::-moz-focus-inner,
-.c6[type='button']::-moz-focus-inner,
-.c6[type='reset']::-moz-focus-inner,
-.c6[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c6:-moz-focusring,
-.c6[type='button']:-moz-focusring,
-.c6[type='reset']:-moz-focusring,
-.c6[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c6:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c6:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c6:active,
-.c6:active:hover,
-.c6:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c6[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c6:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c6:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c6:active,
-.c6:active:hover,
-.c6:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c6 + button {
-  margin-left: 1.25rem;
-}
-
-.c4 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 500;
-  font-size: 0.9375rem;
-}
-
-.c5 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-}
-
-.c1 {
-  box-shadow: 0 2px 0 0 rgba(0,0,0,0.05);
-  border: solid 1px #d8d8d8;
-  padding: 0.375rem 1.125rem 1.5rem;
-}
-
-.c1 + .c1 {
-  margin-top: 1.5rem;
-}
-
-@media only screen and (min-width:64em) {
-  .c3 {
-    -webkit-flex-basis: 83.33333333333334%;
-    -ms-flex-basis: 83.33333333333334%;
-    flex-basis: 83.33333333333334%;
-    max-width: 83.33333333333334%;
-    display: block;
-  }
-}
-
-@media only screen and (min-width:64em) {
-  .c7 {
-    -webkit-flex-basis: 75%;
-    -ms-flex-basis: 75%;
-    flex-basis: 75%;
-    max-width: 75%;
-    display: block;
-  }
-}
-
-<div
-          className="c0"
+        <div
+          className="c2"
         >
-          .c1 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 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.5rem;
-  margin-left: -0.5rem;
-}
-
-.c2 {
-  box-sizing: border-box;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  padding-right: 0.5rem;
-  padding-left: 0.5rem;
-}
-
-.c5 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c5::-moz-focus-inner,
-.c5[type='button']::-moz-focus-inner,
-.c5[type='reset']::-moz-focus-inner,
-.c5[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c5:-moz-focusring,
-.c5[type='button']:-moz-focusring,
-.c5[type='reset']:-moz-focusring,
-.c5[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c5:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c5:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c5:active,
-.c5:active:hover,
-.c5:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c5[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c5:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c5:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c5:active,
-.c5:active:hover,
-.c5:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c5 + button {
-  margin-left: 1.25rem;
-}
-
-.c3 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 500;
-  font-size: 0.9375rem;
-}
-
-.c4 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-}
-
-.c0 {
-  box-shadow: 0 2px 0 0 rgba(0,0,0,0.05);
-  border: solid 1px #d8d8d8;
-  padding: 0.375rem 1.125rem 1.5rem;
-}
-
-.c0 + .c0 {
-  margin-top: 1.5rem;
-}
-
-@media only screen and (min-width:64em) {
-  .c2 {
-    -webkit-flex-basis: 83.33333333333334%;
-    -ms-flex-basis: 83.33333333333334%;
-    flex-basis: 83.33333333333334%;
-    max-width: 83.33333333333334%;
-    display: block;
-  }
-}
-
-<div
-            className="c0"
+          <div
+            className="c4"
           >
-            .c0 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 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.5rem;
-  margin-left: -0.5rem;
-}
-
-.c1 {
-  box-sizing: border-box;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  padding-right: 0.5rem;
-  padding-left: 0.5rem;
-}
-
-.c4 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c4::-moz-focus-inner,
-.c4[type='button']::-moz-focus-inner,
-.c4[type='reset']::-moz-focus-inner,
-.c4[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c4:-moz-focusring,
-.c4[type='button']:-moz-focusring,
-.c4[type='reset']:-moz-focusring,
-.c4[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c4:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c4:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c4[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c4:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c4:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c4 + button {
-  margin-left: 1.25rem;
-}
-
-.c2 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 500;
-  font-size: 0.9375rem;
-}
-
-.c3 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-}
-
-@media only screen and (min-width:64em) {
-  .c1 {
-    -webkit-flex-basis: 83.33333333333334%;
-    -ms-flex-basis: 83.33333333333334%;
-    flex-basis: 83.33333333333334%;
-    max-width: 83.33333333333334%;
-    display: block;
-  }
-}
-
-<div
-              className="c0"
+            <div
+              className="c1"
             >
-              .c0 {
-  box-sizing: border-box;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  padding-right: 0.5rem;
-  padding-left: 0.5rem;
-}
-
-.c3 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c3::-moz-focus-inner,
-.c3[type='button']::-moz-focus-inner,
-.c3[type='reset']::-moz-focus-inner,
-.c3[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c3:-moz-focusring,
-.c3[type='button']:-moz-focusring,
-.c3[type='reset']:-moz-focusring,
-.c3[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c3:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c3:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c3:active,
-.c3:active:hover,
-.c3:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c3[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c3:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c3:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c3:active,
-.c3:active:hover,
-.c3:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c3 + button {
-  margin-left: 1.25rem;
-}
-
-.c1 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 500;
-  font-size: 0.9375rem;
-}
-
-.c2 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-}
-
-@media only screen and (min-width:64em) {
-  .c0 {
-    -webkit-flex-basis: 83.33333333333334%;
-    -ms-flex-basis: 83.33333333333334%;
-    flex-basis: 83.33333333333334%;
-    max-width: 83.33333333333334%;
-    display: block;
-  }
-}
-
-<div
-                className="c0"
+              <div
+                className="c5"
               >
-                .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 500;
-  font-size: 0.9375rem;
-}
-
-<h3
-                  className="c0"
+                <h3
+                  className="c6"
                 >
                   Import your services
                 </h3>
-                .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-}
-
-<p
-                  className="c0"
+                <p
+                  className="c7"
                 >
                   You can import your services from a Git repository hosting service. Learn more.
                 </p>
-                .c0 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c0::-moz-focus-inner,
-.c0[type='button']::-moz-focus-inner,
-.c0[type='reset']::-moz-focus-inner,
-.c0[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c0:-moz-focusring,
-.c0[type='button']:-moz-focusring,
-.c0[type='reset']:-moz-focusring,
-.c0[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c0:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c0[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c0:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0 + button {
-  margin-left: 1.25rem;
-}
-
-<button
-                  className="c0"
+                <button
+                  className="c8"
                 >
                   from GitHub
                 </button>
-                .c0 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c0::-moz-focus-inner,
-.c0[type='button']::-moz-focus-inner,
-.c0[type='reset']::-moz-focus-inner,
-.c0[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c0:-moz-focusring,
-.c0[type='button']:-moz-focusring,
-.c0[type='reset']:-moz-focusring,
-.c0[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c0:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c0[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c0:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0 + button {
-  margin-left: 1.25rem;
-}
-
-<button
-                  className="c0"
+                <button
+                  className="c8"
                 >
                   from GitLab
                 </button>
-                .c0 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c0::-moz-focus-inner,
-.c0[type='button']::-moz-focus-inner,
-.c0[type='reset']::-moz-focus-inner,
-.c0[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c0:-moz-focusring,
-.c0[type='button']:-moz-focusring,
-.c0[type='reset']:-moz-focusring,
-.c0[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c0:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c0[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c0:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0 + button {
-  margin-left: 1.25rem;
-}
-
-<button
-                  className="c0"
+                <button
+                  className="c8"
                 >
                   from BitBucket
                 </button>
               </div>
             </div>
           </div>
-          .c1 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 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.5rem;
-  margin-left: -0.5rem;
-}
-
-.c2 {
-  box-sizing: border-box;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  padding-right: 0.5rem;
-  padding-left: 0.5rem;
-}
-
-.c5 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c5::-moz-focus-inner,
-.c5[type='button']::-moz-focus-inner,
-.c5[type='reset']::-moz-focus-inner,
-.c5[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c5:-moz-focusring,
-.c5[type='button']:-moz-focusring,
-.c5[type='reset']:-moz-focusring,
-.c5[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c5:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c5:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c5:active,
-.c5:active:hover,
-.c5:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c5[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c5:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c5:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c5:active,
-.c5:active:hover,
-.c5:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c5 + button {
-  margin-left: 1.25rem;
-}
-
-.c3 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 500;
-  font-size: 0.9375rem;
-}
-
-.c4 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-}
-
-.c0 {
-  box-shadow: 0 2px 0 0 rgba(0,0,0,0.05);
-  border: solid 1px #d8d8d8;
-  padding: 0.375rem 1.125rem 1.5rem;
-}
-
-.c0 + .c0 {
-  margin-top: 1.5rem;
-}
-
-@media only screen and (min-width:64em) {
-  .c2 {
-    -webkit-flex-basis: 75%;
-    -ms-flex-basis: 75%;
-    flex-basis: 75%;
-    max-width: 75%;
-    display: block;
-  }
-}
-
-<div
-            className="c0"
+          <div
+            className="c4"
           >
-            .c0 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 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.5rem;
-  margin-left: -0.5rem;
-}
-
-.c1 {
-  box-sizing: border-box;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  padding-right: 0.5rem;
-  padding-left: 0.5rem;
-}
-
-.c4 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c4::-moz-focus-inner,
-.c4[type='button']::-moz-focus-inner,
-.c4[type='reset']::-moz-focus-inner,
-.c4[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c4:-moz-focusring,
-.c4[type='button']:-moz-focusring,
-.c4[type='reset']:-moz-focusring,
-.c4[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c4:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c4:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c4[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c4:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c4:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c4 + button {
-  margin-left: 1.25rem;
-}
-
-.c2 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 500;
-  font-size: 0.9375rem;
-}
-
-.c3 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-}
-
-@media only screen and (min-width:64em) {
-  .c1 {
-    -webkit-flex-basis: 75%;
-    -ms-flex-basis: 75%;
-    flex-basis: 75%;
-    max-width: 75%;
-    display: block;
-  }
-}
-
-<div
-              className="c0"
+            <div
+              className="c1"
             >
-              .c0 {
-  box-sizing: border-box;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  padding-right: 0.5rem;
-  padding-left: 0.5rem;
-}
-
-.c3 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c3::-moz-focus-inner,
-.c3[type='button']::-moz-focus-inner,
-.c3[type='reset']::-moz-focus-inner,
-.c3[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c3:-moz-focusring,
-.c3[type='button']:-moz-focusring,
-.c3[type='reset']:-moz-focusring,
-.c3[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c3:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c3:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c3:active,
-.c3:active:hover,
-.c3:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c3[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c3:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c3:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c3:active,
-.c3:active:hover,
-.c3:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c3 + button {
-  margin-left: 1.25rem;
-}
-
-.c1 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 500;
-  font-size: 0.9375rem;
-}
-
-.c2 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-}
-
-@media only screen and (min-width:64em) {
-  .c0 {
-    -webkit-flex-basis: 75%;
-    -ms-flex-basis: 75%;
-    flex-basis: 75%;
-    max-width: 75%;
-    display: block;
-  }
-}
-
-<div
-                className="c0"
+              <div
+                className="c9"
               >
-                .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 500;
-  font-size: 0.9375rem;
-}
-
-<h3
-                  className="c0"
+                <h3
+                  className="c6"
                 >
                   Alternatively, you can upload or edit manifest file.
                 </h3>
-                .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-}
-
-<p
-                  className="c0"
+                <p
+                  className="c7"
                 >
                   Manifest is a file describing your services. It is similar to Docker Compose file. You can upload a file from you local machine or edit it manually. Learn more.
                 </p>
-                .c0 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c0::-moz-focus-inner,
-.c0[type='button']::-moz-focus-inner,
-.c0[type='reset']::-moz-focus-inner,
-.c0[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c0:-moz-focusring,
-.c0[type='button']:-moz-focusring,
-.c0[type='reset']:-moz-focusring,
-.c0[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c0:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c0[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c0:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0 + button {
-  margin-left: 1.25rem;
-}
-
-<button
-                  className="c0"
+                <button
+                  className="c8"
                 >
                   Upload manifest
                 </button>
-                .c0 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c0::-moz-focus-inner,
-.c0[type='button']::-moz-focus-inner,
-.c0[type='reset']::-moz-focus-inner,
-.c0[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c0:-moz-focusring,
-.c0[type='button']:-moz-focusring,
-.c0[type='reset']:-moz-focusring,
-.c0[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c0:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c0[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c0:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0 + button {
-  margin-left: 1.25rem;
-}
-
-<button
-                  className="c0"
+                <button
+                  className="c8"
                 >
                   Edit manifest
                 </button>
diff --git a/packages/cp-frontend/test/unit/components/services/__snapshots__/list-item.js.snap b/packages/cp-frontend/test/unit/components/services/__snapshots__/list-item.js.snap
index 9c195b91..f76ee0cc 100644
--- a/packages/cp-frontend/test/unit/components/services/__snapshots__/list-item.js.snap
+++ b/packages/cp-frontend/test/unit/components/services/__snapshots__/list-item.js.snap
@@ -1,13 +1,11 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`renders <ServiceListItem /> without throwing 1`] = `
-.c7 {
-  color: ;
-  color: ;
+.c6 {
   text-decoration: none;
 }
 
-.c15 {
+.c14 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -47,63 +45,55 @@ exports[`renders <ServiceListItem /> without throwing 1`] = `
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
-  color: ;
   background-image: none;
-  background-color: ;
   border-radius: 0.25rem;
   border: solid 0.0625rem;
   border-radius: 0;
 }
 
-.c15::-moz-focus-inner,
-.c15[type='button']::-moz-focus-inner,
-.c15[type='reset']::-moz-focus-inner,
-.c15[type='submit']::-moz-focus-inner {
+.c14::-moz-focus-inner,
+.c14[type='button']::-moz-focus-inner,
+.c14[type='reset']::-moz-focus-inner,
+.c14[type='submit']::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.c15:-moz-focusring,
-.c15[type='button']:-moz-focusring,
-.c15[type='reset']:-moz-focusring,
-.c15[type='submit']:-moz-focusring {
+.c14:-moz-focusring,
+.c14[type='button']:-moz-focusring,
+.c14[type='reset']:-moz-focusring,
+.c14[type='submit']:-moz-focusring {
   outline: 0.0625rem dotted ButtonText;
 }
 
-.c15:focus {
+.c14:focus {
   outline: 0;
   text-decoration: none;
-  background-color: ;
-  border-color: ;
 }
 
-.c15:hover {
-  background-color: ;
+.c14:hover {
   border: solid 0.0625rem;
 }
 
-.c15:active,
-.c15:active:hover,
-.c15:active:focus {
+.c14:active,
+.c14:active:hover,
+.c14:active:focus {
   background-image: none;
   outline: 0;
-  background-color: ;
-  border-color: ;
 }
 
-.c15[disabled] {
+.c14[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c15 + button {
+.c14 + button {
   margin-left: 1.25rem;
 }
 
 .c4 {
   font-size: 0.9375rem;
   line-height: 1.5;
-  color: ;
   font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   font-weight: 600;
   display: -webkit-box;
@@ -125,7 +115,6 @@ exports[`renders <ServiceListItem /> without throwing 1`] = `
   flex-basis: 5.625rem;
   width: 100%;
   padding: 0.75rem 1.125rem 0 1.125rem;
-  color: ;
   -webkit-flex-grow: 6;
   -ms-flex-grow: 6;
   flex-grow: 6;
@@ -140,10 +129,9 @@ exports[`renders <ServiceListItem /> without throwing 1`] = `
   padding: 0 1.125rem;
 }
 
-.c22 {
+.c21 {
   font-size: 0.9375rem;
   line-height: 1.5;
-  color: ;
   font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   font-weight: 600;
   display: -webkit-box;
@@ -167,7 +155,7 @@ exports[`renders <ServiceListItem /> without throwing 1`] = `
   padding: 0.75rem 1.125rem 0 1.125rem;
 }
 
-.c8 {
+.c7 {
   font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   font-weight: 400;
   -webkit-flex-grow: 1;
@@ -178,7 +166,7 @@ exports[`renders <ServiceListItem /> without throwing 1`] = `
   flex-basis: 5.625rem;
 }
 
-.c21 {
+.c20 {
   font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   font-weight: 400;
   -webkit-flex-grow: 1;
@@ -190,7 +178,7 @@ exports[`renders <ServiceListItem /> without throwing 1`] = `
   padding-bottom: 0.75rem;
 }
 
-.c9 {
+.c8 {
   -webkit-box-pack: start;
   -webkit-justify-content: flex-start;
   -ms-flex-pack: start;
@@ -221,7 +209,6 @@ exports[`renders <ServiceListItem /> without throwing 1`] = `
   min-height: 7.875rem;
   margin-bottom: 0.625rem;
   border: 0.0625rem solid;
-  background-color: ;
   box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
@@ -252,7 +239,6 @@ exports[`renders <ServiceListItem /> without throwing 1`] = `
   min-height: 7.875rem;
   margin-bottom: 0.625rem;
   border: 0.0625rem solid;
-  background-color: ;
   box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
@@ -270,14 +256,13 @@ exports[`renders <ServiceListItem /> without throwing 1`] = `
   -webkit-flex-direction: row;
   -ms-flex-direction: row;
   flex-direction: row;
-  background-color: ;
   border: solid 0.0625rem;
   box-shadow: none;
   width: calc(100% + 0.125rem);
   margin: -0.0625rem -0.0625rem 0 -0.0625rem;
 }
 
-.c19 {
+.c18 {
   box-sizing: border-box;
   display: -webkit-box;
   display: -webkit-flex;
@@ -306,412 +291,6 @@ exports[`renders <ServiceListItem /> without throwing 1`] = `
   flex-direction: row;
 }
 
-.c13 {
-  display: block;
-  -webkit-flex: 0 0 2.9375rem;
-  -ms-flex: 0 0 2.9375rem;
-  flex: 0 0 2.9375rem;
-  border-left: 0.0625rem solid;
-  box-sizing: border-box;
-  border-left-color: ;
-}
-
-.c14 {
-  position: relative;
-  border-width: 0;
-  box-shadow: none;
-  width: 100%;
-  min-width: 2.875rem !important;
-  height: 7.75rem;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  overflow-x: visible;
-  overflow-y: visible;
-  height: 2.875rem;
-}
-
-.c14:focus {
-  border-width: 0;
-}
-
-.c14:hover {
-  border-width: 0;
-}
-
-.c14:active,
-.c14:active:hover,
-.c14:active:focus {
-  border-width: 0;
-}
-
-.c16 {
-  position: absolute;
-  left: 50%;
-  top: 35%;
-}
-
-.c17 {
-  margin: 0 0 0.125rem -0.125rem;
-  border-radius: 50%;
-  background-color: ;
-  width: 0.25rem;
-  height: 0.25rem;
-}
-
-.c12 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  font-size: 0.9375rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: ;
-  display: inline-block;
-  color: undefined;
-  margin-left: 1.5rem;
-}
-
-.c12::first-letter {
-  text-transform: capitalize;
-}
-
-.c11 {
-  position: absolute;
-}
-
-.c11 > svg {
-  -webkit-fill: undefined;
-  fill: undefined;
-}
-
-.c10 {
-  height: 100%;
-  float: right;
-  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;
-}
-
-.c23 {
-  display: inline-block;
-  margin: 0;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-}
-
-.c24 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-  margin: 0 0 0.375rem 0;
-  font-size: 0.8125rem;
-  line-height: 0.8125rem;
-}
-
-.c1 {
-  position: relative;
-}
-
-.c5 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-box-pack: left;
-  -webkit-justify-content: left;
-  -ms-flex-pack: left;
-  justify-content: left;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c6 {
-  color: ;
-}
-
-.c18 {
-  height: 7.5rem;
-}
-
-.c20 {
-  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: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c25 {
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 1 auto;
-  -webkit-align-self: flex-end;
-  -ms-flex-item-align: flex-end;
-  align-self: flex-end;
-  position: absolute;
-  bottom: 0;
-}
-
-<div
-  className="c0"
-  name="card"
->
-  .c6 {
-  color: ;
-  color: ;
-  text-decoration: none;
-}
-
-.c14 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  border-radius: 0;
-}
-
-.c14::-moz-focus-inner,
-.c14[type='button']::-moz-focus-inner,
-.c14[type='reset']::-moz-focus-inner,
-.c14[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c14:-moz-focusring,
-.c14[type='button']:-moz-focusring,
-.c14[type='reset']:-moz-focusring,
-.c14[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c14:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c14:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c14:active,
-.c14:active:hover,
-.c14:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c14[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c14 + button {
-  margin-left: 1.25rem;
-}
-
-.c3 {
-  font-size: 0.9375rem;
-  line-height: 1.5;
-  color: ;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 600;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  -webkit-flex-grow: 2;
-  -ms-flex-grow: 2;
-  flex-grow: 2;
-  -webkit-flex-basis: 5.625rem;
-  -ms-flex-basis: 5.625rem;
-  flex-basis: 5.625rem;
-  width: 100%;
-  padding: 0.75rem 1.125rem 0 1.125rem;
-  color: ;
-  -webkit-flex-grow: 6;
-  -ms-flex-grow: 6;
-  flex-grow: 6;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  width: auto;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  padding: 0 1.125rem;
-}
-
-.c7 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  -webkit-flex-grow: 1;
-  -ms-flex-grow: 1;
-  flex-grow: 1;
-  -webkit-flex-basis: 5.625rem;
-  -ms-flex-basis: 5.625rem;
-  flex-basis: 5.625rem;
-}
-
-.c8 {
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  height: 100%;
-  position: relative;
-}
-
-.c2 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 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.5rem;
-  margin-left: -0.5rem;
-  position: relative;
-  height: auto;
-  min-height: 7.875rem;
-  margin-bottom: 0.625rem;
-  border: 0.0625rem solid;
-  background-color: ;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  margin-right: 0rem;
-  margin-left: 0rem;
-  min-height: auto;
-  height: 3rem;
-  margin-bottom: 1rem;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.1);
-}
-
-.c1 {
-  position: absolute;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  background-color: ;
-  border: solid 0.0625rem;
-  box-shadow: none;
-  width: calc(100% + 0.125rem);
-  margin: -0.0625rem -0.0625rem 0 -0.0625rem;
-}
-
 .c12 {
   display: block;
   -webkit-flex: 0 0 2.9375rem;
@@ -719,7 +298,6 @@ exports[`renders <ServiceListItem /> without throwing 1`] = `
   flex: 0 0 2.9375rem;
   border-left: 0.0625rem solid;
   box-sizing: border-box;
-  border-left-color: ;
 }
 
 .c13 {
@@ -769,7 +347,6 @@ exports[`renders <ServiceListItem /> without throwing 1`] = `
 .c16 {
   margin: 0 0 0.125rem -0.125rem;
   border-radius: 50%;
-  background-color: ;
   width: 0.25rem;
   height: 0.25rem;
 }
@@ -781,7 +358,6 @@ exports[`renders <ServiceListItem /> without throwing 1`] = `
   font-style: normal;
   font-stretch: normal;
   display: block;
-  color: ;
   display: inline-block;
   color: undefined;
   margin-left: 1.5rem;
@@ -822,11 +398,32 @@ exports[`renders <ServiceListItem /> without throwing 1`] = `
   align-content: center;
 }
 
-.c0 {
+.c22 {
+  display: inline-block;
+  margin: 0;
+  -webkit-flex: 1 1 auto;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  -webkit-align-self: stretch;
+  -ms-flex-item-align: stretch;
+  align-self: stretch;
+}
+
+.c23 {
+  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+  font-weight: 400;
+  line-height: 1.5rem;
+  font-size: 0.9375rem;
+  margin: 0 0 0.375rem 0;
+  font-size: 0.8125rem;
+  line-height: 0.8125rem;
+}
+
+.c1 {
   position: relative;
 }
 
-.c4 {
+.c5 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -844,130 +441,63 @@ exports[`renders <ServiceListItem /> without throwing 1`] = `
   align-items: center;
 }
 
-.c5 {
-  color: ;
+.c17 {
+  height: 7.5rem;
 }
 
-<div
-    className="c0 c1 c2"
-    name="card-header"
-  >
-    .c3 {
-  color: ;
-  color: ;
-  text-decoration: none;
-}
-
-.c0 {
-  font-size: 0.9375rem;
-  line-height: 1.5;
-  color: ;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 600;
+.c19 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  -webkit-flex-grow: 2;
-  -ms-flex-grow: 2;
-  flex-grow: 2;
-  -webkit-flex-basis: 5.625rem;
-  -ms-flex-basis: 5.625rem;
-  flex-basis: 5.625rem;
-  width: 100%;
-  padding: 0.75rem 1.125rem 0 1.125rem;
-  color: ;
-  -webkit-flex-grow: 6;
-  -ms-flex-grow: 6;
-  flex-grow: 6;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
-  width: auto;
+  -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;
-  padding: 0 1.125rem;
+  -webkit-align-content: center;
+  -ms-flex-line-pack: center;
+  align-content: center;
+  -webkit-align-items: stretch;
+  -webkit-box-align: stretch;
+  -ms-flex-align: stretch;
+  align-items: stretch;
 }
 
-.c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-box-pack: left;
-  -webkit-justify-content: left;
-  -ms-flex-pack: left;
-  justify-content: left;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c2 {
-  color: ;
+.c24 {
+  -webkit-flex: 0 1 auto;
+  -ms-flex: 0 1 auto;
+  flex: 0 1 auto;
+  -webkit-align-self: flex-end;
+  -ms-flex-item-align: flex-end;
+  align-self: flex-end;
+  position: absolute;
+  bottom: 0;
 }
 
 <div
-      className="c0"
+  className="c0"
+  name="card"
+>
+  <div
+    className="c1 c2 c3"
+    name="card-header"
+  >
+    <div
+      className="c4"
       name="container"
     >
-      .c2 {
-  color: ;
-  color: ;
-  text-decoration: none;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-box-pack: left;
-  -webkit-justify-content: left;
-  -ms-flex-pack: left;
-  justify-content: left;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c1 {
-  color: ;
-}
-
-<div
-        className="c0"
+      <div
+        className="c5"
       >
-        .c1 {
-  color: ;
-  color: ;
-  text-decoration: none;
-}
-
-.c0 {
-  color: ;
-}
-
-<a
+        <a
           active={undefined}
-          className="c0 c1"
+          className="c6"
           href="/deployment-groups//services/nginx"
           onClick={[Function]}
           secondary={true}
@@ -976,242 +506,20 @@ exports[`renders <ServiceListItem /> without throwing 1`] = `
         </a>
       </div>
     </div>
-    .c1 {
-  font-size: 0.9375rem;
-  line-height: 1.5;
-  color: ;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 600;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  -webkit-flex-grow: 2;
-  -ms-flex-grow: 2;
-  flex-grow: 2;
-  -webkit-flex-basis: 5.625rem;
-  -ms-flex-basis: 5.625rem;
-  flex-basis: 5.625rem;
-  width: 100%;
-  padding: 0.75rem 1.125rem 0 1.125rem;
-  color: ;
-  -webkit-flex-grow: 6;
-  -ms-flex-grow: 6;
-  flex-grow: 6;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  width: auto;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  padding: 0 1.125rem;
-}
-
-.c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  -webkit-flex-grow: 1;
-  -ms-flex-grow: 1;
-  flex-grow: 1;
-  -webkit-flex-basis: 5.625rem;
-  -ms-flex-basis: 5.625rem;
-  flex-basis: 5.625rem;
-}
-
-.c2 {
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  height: 100%;
-  position: relative;
-}
-
-.c5 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  font-size: 0.9375rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: ;
-  display: inline-block;
-  color: undefined;
-  margin-left: 1.5rem;
-}
-
-.c5::first-letter {
-  text-transform: capitalize;
-}
-
-.c4 {
-  position: absolute;
-}
-
-.c4 > svg {
-  -webkit-fill: undefined;
-  fill: undefined;
-}
-
-.c3 {
-  height: 100%;
-  float: right;
-  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;
-}
-
-<div
-      className="c0 c1"
+    <div
+      className="c7 c4"
       name="container"
     >
-      .c0 {
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  height: 100%;
-  position: relative;
-}
-
-.c3 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  font-size: 0.9375rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: ;
-  display: inline-block;
-  color: undefined;
-  margin-left: 1.5rem;
-}
-
-.c3::first-letter {
-  text-transform: capitalize;
-}
-
-.c2 {
-  position: absolute;
-}
-
-.c2 > svg {
-  -webkit-fill: undefined;
-  fill: undefined;
-}
-
-.c1 {
-  height: 100%;
-  float: right;
-  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;
-}
-
-<div
-        className="c0"
+      <div
+        className="c8"
       >
-        .c2 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  font-size: 0.9375rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: ;
-  display: inline-block;
-  color: undefined;
-  margin-left: 1.5rem;
-}
-
-.c2::first-letter {
-  text-transform: capitalize;
-}
-
-.c1 {
-  position: absolute;
-}
-
-.c1 > svg {
-  -webkit-fill: undefined;
-  fill: undefined;
-}
-
-.c0 {
-  height: 100%;
-  float: right;
-  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;
-}
-
-<div
-          className="c0"
+        <div
+          className="c9"
           onMouseOut={undefined}
           onMouseOver={undefined}
         >
-          .c0 {
-  position: absolute;
-}
-
-.c0 > svg {
-  -webkit-fill: undefined;
-  fill: undefined;
-}
-
-<div
-            className="c0"
+          <div
+            className="c10"
             color="disabled"
           >
             <svg
@@ -1230,25 +538,8 @@ exports[`renders <ServiceListItem /> without throwing 1`] = `
               />
             </svg>
           </div>
-          .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  font-size: 0.9375rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: ;
-  display: inline-block;
-  color: undefined;
-  margin-left: 1.5rem;
-}
-
-.c0::first-letter {
-  text-transform: capitalize;
-}
-
-<label
-            className="c0"
+          <label
+            className="c11"
             color="disabled"
           >
             1 instance
@@ -1256,716 +547,54 @@ exports[`renders <ServiceListItem /> without throwing 1`] = `
         </div>
       </div>
     </div>
-    .c2 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  border-radius: 0;
-}
-
-.c2::-moz-focus-inner,
-.c2[type='button']::-moz-focus-inner,
-.c2[type='reset']::-moz-focus-inner,
-.c2[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c2:-moz-focusring,
-.c2[type='button']:-moz-focusring,
-.c2[type='reset']:-moz-focusring,
-.c2[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c2:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c2:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c2:active,
-.c2:active:hover,
-.c2:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c2[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c2 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  display: block;
-  -webkit-flex: 0 0 2.9375rem;
-  -ms-flex: 0 0 2.9375rem;
-  flex: 0 0 2.9375rem;
-  border-left: 0.0625rem solid;
-  box-sizing: border-box;
-  border-left-color: ;
-}
-
-.c1 {
-  position: relative;
-  border-width: 0;
-  box-shadow: none;
-  width: 100%;
-  min-width: 2.875rem !important;
-  height: 7.75rem;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  overflow-x: visible;
-  overflow-y: visible;
-  height: 2.875rem;
-}
-
-.c1:focus {
-  border-width: 0;
-}
-
-.c1:hover {
-  border-width: 0;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  border-width: 0;
-}
-
-.c3 {
-  position: absolute;
-  left: 50%;
-  top: 35%;
-}
-
-.c4 {
-  margin: 0 0 0.125rem -0.125rem;
-  border-radius: 50%;
-  background-color: ;
-  width: 0.25rem;
-  height: 0.25rem;
-}
-
-<nav
-      className="c0"
+    <nav
+      className="c12"
       name="card-options"
     >
-      .c1 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  border-radius: 0;
-}
-
-.c1::-moz-focus-inner,
-.c1[type='button']::-moz-focus-inner,
-.c1[type='reset']::-moz-focus-inner,
-.c1[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c1:-moz-focusring,
-.c1[type='button']:-moz-focusring,
-.c1[type='reset']:-moz-focusring,
-.c1[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c1:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c1[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c1 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  position: relative;
-  border-width: 0;
-  box-shadow: none;
-  width: 100%;
-  min-width: 2.875rem !important;
-  height: 7.75rem;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  overflow-x: visible;
-  overflow-y: visible;
-  height: 2.875rem;
-}
-
-.c0:focus {
-  border-width: 0;
-}
-
-.c0:hover {
-  border-width: 0;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  border-width: 0;
-}
-
-.c2 {
-  position: absolute;
-  left: 50%;
-  top: 35%;
-}
-
-.c3 {
-  margin: 0 0 0.125rem -0.125rem;
-  border-radius: 50%;
-  background-color: ;
-  width: 0.25rem;
-  height: 0.25rem;
-}
-
-<button
-        className="c0 c1"
+      <button
+        className="c13 c14"
         onClick={[Function]}
       >
-        .c0 {
-  position: absolute;
-  left: 50%;
-  top: 35%;
-}
-
-.c1 {
-  margin: 0 0 0.125rem -0.125rem;
-  border-radius: 50%;
-  background-color: ;
-  width: 0.25rem;
-  height: 0.25rem;
-}
-
-<div
-          className="c0"
+        <div
+          className="c15"
         >
-          .c0 {
-  margin: 0 0 0.125rem -0.125rem;
-  border-radius: 50%;
-  background-color: ;
-  width: 0.25rem;
-  height: 0.25rem;
-}
-
-<div
-            className="c0"
+          <div
+            className="c16"
           />
-          .c0 {
-  margin: 0 0 0.125rem -0.125rem;
-  border-radius: 50%;
-  background-color: ;
-  width: 0.25rem;
-  height: 0.25rem;
-}
-
-<div
-            className="c0"
+          <div
+            className="c16"
           />
-          .c0 {
-  margin: 0 0 0.125rem -0.125rem;
-  border-radius: 50%;
-  background-color: ;
-  width: 0.25rem;
-  height: 0.25rem;
-}
-
-<div
-            className="c0"
+          <div
+            className="c16"
           />
         </div>
       </button>
     </nav>
   </div>
-  .c4 {
-  font-size: 0.9375rem;
-  line-height: 1.5;
-  color: ;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 600;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  -webkit-flex-grow: 2;
-  -ms-flex-grow: 2;
-  flex-grow: 2;
-  -webkit-flex-basis: 5.625rem;
-  -ms-flex-basis: 5.625rem;
-  flex-basis: 5.625rem;
-  width: 100%;
-  padding: 0.75rem 1.125rem 0 1.125rem;
-}
-
-.c3 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  -webkit-flex-grow: 1;
-  -ms-flex-grow: 1;
-  flex-grow: 1;
-  -webkit-flex-basis: 5.625rem;
-  -ms-flex-basis: 5.625rem;
-  flex-basis: 5.625rem;
-  padding-bottom: 0.75rem;
-}
-
-.c5 {
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  height: 100%;
-  position: relative;
-}
-
-.c1 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 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.5rem;
-  margin-left: -0.5rem;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  margin: 0;
-  height: auto;
-  padding-top: 0;
-  min-width: auto;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-}
-
-.c6 {
-  display: inline-block;
-  margin: 0;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-}
-
-.c7 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-  margin: 0 0 0.375rem 0;
-  font-size: 0.8125rem;
-  line-height: 0.8125rem;
-}
-
-.c0 {
-  height: 7.5rem;
-}
-
-.c2 {
-  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: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c8 {
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 1 auto;
-  -webkit-align-self: flex-end;
-  -ms-flex-item-align: flex-end;
-  align-self: flex-end;
-  position: absolute;
-  bottom: 0;
-}
-
-<div
-    className="c0 c1"
+  <div
+    className="c17 c18"
     name="card-view"
   >
-    .c2 {
-  font-size: 0.9375rem;
-  line-height: 1.5;
-  color: ;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 600;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  -webkit-flex-grow: 2;
-  -ms-flex-grow: 2;
-  flex-grow: 2;
-  -webkit-flex-basis: 5.625rem;
-  -ms-flex-basis: 5.625rem;
-  flex-basis: 5.625rem;
-  width: 100%;
-  padding: 0.75rem 1.125rem 0 1.125rem;
-}
-
-.c1 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  -webkit-flex-grow: 1;
-  -ms-flex-grow: 1;
-  flex-grow: 1;
-  -webkit-flex-basis: 5.625rem;
-  -ms-flex-basis: 5.625rem;
-  flex-basis: 5.625rem;
-  padding-bottom: 0.75rem;
-}
-
-.c3 {
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  height: 100%;
-  position: relative;
-}
-
-.c4 {
-  display: inline-block;
-  margin: 0;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-}
-
-.c5 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-  margin: 0 0 0.375rem 0;
-  font-size: 0.8125rem;
-  line-height: 0.8125rem;
-}
-
-.c0 {
-  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: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c6 {
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 1 auto;
-  -webkit-align-self: flex-end;
-  -ms-flex-item-align: flex-end;
-  align-self: flex-end;
-  position: absolute;
-  bottom: 0;
-}
-
-<div
-      className="c0 c1 c2"
+    <div
+      className="c19 c20 c21"
       name="container"
     >
-      .c0 {
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  height: 100%;
-  position: relative;
-}
-
-.c1 {
-  display: inline-block;
-  margin: 0;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-}
-
-.c2 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-  margin: 0 0 0.375rem 0;
-  font-size: 0.8125rem;
-  line-height: 0.8125rem;
-}
-
-.c3 {
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 1 auto;
-  -webkit-align-self: flex-end;
-  -ms-flex-item-align: flex-end;
-  align-self: flex-end;
-  position: absolute;
-  bottom: 0;
-}
-
-<div
-        className="c0"
+      <div
+        className="c8"
       >
-        .c0 {
-  display: inline-block;
-  margin: 0;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-}
-
-.c1 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-  margin: 0 0 0.375rem 0;
-  font-size: 0.8125rem;
-  line-height: 0.8125rem;
-}
-
-<div
-          className="c0"
+        <div
+          className="c22"
         >
-          .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-  margin: 0 0 0.375rem 0;
-  font-size: 0.8125rem;
-  line-height: 0.8125rem;
-}
-
-<p
-            className="c0"
+          <p
+            className="c23"
           >
             1
             instance
             running
           </p>
         </div>
-        .c0 {
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 1 auto;
-  -webkit-align-self: flex-end;
-  -ms-flex-item-align: flex-end;
-  align-self: flex-end;
-  position: absolute;
-  bottom: 0;
-}
-
-<div
-          className="c0"
+        <div
+          className="c24"
         />
       </div>
     </div>
@@ -1977,7 +606,6 @@ exports[`renders child <ServiceListItem /> without throwing 1`] = `
 .c5 {
   font-size: 0.9375rem;
   line-height: 1.5;
-  color: ;
   font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   font-weight: 600;
   display: -webkit-box;
@@ -2055,7 +683,6 @@ exports[`renders child <ServiceListItem /> without throwing 1`] = `
   min-height: 7.875rem;
   margin-bottom: 0.625rem;
   border: 0.0625rem solid;
-  background-color: ;
   box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
@@ -2168,513 +795,40 @@ exports[`renders child <ServiceListItem /> without throwing 1`] = `
   className="c0"
   name="card"
 >
-  .c4 {
-  font-size: 0.9375rem;
-  line-height: 1.5;
-  color: ;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 600;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  -webkit-flex-grow: 2;
-  -ms-flex-grow: 2;
-  flex-grow: 2;
-  -webkit-flex-basis: 5.625rem;
-  -ms-flex-basis: 5.625rem;
-  flex-basis: 5.625rem;
-  width: 100%;
-  padding: 0.75rem 1.125rem 0 1.125rem;
-}
-
-.c7 {
-  display: inline-block;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-}
-
-.c3 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  -webkit-flex-grow: 1;
-  -ms-flex-grow: 1;
-  flex-grow: 1;
-  -webkit-flex-basis: 5.625rem;
-  -ms-flex-basis: 5.625rem;
-  flex-basis: 5.625rem;
-  padding-bottom: 0.75rem;
-}
-
-.c5 {
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  height: 100%;
-  position: relative;
-}
-
-.c1 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 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.5rem;
-  margin-left: -0.5rem;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  margin: 0;
-  height: auto;
-  padding-top: 0;
-  min-width: auto;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-}
-
-.c8 {
-  display: inline-block;
-  margin: 0;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-}
-
-.c9 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-  margin: 0 0 0.375rem 0;
-  font-size: 0.8125rem;
-  line-height: 0.8125rem;
-}
-
-.c6 {
-  padding: 0;
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 1 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-}
-
-.c0 {
-  height: 7.5rem;
-}
-
-.c2 {
-  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: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c10 {
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 1 auto;
-  -webkit-align-self: flex-end;
-  -ms-flex-item-align: flex-end;
-  align-self: flex-end;
-  position: absolute;
-  bottom: 0;
-}
-
-<div
-    className="c0 c1"
+  <div
+    className="c1 c2"
     name="card-view"
   >
-    .c2 {
-  font-size: 0.9375rem;
-  line-height: 1.5;
-  color: ;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 600;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  -webkit-flex-grow: 2;
-  -ms-flex-grow: 2;
-  flex-grow: 2;
-  -webkit-flex-basis: 5.625rem;
-  -ms-flex-basis: 5.625rem;
-  flex-basis: 5.625rem;
-  width: 100%;
-  padding: 0.75rem 1.125rem 0 1.125rem;
-}
-
-.c5 {
-  display: inline-block;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-}
-
-.c1 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  -webkit-flex-grow: 1;
-  -ms-flex-grow: 1;
-  flex-grow: 1;
-  -webkit-flex-basis: 5.625rem;
-  -ms-flex-basis: 5.625rem;
-  flex-basis: 5.625rem;
-  padding-bottom: 0.75rem;
-}
-
-.c3 {
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  height: 100%;
-  position: relative;
-}
-
-.c6 {
-  display: inline-block;
-  margin: 0;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-}
-
-.c7 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-  margin: 0 0 0.375rem 0;
-  font-size: 0.8125rem;
-  line-height: 0.8125rem;
-}
-
-.c4 {
-  padding: 0;
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 1 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-}
-
-.c0 {
-  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: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c8 {
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 1 auto;
-  -webkit-align-self: flex-end;
-  -ms-flex-item-align: flex-end;
-  align-self: flex-end;
-  position: absolute;
-  bottom: 0;
-}
-
-<div
-      className="c0 c1 c2"
+    <div
+      className="c3 c4 c5"
       name="container"
     >
-      .c2 {
-  font-size: 0.9375rem;
-  line-height: 1.5;
-  color: ;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 600;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  -webkit-flex-grow: 2;
-  -ms-flex-grow: 2;
-  flex-grow: 2;
-  -webkit-flex-basis: 5.625rem;
-  -ms-flex-basis: 5.625rem;
-  flex-basis: 5.625rem;
-  width: 100%;
-  padding: 0.75rem 1.125rem 0 1.125rem;
-}
-
-.c3 {
-  display: inline-block;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-}
-
-.c0 {
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  height: 100%;
-  position: relative;
-}
-
-.c4 {
-  display: inline-block;
-  margin: 0;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-}
-
-.c5 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-  margin: 0 0 0.375rem 0;
-  font-size: 0.8125rem;
-  line-height: 0.8125rem;
-}
-
-.c1 {
-  padding: 0;
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 1 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-}
-
-.c6 {
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 1 auto;
-  -webkit-align-self: flex-end;
-  -ms-flex-item-align: flex-end;
-  align-self: flex-end;
-  position: absolute;
-  bottom: 0;
-}
-
-<div
-        className="c0"
+      <div
+        className="c6"
       >
-        .c1 {
-  font-size: 0.9375rem;
-  line-height: 1.5;
-  color: ;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 600;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  -webkit-flex-grow: 2;
-  -ms-flex-grow: 2;
-  flex-grow: 2;
-  -webkit-flex-basis: 5.625rem;
-  -ms-flex-basis: 5.625rem;
-  flex-basis: 5.625rem;
-  width: 100%;
-  padding: 0.75rem 1.125rem 0 1.125rem;
-}
-
-.c2 {
-  display: inline-block;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-}
-
-.c0 {
-  padding: 0;
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 1 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-}
-
-<div
-          className="c0 c1"
+        <div
+          className="c7 c5"
           name="container"
         >
-          .c0 {
-  display: inline-block;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-}
-
-<span
-            className="c0"
+          <span
+            className="c8"
           >
             Nginx
           </span>
         </div>
-        .c0 {
-  display: inline-block;
-  margin: 0;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-}
-
-.c1 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-  margin: 0 0 0.375rem 0;
-  font-size: 0.8125rem;
-  line-height: 0.8125rem;
-}
-
-<div
-          className="c0"
+        <div
+          className="c9"
         >
-          .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-  margin: 0 0 0.375rem 0;
-  font-size: 0.8125rem;
-  line-height: 0.8125rem;
-}
-
-<p
-            className="c0"
+          <p
+            className="c10"
           >
             1
             instance
             running
           </p>
         </div>
-        .c0 {
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 1 auto;
-  -webkit-align-self: flex-end;
-  -ms-flex-item-align: flex-end;
-  align-self: flex-end;
-  position: absolute;
-  bottom: 0;
-}
-
-<div
-          className="c0"
+        <div
+          className="c11"
         />
       </div>
     </div>
diff --git a/packages/cp-frontend/test/unit/containers/deployment-group/__snapshots__/delete.js.snap b/packages/cp-frontend/test/unit/containers/deployment-group/__snapshots__/delete.js.snap
index 22165d4d..eda80506 100644
--- a/packages/cp-frontend/test/unit/containers/deployment-group/__snapshots__/delete.js.snap
+++ b/packages/cp-frontend/test/unit/containers/deployment-group/__snapshots__/delete.js.snap
@@ -41,9 +41,7 @@ exports[`renders <DeploymentGroupDelete /> without throwing 1`] = `
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
-  color: ;
   background-image: none;
-  background-color: ;
   border-radius: 0.25rem;
   border: solid 0.0625rem;
 }
@@ -66,12 +64,9 @@ exports[`renders <DeploymentGroupDelete /> without throwing 1`] = `
 .c4:focus {
   outline: 0;
   text-decoration: none;
-  background-color: ;
-  border-color: ;
 }
 
 .c4:hover {
-  background-color: ;
   border: solid 0.0625rem;
 }
 
@@ -80,8 +75,6 @@ exports[`renders <DeploymentGroupDelete /> without throwing 1`] = `
 .c4:active:focus {
   background-image: none;
   outline: 0;
-  background-color: ;
-  border-color: ;
 }
 
 .c4[disabled] {
@@ -133,14 +126,9 @@ exports[`renders <DeploymentGroupDelete /> without throwing 1`] = `
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
-  color: ;
   background-image: none;
-  background-color: ;
   border-radius: 0.25rem;
   border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
 }
 
 .c9::-moz-focus-inner,
@@ -161,12 +149,9 @@ exports[`renders <DeploymentGroupDelete /> without throwing 1`] = `
 .c9:focus {
   outline: 0;
   text-decoration: none;
-  background-color: ;
-  border-color: ;
 }
 
 .c9:hover {
-  background-color: ;
   border: solid 0.0625rem;
 }
 
@@ -175,8 +160,6 @@ exports[`renders <DeploymentGroupDelete /> without throwing 1`] = `
 .c9:active:focus {
   background-image: none;
   outline: 0;
-  background-color: ;
-  border-color: ;
 }
 
 .c9[disabled] {
@@ -184,23 +167,6 @@ exports[`renders <DeploymentGroupDelete /> without throwing 1`] = `
   pointer-events: none;
 }
 
-.c9:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c9:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c9:active,
-.c9:active:hover,
-.c9:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
 .c9 + button {
   margin-left: 1.25rem;
 }
@@ -251,7 +217,6 @@ exports[`renders <DeploymentGroupDelete /> without throwing 1`] = `
   left: 50%;
   top: 33.33%;
   padding: 2.25rem 2.25rem 2.25rem 2.25rem;
-  background-color: ;
   box-shadow: 0 0 0.375rem 0.0625rem rgba(0,0,0,0.1);
   width: 28.75rem;
   margin: 0 auto 0 -14.375rem;
@@ -266,404 +231,22 @@ exports[`renders <DeploymentGroupDelete /> without throwing 1`] = `
 
 .c5 {
   line-height: 1.25;
-  color: ;
   margin: 0 0 0.75rem 0;
 }
 
 .c7 {
-  color: ;
   margin: 0.75rem 0 1.875rem 0;
 }
 
 <div
   className="c0"
 >
-  .c3 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c3::-moz-focus-inner,
-.c3[type='button']::-moz-focus-inner,
-.c3[type='reset']::-moz-focus-inner,
-.c3[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c3:-moz-focusring,
-.c3[type='button']:-moz-focusring,
-.c3[type='reset']:-moz-focusring,
-.c3[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c3:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c3:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c3:active,
-.c3:active:hover,
-.c3:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c3[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c3 + button {
-  margin-left: 1.25rem;
-}
-
-.c8 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c8::-moz-focus-inner,
-.c8[type='button']::-moz-focus-inner,
-.c8[type='reset']::-moz-focus-inner,
-.c8[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c8:-moz-focusring,
-.c8[type='button']:-moz-focusring,
-.c8[type='reset']:-moz-focusring,
-.c8[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c8:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c8:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c8:active,
-.c8:active:hover,
-.c8:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c8[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c8:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c8:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c8:active,
-.c8:active:hover,
-.c8:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c8 + button {
-  margin-left: 1.25rem;
-}
-
-.c5 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 500;
-  font-size: 1.5rem;
-}
-
-.c7 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-}
-
-.c2 {
-  background-color: #FFFFFF;
-  padding: 0.75rem;
-  min-width: auto;
-  border: none;
-  box-shadow: none;
-}
-
-.c2:hover,
-.c2:focus,
-.c2:active,
-.c2:active:hover,
-.c2:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  box-shadow: none;
-}
-
-.c0 {
-  position: absolute;
-  left: 50%;
-  top: 33.33%;
-  padding: 2.25rem 2.25rem 2.25rem 2.25rem;
-  background-color: ;
-  box-shadow: 0 0 0.375rem 0.0625rem rgba(0,0,0,0.1);
-  width: 28.75rem;
-  margin: 0 auto 0 -14.375rem;
-  z-index: 101;
-}
-
-.c1 {
-  position: absolute;
-  right: 0.375rem;
-  top: 0.1875rem;
-}
-
-.c4 {
-  line-height: 1.25;
-  color: ;
-  margin: 0 0 0.75rem 0;
-}
-
-.c6 {
-  color: ;
-  margin: 0.75rem 0 1.875rem 0;
-}
-
-<div
-    className="c0"
+  <div
+    className="c1"
     width={460}
   >
-    .c2 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c2::-moz-focus-inner,
-.c2[type='button']::-moz-focus-inner,
-.c2[type='reset']::-moz-focus-inner,
-.c2[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c2:-moz-focusring,
-.c2[type='button']:-moz-focusring,
-.c2[type='reset']:-moz-focusring,
-.c2[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c2:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c2:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c2:active,
-.c2:active:hover,
-.c2:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c2[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c2 + button {
-  margin-left: 1.25rem;
-}
-
-.c1 {
-  background-color: #FFFFFF;
-  padding: 0.75rem;
-  min-width: auto;
-  border: none;
-  box-shadow: none;
-}
-
-.c1:hover,
-.c1:focus,
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  box-shadow: none;
-}
-
-.c0 {
-  position: absolute;
-  right: 0.375rem;
-  top: 0.1875rem;
-}
-
-<button
-      className="c0 c1 c2"
+    <button
+      className="c2 c3 c4"
       onClick={[Function]}
     >
       <svg
@@ -683,484 +266,28 @@ exports[`renders <DeploymentGroupDelete /> without throwing 1`] = `
         />
       </svg>
     </button>
-    .c5 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c5::-moz-focus-inner,
-.c5[type='button']::-moz-focus-inner,
-.c5[type='reset']::-moz-focus-inner,
-.c5[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c5:-moz-focusring,
-.c5[type='button']:-moz-focusring,
-.c5[type='reset']:-moz-focusring,
-.c5[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c5:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c5:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c5:active,
-.c5:active:hover,
-.c5:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c5[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c5 + button {
-  margin-left: 1.25rem;
-}
-
-.c4 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c4::-moz-focus-inner,
-.c4[type='button']::-moz-focus-inner,
-.c4[type='reset']::-moz-focus-inner,
-.c4[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c4:-moz-focusring,
-.c4[type='button']:-moz-focusring,
-.c4[type='reset']:-moz-focusring,
-.c4[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c4:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c4:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c4[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c4:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c4:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c4 + button {
-  margin-left: 1.25rem;
-}
-
-.c1 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 500;
-  font-size: 1.5rem;
-}
-
-.c3 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-}
-
-.c0 {
-  line-height: 1.25;
-  color: ;
-  margin: 0 0 0.75rem 0;
-}
-
-.c2 {
-  color: ;
-  margin: 0.75rem 0 1.875rem 0;
-}
-
-<div>
-      .c1 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 500;
-  font-size: 1.5rem;
-}
-
-.c0 {
-  line-height: 1.25;
-  color: ;
-  margin: 0 0 0.75rem 0;
-}
-
-<h2
-        className="c0 c1"
+    <div>
+      <h2
+        className="c5 c6"
       >
         Deleting a deployment group: 
         <br />
          
         Wordpress Blog Example
       </h2>
-      .c1 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-}
-
-.c0 {
-  color: ;
-  margin: 0.75rem 0 1.875rem 0;
-}
-
-<p
-        className="c0 c1"
+      <p
+        className="c7 c8"
       >
         Deleting a deployment group will also remove all of the services and instances associated with that deployment group. Are you sure you want to continue?
       </p>
-      .c0 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c0::-moz-focus-inner,
-.c0[type='button']::-moz-focus-inner,
-.c0[type='reset']::-moz-focus-inner,
-.c0[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c0:-moz-focusring,
-.c0[type='button']:-moz-focusring,
-.c0[type='reset']:-moz-focusring,
-.c0[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c0:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c0[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c0:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0 + button {
-  margin-left: 1.25rem;
-}
-
-<button
-        className="c0"
+      <button
+        className="c9"
         onClick={[Function]}
       >
         Cancel
       </button>
-      .c0 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c0::-moz-focus-inner,
-.c0[type='button']::-moz-focus-inner,
-.c0[type='reset']::-moz-focus-inner,
-.c0[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c0:-moz-focusring,
-.c0[type='button']:-moz-focusring,
-.c0[type='reset']:-moz-focusring,
-.c0[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c0:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c0[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c0 + button {
-  margin-left: 1.25rem;
-}
-
-<button
-        className="c0"
+      <button
+        className="c4"
         onClick={[Function]}
       >
         Delete deployment group
diff --git a/packages/cp-frontend/test/unit/containers/deployment-groups/__snapshots__/create.js.snap b/packages/cp-frontend/test/unit/containers/deployment-groups/__snapshots__/create.js.snap
index 0b479371..1fca4cd7 100644
--- a/packages/cp-frontend/test/unit/containers/deployment-groups/__snapshots__/create.js.snap
+++ b/packages/cp-frontend/test/unit/containers/deployment-groups/__snapshots__/create.js.snap
@@ -41,9 +41,7 @@ exports[`renders <DeploymentGroupCreate /> without throwing 1`] = `
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
-  color: ;
   background-image: none;
-  background-color: ;
   border-radius: 0.25rem;
   border: solid 0.0625rem;
 }
@@ -66,12 +64,9 @@ exports[`renders <DeploymentGroupCreate /> without throwing 1`] = `
 .c8:focus {
   outline: 0;
   text-decoration: none;
-  background-color: ;
-  border-color: ;
 }
 
 .c8:hover {
-  background-color: ;
   border: solid 0.0625rem;
 }
 
@@ -80,8 +75,6 @@ exports[`renders <DeploymentGroupCreate /> without throwing 1`] = `
 .c8:active:focus {
   background-image: none;
   outline: 0;
-  background-color: ;
-  border-color: ;
 }
 
 .c8[disabled] {
@@ -95,14 +88,11 @@ exports[`renders <DeploymentGroupCreate /> without throwing 1`] = `
 
 .c3 {
   float: left;
-  background-color: ;
 }
 
 .c6 {
   -webkit-fill: none;
   fill: none;
-  -webkit-fill: ;
-  fill: ;
 }
 
 .c12 {
@@ -130,7 +120,6 @@ exports[`renders <DeploymentGroupCreate /> without throwing 1`] = `
   -ms-flex-align: center;
   align-items: center;
   border: 0.0625rem solid;
-  background: ;
 }
 
 .c11 {
@@ -287,7 +276,6 @@ exports[`renders <DeploymentGroupCreate /> without throwing 1`] = `
   -ms-transform: rotate(-45deg);
   transform: rotate(-45deg);
   margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  border-color: ;
 }
 
 .c13 {
@@ -370,789 +358,26 @@ exports[`renders <DeploymentGroupCreate /> without throwing 1`] = `
 <div
   className="c0"
 >
-  .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 500;
-  font-size: 1.5rem;
-  margin-top: 0.125rem;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-}
-
-<h2
-    className="c0"
+  <h2
+    className="c1"
   >
     Creating deployment group
   </h2>
-  .c6 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c6::-moz-focus-inner,
-.c6[type='button']::-moz-focus-inner,
-.c6[type='reset']::-moz-focus-inner,
-.c6[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c6:-moz-focusring,
-.c6[type='button']:-moz-focusring,
-.c6[type='reset']:-moz-focusring,
-.c6[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c6:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c6:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c6:active,
-.c6:active:hover,
-.c6:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c6[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c6 + button {
-  margin-left: 1.25rem;
-}
-
-.c1 {
-  float: left;
-  background-color: ;
-}
-
-.c4 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c10 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-.c3 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: 0.0625rem solid;
-  background: ;
-}
-
-.c9 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c5 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c5:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c5:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c5:active,
-.c5:active:hover,
-.c5:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 10;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-left: 0.0625rem solid;
-  padding-left: 0.8125rem;
-  border-right: 0.0625rem solid;
-  border-right: none;
-}
-
-.c8 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 9;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-right: 0.0625rem solid;
-  border-right: none;
-}
-
-.c12 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 8;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-right: 0.0625rem solid;
-  border-right: none;
-}
-
-.c13 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 7;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-right: 0.0625rem solid;
-}
-
-.c7 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  border-color: ;
-}
-
-.c11 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-}
-
-.c14 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  display: none;
-}
-
-.c0 {
-  display: table;
-  list-style-type: none;
-  padding: 0;
-}
-
-<ul
-    className="c0"
+  <ul
+    className="c2"
   >
-    .c5 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c5::-moz-focus-inner,
-.c5[type='button']::-moz-focus-inner,
-.c5[type='reset']::-moz-focus-inner,
-.c5[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c5:-moz-focusring,
-.c5[type='button']:-moz-focusring,
-.c5[type='reset']:-moz-focusring,
-.c5[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c5:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c5:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c5:active,
-.c5:active:hover,
-.c5:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c5[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c5 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  float: left;
-  background-color: ;
-}
-
-.c3 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c2 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: 0.0625rem solid;
-  background: ;
-}
-
-.c4 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c4:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 10;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-left: 0.0625rem solid;
-  padding-left: 0.8125rem;
-  border-right: 0.0625rem solid;
-  border-right: none;
-}
-
-.c6 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  border-color: ;
-}
-
-<li
-      className="c0"
+    <li
+      className="c3"
     >
-      .c4 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c4::-moz-focus-inner,
-.c4[type='button']::-moz-focus-inner,
-.c4[type='reset']::-moz-focus-inner,
-.c4[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c4:-moz-focusring,
-.c4[type='button']:-moz-focusring,
-.c4[type='reset']:-moz-focusring,
-.c4[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c4:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c4:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c4[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c4 + button {
-  margin-left: 1.25rem;
-}
-
-.c2 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c1 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: 0.0625rem solid;
-  background: ;
-}
-
-.c3 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c3:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:active,
-.c3:active:hover,
-.c3:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 10;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-left: 0.0625rem solid;
-  padding-left: 0.8125rem;
-  border-right: 0.0625rem solid;
-  border-right: none;
-}
-
-.c5 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  border-color: ;
-}
-
-<div
-        className="c0"
+      <div
+        className="c4"
       >
-        .c1 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c0 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  border: 0.0625rem solid;
-  background: ;
-}
-
-<span
-          className="c0"
+        <span
+          className="c5"
         >
-          .c0 {
-  -webkit-fill: none;
-  fill: none;
-  -webkit-fill: ;
-  fill: ;
-}
-
-<svg
+          <svg
             active={false}
-            className="c0 "
+            className="c6 "
             completed={true}
             first={true}
             height="9"
@@ -1170,569 +395,28 @@ exports[`renders <DeploymentGroupCreate /> without throwing 1`] = `
             />
           </svg>
         </span>
-        .c1 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c1::-moz-focus-inner,
-.c1[type='button']::-moz-focus-inner,
-.c1[type='reset']::-moz-focus-inner,
-.c1[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c1:-moz-focusring,
-.c1[type='button']:-moz-focusring,
-.c1[type='reset']:-moz-focusring,
-.c1[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c1:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c1[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c1 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c0:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-<button
-          className="c0 c1"
+        <button
+          className="c7 c8"
         >
           Name the group
         </button>
-        .c0 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  border-color: ;
-}
-
-<span
-          className="c0"
+        <span
+          className="c9"
         />
       </div>
     </li>
-    .c5 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c5::-moz-focus-inner,
-.c5[type='button']::-moz-focus-inner,
-.c5[type='reset']::-moz-focus-inner,
-.c5[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c5:-moz-focusring,
-.c5[type='button']:-moz-focusring,
-.c5[type='reset']:-moz-focusring,
-.c5[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c5:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c5:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c5:active,
-.c5:active:hover,
-.c5:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c5[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c5 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  float: left;
-  background-color: ;
-}
-
-.c3 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-.c2 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c4 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c4:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 9;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-right: 0.0625rem solid;
-  border-right: none;
-}
-
-.c6 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-}
-
-<li
-      className="c0"
+    <li
+      className="c3"
     >
-      .c4 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c4::-moz-focus-inner,
-.c4[type='button']::-moz-focus-inner,
-.c4[type='reset']::-moz-focus-inner,
-.c4[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c4:-moz-focusring,
-.c4[type='button']:-moz-focusring,
-.c4[type='reset']:-moz-focusring,
-.c4[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c4:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c4:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c4[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c4 + button {
-  margin-left: 1.25rem;
-}
-
-.c2 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-.c1 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c3 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c3:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:active,
-.c3:active:hover,
-.c3:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 9;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-right: 0.0625rem solid;
-  border-right: none;
-}
-
-.c5 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-}
-
-<div
-        className="c0"
+      <div
+        className="c10"
       >
-        .c1 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-.c0 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-<span
-          className="c0"
+        <span
+          className="c11"
         >
-          .c0 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-<svg
+          <svg
             active={false}
-            className="c0 "
+            className="c12 "
             completed={false}
             first={undefined}
             height="9"
@@ -1750,568 +434,28 @@ exports[`renders <DeploymentGroupCreate /> without throwing 1`] = `
             />
           </svg>
         </span>
-        .c1 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c1::-moz-focus-inner,
-.c1[type='button']::-moz-focus-inner,
-.c1[type='reset']::-moz-focus-inner,
-.c1[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c1:-moz-focusring,
-.c1[type='button']:-moz-focusring,
-.c1[type='reset']:-moz-focusring,
-.c1[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c1:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c1[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c1 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c0:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-<button
-          className="c0 c1"
+        <button
+          className="c7 c8"
         >
           Define Services
         </button>
-        .c0 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-}
-
-<span
-          className="c0"
+        <span
+          className="c13"
         />
       </div>
     </li>
-    .c5 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c5::-moz-focus-inner,
-.c5[type='button']::-moz-focus-inner,
-.c5[type='reset']::-moz-focus-inner,
-.c5[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c5:-moz-focusring,
-.c5[type='button']:-moz-focusring,
-.c5[type='reset']:-moz-focusring,
-.c5[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c5:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c5:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c5:active,
-.c5:active:hover,
-.c5:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c5[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c5 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  float: left;
-  background-color: ;
-}
-
-.c3 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-.c2 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c4 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c4:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 8;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-right: 0.0625rem solid;
-  border-right: none;
-}
-
-.c6 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-}
-
-<li
-      className="c0"
+    <li
+      className="c3"
     >
-      .c4 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c4::-moz-focus-inner,
-.c4[type='button']::-moz-focus-inner,
-.c4[type='reset']::-moz-focus-inner,
-.c4[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c4:-moz-focusring,
-.c4[type='button']:-moz-focusring,
-.c4[type='reset']:-moz-focusring,
-.c4[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c4:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c4:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c4[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c4 + button {
-  margin-left: 1.25rem;
-}
-
-.c2 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-.c1 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c3 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c3:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:active,
-.c3:active:hover,
-.c3:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 8;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-right: 0.0625rem solid;
-  border-right: none;
-}
-
-.c5 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-}
-
-<div
-        className="c0"
+      <div
+        className="c14"
       >
-        .c1 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-.c0 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-<span
-          className="c0"
+        <span
+          className="c11"
         >
-          .c0 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-<svg
+          <svg
             active={false}
-            className="c0 "
+            className="c12 "
             completed={false}
             first={undefined}
             height="9"
@@ -2329,568 +473,28 @@ exports[`renders <DeploymentGroupCreate /> without throwing 1`] = `
             />
           </svg>
         </span>
-        .c1 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c1::-moz-focus-inner,
-.c1[type='button']::-moz-focus-inner,
-.c1[type='reset']::-moz-focus-inner,
-.c1[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c1:-moz-focusring,
-.c1[type='button']:-moz-focusring,
-.c1[type='reset']:-moz-focusring,
-.c1[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c1:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c1[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c1 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c0:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-<button
-          className="c0 c1"
+        <button
+          className="c7 c8"
         >
           Define Environment
         </button>
-        .c0 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-}
-
-<span
-          className="c0"
+        <span
+          className="c13"
         />
       </div>
     </li>
-    .c5 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c5::-moz-focus-inner,
-.c5[type='button']::-moz-focus-inner,
-.c5[type='reset']::-moz-focus-inner,
-.c5[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c5:-moz-focusring,
-.c5[type='button']:-moz-focusring,
-.c5[type='reset']:-moz-focusring,
-.c5[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c5:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c5:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c5:active,
-.c5:active:hover,
-.c5:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c5[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c5 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  float: left;
-  background-color: ;
-}
-
-.c3 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-.c2 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c4 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c4:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 7;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-right: 0.0625rem solid;
-}
-
-.c6 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  display: none;
-}
-
-<li
-      className="c0"
+    <li
+      className="c3"
     >
-      .c4 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c4::-moz-focus-inner,
-.c4[type='button']::-moz-focus-inner,
-.c4[type='reset']::-moz-focus-inner,
-.c4[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c4:-moz-focusring,
-.c4[type='button']:-moz-focusring,
-.c4[type='reset']:-moz-focusring,
-.c4[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c4:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c4:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c4[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c4 + button {
-  margin-left: 1.25rem;
-}
-
-.c2 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-.c1 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c3 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c3:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c3:active,
-.c3:active:hover,
-.c3:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  z-index: 7;
-  padding-left: 2.5rem;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-right: 0.0625rem solid;
-}
-
-.c5 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  display: none;
-}
-
-<div
-        className="c0"
+      <div
+        className="c15"
       >
-        .c1 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-.c0 {
-  display: inline-block;
-  border-radius: 50%;
-  width: 1.125rem;
-  height: 1.125rem;
-  background: inherit;
-  border: 0.0625rem solid;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-<span
-          className="c0"
+        <span
+          className="c11"
         >
-          .c0 {
-  -webkit-fill: none;
-  fill: none;
-}
-
-<svg
+          <svg
             active={false}
-            className="c0 "
+            className="c12 "
             completed={undefined}
             first={undefined}
             height="9"
@@ -2908,150 +512,13 @@ exports[`renders <DeploymentGroupCreate /> without throwing 1`] = `
             />
           </svg>
         </span>
-        .c1 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c1::-moz-focus-inner,
-.c1[type='button']::-moz-focus-inner,
-.c1[type='reset']::-moz-focus-inner,
-.c1[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c1:-moz-focusring,
-.c1[type='button']:-moz-focusring,
-.c1[type='reset']:-moz-focusring,
-.c1[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c1:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c1[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c1 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-  line-height: 1.6;
-  cursor: default;
-}
-
-.c0:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:hover {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  color: #464646;
-}
-
-<button
-          className="c0 c1"
+        <button
+          className="c7 c8"
         >
           Review and deploy
         </button>
-        .c0 {
-  position: absolute;
-  top: 0;
-  right: -1.6875rem;
-  border: solid;
-  border-width: 0 0.0625rem 0.0625rem 0;
-  padding: 1.06875rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.4rem 0.625rem 0.4rem 0.625rem;
-  display: none;
-}
-
-<span
-          className="c0"
+        <span
+          className="c16"
         />
       </div>
     </li>
diff --git a/packages/cp-frontend/test/unit/containers/deployment-groups/__snapshots__/import.js.snap b/packages/cp-frontend/test/unit/containers/deployment-groups/__snapshots__/import.js.snap
index ab8ac3c6..659efc6f 100644
--- a/packages/cp-frontend/test/unit/containers/deployment-groups/__snapshots__/import.js.snap
+++ b/packages/cp-frontend/test/unit/containers/deployment-groups/__snapshots__/import.js.snap
@@ -36,17 +36,11 @@ exports[`renders <DeploymentGroupImport /> without throwing 1`] = `
 }
 
 .c3 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
   -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
   animation: iCqDak 1.5s ease-out 0s infinite;
 }
 
 .c4 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
   -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
   animation: iCqDak 1.5s ease-out 0s infinite;
   -webkit-animation-delay: 0.5s;
@@ -54,9 +48,6 @@ exports[`renders <DeploymentGroupImport /> without throwing 1`] = `
 }
 
 .c5 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
   -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
   animation: iCqDak 1.5s ease-out 0s infinite;
   -webkit-animation-delay: 1s;
@@ -142,199 +133,42 @@ exports[`renders <DeploymentGroupImport /> without throwing 1`] = `
 <div
   className="c0"
 >
-  .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 500;
-  font-size: 1.5rem;
-  margin-top: 0.125rem;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-}
-
-<h2
-    className="c0"
+  <h2
+    className="c1"
   >
     Importing deployment group
   </h2>
-  .c1 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-}
-
-.c2 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -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;
-}
-
-.c3 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-  -webkit-animation-delay: 1s;
-  animation-delay: 1s;
-}
-
-.c0 {
-  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;
-  -webkit-flex: 1 0 auto;
-  -ms-flex: 1 0 auto;
-  flex: 1 0 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-}
-
-.c4 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-  text-align: center;
-  margin-bottom: 0;
-}
-
-<div
-    className="c0"
+  <div
+    className="c2"
   >
-    .c0 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-}
-
-.c1 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -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;
-}
-
-.c2 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-  -webkit-animation-delay: 1s;
-  animation-delay: 1s;
-}
-
-<svg
+    <svg
       height="10"
       width="28"
     >
-      .c0 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-}
-
-<rect
-        className="c0"
+      <rect
+        className="c3"
         height="6"
         width="6"
         x="2"
         y="2"
       />
-      .c0 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -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;
-}
-
-<rect
-        className="c0"
+      <rect
+        className="c4"
         height="6"
         width="6"
         x="11"
         y="2"
       />
-      .c0 {
-  -webkit-fill: ;
-  fill: ;
-  stroke: ;
-  -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
-  animation: iCqDak 1.5s ease-out 0s infinite;
-  -webkit-animation-delay: 1s;
-  animation-delay: 1s;
-}
-
-<rect
-        className="c0"
+      <rect
+        className="c5"
         height="6"
         width="6"
         x="20"
         y="2"
       />
     </svg>
-    .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-  text-align: center;
-  margin-bottom: 0;
-}
-
-<p
-      className="c0"
+    <p
+      className="c6"
     >
       Loading...
     </p>
diff --git a/packages/cp-frontend/test/unit/containers/deployment-groups/__snapshots__/list.js.snap b/packages/cp-frontend/test/unit/containers/deployment-groups/__snapshots__/list.js.snap
index a5c6f302..7a34ed0c 100644
--- a/packages/cp-frontend/test/unit/containers/deployment-groups/__snapshots__/list.js.snap
+++ b/packages/cp-frontend/test/unit/containers/deployment-groups/__snapshots__/list.js.snap
@@ -27,7 +27,6 @@ exports[`renders <DeploymentGroupList /> without throwing 1`] = `
   display: inline-block;
   border-radius: 0.25rem;
   border: solid 0.0625rem;
-  background-color: ;
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -48,72 +47,19 @@ exports[`renders <DeploymentGroupList /> without throwing 1`] = `
   cursor: pointer;
 }
 
-.c8 > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
 .c8:focus {
   outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c8:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c8:focus,
-.c8:hover > svg {
-  -webkit-fill: ;
-  fill: ;
 }
 
 .c8:active,
 .c8:active:hover,
 .c8:active:focus {
   outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c8:active,
-.c8:active:hover,
-.c8:active:focus > svg {
-  -webkit-fill: ;
-  fill: ;
 }
 
 .c8[disabled] {
   cursor: not-allowed;
   pointer-events: none;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c8[disabled] > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c8[disabled]:focus,
-.c8[disabled]:hover,
-.c8[disabled]:active,
-.c8[disabled]:active:hover,
-.c8[disabled]:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c8[disabled]:focus,
-.c8[disabled]:hover,
-.c8[disabled]:active,
-.c8[disabled]:active:hover,
-.c8[disabled]:active:focus > svg {
-  -webkit-fill: ;
-  fill: ;
 }
 
 .c1 {
@@ -152,8 +98,6 @@ exports[`renders <DeploymentGroupList /> without throwing 1`] = `
 .c4 {
   position: relative;
   text-decoration: none;
-  color: ;
-  background-color: ;
   box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
   border: solid 0.0625rem;
   margin-top: 1.25rem;
@@ -176,8 +120,6 @@ exports[`renders <DeploymentGroupList /> without throwing 1`] = `
 .c9 {
   position: relative;
   text-decoration: none;
-  color: ;
-  background-color: ;
   box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
   border: solid 0.0625rem;
   margin-top: 1.25rem;
@@ -191,17 +133,12 @@ exports[`renders <DeploymentGroupList /> without throwing 1`] = `
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
-  background-color: ;
 }
 
 .c9:last-child {
   margin-bottom: 1.25rem;
 }
 
-.c9:hover {
-  background-color: ;
-}
-
 .c11 {
   border: solid 0.0625rem;
   border-radius: 50%;
@@ -240,7 +177,6 @@ exports[`renders <DeploymentGroupList /> without throwing 1`] = `
   -ms-flex-grow: 1;
   flex-grow: 1;
   text-decoration: none;
-  color: ;
 }
 
 .c10 {
@@ -271,27 +207,6 @@ exports[`renders <DeploymentGroupList /> without throwing 1`] = `
   border: none;
 }
 
-.c7:hover,
-.c7:focus,
-.c7:active,
-.c7:active:hover,
-.c7:active:focus {
-  background-color: ;
-}
-
-.c7:focus > svg,
-.c7:hover > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c7:active > svg,
-.c7:active:hover > svg,
-.c7:active:focus > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
 @media only screen and (min-width:0em) {
   .c3 {
     -webkit-flex-basis: 100%;
@@ -353,879 +268,33 @@ exports[`renders <DeploymentGroupList /> without throwing 1`] = `
 <div
   className="c0"
 >
-  .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 500;
-  font-size: 1.5rem;
-  margin-top: 0.125rem;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-}
-
-<h2
-    className="c0"
+  <h2
+    className="c1"
   >
     Deployment groups
   </h2>
-  .c1 {
-  box-sizing: border-box;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  padding-right: 0.5rem;
-  padding-left: 0.5rem;
-}
-
-.c6 {
-  display: inline-block;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  background-color: ;
-  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;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  text-align: center;
-  line-height: normal;
-  vertical-align: middle;
-  touch-action: manipulation;
-  min-width: 0;
-  cursor: pointer;
-}
-
-.c6 > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c6:focus {
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c6:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c6:focus,
-.c6:hover > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c6:active,
-.c6:active:hover,
-.c6:active:focus {
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c6:active,
-.c6:active:hover,
-.c6:active:focus > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c6[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c6[disabled] > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c6[disabled]:focus,
-.c6[disabled]:hover,
-.c6[disabled]:active,
-.c6[disabled]:active:hover,
-.c6[disabled]:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c6[disabled]:focus,
-.c6[disabled]:hover,
-.c6[disabled]:active,
-.c6[disabled]:active:hover,
-.c6[disabled]:active:focus > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c0 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 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.5rem;
-  margin-left: -0.5rem;
-  margin-top: -0.4375rem;
-}
-
-.c2 {
-  position: relative;
-  text-decoration: none;
-  color: ;
-  background-color: ;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-  border: solid 0.0625rem;
-  margin-top: 1.25rem;
-  margin-bottom: 0;
-  padding: 1.125rem;
-  min-height: 16.125rem;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-}
-
-.c2:last-child {
-  margin-bottom: 1.25rem;
-}
-
-.c7 {
-  position: relative;
-  text-decoration: none;
-  color: ;
-  background-color: ;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-  border: solid 0.0625rem;
-  margin-top: 1.25rem;
-  margin-bottom: 0;
-  padding: 1.125rem;
-  min-height: 16.125rem;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  background-color: ;
-}
-
-.c7:last-child {
-  margin-bottom: 1.25rem;
-}
-
-.c7:hover {
-  background-color: ;
-}
-
-.c9 {
-  border: solid 0.0625rem;
-  border-radius: 50%;
-  width: 3rem;
-  height: 3rem;
-  line-height: 3rem;
-  font-size: 1.5rem;
-  text-align: center;
-  margin-bottom: 1.25rem;
-}
-
-.c10 {
-  font-size: 80%;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.125rem;
-  font-size: 0.875rem;
-  font-weight: 600;
-  text-align: center;
-}
-
-.c4 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 500;
-  font-size: 0.9375rem;
-  margin-top: 0.625rem;
-  font-weight: 600;
-}
-
-.c3 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-grow: 1;
-  -ms-flex-grow: 1;
-  flex-grow: 1;
-  text-decoration: none;
-  color: ;
-}
-
-.c8 {
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-align-content: center;
-  -ms-flex-line-pack: center;
-  align-content: center;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-.c5 {
-  position: absolute;
-  right: 0;
-  bottom: 0;
-  border: none;
-}
-
-.c5:hover,
-.c5:focus,
-.c5:active,
-.c5:active:hover,
-.c5:active:focus {
-  background-color: ;
-}
-
-.c5:focus > svg,
-.c5:hover > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c5:active > svg,
-.c5:active:hover > svg,
-.c5:active:focus > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-@media only screen and (min-width:0em) {
-  .c1 {
-    -webkit-flex-basis: 100%;
-    -ms-flex-basis: 100%;
-    flex-basis: 100%;
-    max-width: 100%;
-    display: block;
-  }
-}
-
-@media only screen and (min-width:48em) {
-  .c1 {
-    -webkit-flex-basis: 33.333333333333336%;
-    -ms-flex-basis: 33.333333333333336%;
-    flex-basis: 33.333333333333336%;
-    max-width: 33.333333333333336%;
-    display: block;
-  }
-}
-
-@media only screen and (min-width:64em) {
-  .c1 {
-    -webkit-flex-basis: 25%;
-    -ms-flex-basis: 25%;
-    flex-basis: 25%;
-    max-width: 25%;
-    display: block;
-  }
-}
-
-@media only screen and (min-width:75em) {
-  .c1 {
-    -webkit-flex-basis: 25%;
-    -ms-flex-basis: 25%;
-    flex-basis: 25%;
-    max-width: 25%;
-    display: block;
-  }
-}
-
-<div
-    className="c0"
+  <div
+    className="c2"
   >
-    .c0 {
-  box-sizing: border-box;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  padding-right: 0.5rem;
-  padding-left: 0.5rem;
-}
-
-.c5 {
-  display: inline-block;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  background-color: ;
-  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;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  text-align: center;
-  line-height: normal;
-  vertical-align: middle;
-  touch-action: manipulation;
-  min-width: 0;
-  cursor: pointer;
-}
-
-.c5 > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c5:focus {
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c5:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c5:focus,
-.c5:hover > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c5:active,
-.c5:active:hover,
-.c5:active:focus {
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c5:active,
-.c5:active:hover,
-.c5:active:focus > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c5[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c5[disabled] > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c5[disabled]:focus,
-.c5[disabled]:hover,
-.c5[disabled]:active,
-.c5[disabled]:active:hover,
-.c5[disabled]:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c5[disabled]:focus,
-.c5[disabled]:hover,
-.c5[disabled]:active,
-.c5[disabled]:active:hover,
-.c5[disabled]:active:focus > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c1 {
-  position: relative;
-  text-decoration: none;
-  color: ;
-  background-color: ;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-  border: solid 0.0625rem;
-  margin-top: 1.25rem;
-  margin-bottom: 0;
-  padding: 1.125rem;
-  min-height: 16.125rem;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-}
-
-.c1:last-child {
-  margin-bottom: 1.25rem;
-}
-
-.c3 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 500;
-  font-size: 0.9375rem;
-  margin-top: 0.625rem;
-  font-weight: 600;
-}
-
-.c2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-grow: 1;
-  -ms-flex-grow: 1;
-  flex-grow: 1;
-  text-decoration: none;
-  color: ;
-}
-
-.c4 {
-  position: absolute;
-  right: 0;
-  bottom: 0;
-  border: none;
-}
-
-.c4:hover,
-.c4:focus,
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-color: ;
-}
-
-.c4:focus > svg,
-.c4:hover > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c4:active > svg,
-.c4:active:hover > svg,
-.c4:active:focus > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-@media only screen and (min-width:0em) {
-  .c0 {
-    -webkit-flex-basis: 100%;
-    -ms-flex-basis: 100%;
-    flex-basis: 100%;
-    max-width: 100%;
-    display: block;
-  }
-}
-
-@media only screen and (min-width:48em) {
-  .c0 {
-    -webkit-flex-basis: 33.333333333333336%;
-    -ms-flex-basis: 33.333333333333336%;
-    flex-basis: 33.333333333333336%;
-    max-width: 33.333333333333336%;
-    display: block;
-  }
-}
-
-@media only screen and (min-width:64em) {
-  .c0 {
-    -webkit-flex-basis: 25%;
-    -ms-flex-basis: 25%;
-    flex-basis: 25%;
-    max-width: 25%;
-    display: block;
-  }
-}
-
-@media only screen and (min-width:75em) {
-  .c0 {
-    -webkit-flex-basis: 25%;
-    -ms-flex-basis: 25%;
-    flex-basis: 25%;
-    max-width: 25%;
-    display: block;
-  }
-}
-
-<div
-      className="c0"
+    <div
+      className="c3"
     >
-      .c4 {
-  display: inline-block;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  background-color: ;
-  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;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  text-align: center;
-  line-height: normal;
-  vertical-align: middle;
-  touch-action: manipulation;
-  min-width: 0;
-  cursor: pointer;
-}
-
-.c4 > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c4:focus {
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c4:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c4:focus,
-.c4:hover > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c4[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c4[disabled] > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c4[disabled]:focus,
-.c4[disabled]:hover,
-.c4[disabled]:active,
-.c4[disabled]:active:hover,
-.c4[disabled]:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c4[disabled]:focus,
-.c4[disabled]:hover,
-.c4[disabled]:active,
-.c4[disabled]:active:hover,
-.c4[disabled]:active:focus > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c0 {
-  position: relative;
-  text-decoration: none;
-  color: ;
-  background-color: ;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-  border: solid 0.0625rem;
-  margin-top: 1.25rem;
-  margin-bottom: 0;
-  padding: 1.125rem;
-  min-height: 16.125rem;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-}
-
-.c0:last-child {
-  margin-bottom: 1.25rem;
-}
-
-.c2 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 500;
-  font-size: 0.9375rem;
-  margin-top: 0.625rem;
-  font-weight: 600;
-}
-
-.c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-grow: 1;
-  -ms-flex-grow: 1;
-  flex-grow: 1;
-  text-decoration: none;
-  color: ;
-}
-
-.c3 {
-  position: absolute;
-  right: 0;
-  bottom: 0;
-  border: none;
-}
-
-.c3:hover,
-.c3:focus,
-.c3:active,
-.c3:active:hover,
-.c3:active:focus {
-  background-color: ;
-}
-
-.c3:focus > svg,
-.c3:hover > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c3:active > svg,
-.c3:active:hover > svg,
-.c3:active:focus > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-<div
-        className="c0"
+      <div
+        className="c4"
       >
-        .c1 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 500;
-  font-size: 0.9375rem;
-  margin-top: 0.625rem;
-  font-weight: 600;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-grow: 1;
-  -ms-flex-grow: 1;
-  flex-grow: 1;
-  text-decoration: none;
-  color: ;
-}
-
-<a
-          className="c0"
+        <a
+          className="c5"
           href="/wordpress-blog-example"
           onClick={[Function]}
         >
-          .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 500;
-  font-size: 0.9375rem;
-  margin-top: 0.625rem;
-  font-weight: 600;
-}
-
-<h3
-            className="c0"
+          <h3
+            className="c6"
           >
             Wordpress Blog Example
           </h3>
         </a>
-        .c1 {
-  display: inline-block;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  background-color: ;
-  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;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  text-align: center;
-  line-height: normal;
-  vertical-align: middle;
-  touch-action: manipulation;
-  min-width: 0;
-  cursor: pointer;
-}
-
-.c1 > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c1:focus {
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c1:focus,
-.c1:hover > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c1[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c1[disabled] > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c1[disabled]:focus,
-.c1[disabled]:hover,
-.c1[disabled]:active,
-.c1[disabled]:active:hover,
-.c1[disabled]:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c1[disabled]:focus,
-.c1[disabled]:hover,
-.c1[disabled]:active,
-.c1[disabled]:active:hover,
-.c1[disabled]:active:focus > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c0 {
-  position: absolute;
-  right: 0;
-  bottom: 0;
-  border: none;
-}
-
-.c0:hover,
-.c0:focus,
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: ;
-}
-
-.c0:focus > svg,
-.c0:hover > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c0:active > svg,
-.c0:active:hover > svg,
-.c0:active:focus > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-<a
-          className="c0 c1"
+        <a
+          className="c7 c8"
           href="undefined/wordpress-blog-example/delete"
           onClick={[Function]}
         >
@@ -1247,314 +316,24 @@ exports[`renders <DeploymentGroupList /> without throwing 1`] = `
         </a>
       </div>
     </div>
-    .c0 {
-  box-sizing: border-box;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  padding-right: 0.5rem;
-  padding-left: 0.5rem;
-}
-
-.c1 {
-  position: relative;
-  text-decoration: none;
-  color: ;
-  background-color: ;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-  border: solid 0.0625rem;
-  margin-top: 1.25rem;
-  margin-bottom: 0;
-  padding: 1.125rem;
-  min-height: 16.125rem;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  background-color: ;
-}
-
-.c1:last-child {
-  margin-bottom: 1.25rem;
-}
-
-.c1:hover {
-  background-color: ;
-}
-
-.c4 {
-  border: solid 0.0625rem;
-  border-radius: 50%;
-  width: 3rem;
-  height: 3rem;
-  line-height: 3rem;
-  font-size: 1.5rem;
-  text-align: center;
-  margin-bottom: 1.25rem;
-}
-
-.c5 {
-  font-size: 80%;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.125rem;
-  font-size: 0.875rem;
-  font-weight: 600;
-  text-align: center;
-}
-
-.c3 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-grow: 1;
-  -ms-flex-grow: 1;
-  flex-grow: 1;
-  text-decoration: none;
-  color: ;
-}
-
-.c2 {
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-align-content: center;
-  -ms-flex-line-pack: center;
-  align-content: center;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-@media only screen and (min-width:0em) {
-  .c0 {
-    -webkit-flex-basis: 100%;
-    -ms-flex-basis: 100%;
-    flex-basis: 100%;
-    max-width: 100%;
-    display: block;
-  }
-}
-
-@media only screen and (min-width:48em) {
-  .c0 {
-    -webkit-flex-basis: 33.333333333333336%;
-    -ms-flex-basis: 33.333333333333336%;
-    flex-basis: 33.333333333333336%;
-    max-width: 33.333333333333336%;
-    display: block;
-  }
-}
-
-@media only screen and (min-width:64em) {
-  .c0 {
-    -webkit-flex-basis: 25%;
-    -ms-flex-basis: 25%;
-    flex-basis: 25%;
-    max-width: 25%;
-    display: block;
-  }
-}
-
-@media only screen and (min-width:75em) {
-  .c0 {
-    -webkit-flex-basis: 25%;
-    -ms-flex-basis: 25%;
-    flex-basis: 25%;
-    max-width: 25%;
-    display: block;
-  }
-}
-
-<div
-      className="c0"
+    <div
+      className="c3"
     >
-      .c0 {
-  position: relative;
-  text-decoration: none;
-  color: ;
-  background-color: ;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-  border: solid 0.0625rem;
-  margin-top: 1.25rem;
-  margin-bottom: 0;
-  padding: 1.125rem;
-  min-height: 16.125rem;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  background-color: ;
-}
-
-.c0:last-child {
-  margin-bottom: 1.25rem;
-}
-
-.c0:hover {
-  background-color: ;
-}
-
-.c3 {
-  border: solid 0.0625rem;
-  border-radius: 50%;
-  width: 3rem;
-  height: 3rem;
-  line-height: 3rem;
-  font-size: 1.5rem;
-  text-align: center;
-  margin-bottom: 1.25rem;
-}
-
-.c4 {
-  font-size: 80%;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.125rem;
-  font-size: 0.875rem;
-  font-weight: 600;
-  text-align: center;
-}
-
-.c2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-grow: 1;
-  -ms-flex-grow: 1;
-  flex-grow: 1;
-  text-decoration: none;
-  color: ;
-}
-
-.c1 {
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-align-content: center;
-  -ms-flex-line-pack: center;
-  align-content: center;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-<div
-        className="c0"
+      <div
+        className="c9"
       >
-        .c2 {
-  border: solid 0.0625rem;
-  border-radius: 50%;
-  width: 3rem;
-  height: 3rem;
-  line-height: 3rem;
-  font-size: 1.5rem;
-  text-align: center;
-  margin-bottom: 1.25rem;
-}
-
-.c3 {
-  font-size: 80%;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.125rem;
-  font-size: 0.875rem;
-  font-weight: 600;
-  text-align: center;
-}
-
-.c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-grow: 1;
-  -ms-flex-grow: 1;
-  flex-grow: 1;
-  text-decoration: none;
-  color: ;
-}
-
-.c0 {
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-align-content: center;
-  -ms-flex-line-pack: center;
-  align-content: center;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-<a
-          className="c0 c1"
+        <a
+          className="c10 c5"
           href="/~create"
           onClick={[Function]}
         >
-          .c0 {
-  border: solid 0.0625rem;
-  border-radius: 50%;
-  width: 3rem;
-  height: 3rem;
-  line-height: 3rem;
-  font-size: 1.5rem;
-  text-align: center;
-  margin-bottom: 1.25rem;
-}
-
-<div
-            className="c0"
+          <div
+            className="c11"
           >
             +
           </div>
-          .c0 {
-  font-size: 80%;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.125rem;
-  font-size: 0.875rem;
-  font-weight: 600;
-  text-align: center;
-}
-
-<small
-            className="c0"
+          <small
+            className="c12"
           >
             Create new deployment group
           </small>
diff --git a/packages/cp-frontend/test/unit/containers/instances/__snapshots__/tooltip.js.snap b/packages/cp-frontend/test/unit/containers/instances/__snapshots__/tooltip.js.snap
index 551ca2df..c4692d64 100644
--- a/packages/cp-frontend/test/unit/containers/instances/__snapshots__/tooltip.js.snap
+++ b/packages/cp-frontend/test/unit/containers/instances/__snapshots__/tooltip.js.snap
@@ -12,7 +12,6 @@ exports[`renders <InstancesTooltip /> without throwing 1`] = `
   position: absolute;
   top: auto;
   left: auto;
-  bottom: ;
   right: auto;
 }
 
@@ -27,7 +26,6 @@ exports[`renders <InstancesTooltip /> without throwing 1`] = `
   left: -50%;
   margin: 0;
   padding: 0.75rem 0;
-  background-color: ;
   border: 0.0625rem solid;
   box-shadow: 0 0.125rem 0.375rem 0.0625rem rgba(0,0,0,0.1);
   border-radius: 0.25rem;
@@ -46,20 +44,17 @@ exports[`renders <InstancesTooltip /> without throwing 1`] = `
 }
 
 .c2:after {
-  border-bottom-color: ;
   border-width: 0.1875rem;
   margin-left: -0.1875rem;
 }
 
 .c2:before {
-  border-bottom-color: ;
   border-width: 0.3125rem;
   margin-left: -0.3125rem;
 }
 
 .c3 {
   margin: 0 1.125rem;
-  color: ;
   white-space: nowrap;
 }
 
@@ -72,139 +67,14 @@ exports[`renders <InstancesTooltip /> without throwing 1`] = `
 <div
   className="c0"
 >
-  .c3 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-}
-
-.c0 {
-  position: absolute;
-  top: auto;
-  left: auto;
-  bottom: ;
-  right: auto;
-}
-
-.c0:focus {
-  outline: none;
-}
-
-.c1 {
-  position: relative;
-  display: inline-block;
-  top: 0.3125rem;
-  left: -50%;
-  margin: 0;
-  padding: 0.75rem 0;
-  background-color: ;
-  border: 0.0625rem solid;
-  box-shadow: 0 0.125rem 0.375rem 0.0625rem rgba(0,0,0,0.1);
-  border-radius: 0.25rem;
-  z-index: 1000;
-}
-
-.c1:after,
-.c1:before {
-  content: '';
-  position: absolute;
-  bottom: 100%;
-  left: 50%;
-  height: 0;
-  width: 0;
-  border: solid transparent;
-}
-
-.c1:after {
-  border-bottom-color: ;
-  border-width: 0.1875rem;
-  margin-left: -0.1875rem;
-}
-
-.c1:before {
-  border-bottom-color: ;
-  border-width: 0.3125rem;
-  margin-left: -0.3125rem;
-}
-
-.c2 {
-  margin: 0 1.125rem;
-  color: ;
-  white-space: nowrap;
-}
-
-<div
-    className="c0"
+  <div
+    className="c1"
   >
-    .c2 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-}
-
-.c0 {
-  position: relative;
-  display: inline-block;
-  top: 0.3125rem;
-  left: -50%;
-  margin: 0;
-  padding: 0.75rem 0;
-  background-color: ;
-  border: 0.0625rem solid;
-  box-shadow: 0 0.125rem 0.375rem 0.0625rem rgba(0,0,0,0.1);
-  border-radius: 0.25rem;
-  z-index: 1000;
-}
-
-.c0:after,
-.c0:before {
-  content: '';
-  position: absolute;
-  bottom: 100%;
-  left: 50%;
-  height: 0;
-  width: 0;
-  border: solid transparent;
-}
-
-.c0:after {
-  border-bottom-color: ;
-  border-width: 0.1875rem;
-  margin-left: -0.1875rem;
-}
-
-.c0:before {
-  border-bottom-color: ;
-  border-width: 0.3125rem;
-  margin-left: -0.3125rem;
-}
-
-.c1 {
-  margin: 0 1.125rem;
-  color: ;
-  white-space: nowrap;
-}
-
-<div
-      className="c0"
+    <div
+      className="c2"
     >
-      .c1 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-}
-
-.c0 {
-  margin: 0 1.125rem;
-  color: ;
-  white-space: nowrap;
-}
-
-<p
-        className="c0 c1"
+      <p
+        className="c3 c4"
       >
         Your instance is operating as expected
       </p>
diff --git a/packages/cp-frontend/test/unit/containers/navigation/__snapshots__/breadcrumb.js.snap b/packages/cp-frontend/test/unit/containers/navigation/__snapshots__/breadcrumb.js.snap
index e449d34f..1e54daae 100644
--- a/packages/cp-frontend/test/unit/containers/navigation/__snapshots__/breadcrumb.js.snap
+++ b/packages/cp-frontend/test/unit/containers/navigation/__snapshots__/breadcrumb.js.snap
@@ -39,7 +39,6 @@ exports[`renders <Breadcrumb /> without throwing 1`] = `
   font-weight: 500;
   font-size: 1.5rem;
   font-weight: 400;
-  color: ;
   margin: 1.25rem 0 1.125rem 0;
   display: inline-block;
 }
@@ -90,248 +89,25 @@ exports[`renders <Breadcrumb /> without throwing 1`] = `
 <div
   className="c0"
 >
-  .c0 {
-  margin-right: auto;
-  margin-left: auto;
-}
-
-.c2 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 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.5rem;
-  margin-left: -0.5rem;
-}
-
-.c1 {
-  box-sizing: border-box;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  padding-right: 0.5rem;
-  padding-left: 0.5rem;
-}
-
-.c3 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 500;
-  font-size: 1.5rem;
-  font-weight: 400;
-  color: ;
-  margin: 1.25rem 0 1.125rem 0;
-  display: inline-block;
-}
-
-.c4 {
-  border: solid;
-  border-width: 0 0.125rem 0.125rem 0;
-  display: inline-block;
-  padding: 0.125rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.1875rem 0.625rem 0.1875rem 0.625rem;
-}
-
-@media only screen and (min-width:48em) {
-  .c0 {
-    width: 46rem;
-  }
-}
-
-@media only screen and (min-width:64em) {
-  .c0 {
-    width: 61rem;
-  }
-}
-
-@media only screen and (min-width:75em) {
-  .c0 {
-    width: 76rem;
-  }
-}
-
-@media only screen and (min-width:0em) {
-  .c1 {
-    -webkit-flex-basis: 100%;
-    -ms-flex-basis: 100%;
-    flex-basis: 100%;
-    max-width: 100%;
-    display: block;
-  }
-}
-
-<div
-    className="c0"
+  <div
+    className="c1"
   >
-    .c1 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 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.5rem;
-  margin-left: -0.5rem;
-}
-
-.c0 {
-  box-sizing: border-box;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  padding-right: 0.5rem;
-  padding-left: 0.5rem;
-}
-
-.c2 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 500;
-  font-size: 1.5rem;
-  font-weight: 400;
-  color: ;
-  margin: 1.25rem 0 1.125rem 0;
-  display: inline-block;
-}
-
-.c3 {
-  border: solid;
-  border-width: 0 0.125rem 0.125rem 0;
-  display: inline-block;
-  padding: 0.125rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.1875rem 0.625rem 0.1875rem 0.625rem;
-}
-
-@media only screen and (min-width:0em) {
-  .c0 {
-    -webkit-flex-basis: 100%;
-    -ms-flex-basis: 100%;
-    flex-basis: 100%;
-    max-width: 100%;
-    display: block;
-  }
-}
-
-<div
-      className="c0"
+    <div
+      className="c2"
     >
-      .c0 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 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.5rem;
-  margin-left: -0.5rem;
-}
-
-.c1 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 500;
-  font-size: 1.5rem;
-  font-weight: 400;
-  color: ;
-  margin: 1.25rem 0 1.125rem 0;
-  display: inline-block;
-}
-
-.c2 {
-  border: solid;
-  border-width: 0 0.125rem 0.125rem 0;
-  display: inline-block;
-  padding: 0.125rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.1875rem 0.625rem 0.1875rem 0.625rem;
-}
-
-<div
-        className="c0"
+      <div
+        className="c3"
         name="breadcrum"
       >
-        .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 500;
-  font-size: 1.5rem;
-  font-weight: 400;
-  color: ;
-  margin: 1.25rem 0 1.125rem 0;
-  display: inline-block;
-}
-
-.c1 {
-  border: solid;
-  border-width: 0 0.125rem 0.125rem 0;
-  display: inline-block;
-  padding: 0.125rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.1875rem 0.625rem 0.1875rem 0.625rem;
-}
-
-<div>
-          .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 500;
-  font-size: 1.5rem;
-  font-weight: 400;
-  color: ;
-  margin: 1.25rem 0 1.125rem 0;
-  display: inline-block;
-}
-
-<h2
-            className="c0"
+        <div>
+          <h2
+            className="c4"
             name="breadcrum-item"
           >
             Dashboard
           </h2>
-          .c0 {
-  border: solid;
-  border-width: 0 0.125rem 0.125rem 0;
-  display: inline-block;
-  padding: 0.125rem;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  margin: 0.1875rem 0.625rem 0.1875rem 0.625rem;
-}
-
-<div
-            className="c0"
+          <div
+            className="c5"
           />
         </div>
       </div>
diff --git a/packages/cp-frontend/test/unit/containers/navigation/__snapshots__/header.js.snap b/packages/cp-frontend/test/unit/containers/navigation/__snapshots__/header.js.snap
index 5cd22ce0..e7edb585 100644
--- a/packages/cp-frontend/test/unit/containers/navigation/__snapshots__/header.js.snap
+++ b/packages/cp-frontend/test/unit/containers/navigation/__snapshots__/header.js.snap
@@ -6,7 +6,6 @@ exports[`renders <Header /> without throwing 1`] = `
   font-weight: 500;
   font-size: 1.5rem;
   text-transform: uppercase;
-  color: ;
   font-size: 1.8125rem;
   margin: 0;
 }
@@ -31,7 +30,6 @@ exports[`renders <Header /> without throwing 1`] = `
   font-size: 0.9375rem;
   font-weight: 600;
   text-align: center;
-  color: ;
   margin: 0;
 }
 
@@ -61,9 +59,9 @@ exports[`renders <Header /> without throwing 1`] = `
   -webkit-flex-wrap: nowrap;
   -ms-flex-wrap: nowrap;
   flex-wrap: nowrap;
-  -webkit-box-pack: space-between;
+  -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
-  -ms-flex-pack: space-between;
+  -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-align-content: stretch;
   -ms-flex-line-pack: stretch;
@@ -72,7 +70,6 @@ exports[`renders <Header /> without throwing 1`] = `
   -webkit-box-align: stretch;
   -ms-flex-align: stretch;
   align-items: stretch;
-  background-color: ;
   max-height: 3.3125rem;
   min-height: 3.3125rem;
   padding: 0 1.125rem;
@@ -92,130 +89,28 @@ exports[`renders <Header /> without throwing 1`] = `
 <div
   className="c0"
 >
-  .c1 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 500;
-  font-size: 1.5rem;
-  text-transform: uppercase;
-  color: ;
-  font-size: 1.8125rem;
-  margin: 0;
-}
-
-.c0 {
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-  -webkit-order: 0;
-  -ms-flex-order: 0;
-  order: 0;
-  padding: 0.9375rem 0;
-}
-
-.c2 {
-  border-style: none;
-  width: 5.4375rem;
-  height: 1.5625rem;
-}
-
-<div
-    className="c0"
+  <div
+    className="c1"
   >
-    .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 500;
-  font-size: 1.5rem;
-  text-transform: uppercase;
-  color: ;
-  font-size: 1.8125rem;
-  margin: 0;
-}
-
-.c1 {
-  border-style: none;
-  width: 5.4375rem;
-  height: 1.5625rem;
-}
-
-<h2
-      className="c0"
+    <h2
+      className="c2"
     >
-      .c0 {
-  border-style: none;
-  width: 5.4375rem;
-  height: 1.5625rem;
-}
-
-<a
+      <a
         href="/"
         onClick={[Function]}
       >
-        .c0 {
-  border-style: none;
-  width: 5.4375rem;
-  height: 1.5625rem;
-}
-
-<img
-          className="c0"
+        <img
+          className="c3"
           src="test-file-mock"
         />
       </a>
     </h2>
   </div>
-  .c1 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-  font-weight: 600;
-  text-align: center;
-  color: ;
-  margin: 0;
-}
-
-.c0 {
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 1 auto;
-  -webkit-align-self: auto;
-  -ms-flex-item-align: auto;
-  align-self: auto;
-  -webkit-order: 0;
-  -ms-flex-order: 0;
-  order: 0;
-  padding: 0.9375rem 0;
-  width: 6.25rem;
-  max-width: 6.25rem;
-}
-
-.c2 {
-  padding-left: 5px;
-}
-
-<div
-    className="c0"
+  <div
+    className="c4"
   >
-    .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-  font-weight: 600;
-  text-align: center;
-  color: ;
-  margin: 0;
-}
-
-.c1 {
-  padding-left: 5px;
-}
-
-<p
-      className="c0"
+    <p
+      className="c5"
     >
       <svg
         className=""
@@ -252,65 +147,16 @@ exports[`renders <Header /> without throwing 1`] = `
           transform="translate(-1174 -21)"
         />
       </svg>
-      .c0 {
-  padding-left: 5px;
-}
-
-<span
-        className="c0"
+      <span
+        className="c6"
       />
     </p>
   </div>
-  .c1 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-  font-weight: 600;
-  text-align: center;
-  color: ;
-  margin: 0;
-}
-
-.c0 {
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 1 auto;
-  -webkit-align-self: auto;
-  -ms-flex-item-align: auto;
-  align-self: auto;
-  -webkit-order: 0;
-  -ms-flex-order: 0;
-  order: 0;
-  padding: 0.9375rem 0;
-  width: 6.25rem;
-  max-width: 6.25rem;
-}
-
-.c2 {
-  padding-left: 5px;
-}
-
-<div
-    className="c0"
+  <div
+    className="c4"
   >
-    .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-  font-weight: 600;
-  text-align: center;
-  color: ;
-  margin: 0;
-}
-
-.c1 {
-  padding-left: 5px;
-}
-
-<p
-      className="c0"
+    <p
+      className="c5"
     >
       <svg
         className=""
@@ -346,12 +192,8 @@ exports[`renders <Header /> without throwing 1`] = `
           fillRule="nonzero"
         />
       </svg>
-      .c0 {
-  padding-left: 5px;
-}
-
-<span
-        className="c0"
+      <span
+        className="c6"
       />
     </p>
   </div>
diff --git a/packages/cp-frontend/test/unit/containers/service/__snapshots__/delete.js.snap b/packages/cp-frontend/test/unit/containers/service/__snapshots__/delete.js.snap
index 40b6f79c..f5fa5b37 100644
--- a/packages/cp-frontend/test/unit/containers/service/__snapshots__/delete.js.snap
+++ b/packages/cp-frontend/test/unit/containers/service/__snapshots__/delete.js.snap
@@ -41,9 +41,7 @@ exports[`renders <ServiceDelete /> without throwing 1`] = `
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
-  color: ;
   background-image: none;
-  background-color: ;
   border-radius: 0.25rem;
   border: solid 0.0625rem;
 }
@@ -66,12 +64,9 @@ exports[`renders <ServiceDelete /> without throwing 1`] = `
 .c4:focus {
   outline: 0;
   text-decoration: none;
-  background-color: ;
-  border-color: ;
 }
 
 .c4:hover {
-  background-color: ;
   border: solid 0.0625rem;
 }
 
@@ -80,8 +75,6 @@ exports[`renders <ServiceDelete /> without throwing 1`] = `
 .c4:active:focus {
   background-image: none;
   outline: 0;
-  background-color: ;
-  border-color: ;
 }
 
 .c4[disabled] {
@@ -133,14 +126,9 @@ exports[`renders <ServiceDelete /> without throwing 1`] = `
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
-  color: ;
   background-image: none;
-  background-color: ;
   border-radius: 0.25rem;
   border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
 }
 
 .c9::-moz-focus-inner,
@@ -161,12 +149,9 @@ exports[`renders <ServiceDelete /> without throwing 1`] = `
 .c9:focus {
   outline: 0;
   text-decoration: none;
-  background-color: ;
-  border-color: ;
 }
 
 .c9:hover {
-  background-color: ;
   border: solid 0.0625rem;
 }
 
@@ -175,8 +160,6 @@ exports[`renders <ServiceDelete /> without throwing 1`] = `
 .c9:active:focus {
   background-image: none;
   outline: 0;
-  background-color: ;
-  border-color: ;
 }
 
 .c9[disabled] {
@@ -184,23 +167,6 @@ exports[`renders <ServiceDelete /> without throwing 1`] = `
   pointer-events: none;
 }
 
-.c9:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c9:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c9:active,
-.c9:active:hover,
-.c9:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
 .c9 + button {
   margin-left: 1.25rem;
 }
@@ -251,7 +217,6 @@ exports[`renders <ServiceDelete /> without throwing 1`] = `
   left: 50%;
   top: 33.33%;
   padding: 2.25rem 2.25rem 2.25rem 2.25rem;
-  background-color: ;
   box-shadow: 0 0 0.375rem 0.0625rem rgba(0,0,0,0.1);
   width: 28.75rem;
   margin: 0 auto 0 -14.375rem;
@@ -266,404 +231,22 @@ exports[`renders <ServiceDelete /> without throwing 1`] = `
 
 .c5 {
   line-height: 1.25;
-  color: ;
   margin: 0 0 0.75rem 0;
 }
 
 .c7 {
-  color: ;
   margin: 0.75rem 0 1.875rem 0;
 }
 
 <div
   className="c0"
 >
-  .c3 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c3::-moz-focus-inner,
-.c3[type='button']::-moz-focus-inner,
-.c3[type='reset']::-moz-focus-inner,
-.c3[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c3:-moz-focusring,
-.c3[type='button']:-moz-focusring,
-.c3[type='reset']:-moz-focusring,
-.c3[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c3:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c3:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c3:active,
-.c3:active:hover,
-.c3:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c3[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c3 + button {
-  margin-left: 1.25rem;
-}
-
-.c8 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c8::-moz-focus-inner,
-.c8[type='button']::-moz-focus-inner,
-.c8[type='reset']::-moz-focus-inner,
-.c8[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c8:-moz-focusring,
-.c8[type='button']:-moz-focusring,
-.c8[type='reset']:-moz-focusring,
-.c8[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c8:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c8:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c8:active,
-.c8:active:hover,
-.c8:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c8[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c8:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c8:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c8:active,
-.c8:active:hover,
-.c8:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c8 + button {
-  margin-left: 1.25rem;
-}
-
-.c5 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 500;
-  font-size: 1.5rem;
-}
-
-.c7 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-}
-
-.c2 {
-  background-color: #FFFFFF;
-  padding: 0.75rem;
-  min-width: auto;
-  border: none;
-  box-shadow: none;
-}
-
-.c2:hover,
-.c2:focus,
-.c2:active,
-.c2:active:hover,
-.c2:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  box-shadow: none;
-}
-
-.c0 {
-  position: absolute;
-  left: 50%;
-  top: 33.33%;
-  padding: 2.25rem 2.25rem 2.25rem 2.25rem;
-  background-color: ;
-  box-shadow: 0 0 0.375rem 0.0625rem rgba(0,0,0,0.1);
-  width: 28.75rem;
-  margin: 0 auto 0 -14.375rem;
-  z-index: 101;
-}
-
-.c1 {
-  position: absolute;
-  right: 0.375rem;
-  top: 0.1875rem;
-}
-
-.c4 {
-  line-height: 1.25;
-  color: ;
-  margin: 0 0 0.75rem 0;
-}
-
-.c6 {
-  color: ;
-  margin: 0.75rem 0 1.875rem 0;
-}
-
-<div
-    className="c0"
+  <div
+    className="c1"
     width={460}
   >
-    .c2 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c2::-moz-focus-inner,
-.c2[type='button']::-moz-focus-inner,
-.c2[type='reset']::-moz-focus-inner,
-.c2[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c2:-moz-focusring,
-.c2[type='button']:-moz-focusring,
-.c2[type='reset']:-moz-focusring,
-.c2[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c2:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c2:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c2:active,
-.c2:active:hover,
-.c2:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c2[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c2 + button {
-  margin-left: 1.25rem;
-}
-
-.c1 {
-  background-color: #FFFFFF;
-  padding: 0.75rem;
-  min-width: auto;
-  border: none;
-  box-shadow: none;
-}
-
-.c1:hover,
-.c1:focus,
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  box-shadow: none;
-}
-
-.c0 {
-  position: absolute;
-  right: 0.375rem;
-  top: 0.1875rem;
-}
-
-<button
-      className="c0 c1 c2"
+    <button
+      className="c2 c3 c4"
       onClick={[Function]}
     >
       <svg
@@ -683,484 +266,28 @@ exports[`renders <ServiceDelete /> without throwing 1`] = `
         />
       </svg>
     </button>
-    .c5 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c5::-moz-focus-inner,
-.c5[type='button']::-moz-focus-inner,
-.c5[type='reset']::-moz-focus-inner,
-.c5[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c5:-moz-focusring,
-.c5[type='button']:-moz-focusring,
-.c5[type='reset']:-moz-focusring,
-.c5[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c5:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c5:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c5:active,
-.c5:active:hover,
-.c5:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c5[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c5 + button {
-  margin-left: 1.25rem;
-}
-
-.c4 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c4::-moz-focus-inner,
-.c4[type='button']::-moz-focus-inner,
-.c4[type='reset']::-moz-focus-inner,
-.c4[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c4:-moz-focusring,
-.c4[type='button']:-moz-focusring,
-.c4[type='reset']:-moz-focusring,
-.c4[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c4:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c4:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c4[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c4:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c4:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c4 + button {
-  margin-left: 1.25rem;
-}
-
-.c1 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 500;
-  font-size: 1.5rem;
-}
-
-.c3 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-}
-
-.c0 {
-  line-height: 1.25;
-  color: ;
-  margin: 0 0 0.75rem 0;
-}
-
-.c2 {
-  color: ;
-  margin: 0.75rem 0 1.875rem 0;
-}
-
-<div>
-      .c1 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 500;
-  font-size: 1.5rem;
-}
-
-.c0 {
-  line-height: 1.25;
-  color: ;
-  margin: 0 0 0.75rem 0;
-}
-
-<h2
-        className="c0 c1"
+    <div>
+      <h2
+        className="c5 c6"
       >
         Deleting a service: 
         <br />
          
         Nginx
       </h2>
-      .c1 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-}
-
-.c0 {
-  color: ;
-  margin: 0.75rem 0 1.875rem 0;
-}
-
-<p
-        className="c0 c1"
+      <p
+        className="c7 c8"
       >
         Deleting a service can lead to irreversible loss of data and failures in your application. Are you sure you want to continue?
       </p>
-      .c0 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c0::-moz-focus-inner,
-.c0[type='button']::-moz-focus-inner,
-.c0[type='reset']::-moz-focus-inner,
-.c0[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c0:-moz-focusring,
-.c0[type='button']:-moz-focusring,
-.c0[type='reset']:-moz-focusring,
-.c0[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c0:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c0[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c0:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0 + button {
-  margin-left: 1.25rem;
-}
-
-<button
-        className="c0"
+      <button
+        className="c9"
         onClick={[Function]}
       >
         Cancel
       </button>
-      .c0 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c0::-moz-focus-inner,
-.c0[type='button']::-moz-focus-inner,
-.c0[type='reset']::-moz-focus-inner,
-.c0[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c0:-moz-focusring,
-.c0[type='button']:-moz-focusring,
-.c0[type='reset']:-moz-focusring,
-.c0[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c0:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c0[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c0 + button {
-  margin-left: 1.25rem;
-}
-
-<button
-        className="c0"
+      <button
+        className="c4"
         onClick={[Function]}
       >
         Delete service
diff --git a/packages/cp-frontend/test/unit/containers/service/__snapshots__/scale.js.snap b/packages/cp-frontend/test/unit/containers/service/__snapshots__/scale.js.snap
index b18d0580..2bf44d11 100644
--- a/packages/cp-frontend/test/unit/containers/service/__snapshots__/scale.js.snap
+++ b/packages/cp-frontend/test/unit/containers/service/__snapshots__/scale.js.snap
@@ -41,9 +41,7 @@ exports[`renders <ServiceScale /> without throwing 1`] = `
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
-  color: ;
   background-image: none;
-  background-color: ;
   border-radius: 0.25rem;
   border: solid 0.0625rem;
 }
@@ -66,12 +64,9 @@ exports[`renders <ServiceScale /> without throwing 1`] = `
 .c4:focus {
   outline: 0;
   text-decoration: none;
-  background-color: ;
-  border-color: ;
 }
 
 .c4:hover {
-  background-color: ;
   border: solid 0.0625rem;
 }
 
@@ -80,8 +75,6 @@ exports[`renders <ServiceScale /> without throwing 1`] = `
 .c4:active:focus {
   background-image: none;
   outline: 0;
-  background-color: ;
-  border-color: ;
 }
 
 .c4[disabled] {
@@ -133,14 +126,9 @@ exports[`renders <ServiceScale /> without throwing 1`] = `
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
-  color: ;
   background-image: none;
-  background-color: ;
   border-radius: 0.25rem;
   border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
 }
 
 .c18::-moz-focus-inner,
@@ -161,12 +149,9 @@ exports[`renders <ServiceScale /> without throwing 1`] = `
 .c18:focus {
   outline: 0;
   text-decoration: none;
-  background-color: ;
-  border-color: ;
 }
 
 .c18:hover {
-  background-color: ;
   border: solid 0.0625rem;
 }
 
@@ -175,8 +160,6 @@ exports[`renders <ServiceScale /> without throwing 1`] = `
 .c18:active:focus {
   background-image: none;
   outline: 0;
-  background-color: ;
-  border-color: ;
 }
 
 .c18[disabled] {
@@ -184,23 +167,6 @@ exports[`renders <ServiceScale /> without throwing 1`] = `
   pointer-events: none;
 }
 
-.c18:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c18:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c18:active,
-.c18:active:hover,
-.c18:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
 .c18 + button {
   margin-left: 1.25rem;
 }
@@ -245,17 +211,9 @@ exports[`renders <ServiceScale /> without throwing 1`] = `
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
-  color: ;
   background-image: none;
-  background-color: ;
   border-radius: 0.25rem;
   border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-  color: ;
-  background-color: ;
-  border-color: ;
   box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
 }
 
@@ -277,12 +235,9 @@ exports[`renders <ServiceScale /> without throwing 1`] = `
 .c19:focus {
   outline: 0;
   text-decoration: none;
-  background-color: ;
-  border-color: ;
 }
 
 .c19:hover {
-  background-color: ;
   border: solid 0.0625rem;
 }
 
@@ -291,8 +246,6 @@ exports[`renders <ServiceScale /> without throwing 1`] = `
 .c19:active:focus {
   background-image: none;
   outline: 0;
-  background-color: ;
-  border-color: ;
 }
 
 .c19[disabled] {
@@ -300,40 +253,6 @@ exports[`renders <ServiceScale /> without throwing 1`] = `
   pointer-events: none;
 }
 
-.c19:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c19:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c19:active,
-.c19:active:hover,
-.c19:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c19:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c19:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c19:active,
-.c19:active:hover,
-.c19:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
 .c19 + button {
   margin-left: 1.25rem;
 }
@@ -392,7 +311,6 @@ exports[`renders <ServiceScale /> without throwing 1`] = `
   left: 50%;
   top: 33.33%;
   padding: 2.25rem 2.25rem 2.25rem 2.25rem;
-  background-color: ;
   box-shadow: 0 0 0.375rem 0.0625rem rgba(0,0,0,0.1);
   width: 28.75rem;
   margin: 0 auto 0 -14.375rem;
@@ -407,12 +325,10 @@ exports[`renders <ServiceScale /> without throwing 1`] = `
 
 .c5 {
   line-height: 1.25;
-  color: ;
   margin: 0 0 0.75rem 0;
 }
 
 .c7 {
-  color: ;
   margin: 0.75rem 0 1.875rem 0;
 }
 
@@ -428,7 +344,6 @@ exports[`renders <ServiceScale /> without throwing 1`] = `
   appearance: button;
   border-radius: 0.25rem;
   border: solid 0.0625rem;
-  background-color: ;
   box-sizing: border-box;
   display: inline-block;
   -webkit-box-pack: center;
@@ -464,72 +379,19 @@ exports[`renders <ServiceScale /> without throwing 1`] = `
   outline: 0.0625rem dotted ButtonText;
 }
 
-.c14 > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
 .c14:focus {
   outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c14:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c14:focus,
-.c14:hover > svg {
-  -webkit-fill: ;
-  fill: ;
 }
 
 .c14:active,
 .c14:active:hover,
 .c14:active:focus {
   outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c14:active,
-.c14:active:hover,
-.c14:active:focus > svg {
-  -webkit-fill: ;
-  fill: ;
 }
 
 .c14[disabled] {
   cursor: not-allowed;
   pointer-events: none;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c14[disabled] > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c14[disabled]:focus,
-.c14[disabled]:hover,
-.c14[disabled]:active,
-.c14[disabled]:active:hover,
-.c14[disabled]:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c14[disabled]:focus,
-.c14[disabled]:hover,
-.c14[disabled]:active,
-.c14[disabled]:active:hover,
-.c14[disabled]:active:focus > svg {
-  -webkit-fill: ;
-  fill: ;
 }
 
 .c16 {
@@ -560,7 +422,6 @@ exports[`renders <ServiceScale /> without throwing 1`] = `
   font-style: normal;
   font-stretch: normal;
   display: block;
-  color: ;
   float: right;
 }
 
@@ -576,14 +437,12 @@ exports[`renders <ServiceScale /> without throwing 1`] = `
   margin-top: 0.5rem;
   padding: 0.8125rem 1.125rem;
   border-radius: 0.25rem;
-  background-color: ;
   border: 0.0625rem solid;
   font-size: 0.9375rem;
   line-height: normal !important;
   font-weight: 400;
   font-style: normal;
   font-stretch: normal;
-  color: ;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
@@ -591,7 +450,6 @@ exports[`renders <ServiceScale /> without throwing 1`] = `
 }
 
 .c13:focus {
-  border-color: ;
   outline: 0;
 }
 
@@ -604,718 +462,12 @@ exports[`renders <ServiceScale /> without throwing 1`] = `
 <div
   className="c0"
 >
-  .c3 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c3::-moz-focus-inner,
-.c3[type='button']::-moz-focus-inner,
-.c3[type='reset']::-moz-focus-inner,
-.c3[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c3:-moz-focusring,
-.c3[type='button']:-moz-focusring,
-.c3[type='reset']:-moz-focusring,
-.c3[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c3:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c3:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c3:active,
-.c3:active:hover,
-.c3:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c3[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c3 + button {
-  margin-left: 1.25rem;
-}
-
-.c17 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c17::-moz-focus-inner,
-.c17[type='button']::-moz-focus-inner,
-.c17[type='reset']::-moz-focus-inner,
-.c17[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c17:-moz-focusring,
-.c17[type='button']:-moz-focusring,
-.c17[type='reset']:-moz-focusring,
-.c17[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c17:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c17:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c17:active,
-.c17:active:hover,
-.c17:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c17[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c17:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c17:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c17:active,
-.c17:active:hover,
-.c17:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c17 + button {
-  margin-left: 1.25rem;
-}
-
-.c18 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-  color: ;
-  background-color: ;
-  border-color: ;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-}
-
-.c18::-moz-focus-inner,
-.c18[type='button']::-moz-focus-inner,
-.c18[type='reset']::-moz-focus-inner,
-.c18[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c18:-moz-focusring,
-.c18[type='button']:-moz-focusring,
-.c18[type='reset']:-moz-focusring,
-.c18[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c18:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c18:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c18:active,
-.c18:active:hover,
-.c18:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c18[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c18:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c18:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c18:active,
-.c18:active:hover,
-.c18:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c18:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c18:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c18:active,
-.c18:active:hover,
-.c18:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c18 + button {
-  margin-left: 1.25rem;
-}
-
-.c5 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 500;
-  font-size: 1.5rem;
-}
-
-.c7 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-}
-
-.c16 {
-  vertical-align: middle;
-}
-
-.c14 {
-  vertical-align: middle;
-}
-
-.c2 {
-  background-color: #FFFFFF;
-  padding: 0.75rem;
-  min-width: auto;
-  border: none;
-  box-shadow: none;
-}
-
-.c2:hover,
-.c2:focus,
-.c2:active,
-.c2:active:hover,
-.c2:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  box-shadow: none;
-}
-
-.c0 {
-  position: absolute;
-  left: 50%;
-  top: 33.33%;
-  padding: 2.25rem 2.25rem 2.25rem 2.25rem;
-  background-color: ;
-  box-shadow: 0 0 0.375rem 0.0625rem rgba(0,0,0,0.1);
-  width: 28.75rem;
-  margin: 0 auto 0 -14.375rem;
-  z-index: 101;
-}
-
-.c1 {
-  position: absolute;
-  right: 0.375rem;
-  top: 0.1875rem;
-}
-
-.c4 {
-  line-height: 1.25;
-  color: ;
-  margin: 0 0 0.75rem 0;
-}
-
-.c6 {
-  color: ;
-  margin: 0.75rem 0 1.875rem 0;
-}
-
-.c13 {
-  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;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  background-color: ;
-  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;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  text-align: center;
-  line-height: normal;
-  vertical-align: middle;
-  touch-action: manipulation;
-  min-width: 0;
-  cursor: pointer;
-}
-
-.c13::-moz-focus-inner,
-.c13[type='button']::-moz-focus-inner,
-.c13[type='reset']::-moz-focus-inner,
-.c13[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c13:-moz-focusring,
-.c13[type='button']:-moz-focusring,
-.c13[type='reset']:-moz-focusring,
-.c13[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c13 > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c13:focus {
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c13:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c13:focus,
-.c13:hover > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c13:active,
-.c13:active:hover,
-.c13:active:focus {
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c13:active,
-.c13:active:hover,
-.c13:active:focus > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c13[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c13[disabled] > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c13[disabled]:focus,
-.c13[disabled]:hover,
-.c13[disabled]:active,
-.c13[disabled]:active:hover,
-.c13[disabled]:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c13[disabled]:focus,
-.c13[disabled]:hover,
-.c13[disabled]:active,
-.c13[disabled]:active:hover,
-.c13[disabled]:active:focus > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c15 {
-  margin-left: 0.375rem;
-}
-
-.c8 {
-  padding: 0.35em 0.75em 0.625em;
-  display: inline-block;
-  margin: 0;
-  padding: 0;
-  border: none;
-  overflow: hidden;
-  width: 100%;
-  height: auto;
-  -webkit-margin-start: 0;
-  -webkit-margin-end: 0;
-  -webkit-padding-before: 0;
-  -webkit-padding-start: 0;
-  -webkit-padding-end: 0;
-  -webkit-padding-after: 0;
-}
-
-.c9 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  font-size: 0.9375rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: ;
-  float: right;
-}
-
-.c10 {
-  margin-bottom: 1.5rem;
-}
-
-.c12 {
-  box-sizing: border-box;
-  width: 100%;
-  height: 3rem;
-  margin-bottom: 0.5rem;
-  margin-top: 0.5rem;
-  padding: 0.8125rem 1.125rem;
-  border-radius: 0.25rem;
-  background-color: ;
-  border: 0.0625rem solid;
-  font-size: 0.9375rem;
-  line-height: normal !important;
-  font-weight: 400;
-  font-style: normal;
-  font-stretch: normal;
-  color: ;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  outline: 0;
-}
-
-.c12:focus {
-  border-color: ;
-  outline: 0;
-}
-
-.c11 {
-  width: 7.5rem;
-  margin: 0 0.75rem 0 0;
-  vertical-align: middle;
-}
-
-<div
-    className="c0"
+  <div
+    className="c1"
     width={460}
   >
-    .c2 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c2::-moz-focus-inner,
-.c2[type='button']::-moz-focus-inner,
-.c2[type='reset']::-moz-focus-inner,
-.c2[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c2:-moz-focusring,
-.c2[type='button']:-moz-focusring,
-.c2[type='reset']:-moz-focusring,
-.c2[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c2:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c2:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c2:active,
-.c2:active:hover,
-.c2:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c2[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c2 + button {
-  margin-left: 1.25rem;
-}
-
-.c1 {
-  background-color: #FFFFFF;
-  padding: 0.75rem;
-  min-width: auto;
-  border: none;
-  box-shadow: none;
-}
-
-.c1:hover,
-.c1:focus,
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-color: #FFFFFF;
-  border: none;
-  box-shadow: none;
-}
-
-.c0 {
-  position: absolute;
-  right: 0.375rem;
-  top: 0.1875rem;
-}
-
-<button
-      className="c0 c1 c2"
+    <button
+      className="c2 c3 c4"
       onClick={[Function]}
     >
       <svg
@@ -1335,1100 +487,36 @@ exports[`renders <ServiceScale /> without throwing 1`] = `
         />
       </svg>
     </button>
-    .c13 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c13::-moz-focus-inner,
-.c13[type='button']::-moz-focus-inner,
-.c13[type='reset']::-moz-focus-inner,
-.c13[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c13:-moz-focusring,
-.c13[type='button']:-moz-focusring,
-.c13[type='reset']:-moz-focusring,
-.c13[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c13:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c13:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c13:active,
-.c13:active:hover,
-.c13:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c13[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c13:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c13:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c13:active,
-.c13:active:hover,
-.c13:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c13 + button {
-  margin-left: 1.25rem;
-}
-
-.c14 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-  color: ;
-  background-color: ;
-  border-color: ;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-}
-
-.c14::-moz-focus-inner,
-.c14[type='button']::-moz-focus-inner,
-.c14[type='reset']::-moz-focus-inner,
-.c14[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c14:-moz-focusring,
-.c14[type='button']:-moz-focusring,
-.c14[type='reset']:-moz-focusring,
-.c14[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c14:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c14:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c14:active,
-.c14:active:hover,
-.c14:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c14[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c14:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c14:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c14:active,
-.c14:active:hover,
-.c14:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c14:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c14:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c14:active,
-.c14:active:hover,
-.c14:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c14 + button {
-  margin-left: 1.25rem;
-}
-
-.c1 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 500;
-  font-size: 1.5rem;
-}
-
-.c3 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-}
-
-.c12 {
-  vertical-align: middle;
-}
-
-.c10 {
-  vertical-align: middle;
-}
-
-.c0 {
-  line-height: 1.25;
-  color: ;
-  margin: 0 0 0.75rem 0;
-}
-
-.c2 {
-  color: ;
-  margin: 0.75rem 0 1.875rem 0;
-}
-
-.c9 {
-  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;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  background-color: ;
-  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;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  text-align: center;
-  line-height: normal;
-  vertical-align: middle;
-  touch-action: manipulation;
-  min-width: 0;
-  cursor: pointer;
-}
-
-.c9::-moz-focus-inner,
-.c9[type='button']::-moz-focus-inner,
-.c9[type='reset']::-moz-focus-inner,
-.c9[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c9:-moz-focusring,
-.c9[type='button']:-moz-focusring,
-.c9[type='reset']:-moz-focusring,
-.c9[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c9 > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c9:focus {
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c9:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c9:focus,
-.c9:hover > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c9:active,
-.c9:active:hover,
-.c9:active:focus {
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c9:active,
-.c9:active:hover,
-.c9:active:focus > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c9[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c9[disabled] > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c9[disabled]:focus,
-.c9[disabled]:hover,
-.c9[disabled]:active,
-.c9[disabled]:active:hover,
-.c9[disabled]:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c9[disabled]:focus,
-.c9[disabled]:hover,
-.c9[disabled]:active,
-.c9[disabled]:active:hover,
-.c9[disabled]:active:focus > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c11 {
-  margin-left: 0.375rem;
-}
-
-.c4 {
-  padding: 0.35em 0.75em 0.625em;
-  display: inline-block;
-  margin: 0;
-  padding: 0;
-  border: none;
-  overflow: hidden;
-  width: 100%;
-  height: auto;
-  -webkit-margin-start: 0;
-  -webkit-margin-end: 0;
-  -webkit-padding-before: 0;
-  -webkit-padding-start: 0;
-  -webkit-padding-end: 0;
-  -webkit-padding-after: 0;
-}
-
-.c5 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  font-size: 0.9375rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: ;
-  float: right;
-}
-
-.c6 {
-  margin-bottom: 1.5rem;
-}
-
-.c8 {
-  box-sizing: border-box;
-  width: 100%;
-  height: 3rem;
-  margin-bottom: 0.5rem;
-  margin-top: 0.5rem;
-  padding: 0.8125rem 1.125rem;
-  border-radius: 0.25rem;
-  background-color: ;
-  border: 0.0625rem solid;
-  font-size: 0.9375rem;
-  line-height: normal !important;
-  font-weight: 400;
-  font-style: normal;
-  font-stretch: normal;
-  color: ;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  outline: 0;
-}
-
-.c8:focus {
-  border-color: ;
-  outline: 0;
-}
-
-.c7 {
-  width: 7.5rem;
-  margin: 0 0.75rem 0 0;
-  vertical-align: middle;
-}
-
-<form
+    <form
       onSubmit={[Function]}
     >
-      .c1 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 500;
-  font-size: 1.5rem;
-}
-
-.c0 {
-  line-height: 1.25;
-  color: ;
-  margin: 0 0 0.75rem 0;
-}
-
-<h2
-        className="c0 c1"
+      <h2
+        className="c5 c6"
       >
         Scaling a service: 
         <br />
         Nginx
       </h2>
-      .c1 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-}
-
-.c0 {
-  color: ;
-  margin: 0.75rem 0 1.875rem 0;
-}
-
-<p
-        className="c0 c1"
+      <p
+        className="c7 c8"
       >
         Choose how many instances of a service you want to have running.
       </p>
-      .c8 {
-  vertical-align: middle;
-}
-
-.c6 {
-  vertical-align: middle;
-}
-
-.c5 {
-  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;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  background-color: ;
-  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;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  text-align: center;
-  line-height: normal;
-  vertical-align: middle;
-  touch-action: manipulation;
-  min-width: 0;
-  cursor: pointer;
-}
-
-.c5::-moz-focus-inner,
-.c5[type='button']::-moz-focus-inner,
-.c5[type='reset']::-moz-focus-inner,
-.c5[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c5:-moz-focusring,
-.c5[type='button']:-moz-focusring,
-.c5[type='reset']:-moz-focusring,
-.c5[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c5 > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c5:focus {
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c5:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c5:focus,
-.c5:hover > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c5:active,
-.c5:active:hover,
-.c5:active:focus {
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c5:active,
-.c5:active:hover,
-.c5:active:focus > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c5[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c5[disabled] > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c5[disabled]:focus,
-.c5[disabled]:hover,
-.c5[disabled]:active,
-.c5[disabled]:active:hover,
-.c5[disabled]:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c5[disabled]:focus,
-.c5[disabled]:hover,
-.c5[disabled]:active,
-.c5[disabled]:active:hover,
-.c5[disabled]:active:focus > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c7 {
-  margin-left: 0.375rem;
-}
-
-.c0 {
-  padding: 0.35em 0.75em 0.625em;
-  display: inline-block;
-  margin: 0;
-  padding: 0;
-  border: none;
-  overflow: hidden;
-  width: 100%;
-  height: auto;
-  -webkit-margin-start: 0;
-  -webkit-margin-end: 0;
-  -webkit-padding-before: 0;
-  -webkit-padding-start: 0;
-  -webkit-padding-end: 0;
-  -webkit-padding-after: 0;
-}
-
-.c1 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  font-size: 0.9375rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: ;
-  float: right;
-}
-
-.c2 {
-  margin-bottom: 1.5rem;
-}
-
-.c4 {
-  box-sizing: border-box;
-  width: 100%;
-  height: 3rem;
-  margin-bottom: 0.5rem;
-  margin-top: 0.5rem;
-  padding: 0.8125rem 1.125rem;
-  border-radius: 0.25rem;
-  background-color: ;
-  border: 0.0625rem solid;
-  font-size: 0.9375rem;
-  line-height: normal !important;
-  font-weight: 400;
-  font-style: normal;
-  font-stretch: normal;
-  color: ;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  outline: 0;
-}
-
-.c4:focus {
-  border-color: ;
-  outline: 0;
-}
-
-.c3 {
-  width: 7.5rem;
-  margin: 0 0.75rem 0 0;
-  vertical-align: middle;
-}
-
-<fieldset
-        className="c0"
+      <fieldset
+        className="c9"
         style={undefined}
       >
-        .c7 {
-  vertical-align: middle;
-}
-
-.c5 {
-  vertical-align: middle;
-}
-
-.c4 {
-  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;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  background-color: ;
-  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;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  text-align: center;
-  line-height: normal;
-  vertical-align: middle;
-  touch-action: manipulation;
-  min-width: 0;
-  cursor: pointer;
-}
-
-.c4::-moz-focus-inner,
-.c4[type='button']::-moz-focus-inner,
-.c4[type='reset']::-moz-focus-inner,
-.c4[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c4:-moz-focusring,
-.c4[type='button']:-moz-focusring,
-.c4[type='reset']:-moz-focusring,
-.c4[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c4 > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c4:focus {
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c4:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c4:focus,
-.c4:hover > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c4[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c4[disabled] > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c4[disabled]:focus,
-.c4[disabled]:hover,
-.c4[disabled]:active,
-.c4[disabled]:active:hover,
-.c4[disabled]:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c4[disabled]:focus,
-.c4[disabled]:hover,
-.c4[disabled]:active,
-.c4[disabled]:active:hover,
-.c4[disabled]:active:focus > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c6 {
-  margin-left: 0.375rem;
-}
-
-.c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  font-size: 0.9375rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: ;
-  float: right;
-}
-
-.c1 {
-  margin-bottom: 1.5rem;
-}
-
-.c3 {
-  box-sizing: border-box;
-  width: 100%;
-  height: 3rem;
-  margin-bottom: 0.5rem;
-  margin-top: 0.5rem;
-  padding: 0.8125rem 1.125rem;
-  border-radius: 0.25rem;
-  background-color: ;
-  border: 0.0625rem solid;
-  font-size: 0.9375rem;
-  line-height: normal !important;
-  font-weight: 400;
-  font-style: normal;
-  font-stretch: normal;
-  color: ;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  outline: 0;
-}
-
-.c3:focus {
-  border-color: ;
-  outline: 0;
-}
-
-.c2 {
-  width: 7.5rem;
-  margin: 0 0.75rem 0 0;
-  vertical-align: middle;
-}
-
-<div>
-          .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  font-size: 0.9375rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: ;
-  float: right;
-}
-
-<label
-            className="c0"
+        <div>
+          <label
+            className="c10"
             form="scale-service"
           />
-          .c6 {
-  vertical-align: middle;
-}
-
-.c4 {
-  vertical-align: middle;
-}
-
-.c3 {
-  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;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  background-color: ;
-  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;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  text-align: center;
-  line-height: normal;
-  vertical-align: middle;
-  touch-action: manipulation;
-  min-width: 0;
-  cursor: pointer;
-}
-
-.c3::-moz-focus-inner,
-.c3[type='button']::-moz-focus-inner,
-.c3[type='reset']::-moz-focus-inner,
-.c3[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c3:-moz-focusring,
-.c3[type='button']:-moz-focusring,
-.c3[type='reset']:-moz-focusring,
-.c3[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c3 > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c3:focus {
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c3:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c3:focus,
-.c3:hover > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c3:active,
-.c3:active:hover,
-.c3:active:focus {
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c3:active,
-.c3:active:hover,
-.c3:active:focus > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c3[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c3[disabled] > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c3[disabled]:focus,
-.c3[disabled]:hover,
-.c3[disabled]:active,
-.c3[disabled]:active:hover,
-.c3[disabled]:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c3[disabled]:focus,
-.c3[disabled]:hover,
-.c3[disabled]:active,
-.c3[disabled]:active:hover,
-.c3[disabled]:active:focus > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c5 {
-  margin-left: 0.375rem;
-}
-
-.c0 {
-  margin-bottom: 1.5rem;
-}
-
-.c2 {
-  box-sizing: border-box;
-  width: 100%;
-  height: 3rem;
-  margin-bottom: 0.5rem;
-  margin-top: 0.5rem;
-  padding: 0.8125rem 1.125rem;
-  border-radius: 0.25rem;
-  background-color: ;
-  border: 0.0625rem solid;
-  font-size: 0.9375rem;
-  line-height: normal !important;
-  font-weight: 400;
-  font-style: normal;
-  font-stretch: normal;
-  color: ;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  outline: 0;
-}
-
-.c2:focus {
-  border-color: ;
-  outline: 0;
-}
-
-.c1 {
-  width: 7.5rem;
-  margin: 0 0.75rem 0 0;
-  vertical-align: middle;
-}
-
-<div
-            className="c0"
+          <div
+            className="c11"
           >
-            .c1 {
-  box-sizing: border-box;
-  width: 100%;
-  height: 3rem;
-  margin-bottom: 0.5rem;
-  margin-top: 0.5rem;
-  padding: 0.8125rem 1.125rem;
-  border-radius: 0.25rem;
-  background-color: ;
-  border: 0.0625rem solid;
-  font-size: 0.9375rem;
-  line-height: normal !important;
-  font-weight: 400;
-  font-style: normal;
-  font-stretch: normal;
-  color: ;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  outline: 0;
-}
-
-.c1:focus {
-  border-color: ;
-  outline: 0;
-}
-
-.c0 {
-  width: 7.5rem;
-  margin: 0 0.75rem 0 0;
-  vertical-align: middle;
-}
-
-<input
-              className="c0 c1"
-              id="bkfjdT"
+            <input
+              className="c12 c13"
+              id="bIxZkW"
               name="replicas"
               onBlur={[Function]}
               onChange={[Function]}
@@ -2437,136 +525,12 @@ exports[`renders <ServiceScale /> without throwing 1`] = `
               onFocus={[Function]}
               value={1}
             />
-            .c1 {
-  vertical-align: middle;
-}
-
-.c0 {
-  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;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  background-color: ;
-  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;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  text-align: center;
-  line-height: normal;
-  vertical-align: middle;
-  touch-action: manipulation;
-  min-width: 0;
-  cursor: pointer;
-}
-
-.c0::-moz-focus-inner,
-.c0[type='button']::-moz-focus-inner,
-.c0[type='reset']::-moz-focus-inner,
-.c0[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c0:-moz-focusring,
-.c0[type='button']:-moz-focusring,
-.c0[type='reset']:-moz-focusring,
-.c0[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c0 > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c0:focus {
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:focus,
-.c0:hover > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c0[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c0[disabled] > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c0[disabled]:focus,
-.c0[disabled]:hover,
-.c0[disabled]:active,
-.c0[disabled]:active:hover,
-.c0[disabled]:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0[disabled]:focus,
-.c0[disabled]:hover,
-.c0[disabled]:active,
-.c0[disabled]:active:hover,
-.c0[disabled]:active:focus > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-<button
-              className="c0"
+            <button
+              className="c14"
               onClick={[Function]}
             >
-              .c0 {
-  vertical-align: middle;
-}
-
-<svg
-                className="c0"
+              <svg
+                className="c15"
                 height="2"
                 verticalAlign="middle"
                 viewBox="0 0 8 2"
@@ -2583,140 +547,12 @@ exports[`renders <ServiceScale /> without throwing 1`] = `
                 />
               </svg>
             </button>
-            .c2 {
-  vertical-align: middle;
-}
-
-.c1 {
-  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;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  background-color: ;
-  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;
-  padding: 0.9375rem 1.125rem;
-  position: relative;
-  text-align: center;
-  line-height: normal;
-  vertical-align: middle;
-  touch-action: manipulation;
-  min-width: 0;
-  cursor: pointer;
-}
-
-.c1::-moz-focus-inner,
-.c1[type='button']::-moz-focus-inner,
-.c1[type='reset']::-moz-focus-inner,
-.c1[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c1:-moz-focusring,
-.c1[type='button']:-moz-focusring,
-.c1[type='reset']:-moz-focusring,
-.c1[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c1 > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c1:focus {
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c1:focus,
-.c1:hover > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c1[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c1[disabled] > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c1[disabled]:focus,
-.c1[disabled]:hover,
-.c1[disabled]:active,
-.c1[disabled]:active:hover,
-.c1[disabled]:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c1[disabled]:focus,
-.c1[disabled]:hover,
-.c1[disabled]:active,
-.c1[disabled]:active:hover,
-.c1[disabled]:active:focus > svg {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c0 {
-  margin-left: 0.375rem;
-}
-
-<button
-              className="c0 c1"
+            <button
+              className="c16 c14"
               onClick={[Function]}
             >
-              .c0 {
-  vertical-align: middle;
-}
-
-<svg
-                className="c0"
+              <svg
+                className="c17"
                 height="8"
                 verticalAlign="middle"
                 viewBox="0 0 8 8"
@@ -2736,260 +572,15 @@ exports[`renders <ServiceScale /> without throwing 1`] = `
           </div>
         </div>
       </fieldset>
-      .c0 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-}
-
-.c0::-moz-focus-inner,
-.c0[type='button']::-moz-focus-inner,
-.c0[type='reset']::-moz-focus-inner,
-.c0[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c0:-moz-focusring,
-.c0[type='button']:-moz-focusring,
-.c0[type='reset']:-moz-focusring,
-.c0[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c0:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c0[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c0:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0 + button {
-  margin-left: 1.25rem;
-}
-
-<button
-        className="c0"
+      <button
+        className="c18"
         onClick={[Function]}
         type="button"
       >
         Cancel
       </button>
-      .c0 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  color: ;
-  background-color: ;
-  border-color: ;
-  color: ;
-  background-color: ;
-  border-color: ;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-}
-
-.c0::-moz-focus-inner,
-.c0[type='button']::-moz-focus-inner,
-.c0[type='reset']::-moz-focus-inner,
-.c0[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c0:-moz-focusring,
-.c0[type='button']:-moz-focusring,
-.c0[type='reset']:-moz-focusring,
-.c0[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c0:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c0[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c0:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:hover {
-  background-color: ;
-  border-color: ;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: ;
-  border-color: ;
-}
-
-.c0 + button {
-  margin-left: 1.25rem;
-}
-
-<button
-        className="c0"
+      <button
+        className="c19"
         disabled={true}
         type="submit"
       >
diff --git a/packages/cp-frontend/test/unit/containers/services/__snapshots__/list.js.snap b/packages/cp-frontend/test/unit/containers/services/__snapshots__/list.js.snap
index a6a5bf7d..f5085aff 100644
--- a/packages/cp-frontend/test/unit/containers/services/__snapshots__/list.js.snap
+++ b/packages/cp-frontend/test/unit/containers/services/__snapshots__/list.js.snap
@@ -1,13 +1,11 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`renders <ServiceList /> without throwing 1`] = `
-.c9 {
-  color: ;
-  color: ;
+.c8 {
   text-decoration: none;
 }
 
-.c17 {
+.c16 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -47,63 +45,55 @@ exports[`renders <ServiceList /> without throwing 1`] = `
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
-  color: ;
   background-image: none;
-  background-color: ;
   border-radius: 0.25rem;
   border: solid 0.0625rem;
   border-radius: 0;
 }
 
-.c17::-moz-focus-inner,
-.c17[type='button']::-moz-focus-inner,
-.c17[type='reset']::-moz-focus-inner,
-.c17[type='submit']::-moz-focus-inner {
+.c16::-moz-focus-inner,
+.c16[type='button']::-moz-focus-inner,
+.c16[type='reset']::-moz-focus-inner,
+.c16[type='submit']::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
-.c17:-moz-focusring,
-.c17[type='button']:-moz-focusring,
-.c17[type='reset']:-moz-focusring,
-.c17[type='submit']:-moz-focusring {
+.c16:-moz-focusring,
+.c16[type='button']:-moz-focusring,
+.c16[type='reset']:-moz-focusring,
+.c16[type='submit']:-moz-focusring {
   outline: 0.0625rem dotted ButtonText;
 }
 
-.c17:focus {
+.c16:focus {
   outline: 0;
   text-decoration: none;
-  background-color: ;
-  border-color: ;
 }
 
-.c17:hover {
-  background-color: ;
+.c16:hover {
   border: solid 0.0625rem;
 }
 
-.c17:active,
-.c17:active:hover,
-.c17:active:focus {
+.c16:active,
+.c16:active:hover,
+.c16:active:focus {
   background-image: none;
   outline: 0;
-  background-color: ;
-  border-color: ;
 }
 
-.c17[disabled] {
+.c16[disabled] {
   cursor: not-allowed;
   pointer-events: none;
 }
 
-.c17 + button {
+.c16 + button {
   margin-left: 1.25rem;
 }
 
 .c6 {
   font-size: 0.9375rem;
   line-height: 1.5;
-  color: ;
   font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   font-weight: 600;
   display: -webkit-box;
@@ -125,7 +115,6 @@ exports[`renders <ServiceList /> without throwing 1`] = `
   flex-basis: 5.625rem;
   width: 100%;
   padding: 0.75rem 1.125rem 0 1.125rem;
-  color: ;
   -webkit-flex-grow: 6;
   -ms-flex-grow: 6;
   flex-grow: 6;
@@ -140,10 +129,9 @@ exports[`renders <ServiceList /> without throwing 1`] = `
   padding: 0 1.125rem;
 }
 
-.c24 {
+.c23 {
   font-size: 0.9375rem;
   line-height: 1.5;
-  color: ;
   font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   font-weight: 600;
   display: -webkit-box;
@@ -167,7 +155,7 @@ exports[`renders <ServiceList /> without throwing 1`] = `
   padding: 0.75rem 1.125rem 0 1.125rem;
 }
 
-.c10 {
+.c9 {
   font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   font-weight: 400;
   -webkit-flex-grow: 1;
@@ -178,7 +166,7 @@ exports[`renders <ServiceList /> without throwing 1`] = `
   flex-basis: 5.625rem;
 }
 
-.c23 {
+.c22 {
   font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   font-weight: 400;
   -webkit-flex-grow: 1;
@@ -190,7 +178,7 @@ exports[`renders <ServiceList /> without throwing 1`] = `
   padding-bottom: 0.75rem;
 }
 
-.c11 {
+.c10 {
   -webkit-box-pack: start;
   -webkit-justify-content: flex-start;
   -ms-flex-pack: start;
@@ -221,7 +209,6 @@ exports[`renders <ServiceList /> without throwing 1`] = `
   min-height: 7.875rem;
   margin-bottom: 0.625rem;
   border: 0.0625rem solid;
-  background-color: ;
   box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
@@ -252,7 +239,6 @@ exports[`renders <ServiceList /> without throwing 1`] = `
   min-height: 7.875rem;
   margin-bottom: 0.625rem;
   border: 0.0625rem solid;
-  background-color: ;
   box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
@@ -270,546 +256,6 @@ exports[`renders <ServiceList /> without throwing 1`] = `
   -webkit-flex-direction: row;
   -ms-flex-direction: row;
   flex-direction: row;
-  background-color: ;
-  border: solid 0.0625rem;
-  box-shadow: none;
-  width: calc(100% + 0.125rem);
-  margin: -0.0625rem -0.0625rem 0 -0.0625rem;
-}
-
-.c21 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 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.5rem;
-  margin-left: -0.5rem;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  margin: 0;
-  height: auto;
-  padding-top: 0;
-  min-width: auto;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-}
-
-.c15 {
-  display: block;
-  -webkit-flex: 0 0 2.9375rem;
-  -ms-flex: 0 0 2.9375rem;
-  flex: 0 0 2.9375rem;
-  border-left: 0.0625rem solid;
-  box-sizing: border-box;
-  border-left-color: ;
-}
-
-.c16 {
-  position: relative;
-  border-width: 0;
-  box-shadow: none;
-  width: 100%;
-  min-width: 2.875rem !important;
-  height: 7.75rem;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  overflow-x: visible;
-  overflow-y: visible;
-  height: 2.875rem;
-}
-
-.c16:focus {
-  border-width: 0;
-}
-
-.c16:hover {
-  border-width: 0;
-}
-
-.c16:active,
-.c16:active:hover,
-.c16:active:focus {
-  border-width: 0;
-}
-
-.c18 {
-  position: absolute;
-  left: 50%;
-  top: 35%;
-}
-
-.c19 {
-  margin: 0 0 0.125rem -0.125rem;
-  border-radius: 50%;
-  background-color: ;
-  width: 0.25rem;
-  height: 0.25rem;
-}
-
-.c14 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  font-size: 0.9375rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: ;
-  display: inline-block;
-  color: undefined;
-  margin-left: 1.5rem;
-}
-
-.c14::first-letter {
-  text-transform: capitalize;
-}
-
-.c13 {
-  position: absolute;
-}
-
-.c13 > svg {
-  -webkit-fill: undefined;
-  fill: undefined;
-}
-
-.c12 {
-  height: 100%;
-  float: right;
-  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;
-}
-
-.c0 {
-  margin-right: auto;
-  margin-left: auto;
-  padding-top: 1.1875rem;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  display: block;
-  -webkit-flex-flow: column;
-  -ms-flex-flow: column;
-  flex-flow: column;
-}
-
-.c25 {
-  display: inline-block;
-  margin: 0;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-}
-
-.c26 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-  margin: 0 0 0.375rem 0;
-  font-size: 0.8125rem;
-  line-height: 0.8125rem;
-}
-
-.c3 {
-  position: relative;
-}
-
-.c7 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-box-pack: left;
-  -webkit-justify-content: left;
-  -ms-flex-pack: left;
-  justify-content: left;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c8 {
-  color: ;
-}
-
-.c20 {
-  height: 7.5rem;
-}
-
-.c22 {
-  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: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c27 {
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 1 auto;
-  -webkit-align-self: flex-end;
-  -ms-flex-item-align: flex-end;
-  align-self: flex-end;
-  position: absolute;
-  bottom: 0;
-}
-
-.c1 {
-  position: relative;
-}
-
-@media only screen and (min-width:48em) {
-  .c0 {
-    width: 46rem;
-  }
-}
-
-@media only screen and (min-width:64em) {
-  .c0 {
-    width: 61rem;
-  }
-}
-
-@media only screen and (min-width:75em) {
-  .c0 {
-    width: 76rem;
-  }
-}
-
-<div
-  className="c0"
->
-  .c8 {
-  color: ;
-  color: ;
-  text-decoration: none;
-}
-
-.c16 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  border-radius: 0;
-}
-
-.c16::-moz-focus-inner,
-.c16[type='button']::-moz-focus-inner,
-.c16[type='reset']::-moz-focus-inner,
-.c16[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c16:-moz-focusring,
-.c16[type='button']:-moz-focusring,
-.c16[type='reset']:-moz-focusring,
-.c16[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c16:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c16:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c16:active,
-.c16:active:hover,
-.c16:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c16[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c16 + button {
-  margin-left: 1.25rem;
-}
-
-.c5 {
-  font-size: 0.9375rem;
-  line-height: 1.5;
-  color: ;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 600;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  -webkit-flex-grow: 2;
-  -ms-flex-grow: 2;
-  flex-grow: 2;
-  -webkit-flex-basis: 5.625rem;
-  -ms-flex-basis: 5.625rem;
-  flex-basis: 5.625rem;
-  width: 100%;
-  padding: 0.75rem 1.125rem 0 1.125rem;
-  color: ;
-  -webkit-flex-grow: 6;
-  -ms-flex-grow: 6;
-  flex-grow: 6;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  width: auto;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  padding: 0 1.125rem;
-}
-
-.c23 {
-  font-size: 0.9375rem;
-  line-height: 1.5;
-  color: ;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 600;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  -webkit-flex-grow: 2;
-  -ms-flex-grow: 2;
-  flex-grow: 2;
-  -webkit-flex-basis: 5.625rem;
-  -ms-flex-basis: 5.625rem;
-  flex-basis: 5.625rem;
-  width: 100%;
-  padding: 0.75rem 1.125rem 0 1.125rem;
-}
-
-.c9 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  -webkit-flex-grow: 1;
-  -ms-flex-grow: 1;
-  flex-grow: 1;
-  -webkit-flex-basis: 5.625rem;
-  -ms-flex-basis: 5.625rem;
-  flex-basis: 5.625rem;
-}
-
-.c22 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  -webkit-flex-grow: 1;
-  -ms-flex-grow: 1;
-  flex-grow: 1;
-  -webkit-flex-basis: 5.625rem;
-  -ms-flex-basis: 5.625rem;
-  flex-basis: 5.625rem;
-  padding-bottom: 0.75rem;
-}
-
-.c10 {
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  height: 100%;
-  position: relative;
-}
-
-.c1 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 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.5rem;
-  margin-left: -0.5rem;
-  position: relative;
-  height: auto;
-  min-height: 7.875rem;
-  margin-bottom: 0.625rem;
-  border: 0.0625rem solid;
-  background-color: ;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  margin-right: 0rem;
-  margin-left: 0rem;
-}
-
-.c4 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 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.5rem;
-  margin-left: -0.5rem;
-  position: relative;
-  height: auto;
-  min-height: 7.875rem;
-  margin-bottom: 0.625rem;
-  border: 0.0625rem solid;
-  background-color: ;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  margin-right: 0rem;
-  margin-left: 0rem;
-  min-height: auto;
-  height: 3rem;
-  margin-bottom: 1rem;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.1);
-}
-
-.c3 {
-  position: absolute;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  background-color: ;
   border: solid 0.0625rem;
   box-shadow: none;
   width: calc(100% + 0.125rem);
@@ -852,7 +298,6 @@ exports[`renders <ServiceList /> without throwing 1`] = `
   flex: 0 0 2.9375rem;
   border-left: 0.0625rem solid;
   box-sizing: border-box;
-  border-left-color: ;
 }
 
 .c15 {
@@ -902,7 +347,6 @@ exports[`renders <ServiceList /> without throwing 1`] = `
 .c18 {
   margin: 0 0 0.125rem -0.125rem;
   border-radius: 50%;
-  background-color: ;
   width: 0.25rem;
   height: 0.25rem;
 }
@@ -914,7 +358,6 @@ exports[`renders <ServiceList /> without throwing 1`] = `
   font-style: normal;
   font-stretch: normal;
   display: block;
-  color: ;
   display: inline-block;
   color: undefined;
   margin-left: 1.5rem;
@@ -955,6 +398,19 @@ exports[`renders <ServiceList /> without throwing 1`] = `
   align-content: center;
 }
 
+.c0 {
+  margin-right: auto;
+  margin-left: auto;
+  padding-top: 1.1875rem;
+  -webkit-flex: 1 1 auto;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  display: block;
+  -webkit-flex-flow: column;
+  -ms-flex-flow: column;
+  flex-flow: column;
+}
+
 .c24 {
   display: inline-block;
   margin: 0;
@@ -976,11 +432,11 @@ exports[`renders <ServiceList /> without throwing 1`] = `
   line-height: 0.8125rem;
 }
 
-.c2 {
+.c3 {
   position: relative;
 }
 
-.c6 {
+.c7 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -998,10 +454,6 @@ exports[`renders <ServiceList /> without throwing 1`] = `
   align-items: center;
 }
 
-.c7 {
-  color: ;
-}
-
 .c19 {
   height: 7.5rem;
 }
@@ -1041,980 +493,52 @@ exports[`renders <ServiceList /> without throwing 1`] = `
   bottom: 0;
 }
 
-.c0 {
-  position: relative;
-}
-
-<div
-    className="c0"
-  >
-    .c7 {
-  color: ;
-  color: ;
-  text-decoration: none;
-}
-
-.c15 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  border-radius: 0;
-}
-
-.c15::-moz-focus-inner,
-.c15[type='button']::-moz-focus-inner,
-.c15[type='reset']::-moz-focus-inner,
-.c15[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c15:-moz-focusring,
-.c15[type='button']:-moz-focusring,
-.c15[type='reset']:-moz-focusring,
-.c15[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c15:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c15:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c15:active,
-.c15:active:hover,
-.c15:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c15[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c15 + button {
-  margin-left: 1.25rem;
-}
-
-.c4 {
-  font-size: 0.9375rem;
-  line-height: 1.5;
-  color: ;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 600;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  -webkit-flex-grow: 2;
-  -ms-flex-grow: 2;
-  flex-grow: 2;
-  -webkit-flex-basis: 5.625rem;
-  -ms-flex-basis: 5.625rem;
-  flex-basis: 5.625rem;
-  width: 100%;
-  padding: 0.75rem 1.125rem 0 1.125rem;
-  color: ;
-  -webkit-flex-grow: 6;
-  -ms-flex-grow: 6;
-  flex-grow: 6;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  width: auto;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  padding: 0 1.125rem;
-}
-
-.c22 {
-  font-size: 0.9375rem;
-  line-height: 1.5;
-  color: ;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 600;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  -webkit-flex-grow: 2;
-  -ms-flex-grow: 2;
-  flex-grow: 2;
-  -webkit-flex-basis: 5.625rem;
-  -ms-flex-basis: 5.625rem;
-  flex-basis: 5.625rem;
-  width: 100%;
-  padding: 0.75rem 1.125rem 0 1.125rem;
-}
-
-.c8 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  -webkit-flex-grow: 1;
-  -ms-flex-grow: 1;
-  flex-grow: 1;
-  -webkit-flex-basis: 5.625rem;
-  -ms-flex-basis: 5.625rem;
-  flex-basis: 5.625rem;
-}
-
-.c21 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  -webkit-flex-grow: 1;
-  -ms-flex-grow: 1;
-  flex-grow: 1;
-  -webkit-flex-basis: 5.625rem;
-  -ms-flex-basis: 5.625rem;
-  flex-basis: 5.625rem;
-  padding-bottom: 0.75rem;
-}
-
-.c9 {
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  height: 100%;
-  position: relative;
-}
-
-.c0 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 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.5rem;
-  margin-left: -0.5rem;
-  position: relative;
-  height: auto;
-  min-height: 7.875rem;
-  margin-bottom: 0.625rem;
-  border: 0.0625rem solid;
-  background-color: ;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  margin-right: 0rem;
-  margin-left: 0rem;
-}
-
-.c3 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 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.5rem;
-  margin-left: -0.5rem;
-  position: relative;
-  height: auto;
-  min-height: 7.875rem;
-  margin-bottom: 0.625rem;
-  border: 0.0625rem solid;
-  background-color: ;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  margin-right: 0rem;
-  margin-left: 0rem;
-  min-height: auto;
-  height: 3rem;
-  margin-bottom: 1rem;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.1);
-}
-
-.c2 {
-  position: absolute;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  background-color: ;
-  border: solid 0.0625rem;
-  box-shadow: none;
-  width: calc(100% + 0.125rem);
-  margin: -0.0625rem -0.0625rem 0 -0.0625rem;
-}
-
-.c19 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 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.5rem;
-  margin-left: -0.5rem;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  margin: 0;
-  height: auto;
-  padding-top: 0;
-  min-width: auto;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-}
-
-.c13 {
-  display: block;
-  -webkit-flex: 0 0 2.9375rem;
-  -ms-flex: 0 0 2.9375rem;
-  flex: 0 0 2.9375rem;
-  border-left: 0.0625rem solid;
-  box-sizing: border-box;
-  border-left-color: ;
-}
-
-.c14 {
-  position: relative;
-  border-width: 0;
-  box-shadow: none;
-  width: 100%;
-  min-width: 2.875rem !important;
-  height: 7.75rem;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  overflow-x: visible;
-  overflow-y: visible;
-  height: 2.875rem;
-}
-
-.c14:focus {
-  border-width: 0;
-}
-
-.c14:hover {
-  border-width: 0;
-}
-
-.c14:active,
-.c14:active:hover,
-.c14:active:focus {
-  border-width: 0;
-}
-
-.c16 {
-  position: absolute;
-  left: 50%;
-  top: 35%;
-}
-
-.c17 {
-  margin: 0 0 0.125rem -0.125rem;
-  border-radius: 50%;
-  background-color: ;
-  width: 0.25rem;
-  height: 0.25rem;
-}
-
-.c12 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  font-size: 0.9375rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: ;
-  display: inline-block;
-  color: undefined;
-  margin-left: 1.5rem;
-}
-
-.c12::first-letter {
-  text-transform: capitalize;
-}
-
-.c11 {
-  position: absolute;
-}
-
-.c11 > svg {
-  -webkit-fill: undefined;
-  fill: undefined;
-}
-
-.c10 {
-  height: 100%;
-  float: right;
-  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;
-}
-
-.c23 {
-  display: inline-block;
-  margin: 0;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-}
-
-.c24 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-  margin: 0 0 0.375rem 0;
-  font-size: 0.8125rem;
-  line-height: 0.8125rem;
-}
-
 .c1 {
   position: relative;
 }
 
-.c5 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-box-pack: left;
-  -webkit-justify-content: left;
-  -ms-flex-pack: left;
-  justify-content: left;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
+@media only screen and (min-width:48em) {
+  .c0 {
+    width: 46rem;
+  }
 }
 
-.c6 {
-  color: ;
+@media only screen and (min-width:64em) {
+  .c0 {
+    width: 61rem;
+  }
 }
 
-.c18 {
-  height: 7.5rem;
-}
-
-.c20 {
-  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: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c25 {
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 1 auto;
-  -webkit-align-self: flex-end;
-  -ms-flex-item-align: flex-end;
-  align-self: flex-end;
-  position: absolute;
-  bottom: 0;
+@media only screen and (min-width:75em) {
+  .c0 {
+    width: 76rem;
+  }
 }
 
 <div
-      className="c0"
+  className="c0"
+>
+  <div
+    className="c1"
+  >
+    <div
+      className="c2"
       name="card"
     >
-      .c6 {
-  color: ;
-  color: ;
-  text-decoration: none;
-}
-
-.c14 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  border-radius: 0;
-}
-
-.c14::-moz-focus-inner,
-.c14[type='button']::-moz-focus-inner,
-.c14[type='reset']::-moz-focus-inner,
-.c14[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c14:-moz-focusring,
-.c14[type='button']:-moz-focusring,
-.c14[type='reset']:-moz-focusring,
-.c14[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c14:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c14:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c14:active,
-.c14:active:hover,
-.c14:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c14[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c14 + button {
-  margin-left: 1.25rem;
-}
-
-.c3 {
-  font-size: 0.9375rem;
-  line-height: 1.5;
-  color: ;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 600;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  -webkit-flex-grow: 2;
-  -ms-flex-grow: 2;
-  flex-grow: 2;
-  -webkit-flex-basis: 5.625rem;
-  -ms-flex-basis: 5.625rem;
-  flex-basis: 5.625rem;
-  width: 100%;
-  padding: 0.75rem 1.125rem 0 1.125rem;
-  color: ;
-  -webkit-flex-grow: 6;
-  -ms-flex-grow: 6;
-  flex-grow: 6;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  width: auto;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  padding: 0 1.125rem;
-}
-
-.c7 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  -webkit-flex-grow: 1;
-  -ms-flex-grow: 1;
-  flex-grow: 1;
-  -webkit-flex-basis: 5.625rem;
-  -ms-flex-basis: 5.625rem;
-  flex-basis: 5.625rem;
-}
-
-.c8 {
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  height: 100%;
-  position: relative;
-}
-
-.c2 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 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.5rem;
-  margin-left: -0.5rem;
-  position: relative;
-  height: auto;
-  min-height: 7.875rem;
-  margin-bottom: 0.625rem;
-  border: 0.0625rem solid;
-  background-color: ;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  margin-right: 0rem;
-  margin-left: 0rem;
-  min-height: auto;
-  height: 3rem;
-  margin-bottom: 1rem;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.1);
-}
-
-.c1 {
-  position: absolute;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  background-color: ;
-  border: solid 0.0625rem;
-  box-shadow: none;
-  width: calc(100% + 0.125rem);
-  margin: -0.0625rem -0.0625rem 0 -0.0625rem;
-}
-
-.c12 {
-  display: block;
-  -webkit-flex: 0 0 2.9375rem;
-  -ms-flex: 0 0 2.9375rem;
-  flex: 0 0 2.9375rem;
-  border-left: 0.0625rem solid;
-  box-sizing: border-box;
-  border-left-color: ;
-}
-
-.c13 {
-  position: relative;
-  border-width: 0;
-  box-shadow: none;
-  width: 100%;
-  min-width: 2.875rem !important;
-  height: 7.75rem;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  overflow-x: visible;
-  overflow-y: visible;
-  height: 2.875rem;
-}
-
-.c13:focus {
-  border-width: 0;
-}
-
-.c13:hover {
-  border-width: 0;
-}
-
-.c13:active,
-.c13:active:hover,
-.c13:active:focus {
-  border-width: 0;
-}
-
-.c15 {
-  position: absolute;
-  left: 50%;
-  top: 35%;
-}
-
-.c16 {
-  margin: 0 0 0.125rem -0.125rem;
-  border-radius: 50%;
-  background-color: ;
-  width: 0.25rem;
-  height: 0.25rem;
-}
-
-.c11 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  font-size: 0.9375rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: ;
-  display: inline-block;
-  color: undefined;
-  margin-left: 1.5rem;
-}
-
-.c11::first-letter {
-  text-transform: capitalize;
-}
-
-.c10 {
-  position: absolute;
-}
-
-.c10 > svg {
-  -webkit-fill: undefined;
-  fill: undefined;
-}
-
-.c9 {
-  height: 100%;
-  float: right;
-  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;
-}
-
-.c0 {
-  position: relative;
-}
-
-.c4 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-box-pack: left;
-  -webkit-justify-content: left;
-  -ms-flex-pack: left;
-  justify-content: left;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c5 {
-  color: ;
-}
-
-<div
-        className="c0 c1 c2"
+      <div
+        className="c3 c4 c5"
         name="card-header"
       >
-        .c3 {
-  color: ;
-  color: ;
-  text-decoration: none;
-}
-
-.c0 {
-  font-size: 0.9375rem;
-  line-height: 1.5;
-  color: ;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 600;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  -webkit-flex-grow: 2;
-  -ms-flex-grow: 2;
-  flex-grow: 2;
-  -webkit-flex-basis: 5.625rem;
-  -ms-flex-basis: 5.625rem;
-  flex-basis: 5.625rem;
-  width: 100%;
-  padding: 0.75rem 1.125rem 0 1.125rem;
-  color: ;
-  -webkit-flex-grow: 6;
-  -ms-flex-grow: 6;
-  flex-grow: 6;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  width: auto;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  padding: 0 1.125rem;
-}
-
-.c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-box-pack: left;
-  -webkit-justify-content: left;
-  -ms-flex-pack: left;
-  justify-content: left;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c2 {
-  color: ;
-}
-
-<div
-          className="c0"
+        <div
+          className="c6"
           name="container"
         >
-          .c2 {
-  color: ;
-  color: ;
-  text-decoration: none;
-}
-
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-box-pack: left;
-  -webkit-justify-content: left;
-  -ms-flex-pack: left;
-  justify-content: left;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.c1 {
-  color: ;
-}
-
-<div
-            className="c0"
+          <div
+            className="c7"
           >
-            .c1 {
-  color: ;
-  color: ;
-  text-decoration: none;
-}
-
-.c0 {
-  color: ;
-}
-
-<a
+            <a
               active={undefined}
-              className="c0 c1"
+              className="c8"
               href="/deployment-groups/wordpress-blog-example/services/nginx"
               onClick={[Function]}
               secondary={true}
@@ -2023,242 +547,20 @@ exports[`renders <ServiceList /> without throwing 1`] = `
             </a>
           </div>
         </div>
-        .c1 {
-  font-size: 0.9375rem;
-  line-height: 1.5;
-  color: ;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 600;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  -webkit-flex-grow: 2;
-  -ms-flex-grow: 2;
-  flex-grow: 2;
-  -webkit-flex-basis: 5.625rem;
-  -ms-flex-basis: 5.625rem;
-  flex-basis: 5.625rem;
-  width: 100%;
-  padding: 0.75rem 1.125rem 0 1.125rem;
-  color: ;
-  -webkit-flex-grow: 6;
-  -ms-flex-grow: 6;
-  flex-grow: 6;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  width: auto;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  padding: 0 1.125rem;
-}
-
-.c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  -webkit-flex-grow: 1;
-  -ms-flex-grow: 1;
-  flex-grow: 1;
-  -webkit-flex-basis: 5.625rem;
-  -ms-flex-basis: 5.625rem;
-  flex-basis: 5.625rem;
-}
-
-.c2 {
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  height: 100%;
-  position: relative;
-}
-
-.c5 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  font-size: 0.9375rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: ;
-  display: inline-block;
-  color: undefined;
-  margin-left: 1.5rem;
-}
-
-.c5::first-letter {
-  text-transform: capitalize;
-}
-
-.c4 {
-  position: absolute;
-}
-
-.c4 > svg {
-  -webkit-fill: undefined;
-  fill: undefined;
-}
-
-.c3 {
-  height: 100%;
-  float: right;
-  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;
-}
-
-<div
-          className="c0 c1"
+        <div
+          className="c9 c6"
           name="container"
         >
-          .c0 {
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  height: 100%;
-  position: relative;
-}
-
-.c3 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  font-size: 0.9375rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: ;
-  display: inline-block;
-  color: undefined;
-  margin-left: 1.5rem;
-}
-
-.c3::first-letter {
-  text-transform: capitalize;
-}
-
-.c2 {
-  position: absolute;
-}
-
-.c2 > svg {
-  -webkit-fill: undefined;
-  fill: undefined;
-}
-
-.c1 {
-  height: 100%;
-  float: right;
-  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;
-}
-
-<div
-            className="c0"
+          <div
+            className="c10"
           >
-            .c2 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  font-size: 0.9375rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: ;
-  display: inline-block;
-  color: undefined;
-  margin-left: 1.5rem;
-}
-
-.c2::first-letter {
-  text-transform: capitalize;
-}
-
-.c1 {
-  position: absolute;
-}
-
-.c1 > svg {
-  -webkit-fill: undefined;
-  fill: undefined;
-}
-
-.c0 {
-  height: 100%;
-  float: right;
-  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;
-}
-
-<div
-              className="c0"
+            <div
+              className="c11"
               onMouseOut={undefined}
               onMouseOver={undefined}
             >
-              .c0 {
-  position: absolute;
-}
-
-.c0 > svg {
-  -webkit-fill: undefined;
-  fill: undefined;
-}
-
-<div
-                className="c0"
+              <div
+                className="c12"
                 color="disabled"
               >
                 <svg
@@ -2277,25 +579,8 @@ exports[`renders <ServiceList /> without throwing 1`] = `
                   />
                 </svg>
               </div>
-              .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  font-size: 0.9375rem;
-  font-style: normal;
-  font-stretch: normal;
-  display: block;
-  color: ;
-  display: inline-block;
-  color: undefined;
-  margin-left: 1.5rem;
-}
-
-.c0::first-letter {
-  text-transform: capitalize;
-}
-
-<label
-                className="c0"
+              <label
+                className="c13"
                 color="disabled"
               >
                 1 instance
@@ -2303,716 +588,54 @@ exports[`renders <ServiceList /> without throwing 1`] = `
             </div>
           </div>
         </div>
-        .c2 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  border-radius: 0;
-}
-
-.c2::-moz-focus-inner,
-.c2[type='button']::-moz-focus-inner,
-.c2[type='reset']::-moz-focus-inner,
-.c2[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c2:-moz-focusring,
-.c2[type='button']:-moz-focusring,
-.c2[type='reset']:-moz-focusring,
-.c2[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c2:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c2:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c2:active,
-.c2:active:hover,
-.c2:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c2[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c2 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  display: block;
-  -webkit-flex: 0 0 2.9375rem;
-  -ms-flex: 0 0 2.9375rem;
-  flex: 0 0 2.9375rem;
-  border-left: 0.0625rem solid;
-  box-sizing: border-box;
-  border-left-color: ;
-}
-
-.c1 {
-  position: relative;
-  border-width: 0;
-  box-shadow: none;
-  width: 100%;
-  min-width: 2.875rem !important;
-  height: 7.75rem;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  overflow-x: visible;
-  overflow-y: visible;
-  height: 2.875rem;
-}
-
-.c1:focus {
-  border-width: 0;
-}
-
-.c1:hover {
-  border-width: 0;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  border-width: 0;
-}
-
-.c3 {
-  position: absolute;
-  left: 50%;
-  top: 35%;
-}
-
-.c4 {
-  margin: 0 0 0.125rem -0.125rem;
-  border-radius: 50%;
-  background-color: ;
-  width: 0.25rem;
-  height: 0.25rem;
-}
-
-<nav
-          className="c0"
+        <nav
+          className="c14"
           name="card-options"
         >
-          .c1 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-  border-radius: 0;
-}
-
-.c1::-moz-focus-inner,
-.c1[type='button']::-moz-focus-inner,
-.c1[type='reset']::-moz-focus-inner,
-.c1[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c1:-moz-focusring,
-.c1[type='button']:-moz-focusring,
-.c1[type='reset']:-moz-focusring,
-.c1[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c1:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c1[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c1 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  position: relative;
-  border-width: 0;
-  box-shadow: none;
-  width: 100%;
-  min-width: 2.875rem !important;
-  height: 7.75rem;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  overflow-x: visible;
-  overflow-y: visible;
-  height: 2.875rem;
-}
-
-.c0:focus {
-  border-width: 0;
-}
-
-.c0:hover {
-  border-width: 0;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  border-width: 0;
-}
-
-.c2 {
-  position: absolute;
-  left: 50%;
-  top: 35%;
-}
-
-.c3 {
-  margin: 0 0 0.125rem -0.125rem;
-  border-radius: 50%;
-  background-color: ;
-  width: 0.25rem;
-  height: 0.25rem;
-}
-
-<button
-            className="c0 c1"
+          <button
+            className="c15 c16"
             onClick={[Function]}
           >
-            .c0 {
-  position: absolute;
-  left: 50%;
-  top: 35%;
-}
-
-.c1 {
-  margin: 0 0 0.125rem -0.125rem;
-  border-radius: 50%;
-  background-color: ;
-  width: 0.25rem;
-  height: 0.25rem;
-}
-
-<div
-              className="c0"
+            <div
+              className="c17"
             >
-              .c0 {
-  margin: 0 0 0.125rem -0.125rem;
-  border-radius: 50%;
-  background-color: ;
-  width: 0.25rem;
-  height: 0.25rem;
-}
-
-<div
-                className="c0"
+              <div
+                className="c18"
               />
-              .c0 {
-  margin: 0 0 0.125rem -0.125rem;
-  border-radius: 50%;
-  background-color: ;
-  width: 0.25rem;
-  height: 0.25rem;
-}
-
-<div
-                className="c0"
+              <div
+                className="c18"
               />
-              .c0 {
-  margin: 0 0 0.125rem -0.125rem;
-  border-radius: 50%;
-  background-color: ;
-  width: 0.25rem;
-  height: 0.25rem;
-}
-
-<div
-                className="c0"
+              <div
+                className="c18"
               />
             </div>
           </button>
         </nav>
       </div>
-      .c4 {
-  font-size: 0.9375rem;
-  line-height: 1.5;
-  color: ;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 600;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  -webkit-flex-grow: 2;
-  -ms-flex-grow: 2;
-  flex-grow: 2;
-  -webkit-flex-basis: 5.625rem;
-  -ms-flex-basis: 5.625rem;
-  flex-basis: 5.625rem;
-  width: 100%;
-  padding: 0.75rem 1.125rem 0 1.125rem;
-}
-
-.c3 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  -webkit-flex-grow: 1;
-  -ms-flex-grow: 1;
-  flex-grow: 1;
-  -webkit-flex-basis: 5.625rem;
-  -ms-flex-basis: 5.625rem;
-  flex-basis: 5.625rem;
-  padding-bottom: 0.75rem;
-}
-
-.c5 {
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  height: 100%;
-  position: relative;
-}
-
-.c1 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 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.5rem;
-  margin-left: -0.5rem;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  margin: 0;
-  height: auto;
-  padding-top: 0;
-  min-width: auto;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-}
-
-.c6 {
-  display: inline-block;
-  margin: 0;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-}
-
-.c7 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-  margin: 0 0 0.375rem 0;
-  font-size: 0.8125rem;
-  line-height: 0.8125rem;
-}
-
-.c0 {
-  height: 7.5rem;
-}
-
-.c2 {
-  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: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c8 {
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 1 auto;
-  -webkit-align-self: flex-end;
-  -ms-flex-item-align: flex-end;
-  align-self: flex-end;
-  position: absolute;
-  bottom: 0;
-}
-
-<div
-        className="c0 c1"
+      <div
+        className="c19 c20"
         name="card-view"
       >
-        .c2 {
-  font-size: 0.9375rem;
-  line-height: 1.5;
-  color: ;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 600;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  -webkit-flex-grow: 2;
-  -ms-flex-grow: 2;
-  flex-grow: 2;
-  -webkit-flex-basis: 5.625rem;
-  -ms-flex-basis: 5.625rem;
-  flex-basis: 5.625rem;
-  width: 100%;
-  padding: 0.75rem 1.125rem 0 1.125rem;
-}
-
-.c1 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  -webkit-flex-grow: 1;
-  -ms-flex-grow: 1;
-  flex-grow: 1;
-  -webkit-flex-basis: 5.625rem;
-  -ms-flex-basis: 5.625rem;
-  flex-basis: 5.625rem;
-  padding-bottom: 0.75rem;
-}
-
-.c3 {
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  height: 100%;
-  position: relative;
-}
-
-.c4 {
-  display: inline-block;
-  margin: 0;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-}
-
-.c5 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-  margin: 0 0 0.375rem 0;
-  font-size: 0.8125rem;
-  line-height: 0.8125rem;
-}
-
-.c0 {
-  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: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
-.c6 {
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 1 auto;
-  -webkit-align-self: flex-end;
-  -ms-flex-item-align: flex-end;
-  align-self: flex-end;
-  position: absolute;
-  bottom: 0;
-}
-
-<div
-          className="c0 c1 c2"
+        <div
+          className="c21 c22 c23"
           name="container"
         >
-          .c0 {
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  height: 100%;
-  position: relative;
-}
-
-.c1 {
-  display: inline-block;
-  margin: 0;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-}
-
-.c2 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-  margin: 0 0 0.375rem 0;
-  font-size: 0.8125rem;
-  line-height: 0.8125rem;
-}
-
-.c3 {
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 1 auto;
-  -webkit-align-self: flex-end;
-  -ms-flex-item-align: flex-end;
-  align-self: flex-end;
-  position: absolute;
-  bottom: 0;
-}
-
-<div
-            className="c0"
+          <div
+            className="c10"
           >
-            .c0 {
-  display: inline-block;
-  margin: 0;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-}
-
-.c1 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-  margin: 0 0 0.375rem 0;
-  font-size: 0.8125rem;
-  line-height: 0.8125rem;
-}
-
-<div
-              className="c0"
+            <div
+              className="c24"
             >
-              .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  line-height: 1.5rem;
-  font-size: 0.9375rem;
-  margin: 0 0 0.375rem 0;
-  font-size: 0.8125rem;
-  line-height: 0.8125rem;
-}
-
-<p
-                className="c0"
+              <p
+                className="c25"
               >
                 1
             instance
             running
               </p>
             </div>
-            .c0 {
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 1 auto;
-  -webkit-align-self: flex-end;
-  -ms-flex-item-align: flex-end;
-  align-self: flex-end;
-  position: absolute;
-  bottom: 0;
-}
-
-<div
-              className="c0"
+            <div
+              className="c26"
             />
           </div>
         </div>
diff --git a/packages/cp-frontend/test/unit/containers/services/__snapshots__/menu.js.snap b/packages/cp-frontend/test/unit/containers/services/__snapshots__/menu.js.snap
index 96d727f6..1247db02 100644
--- a/packages/cp-frontend/test/unit/containers/services/__snapshots__/menu.js.snap
+++ b/packages/cp-frontend/test/unit/containers/services/__snapshots__/menu.js.snap
@@ -16,7 +16,7 @@ exports[`renders <ServicesMenu /> without throwing 1`] = `
   padding-top: 1.1875rem;
 }
 
-.c4 {
+.c5 {
   padding: 0.35em 0.75em 0.625em;
   display: inline-block;
   margin: 0;
@@ -33,7 +33,7 @@ exports[`renders <ServicesMenu /> without throwing 1`] = `
   -webkit-padding-after: 0;
 }
 
-.c9 {
+.c10 {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
@@ -42,57 +42,49 @@ exports[`renders <ServicesMenu /> without throwing 1`] = `
   display: none;
 }
 
-.c9[type='checkbox'],
-.c9[type='radio'] {
+.c10[type='checkbox'],
+.c10[type='radio'] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.c9[type='number']::-webkit-inner-spin-button,
-.c9[type='number']::-webkit-outer-spin-button {
+.c10[type='number']::-webkit-inner-spin-button,
+.c10[type='number']::-webkit-outer-spin-button {
   height: auto;
 }
 
-.c9[type='search'] {
+.c10[type='search'] {
   -webkit-appearance: textfield;
   -moz-appearance: textfield;
   appearance: textfield;
   outline-offset: -0.125rem;
 }
 
-.c9[type='search']::-webkit-search-cancel-button,
-.c9[type='search']::-webkit-search-decoration {
+.c10[type='search']::-webkit-search-cancel-button,
+.c10[type='search']::-webkit-search-decoration {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
 }
 
-.c9::-webkit-file-upload-button {
+.c10::-webkit-file-upload-button {
   -webkit-appearance: button;
   -moz-appearance: button;
   appearance: button;
   font: inherit;
 }
 
-.c9:checked + label {
+.c10:checked + label {
   border-radius: 0.25rem;
-  background-color: ;
   box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-  color: ;
 }
 
-.c9:selected + label {
+.c10:selected + label {
   border-radius: 0.25rem;
-  background-color: ;
   box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-  color: ;
 }
 
-.c9:disabled + label {
-  color: ;
-}
-
-.c10 {
+.c11 {
   font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   font-weight: 400;
   position: absolute;
@@ -103,11 +95,6 @@ exports[`renders <ServicesMenu /> without throwing 1`] = `
   left: 0;
   text-align: center;
   padding-top: 0.75rem;
-  color: ;
-}
-
-.c10:hover {
-  color: ;
 }
 
 .c8 {
@@ -155,7 +142,7 @@ exports[`renders <ServicesMenu /> without throwing 1`] = `
   align-self: stretch;
 }
 
-.c5 {
+.c4 {
   box-sizing: border-box;
   color: inherit;
   display: table;
@@ -165,8 +152,7 @@ exports[`renders <ServicesMenu /> without throwing 1`] = `
   font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   font-weight: 600;
   float: left;
-  padding-top: 0.75rem;
-  margin-right: 0.5625rem;
+  margin-bottom: 0.5625rem;
 }
 
 .c2 {
@@ -189,6 +175,10 @@ exports[`renders <ServicesMenu /> without throwing 1`] = `
   margin-bottom: 1.125rem;
 }
 
+.c9 + label {
+  padding: 1rem;
+}
+
 @media only screen and (min-width:0em) {
   .c3 {
     -webkit-flex-basis: 41.66666666666667%;
@@ -220,1336 +210,73 @@ exports[`renders <ServicesMenu /> without throwing 1`] = `
 <div
   className="c0"
 >
-  .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 500;
-  font-size: 1.5rem;
-  margin-top: 0.125rem;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-}
-
-<h2
-    className="c0"
+  <h2
+    className="c1"
   >
     Services
   </h2>
-  .c1 {
-  box-sizing: border-box;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  padding-right: 0.5rem;
-  padding-left: 0.5rem;
-}
-
-.c2 {
-  padding: 0.35em 0.75em 0.625em;
-  display: inline-block;
-  margin: 0;
-  padding: 0;
-  border: none;
-  overflow: hidden;
-  width: 100%;
-  height: auto;
-  -webkit-margin-start: 0;
-  -webkit-margin-end: 0;
-  -webkit-padding-before: 0;
-  -webkit-padding-start: 0;
-  -webkit-padding-end: 0;
-  -webkit-padding-after: 0;
-}
-
-.c7 {
-  font-family: sans-serif;
-  font-size: 100%;
-  line-height: 1.15;
-  margin: 0;
-  overflow: visible;
-  display: none;
-}
-
-.c7[type='checkbox'],
-.c7[type='radio'] {
-  box-sizing: border-box;
-  padding: 0;
-}
-
-.c7[type='number']::-webkit-inner-spin-button,
-.c7[type='number']::-webkit-outer-spin-button {
-  height: auto;
-}
-
-.c7[type='search'] {
-  -webkit-appearance: textfield;
-  -moz-appearance: textfield;
-  appearance: textfield;
-  outline-offset: -0.125rem;
-}
-
-.c7[type='search']::-webkit-search-cancel-button,
-.c7[type='search']::-webkit-search-decoration {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-}
-
-.c7::-webkit-file-upload-button {
-  -webkit-appearance: button;
-  -moz-appearance: button;
-  appearance: button;
-  font: inherit;
-}
-
-.c7:checked + label {
-  border-radius: 0.25rem;
-  background-color: ;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-  color: ;
-}
-
-.c7:selected + label {
-  border-radius: 0.25rem;
-  background-color: ;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-  color: ;
-}
-
-.c7:disabled + label {
-  color: ;
-}
-
-.c8 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  position: absolute;
-  box-sizing: border-box;
-  width: 7.5rem;
-  height: 3rem;
-  top: 0;
-  left: 0;
-  text-align: center;
-  padding-top: 0.75rem;
-  color: ;
-}
-
-.c8:hover {
-  color: ;
-}
-
-.c6 {
-  position: relative;
-  vertical-align: text-bottom;
-  width: 7.5rem;
-  height: 3rem;
-}
-
-.c5 {
-  display: inline-block;
-  list-style-type: none;
-  vertical-align: text-bottom;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-left: 0.0625rem solid;
-}
-
-.c5:first-of-type {
-  border-radius: 0.25rem 0 0 0.25rem;
-}
-
-.c5:last-of-type {
-  border-radius: 0 0.25rem 0.25rem 0;
-  border-right: 0.0625rem solid;
-}
-
-.c4 {
-  display: inline-block;
-  margin: 0;
-  padding: 0;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-}
-
-.c3 {
-  box-sizing: border-box;
-  color: inherit;
-  display: table;
-  max-width: 100%;
-  padding: 0;
-  white-space: normal;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 600;
-  float: left;
-  padding-top: 0.75rem;
-  margin-right: 0.5625rem;
-}
-
-.c0 {
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex: 0 1 auto;
-  -ms-flex: 0 1 auto;
-  flex: 0 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.5rem;
-  margin-left: -0.5rem;
-  margin-bottom: 1.125rem;
-}
-
-@media only screen and (min-width:0em) {
-  .c1 {
-    -webkit-flex-basis: 41.66666666666667%;
-    -ms-flex-basis: 41.66666666666667%;
-    flex-basis: 41.66666666666667%;
-    max-width: 41.66666666666667%;
-    display: block;
-  }
-}
-
-<div
-    className="c0"
+  <div
+    className="c2"
   >
-    .c0 {
-  box-sizing: border-box;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  padding-right: 0.5rem;
-  padding-left: 0.5rem;
-}
-
-.c1 {
-  padding: 0.35em 0.75em 0.625em;
-  display: inline-block;
-  margin: 0;
-  padding: 0;
-  border: none;
-  overflow: hidden;
-  width: 100%;
-  height: auto;
-  -webkit-margin-start: 0;
-  -webkit-margin-end: 0;
-  -webkit-padding-before: 0;
-  -webkit-padding-start: 0;
-  -webkit-padding-end: 0;
-  -webkit-padding-after: 0;
-}
-
-.c6 {
-  font-family: sans-serif;
-  font-size: 100%;
-  line-height: 1.15;
-  margin: 0;
-  overflow: visible;
-  display: none;
-}
-
-.c6[type='checkbox'],
-.c6[type='radio'] {
-  box-sizing: border-box;
-  padding: 0;
-}
-
-.c6[type='number']::-webkit-inner-spin-button,
-.c6[type='number']::-webkit-outer-spin-button {
-  height: auto;
-}
-
-.c6[type='search'] {
-  -webkit-appearance: textfield;
-  -moz-appearance: textfield;
-  appearance: textfield;
-  outline-offset: -0.125rem;
-}
-
-.c6[type='search']::-webkit-search-cancel-button,
-.c6[type='search']::-webkit-search-decoration {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-}
-
-.c6::-webkit-file-upload-button {
-  -webkit-appearance: button;
-  -moz-appearance: button;
-  appearance: button;
-  font: inherit;
-}
-
-.c6:checked + label {
-  border-radius: 0.25rem;
-  background-color: ;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-  color: ;
-}
-
-.c6:selected + label {
-  border-radius: 0.25rem;
-  background-color: ;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-  color: ;
-}
-
-.c6:disabled + label {
-  color: ;
-}
-
-.c7 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  position: absolute;
-  box-sizing: border-box;
-  width: 7.5rem;
-  height: 3rem;
-  top: 0;
-  left: 0;
-  text-align: center;
-  padding-top: 0.75rem;
-  color: ;
-}
-
-.c7:hover {
-  color: ;
-}
-
-.c5 {
-  position: relative;
-  vertical-align: text-bottom;
-  width: 7.5rem;
-  height: 3rem;
-}
-
-.c4 {
-  display: inline-block;
-  list-style-type: none;
-  vertical-align: text-bottom;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-left: 0.0625rem solid;
-}
-
-.c4:first-of-type {
-  border-radius: 0.25rem 0 0 0.25rem;
-}
-
-.c4:last-of-type {
-  border-radius: 0 0.25rem 0.25rem 0;
-  border-right: 0.0625rem solid;
-}
-
-.c3 {
-  display: inline-block;
-  margin: 0;
-  padding: 0;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-}
-
-.c2 {
-  box-sizing: border-box;
-  color: inherit;
-  display: table;
-  max-width: 100%;
-  padding: 0;
-  white-space: normal;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 600;
-  float: left;
-  padding-top: 0.75rem;
-  margin-right: 0.5625rem;
-}
-
-@media only screen and (min-width:0em) {
-  .c0 {
-    -webkit-flex-basis: 41.66666666666667%;
-    -ms-flex-basis: 41.66666666666667%;
-    flex-basis: 41.66666666666667%;
-    max-width: 41.66666666666667%;
-    display: block;
-  }
-}
-
-<div
-      className="c0"
+    <div
+      className="c3"
     >
-      .c0 {
-  padding: 0.35em 0.75em 0.625em;
-  display: inline-block;
-  margin: 0;
-  padding: 0;
-  border: none;
-  overflow: hidden;
-  width: 100%;
-  height: auto;
-  -webkit-margin-start: 0;
-  -webkit-margin-end: 0;
-  -webkit-padding-before: 0;
-  -webkit-padding-start: 0;
-  -webkit-padding-end: 0;
-  -webkit-padding-after: 0;
-}
-
-.c5 {
-  font-family: sans-serif;
-  font-size: 100%;
-  line-height: 1.15;
-  margin: 0;
-  overflow: visible;
-  display: none;
-}
-
-.c5[type='checkbox'],
-.c5[type='radio'] {
-  box-sizing: border-box;
-  padding: 0;
-}
-
-.c5[type='number']::-webkit-inner-spin-button,
-.c5[type='number']::-webkit-outer-spin-button {
-  height: auto;
-}
-
-.c5[type='search'] {
-  -webkit-appearance: textfield;
-  -moz-appearance: textfield;
-  appearance: textfield;
-  outline-offset: -0.125rem;
-}
-
-.c5[type='search']::-webkit-search-cancel-button,
-.c5[type='search']::-webkit-search-decoration {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-}
-
-.c5::-webkit-file-upload-button {
-  -webkit-appearance: button;
-  -moz-appearance: button;
-  appearance: button;
-  font: inherit;
-}
-
-.c5:checked + label {
-  border-radius: 0.25rem;
-  background-color: ;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-  color: ;
-}
-
-.c5:selected + label {
-  border-radius: 0.25rem;
-  background-color: ;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-  color: ;
-}
-
-.c5:disabled + label {
-  color: ;
-}
-
-.c6 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  position: absolute;
-  box-sizing: border-box;
-  width: 7.5rem;
-  height: 3rem;
-  top: 0;
-  left: 0;
-  text-align: center;
-  padding-top: 0.75rem;
-  color: ;
-}
-
-.c6:hover {
-  color: ;
-}
-
-.c4 {
-  position: relative;
-  vertical-align: text-bottom;
-  width: 7.5rem;
-  height: 3rem;
-}
-
-.c3 {
-  display: inline-block;
-  list-style-type: none;
-  vertical-align: text-bottom;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-left: 0.0625rem solid;
-}
-
-.c3:first-of-type {
-  border-radius: 0.25rem 0 0 0.25rem;
-}
-
-.c3:last-of-type {
-  border-radius: 0 0.25rem 0.25rem 0;
-  border-right: 0.0625rem solid;
-}
-
-.c2 {
-  display: inline-block;
-  margin: 0;
-  padding: 0;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-}
-
-.c1 {
-  box-sizing: border-box;
-  color: inherit;
-  display: table;
-  max-width: 100%;
-  padding: 0;
-  white-space: normal;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 600;
-  float: left;
-  padding-top: 0.75rem;
-  margin-right: 0.5625rem;
-}
-
-<fieldset
-        className="c0"
+      <legend
+        className="c4"
+      >
+        Show
+      </legend>
+      <fieldset
+        className="c5"
         style={undefined}
       >
-        .c4 {
-  font-family: sans-serif;
-  font-size: 100%;
-  line-height: 1.15;
-  margin: 0;
-  overflow: visible;
-  display: none;
-}
-
-.c4[type='checkbox'],
-.c4[type='radio'] {
-  box-sizing: border-box;
-  padding: 0;
-}
-
-.c4[type='number']::-webkit-inner-spin-button,
-.c4[type='number']::-webkit-outer-spin-button {
-  height: auto;
-}
-
-.c4[type='search'] {
-  -webkit-appearance: textfield;
-  -moz-appearance: textfield;
-  appearance: textfield;
-  outline-offset: -0.125rem;
-}
-
-.c4[type='search']::-webkit-search-cancel-button,
-.c4[type='search']::-webkit-search-decoration {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-}
-
-.c4::-webkit-file-upload-button {
-  -webkit-appearance: button;
-  -moz-appearance: button;
-  appearance: button;
-  font: inherit;
-}
-
-.c4:checked + label {
-  border-radius: 0.25rem;
-  background-color: ;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-  color: ;
-}
-
-.c4:selected + label {
-  border-radius: 0.25rem;
-  background-color: ;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-  color: ;
-}
-
-.c4:disabled + label {
-  color: ;
-}
-
-.c5 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  position: absolute;
-  box-sizing: border-box;
-  width: 7.5rem;
-  height: 3rem;
-  top: 0;
-  left: 0;
-  text-align: center;
-  padding-top: 0.75rem;
-  color: ;
-}
-
-.c5:hover {
-  color: ;
-}
-
-.c3 {
-  position: relative;
-  vertical-align: text-bottom;
-  width: 7.5rem;
-  height: 3rem;
-}
-
-.c2 {
-  display: inline-block;
-  list-style-type: none;
-  vertical-align: text-bottom;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-left: 0.0625rem solid;
-}
-
-.c2:first-of-type {
-  border-radius: 0.25rem 0 0 0.25rem;
-}
-
-.c2:last-of-type {
-  border-radius: 0 0.25rem 0.25rem 0;
-  border-right: 0.0625rem solid;
-}
-
-.c1 {
-  display: inline-block;
-  margin: 0;
-  padding: 0;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-}
-
-.c0 {
-  box-sizing: border-box;
-  color: inherit;
-  display: table;
-  max-width: 100%;
-  padding: 0;
-  white-space: normal;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 600;
-  float: left;
-  padding-top: 0.75rem;
-  margin-right: 0.5625rem;
-}
-
-<div>
-          .c0 {
-  box-sizing: border-box;
-  color: inherit;
-  display: table;
-  max-width: 100%;
-  padding: 0;
-  white-space: normal;
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 600;
-  float: left;
-  padding-top: 0.75rem;
-  margin-right: 0.5625rem;
-}
-
-<legend
-            className="c0"
+        <div>
+          <ul
+            className="c6"
           >
-            View
-          </legend>
-          .c3 {
-  font-family: sans-serif;
-  font-size: 100%;
-  line-height: 1.15;
-  margin: 0;
-  overflow: visible;
-  display: none;
-}
-
-.c3[type='checkbox'],
-.c3[type='radio'] {
-  box-sizing: border-box;
-  padding: 0;
-}
-
-.c3[type='number']::-webkit-inner-spin-button,
-.c3[type='number']::-webkit-outer-spin-button {
-  height: auto;
-}
-
-.c3[type='search'] {
-  -webkit-appearance: textfield;
-  -moz-appearance: textfield;
-  appearance: textfield;
-  outline-offset: -0.125rem;
-}
-
-.c3[type='search']::-webkit-search-cancel-button,
-.c3[type='search']::-webkit-search-decoration {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-}
-
-.c3::-webkit-file-upload-button {
-  -webkit-appearance: button;
-  -moz-appearance: button;
-  appearance: button;
-  font: inherit;
-}
-
-.c3:checked + label {
-  border-radius: 0.25rem;
-  background-color: ;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-  color: ;
-}
-
-.c3:selected + label {
-  border-radius: 0.25rem;
-  background-color: ;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-  color: ;
-}
-
-.c3:disabled + label {
-  color: ;
-}
-
-.c4 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  position: absolute;
-  box-sizing: border-box;
-  width: 7.5rem;
-  height: 3rem;
-  top: 0;
-  left: 0;
-  text-align: center;
-  padding-top: 0.75rem;
-  color: ;
-}
-
-.c4:hover {
-  color: ;
-}
-
-.c2 {
-  position: relative;
-  vertical-align: text-bottom;
-  width: 7.5rem;
-  height: 3rem;
-}
-
-.c1 {
-  display: inline-block;
-  list-style-type: none;
-  vertical-align: text-bottom;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-left: 0.0625rem solid;
-}
-
-.c1:first-of-type {
-  border-radius: 0.25rem 0 0 0.25rem;
-}
-
-.c1:last-of-type {
-  border-radius: 0 0.25rem 0.25rem 0;
-  border-right: 0.0625rem solid;
-}
-
-.c0 {
-  display: inline-block;
-  margin: 0;
-  padding: 0;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-}
-
-<ul
-            className="c0"
-          >
-            .c2 {
-  font-family: sans-serif;
-  font-size: 100%;
-  line-height: 1.15;
-  margin: 0;
-  overflow: visible;
-  display: none;
-}
-
-.c2[type='checkbox'],
-.c2[type='radio'] {
-  box-sizing: border-box;
-  padding: 0;
-}
-
-.c2[type='number']::-webkit-inner-spin-button,
-.c2[type='number']::-webkit-outer-spin-button {
-  height: auto;
-}
-
-.c2[type='search'] {
-  -webkit-appearance: textfield;
-  -moz-appearance: textfield;
-  appearance: textfield;
-  outline-offset: -0.125rem;
-}
-
-.c2[type='search']::-webkit-search-cancel-button,
-.c2[type='search']::-webkit-search-decoration {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-}
-
-.c2::-webkit-file-upload-button {
-  -webkit-appearance: button;
-  -moz-appearance: button;
-  appearance: button;
-  font: inherit;
-}
-
-.c2:checked + label {
-  border-radius: 0.25rem;
-  background-color: ;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-  color: ;
-}
-
-.c2:selected + label {
-  border-radius: 0.25rem;
-  background-color: ;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-  color: ;
-}
-
-.c2:disabled + label {
-  color: ;
-}
-
-.c3 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  position: absolute;
-  box-sizing: border-box;
-  width: 7.5rem;
-  height: 3rem;
-  top: 0;
-  left: 0;
-  text-align: center;
-  padding-top: 0.75rem;
-  color: ;
-}
-
-.c3:hover {
-  color: ;
-}
-
-.c1 {
-  position: relative;
-  vertical-align: text-bottom;
-  width: 7.5rem;
-  height: 3rem;
-}
-
-.c0 {
-  display: inline-block;
-  list-style-type: none;
-  vertical-align: text-bottom;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-left: 0.0625rem solid;
-}
-
-.c0:first-of-type {
-  border-radius: 0.25rem 0 0 0.25rem;
-}
-
-.c0:last-of-type {
-  border-radius: 0 0.25rem 0.25rem 0;
-  border-right: 0.0625rem solid;
-}
-
-<li
-              className="c0"
-              id="bQyfov"
+            <li
+              className="c7"
+              id="bqlWiO"
             >
-              .c1 {
-  font-family: sans-serif;
-  font-size: 100%;
-  line-height: 1.15;
-  margin: 0;
-  overflow: visible;
-  display: none;
-}
-
-.c1[type='checkbox'],
-.c1[type='radio'] {
-  box-sizing: border-box;
-  padding: 0;
-}
-
-.c1[type='number']::-webkit-inner-spin-button,
-.c1[type='number']::-webkit-outer-spin-button {
-  height: auto;
-}
-
-.c1[type='search'] {
-  -webkit-appearance: textfield;
-  -moz-appearance: textfield;
-  appearance: textfield;
-  outline-offset: -0.125rem;
-}
-
-.c1[type='search']::-webkit-search-cancel-button,
-.c1[type='search']::-webkit-search-decoration {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-}
-
-.c1::-webkit-file-upload-button {
-  -webkit-appearance: button;
-  -moz-appearance: button;
-  appearance: button;
-  font: inherit;
-}
-
-.c1:checked + label {
-  border-radius: 0.25rem;
-  background-color: ;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-  color: ;
-}
-
-.c1:selected + label {
-  border-radius: 0.25rem;
-  background-color: ;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-  color: ;
-}
-
-.c1:disabled + label {
-  color: ;
-}
-
-.c2 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  position: absolute;
-  box-sizing: border-box;
-  width: 7.5rem;
-  height: 3rem;
-  top: 0;
-  left: 0;
-  text-align: center;
-  padding-top: 0.75rem;
-  color: ;
-}
-
-.c2:hover {
-  color: ;
-}
-
-.c0 {
-  position: relative;
-  vertical-align: text-bottom;
-  width: 7.5rem;
-  height: 3rem;
-}
-
-<div
-                className="c0"
+              <div
+                className="c8"
               >
-                .c0 {
-  font-family: sans-serif;
-  font-size: 100%;
-  line-height: 1.15;
-  margin: 0;
-  overflow: visible;
-  display: none;
-}
-
-.c0[type='checkbox'],
-.c0[type='radio'] {
-  box-sizing: border-box;
-  padding: 0;
-}
-
-.c0[type='number']::-webkit-inner-spin-button,
-.c0[type='number']::-webkit-outer-spin-button {
-  height: auto;
-}
-
-.c0[type='search'] {
-  -webkit-appearance: textfield;
-  -moz-appearance: textfield;
-  appearance: textfield;
-  outline-offset: -0.125rem;
-}
-
-.c0[type='search']::-webkit-search-cancel-button,
-.c0[type='search']::-webkit-search-decoration {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-}
-
-.c0::-webkit-file-upload-button {
-  -webkit-appearance: button;
-  -moz-appearance: button;
-  appearance: button;
-  font: inherit;
-}
-
-.c0:checked + label {
-  border-radius: 0.25rem;
-  background-color: ;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-  color: ;
-}
-
-.c0:selected + label {
-  border-radius: 0.25rem;
-  background-color: ;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-  color: ;
-}
-
-.c0:disabled + label {
-  color: ;
-}
-
-<input
+                <input
                   checked={false}
-                  className="c0"
-                  id="xbEsB"
+                  className="c9 c10"
+                  id="bYNDQU"
                   name="service-view"
                   onChange={[Function]}
                   type="radio"
                   value="list"
                 />
-                .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  position: absolute;
-  box-sizing: border-box;
-  width: 7.5rem;
-  height: 3rem;
-  top: 0;
-  left: 0;
-  text-align: center;
-  padding-top: 0.75rem;
-  color: ;
-}
-
-.c0:hover {
-  color: ;
-}
-
-<label
-                  className="c0"
-                  htmlFor="xbEsB"
+                <label
+                  className="c11"
+                  htmlFor="bYNDQU"
                 >
                   List
                 </label>
               </div>
             </li>
-            .c2 {
-  font-family: sans-serif;
-  font-size: 100%;
-  line-height: 1.15;
-  margin: 0;
-  overflow: visible;
-  display: none;
-}
-
-.c2[type='checkbox'],
-.c2[type='radio'] {
-  box-sizing: border-box;
-  padding: 0;
-}
-
-.c2[type='number']::-webkit-inner-spin-button,
-.c2[type='number']::-webkit-outer-spin-button {
-  height: auto;
-}
-
-.c2[type='search'] {
-  -webkit-appearance: textfield;
-  -moz-appearance: textfield;
-  appearance: textfield;
-  outline-offset: -0.125rem;
-}
-
-.c2[type='search']::-webkit-search-cancel-button,
-.c2[type='search']::-webkit-search-decoration {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-}
-
-.c2::-webkit-file-upload-button {
-  -webkit-appearance: button;
-  -moz-appearance: button;
-  appearance: button;
-  font: inherit;
-}
-
-.c2:checked + label {
-  border-radius: 0.25rem;
-  background-color: ;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-  color: ;
-}
-
-.c2:selected + label {
-  border-radius: 0.25rem;
-  background-color: ;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-  color: ;
-}
-
-.c2:disabled + label {
-  color: ;
-}
-
-.c3 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  position: absolute;
-  box-sizing: border-box;
-  width: 7.5rem;
-  height: 3rem;
-  top: 0;
-  left: 0;
-  text-align: center;
-  padding-top: 0.75rem;
-  color: ;
-}
-
-.c3:hover {
-  color: ;
-}
-
-.c1 {
-  position: relative;
-  vertical-align: text-bottom;
-  width: 7.5rem;
-  height: 3rem;
-}
-
-.c0 {
-  display: inline-block;
-  list-style-type: none;
-  vertical-align: text-bottom;
-  border-top: 0.0625rem solid;
-  border-bottom: 0.0625rem solid;
-  border-left: 0.0625rem solid;
-}
-
-.c0:first-of-type {
-  border-radius: 0.25rem 0 0 0.25rem;
-}
-
-.c0:last-of-type {
-  border-radius: 0 0.25rem 0.25rem 0;
-  border-right: 0.0625rem solid;
-}
-
-<li
-              className="c0"
-              id="bQyfov"
+            <li
+              className="c7"
+              id="bqlWiO"
             >
-              .c1 {
-  font-family: sans-serif;
-  font-size: 100%;
-  line-height: 1.15;
-  margin: 0;
-  overflow: visible;
-  display: none;
-}
-
-.c1[type='checkbox'],
-.c1[type='radio'] {
-  box-sizing: border-box;
-  padding: 0;
-}
-
-.c1[type='number']::-webkit-inner-spin-button,
-.c1[type='number']::-webkit-outer-spin-button {
-  height: auto;
-}
-
-.c1[type='search'] {
-  -webkit-appearance: textfield;
-  -moz-appearance: textfield;
-  appearance: textfield;
-  outline-offset: -0.125rem;
-}
-
-.c1[type='search']::-webkit-search-cancel-button,
-.c1[type='search']::-webkit-search-decoration {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-}
-
-.c1::-webkit-file-upload-button {
-  -webkit-appearance: button;
-  -moz-appearance: button;
-  appearance: button;
-  font: inherit;
-}
-
-.c1:checked + label {
-  border-radius: 0.25rem;
-  background-color: ;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-  color: ;
-}
-
-.c1:selected + label {
-  border-radius: 0.25rem;
-  background-color: ;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-  color: ;
-}
-
-.c1:disabled + label {
-  color: ;
-}
-
-.c2 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  position: absolute;
-  box-sizing: border-box;
-  width: 7.5rem;
-  height: 3rem;
-  top: 0;
-  left: 0;
-  text-align: center;
-  padding-top: 0.75rem;
-  color: ;
-}
-
-.c2:hover {
-  color: ;
-}
-
-.c0 {
-  position: relative;
-  vertical-align: text-bottom;
-  width: 7.5rem;
-  height: 3rem;
-}
-
-<div
-                className="c0"
+              <div
+                className="c8"
               >
-                .c0 {
-  font-family: sans-serif;
-  font-size: 100%;
-  line-height: 1.15;
-  margin: 0;
-  overflow: visible;
-  display: none;
-}
-
-.c0[type='checkbox'],
-.c0[type='radio'] {
-  box-sizing: border-box;
-  padding: 0;
-}
-
-.c0[type='number']::-webkit-inner-spin-button,
-.c0[type='number']::-webkit-outer-spin-button {
-  height: auto;
-}
-
-.c0[type='search'] {
-  -webkit-appearance: textfield;
-  -moz-appearance: textfield;
-  appearance: textfield;
-  outline-offset: -0.125rem;
-}
-
-.c0[type='search']::-webkit-search-cancel-button,
-.c0[type='search']::-webkit-search-decoration {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-}
-
-.c0::-webkit-file-upload-button {
-  -webkit-appearance: button;
-  -moz-appearance: button;
-  appearance: button;
-  font: inherit;
-}
-
-.c0:checked + label {
-  border-radius: 0.25rem;
-  background-color: ;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-  color: ;
-}
-
-.c0:selected + label {
-  border-radius: 0.25rem;
-  background-color: ;
-  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-  color: ;
-}
-
-.c0:disabled + label {
-  color: ;
-}
-
-<input
+                <input
                   checked={false}
-                  className="c0"
-                  id="pgLYd"
+                  className="c9 c10"
+                  id="cpsYND"
                   name="service-view"
                   onChange={[Function]}
                   type="radio"
                   value="topology"
                 />
-                .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  position: absolute;
-  box-sizing: border-box;
-  width: 7.5rem;
-  height: 3rem;
-  top: 0;
-  left: 0;
-  text-align: center;
-  padding-top: 0.75rem;
-  color: ;
-}
-
-.c0:hover {
-  color: ;
-}
-
-<label
-                  className="c0"
-                  htmlFor="pgLYd"
+                <label
+                  className="c11"
+                  htmlFor="cpsYND"
                 >
                   Topology
                 </label>
diff --git a/packages/cp-frontend/test/unit/containers/services/__snapshots__/quick-actions.js.snap b/packages/cp-frontend/test/unit/containers/services/__snapshots__/quick-actions.js.snap
index 994a960d..6c7d4a4c 100644
--- a/packages/cp-frontend/test/unit/containers/services/__snapshots__/quick-actions.js.snap
+++ b/packages/cp-frontend/test/unit/containers/services/__snapshots__/quick-actions.js.snap
@@ -41,9 +41,7 @@ exports[`renders <ServicesQuickActions /> without throwing 1`] = `
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
-  color: ;
   background-image: none;
-  background-color: ;
   border-radius: 0.25rem;
   border: solid 0.0625rem;
 }
@@ -66,12 +64,9 @@ exports[`renders <ServicesQuickActions /> without throwing 1`] = `
 .c5:focus {
   outline: 0;
   text-decoration: none;
-  background-color: ;
-  border-color: ;
 }
 
 .c5:hover {
-  background-color: ;
   border: solid 0.0625rem;
 }
 
@@ -80,8 +75,6 @@ exports[`renders <ServicesQuickActions /> without throwing 1`] = `
 .c5:active:focus {
   background-image: none;
   outline: 0;
-  background-color: ;
-  border-color: ;
 }
 
 .c5[disabled] {
@@ -97,7 +90,6 @@ exports[`renders <ServicesQuickActions /> without throwing 1`] = `
   position: absolute;
   top: auto;
   left: auto;
-  bottom: ;
   right: auto;
 }
 
@@ -112,7 +104,6 @@ exports[`renders <ServicesQuickActions /> without throwing 1`] = `
   left: -50%;
   margin: 0;
   padding: 0.75rem 0;
-  background-color: ;
   border: 0.0625rem solid;
   box-shadow: 0 0.125rem 0.375rem 0.0625rem rgba(0,0,0,0.1);
   border-radius: 0.25rem;
@@ -195,1765 +186,51 @@ exports[`renders <ServicesQuickActions /> without throwing 1`] = `
 }
 
 <div>
-  .c5 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c5::-moz-focus-inner,
-.c5[type='button']::-moz-focus-inner,
-.c5[type='reset']::-moz-focus-inner,
-.c5[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c5:-moz-focusring,
-.c5[type='button']:-moz-focusring,
-.c5[type='reset']:-moz-focusring,
-.c5[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c5:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c5:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c5:active,
-.c5:active:hover,
-.c5:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c5[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c5 + button {
-  margin-left: 1.25rem;
-}
-
-.c1 {
-  position: absolute;
-  top: auto;
-  left: auto;
-  bottom: ;
-  right: auto;
-}
-
-.c1:focus {
-  outline: none;
-}
-
-.c2 {
-  position: relative;
-  display: inline-block;
-  top: 0.3125rem;
-  left: -50%;
-  margin: 0;
-  padding: 0.75rem 0;
-  background-color: ;
-  border: 0.0625rem solid;
-  box-shadow: 0 0.125rem 0.375rem 0.0625rem rgba(0,0,0,0.1);
-  border-radius: 0.25rem;
-  z-index: 1000;
-}
-
-.c2:after,
-.c2:before {
-  content: '';
-  position: absolute;
-  bottom: 100%;
-  left: 50%;
-  height: 0;
-  width: 0;
-  border: solid transparent;
-}
-
-.c2:after {
-  border-bottom-color: #FFFFFF;
-  border-width: 0.1875rem;
-  margin-left: -0.1875rem;
-}
-
-.c2:before {
-  border-bottom-color: #D8D8D8;
-  border-width: 0.3125rem;
-  margin-left: -0.3125rem;
-}
-
-.c4 {
-  width: 100%;
-  padding: 0.375rem 1.125rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-}
-
-.c4:focus {
-  background-color: #FFFFFF;
-  color: #3B46CC;
-  border: none;
-}
-
-.c4:hover {
-  background-color: #FFFFFF;
-  color: #3B46CC;
-  border: none;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-color: #FFFFFF;
-  color: #3B46CC;
-  border: none;
-}
-
-.c4[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c6 {
-  border-top: 0.0625rem solid;
-  margin: 0.375rem 0 0.5625rem 0;
-}
-
-.c3 {
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-}
-
-.c0 {
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-
-<div
+  <div
     className="c0"
   >
-    .c4 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c4::-moz-focus-inner,
-.c4[type='button']::-moz-focus-inner,
-.c4[type='reset']::-moz-focus-inner,
-.c4[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c4:-moz-focusring,
-.c4[type='button']:-moz-focusring,
-.c4[type='reset']:-moz-focusring,
-.c4[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c4:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c4:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c4:active,
-.c4:active:hover,
-.c4:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c4[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c4 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  position: absolute;
-  top: auto;
-  left: auto;
-  bottom: ;
-  right: auto;
-}
-
-.c0:focus {
-  outline: none;
-}
-
-.c1 {
-  position: relative;
-  display: inline-block;
-  top: 0.3125rem;
-  left: -50%;
-  margin: 0;
-  padding: 0.75rem 0;
-  background-color: ;
-  border: 0.0625rem solid;
-  box-shadow: 0 0.125rem 0.375rem 0.0625rem rgba(0,0,0,0.1);
-  border-radius: 0.25rem;
-  z-index: 1000;
-}
-
-.c1:after,
-.c1:before {
-  content: '';
-  position: absolute;
-  bottom: 100%;
-  left: 50%;
-  height: 0;
-  width: 0;
-  border: solid transparent;
-}
-
-.c1:after {
-  border-bottom-color: #FFFFFF;
-  border-width: 0.1875rem;
-  margin-left: -0.1875rem;
-}
-
-.c1:before {
-  border-bottom-color: #D8D8D8;
-  border-width: 0.3125rem;
-  margin-left: -0.3125rem;
-}
-
-.c3 {
-  width: 100%;
-  padding: 0.375rem 1.125rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-}
-
-.c3:focus {
-  background-color: #FFFFFF;
-  color: #3B46CC;
-  border: none;
-}
-
-.c3:hover {
-  background-color: #FFFFFF;
-  color: #3B46CC;
-  border: none;
-}
-
-.c3:active,
-.c3:active:hover,
-.c3:active:focus {
-  background-color: #FFFFFF;
-  color: #3B46CC;
-  border: none;
-}
-
-.c3[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c5 {
-  border-top: 0.0625rem solid;
-  margin: 0.375rem 0 0.5625rem 0;
-}
-
-.c2 {
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-}
-
-<div
-      className="c0"
+    <div
+      className="c1"
     >
-      .c3 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c3::-moz-focus-inner,
-.c3[type='button']::-moz-focus-inner,
-.c3[type='reset']::-moz-focus-inner,
-.c3[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c3:-moz-focusring,
-.c3[type='button']:-moz-focusring,
-.c3[type='reset']:-moz-focusring,
-.c3[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c3:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c3:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c3:active,
-.c3:active:hover,
-.c3:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c3[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c3 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  position: relative;
-  display: inline-block;
-  top: 0.3125rem;
-  left: -50%;
-  margin: 0;
-  padding: 0.75rem 0;
-  background-color: ;
-  border: 0.0625rem solid;
-  box-shadow: 0 0.125rem 0.375rem 0.0625rem rgba(0,0,0,0.1);
-  border-radius: 0.25rem;
-  z-index: 1000;
-}
-
-.c0:after,
-.c0:before {
-  content: '';
-  position: absolute;
-  bottom: 100%;
-  left: 50%;
-  height: 0;
-  width: 0;
-  border: solid transparent;
-}
-
-.c0:after {
-  border-bottom-color: #FFFFFF;
-  border-width: 0.1875rem;
-  margin-left: -0.1875rem;
-}
-
-.c0:before {
-  border-bottom-color: #D8D8D8;
-  border-width: 0.3125rem;
-  margin-left: -0.3125rem;
-}
-
-.c2 {
-  width: 100%;
-  padding: 0.375rem 1.125rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-}
-
-.c2:focus {
-  background-color: #FFFFFF;
-  color: #3B46CC;
-  border: none;
-}
-
-.c2:hover {
-  background-color: #FFFFFF;
-  color: #3B46CC;
-  border: none;
-}
-
-.c2:active,
-.c2:active:hover,
-.c2:active:focus {
-  background-color: #FFFFFF;
-  color: #3B46CC;
-  border: none;
-}
-
-.c2[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c4 {
-  border-top: 0.0625rem solid;
-  margin: 0.375rem 0 0.5625rem 0;
-}
-
-.c1 {
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-}
-
-<div
-        className="c0"
+      <div
+        className="c2"
       >
-        .c2 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c2::-moz-focus-inner,
-.c2[type='button']::-moz-focus-inner,
-.c2[type='reset']::-moz-focus-inner,
-.c2[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c2:-moz-focusring,
-.c2[type='button']:-moz-focusring,
-.c2[type='reset']:-moz-focusring,
-.c2[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c2:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c2:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c2:active,
-.c2:active:hover,
-.c2:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c2[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c2 + button {
-  margin-left: 1.25rem;
-}
-
-.c1 {
-  width: 100%;
-  padding: 0.375rem 1.125rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-}
-
-.c1:focus {
-  background-color: #FFFFFF;
-  color: #3B46CC;
-  border: none;
-}
-
-.c1:hover {
-  background-color: #FFFFFF;
-  color: #3B46CC;
-  border: none;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-color: #FFFFFF;
-  color: #3B46CC;
-  border: none;
-}
-
-.c1[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c3 {
-  border-top: 0.0625rem solid;
-  margin: 0.375rem 0 0.5625rem 0;
-}
-
-.c0 {
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-}
-
-<ul
-          className="c0"
+        <ul
+          className="c3"
         >
-          .c1 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c1::-moz-focus-inner,
-.c1[type='button']::-moz-focus-inner,
-.c1[type='reset']::-moz-focus-inner,
-.c1[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c1:-moz-focusring,
-.c1[type='button']:-moz-focusring,
-.c1[type='reset']:-moz-focusring,
-.c1[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c1:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c1[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c1 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  width: 100%;
-  padding: 0.375rem 1.125rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-}
-
-.c0:focus {
-  background-color: #FFFFFF;
-  color: #3B46CC;
-  border: none;
-}
-
-.c0:hover {
-  background-color: #FFFFFF;
-  color: #3B46CC;
-  border: none;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: #FFFFFF;
-  color: #3B46CC;
-  border: none;
-}
-
-.c0[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-<li>
-            .c1 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c1::-moz-focus-inner,
-.c1[type='button']::-moz-focus-inner,
-.c1[type='reset']::-moz-focus-inner,
-.c1[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c1:-moz-focusring,
-.c1[type='button']:-moz-focusring,
-.c1[type='reset']:-moz-focusring,
-.c1[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c1:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c1[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c1 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  width: 100%;
-  padding: 0.375rem 1.125rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-}
-
-.c0:focus {
-  background-color: #FFFFFF;
-  color: #3B46CC;
-  border: none;
-}
-
-.c0:hover {
-  background-color: #FFFFFF;
-  color: #3B46CC;
-  border: none;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: #FFFFFF;
-  color: #3B46CC;
-  border: none;
-}
-
-.c0[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-<button
-              className="c0 c1"
+          <li>
+            <button
+              className="c4 c5"
               disabled={undefined}
               onClick={[Function]}
             >
               Scale
             </button>
           </li>
-          .c1 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c1::-moz-focus-inner,
-.c1[type='button']::-moz-focus-inner,
-.c1[type='reset']::-moz-focus-inner,
-.c1[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c1:-moz-focusring,
-.c1[type='button']:-moz-focusring,
-.c1[type='reset']:-moz-focusring,
-.c1[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c1:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c1[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c1 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  width: 100%;
-  padding: 0.375rem 1.125rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-}
-
-.c0:focus {
-  background-color: #FFFFFF;
-  color: #3B46CC;
-  border: none;
-}
-
-.c0:hover {
-  background-color: #FFFFFF;
-  color: #3B46CC;
-  border: none;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: #FFFFFF;
-  color: #3B46CC;
-  border: none;
-}
-
-.c0[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-<li>
-            .c1 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c1::-moz-focus-inner,
-.c1[type='button']::-moz-focus-inner,
-.c1[type='reset']::-moz-focus-inner,
-.c1[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c1:-moz-focusring,
-.c1[type='button']:-moz-focusring,
-.c1[type='reset']:-moz-focusring,
-.c1[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c1:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c1[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c1 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  width: 100%;
-  padding: 0.375rem 1.125rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-}
-
-.c0:focus {
-  background-color: #FFFFFF;
-  color: #3B46CC;
-  border: none;
-}
-
-.c0:hover {
-  background-color: #FFFFFF;
-  color: #3B46CC;
-  border: none;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: #FFFFFF;
-  color: #3B46CC;
-  border: none;
-}
-
-.c0[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-<button
-              className="c0 c1"
+          <li>
+            <button
+              className="c4 c5"
               disabled={undefined}
               onClick={[Function]}
             >
               Restart
             </button>
           </li>
-          .c1 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c1::-moz-focus-inner,
-.c1[type='button']::-moz-focus-inner,
-.c1[type='reset']::-moz-focus-inner,
-.c1[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c1:-moz-focusring,
-.c1[type='button']:-moz-focusring,
-.c1[type='reset']:-moz-focusring,
-.c1[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c1:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c1[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c1 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  width: 100%;
-  padding: 0.375rem 1.125rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-}
-
-.c0:focus {
-  background-color: #FFFFFF;
-  color: #3B46CC;
-  border: none;
-}
-
-.c0:hover {
-  background-color: #FFFFFF;
-  color: #3B46CC;
-  border: none;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: #FFFFFF;
-  color: #3B46CC;
-  border: none;
-}
-
-.c0[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-<li>
-            .c1 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c1::-moz-focus-inner,
-.c1[type='button']::-moz-focus-inner,
-.c1[type='reset']::-moz-focus-inner,
-.c1[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c1:-moz-focusring,
-.c1[type='button']:-moz-focusring,
-.c1[type='reset']:-moz-focusring,
-.c1[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c1:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c1[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c1 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  width: 100%;
-  padding: 0.375rem 1.125rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-}
-
-.c0:focus {
-  background-color: #FFFFFF;
-  color: #3B46CC;
-  border: none;
-}
-
-.c0:hover {
-  background-color: #FFFFFF;
-  color: #3B46CC;
-  border: none;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: #FFFFFF;
-  color: #3B46CC;
-  border: none;
-}
-
-.c0[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-<button
-              className="c0 c1"
+          <li>
+            <button
+              className="c4 c5"
               disabled={undefined}
               onClick={[Function]}
             >
               Stop
             </button>
           </li>
-          .c0 {
-  border-top: 0.0625rem solid;
-  margin: 0.375rem 0 0.5625rem 0;
-}
-
-<div
-            className="c0"
+          <div
+            className="c6"
           />
-          .c1 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c1::-moz-focus-inner,
-.c1[type='button']::-moz-focus-inner,
-.c1[type='reset']::-moz-focus-inner,
-.c1[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c1:-moz-focusring,
-.c1[type='button']:-moz-focusring,
-.c1[type='reset']:-moz-focusring,
-.c1[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c1:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c1[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c1 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  width: 100%;
-  padding: 0.375rem 1.125rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-}
-
-.c0:focus {
-  background-color: #FFFFFF;
-  color: #3B46CC;
-  border: none;
-}
-
-.c0:hover {
-  background-color: #FFFFFF;
-  color: #3B46CC;
-  border: none;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: #FFFFFF;
-  color: #3B46CC;
-  border: none;
-}
-
-.c0[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-<li>
-            .c1 {
-  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;
-  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;
-  margin: 0;
-  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-weight: 400;
-  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;
-  text-decoration: none;
-  white-space: nowrap;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  color: ;
-  background-image: none;
-  background-color: ;
-  border-radius: 0.25rem;
-  border: solid 0.0625rem;
-}
-
-.c1::-moz-focus-inner,
-.c1[type='button']::-moz-focus-inner,
-.c1[type='reset']::-moz-focus-inner,
-.c1[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-.c1:-moz-focusring,
-.c1[type='button']:-moz-focusring,
-.c1[type='reset']:-moz-focusring,
-.c1[type='submit']:-moz-focusring {
-  outline: 0.0625rem dotted ButtonText;
-}
-
-.c1:focus {
-  outline: 0;
-  text-decoration: none;
-  background-color: ;
-  border-color: ;
-}
-
-.c1:hover {
-  background-color: ;
-  border: solid 0.0625rem;
-}
-
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
-  background-image: none;
-  outline: 0;
-  background-color: ;
-  border-color: ;
-}
-
-.c1[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-.c1 + button {
-  margin-left: 1.25rem;
-}
-
-.c0 {
-  width: 100%;
-  padding: 0.375rem 1.125rem;
-  background-color: #FFFFFF;
-  color: #464646;
-  text-align: left;
-  border: none;
-  box-shadow: none;
-}
-
-.c0:focus {
-  background-color: #FFFFFF;
-  color: #3B46CC;
-  border: none;
-}
-
-.c0:hover {
-  background-color: #FFFFFF;
-  color: #3B46CC;
-  border: none;
-}
-
-.c0:active,
-.c0:active:hover,
-.c0:active:focus {
-  background-color: #FFFFFF;
-  color: #3B46CC;
-  border: none;
-}
-
-.c0[disabled] {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-
-<button
-              className="c0 c1"
+          <li>
+            <button
+              className="c4 c5"
               disabled={undefined}
               onClick={[Function]}
             >
diff --git a/packages/cp-frontend/test/unit/containers/services/__snapshots__/topology.js.snap b/packages/cp-frontend/test/unit/containers/services/__snapshots__/topology.js.snap
index d653c1da..810cb47f 100644
--- a/packages/cp-frontend/test/unit/containers/services/__snapshots__/topology.js.snap
+++ b/packages/cp-frontend/test/unit/containers/services/__snapshots__/topology.js.snap
@@ -2,222 +2,28 @@
 
 exports[`renders <ServicesTopology /> without throwing 1`] = `
 .c5 {
-  stroke: ;
   stroke-width: 1.5;
-  stroke: ;
 }
 
 .c3 {
-  stroke: ;
-  -webkit-fill: ;
-  fill: ;
   stroke-width: 1.5;
   rx: 4;
   ry: 4;
-  stroke: ;
-  -webkit-fill: ;
-  fill: ;
 }
 
 .c4 {
   font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   font-weight: 400;
-  -webkit-fill: ;
-  fill: ;
   font-size: 16px;
   font-weight: 600;
-  -webkit-fill: ;
-  fill: ;
   cursor: pointer;
 }
 
-.c10 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  -webkit-fill: ;
-  fill: ;
-  font-size: 12px;
-  opacity: 0.8;
-  -webkit-fill: ;
-  fill: ;
-}
-
 .c7 {
-  opacity: 0;
-  cursor: pointer;
-}
-
-.c7:focus {
-  outline: none;
-}
-
-.c6 {
-  -webkit-fill: ;
-  fill: ;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c8 {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c9 {
-  -webkit-fill: ;
-  fill: ;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c2 {
-  width: 100%;
-  height: 1000px;
-}
-
-.c2:not(:root) {
-  overflow: hidden;
-}
-
-.c0 {
-  padding: 1.5rem;
-  background-color: ;
-}
-
-.c1 {
-  position: relative;
-}
-
-<div>
-  .c5 {
-  stroke: ;
-  stroke-width: 1.5;
-  stroke: ;
-}
-
-.c3 {
-  stroke: ;
-  -webkit-fill: ;
-  fill: ;
-  stroke-width: 1.5;
-  rx: 4;
-  ry: 4;
-  stroke: ;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c4 {
   font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
   font-weight: 400;
-  -webkit-fill: ;
-  fill: ;
-  font-size: 16px;
-  font-weight: 600;
-  -webkit-fill: ;
-  fill: ;
-  cursor: pointer;
-}
-
-.c10 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  -webkit-fill: ;
-  fill: ;
   font-size: 12px;
   opacity: 0.8;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c7 {
-  opacity: 0;
-  cursor: pointer;
-}
-
-.c7:focus {
-  outline: none;
-}
-
-.c6 {
-  -webkit-fill: ;
-  fill: ;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c8 {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c9 {
-  -webkit-fill: ;
-  fill: ;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c2 {
-  width: 100%;
-  height: 1000px;
-}
-
-.c2:not(:root) {
-  overflow: hidden;
-}
-
-.c0 {
-  padding: 1.5rem;
-  background-color: ;
-}
-
-.c1 {
-  position: relative;
-}
-
-<div
-    className="c0"
-  >
-    .c4 {
-  stroke: ;
-  stroke-width: 1.5;
-  stroke: ;
-}
-
-.c2 {
-  stroke: ;
-  -webkit-fill: ;
-  fill: ;
-  stroke-width: 1.5;
-  rx: 4;
-  ry: 4;
-  stroke: ;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c3 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  -webkit-fill: ;
-  fill: ;
-  font-size: 16px;
-  font-weight: 600;
-  -webkit-fill: ;
-  fill: ;
-  cursor: pointer;
-}
-
-.c9 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  -webkit-fill: ;
-  fill: ;
-  font-size: 12px;
-  opacity: 0.8;
-  -webkit-fill: ;
-  fill: ;
 }
 
 .c6 {
@@ -229,200 +35,33 @@ exports[`renders <ServicesTopology /> without throwing 1`] = `
   outline: none;
 }
 
-.c5 {
-  -webkit-fill: ;
-  fill: ;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c7 {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c8 {
-  -webkit-fill: ;
-  fill: ;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c1 {
+.c2 {
   width: 100%;
   height: 1000px;
 }
 
-.c1:not(:root) {
+.c2:not(:root) {
   overflow: hidden;
 }
 
 .c0 {
+  padding: 1.5rem;
+}
+
+.c1 {
   position: relative;
 }
 
-<div
-      className="c0"
-    >
-      .c3 {
-  stroke: ;
-  stroke-width: 1.5;
-  stroke: ;
-}
-
-.c1 {
-  stroke: ;
-  -webkit-fill: ;
-  fill: ;
-  stroke-width: 1.5;
-  rx: 4;
-  ry: 4;
-  stroke: ;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c2 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  -webkit-fill: ;
-  fill: ;
-  font-size: 16px;
-  font-weight: 600;
-  -webkit-fill: ;
-  fill: ;
-  cursor: pointer;
-}
-
-.c8 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  -webkit-fill: ;
-  fill: ;
-  font-size: 12px;
-  opacity: 0.8;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c5 {
-  opacity: 0;
-  cursor: pointer;
-}
-
-.c5:focus {
-  outline: none;
-}
-
-.c4 {
-  -webkit-fill: ;
-  fill: ;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c6 {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c7 {
-  -webkit-fill: ;
-  fill: ;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c0 {
-  width: 100%;
-  height: 1000px;
-}
-
-.c0:not(:root) {
-  overflow: hidden;
-}
-
 <div>
-        .c3 {
-  stroke: ;
-  stroke-width: 1.5;
-  stroke: ;
-}
-
-.c1 {
-  stroke: ;
-  -webkit-fill: ;
-  fill: ;
-  stroke-width: 1.5;
-  rx: 4;
-  ry: 4;
-  stroke: ;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c2 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  -webkit-fill: ;
-  fill: ;
-  font-size: 16px;
-  font-weight: 600;
-  -webkit-fill: ;
-  fill: ;
-  cursor: pointer;
-}
-
-.c8 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  -webkit-fill: ;
-  fill: ;
-  font-size: 12px;
-  opacity: 0.8;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c5 {
-  opacity: 0;
-  cursor: pointer;
-}
-
-.c5:focus {
-  outline: none;
-}
-
-.c4 {
-  -webkit-fill: ;
-  fill: ;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c6 {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c7 {
-  -webkit-fill: ;
-  fill: ;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c0 {
-  width: 100%;
-  height: 1000px;
-}
-
-.c0:not(:root) {
-  overflow: hidden;
-}
-
-<svg
-          className="c0"
+  <div
+    className="c0"
+  >
+    <div
+      className="c1"
+    >
+      <div>
+        <svg
+          className="c2"
           id="topology-svg"
           onMouseMove={[Function]}
           onMouseUp={[Function]}
@@ -430,194 +69,20 @@ exports[`renders <ServicesTopology /> without throwing 1`] = `
           onTouchEnd={[Function]}
           onTouchMove={[Function]}
         >
-          .c2 {
-  stroke: ;
-  stroke-width: 1.5;
-  stroke: ;
-}
-
-.c0 {
-  stroke: ;
-  -webkit-fill: ;
-  fill: ;
-  stroke-width: 1.5;
-  rx: 4;
-  ry: 4;
-  stroke: ;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c1 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  -webkit-fill: ;
-  fill: ;
-  font-size: 16px;
-  font-weight: 600;
-  -webkit-fill: ;
-  fill: ;
-  cursor: pointer;
-}
-
-.c7 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  -webkit-fill: ;
-  fill: ;
-  font-size: 12px;
-  opacity: 0.8;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c4 {
-  opacity: 0;
-  cursor: pointer;
-}
-
-.c4:focus {
-  outline: none;
-}
-
-.c3 {
-  -webkit-fill: ;
-  fill: ;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c5 {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c6 {
-  -webkit-fill: ;
-  fill: ;
-  -webkit-fill: ;
-  fill: ;
-}
-
-<g>
-            .c2 {
-  stroke: ;
-  stroke-width: 1.5;
-  stroke: ;
-}
-
-.c0 {
-  stroke: ;
-  -webkit-fill: ;
-  fill: ;
-  stroke-width: 1.5;
-  rx: 4;
-  ry: 4;
-  stroke: ;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c1 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  -webkit-fill: ;
-  fill: ;
-  font-size: 16px;
-  font-weight: 600;
-  -webkit-fill: ;
-  fill: ;
-  cursor: pointer;
-}
-
-.c7 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  -webkit-fill: ;
-  fill: ;
-  font-size: 12px;
-  opacity: 0.8;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c4 {
-  opacity: 0;
-  cursor: pointer;
-}
-
-.c4:focus {
-  outline: none;
-}
-
-.c3 {
-  -webkit-fill: ;
-  fill: ;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c5 {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c6 {
-  -webkit-fill: ;
-  fill: ;
-  -webkit-fill: ;
-  fill: ;
-}
-
-<g
+          <g>
+            <g
               transform="translate(0, 0)"
             >
-              .c0 {
-  stroke: ;
-  -webkit-fill: ;
-  fill: ;
-  stroke-width: 1.5;
-  rx: 4;
-  ry: 4;
-  stroke: ;
-  -webkit-fill: ;
-  fill: ;
-}
-
-<rect
-                className="c0"
+              <rect
+                className="c3"
                 height={114}
                 width={180}
                 x={0}
                 y={0}
               />
-              .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  -webkit-fill: ;
-  fill: ;
-  font-size: 16px;
-  font-weight: 600;
-  -webkit-fill: ;
-  fill: ;
-  cursor: pointer;
-}
-
-<g>
-                .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  -webkit-fill: ;
-  fill: ;
-  font-size: 16px;
-  font-weight: 600;
-  -webkit-fill: ;
-  fill: ;
-  cursor: pointer;
-}
-
-<text
-                  className="c0"
+              <g>
+                <text
+                  className="c4"
                   onClick={[Function]}
                   onKeyDown={[Function]}
                   x={12}
@@ -626,94 +91,36 @@ exports[`renders <ServicesTopology /> without throwing 1`] = `
                   Nginx
                 </text>
               </g>
-              .c0 {
-  stroke: ;
-  stroke-width: 1.5;
-  stroke: ;
-}
-
-.c2 {
-  opacity: 0;
-  cursor: pointer;
-}
-
-.c2:focus {
-  outline: none;
-}
-
-.c1 {
-  -webkit-fill: ;
-  fill: ;
-  -webkit-fill: ;
-  fill: ;
-}
-
-<g
+              <g
                 transform="translate(140, 0)"
               >
-                .c0 {
-  stroke: ;
-  stroke-width: 1.5;
-  stroke: ;
-}
-
-<line
-                  className="c0"
+                <line
+                  className="c5"
                   x1={0}
                   x2={0}
                   y1={0}
                   y2={48}
                 />
-                .c0 {
-  -webkit-fill: ;
-  fill: ;
-  -webkit-fill: ;
-  fill: ;
-}
-
-<circle
-                  className="c0"
+                <circle
+                  className=""
                   cx={20}
                   cy={18}
                   r={2}
                 />
-                .c0 {
-  -webkit-fill: ;
-  fill: ;
-  -webkit-fill: ;
-  fill: ;
-}
-
-<circle
-                  className="c0"
+                <circle
+                  className=""
                   cx={20}
                   cy={24}
                   r={2}
                 />
-                .c0 {
-  -webkit-fill: ;
-  fill: ;
-  -webkit-fill: ;
-  fill: ;
-}
-
-<circle
-                  className="c0"
+                <circle
+                  className=""
                   cx={20}
                   cy={30}
                   r={2}
                 />
-                .c0 {
-  opacity: 0;
-  cursor: pointer;
-}
-
-.c0:focus {
-  outline: none;
-}
-
-<rect
-                  className="c0"
+                <rect
+                  className="c6"
                   height={48}
                   onClick={[Function]}
                   onKeyDown={[Function]}
@@ -722,92 +129,24 @@ exports[`renders <ServicesTopology /> without throwing 1`] = `
                   width={40}
                 />
               </g>
-              .c0 {
-  stroke: ;
-  stroke-width: 1.5;
-  stroke: ;
-}
-
-.c3 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  -webkit-fill: ;
-  fill: ;
-  font-size: 12px;
-  opacity: 0.8;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c1 {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c2 {
-  -webkit-fill: ;
-  fill: ;
-  -webkit-fill: ;
-  fill: ;
-}
-
-<g
+              <g
                 transform="translate(0, 48)"
               >
-                .c0 {
-  stroke: ;
-  stroke-width: 1.5;
-  stroke: ;
-}
-
-<line
-                  className="c0"
+                <line
+                  className="c5"
                   x1={0}
                   x2={180}
                   y1={0}
                   y2={0}
                 />
-                .c2 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  -webkit-fill: ;
-  fill: ;
-  font-size: 12px;
-  opacity: 0.8;
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c0 {
-  -webkit-fill: ;
-  fill: ;
-}
-
-.c1 {
-  -webkit-fill: ;
-  fill: ;
-  -webkit-fill: ;
-  fill: ;
-}
-
-<g
+                <g
                   transform="translate(12, 11)"
                 >
-                  .c0 {
-  -webkit-fill: ;
-  fill: ;
-}
-
-<g
+                  <g
                     transform="translate(0, 0)"
                   >
-                    .c0 {
-  -webkit-fill: ;
-  fill: ;
-}
-
-<svg
-                      className="c0"
+                    <svg
+                      className=""
                       healthy="UNHEALTHY"
                       height="18"
                       viewBox="0 0 18 18"
@@ -832,26 +171,12 @@ exports[`renders <ServicesTopology /> without throwing 1`] = `
                       </g>
                     </svg>
                   </g>
-                  .c0 {
-  -webkit-fill: ;
-  fill: ;
-  -webkit-fill: ;
-  fill: ;
-}
-
-<g
+                  <g
                     transform="translate(30, 4.5)"
                   >
-                    .c0 {
-  -webkit-fill: ;
-  fill: ;
-  -webkit-fill: ;
-  fill: ;
-}
-
-<svg
+                    <svg
                       active={undefined}
-                      className="c0"
+                      className=""
                       consul={undefined}
                       height="9"
                       viewBox="0 0 18 9"
@@ -867,51 +192,18 @@ exports[`renders <ServicesTopology /> without throwing 1`] = `
                       />
                     </svg>
                   </g>
-                  .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  -webkit-fill: ;
-  fill: ;
-  font-size: 12px;
-  opacity: 0.8;
-  -webkit-fill: ;
-  fill: ;
-}
-
-<text
-                    className="c0"
+                  <text
+                    className="c7"
                     x={54}
                     y={14}
                   >
                     1 inst.
                   </text>
-                  .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  -webkit-fill: ;
-  fill: ;
-  font-size: 12px;
-  opacity: 0.8;
-  -webkit-fill: ;
-  fill: ;
-}
-
-<g
+                  <g
                     transform="translate(54, 36)"
                   >
-                    .c0 {
-  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-  font-weight: 400;
-  -webkit-fill: ;
-  fill: ;
-  font-size: 12px;
-  opacity: 0.8;
-  -webkit-fill: ;
-  fill: ;
-}
-
-<text
-                      className="c0"
+                    <text
+                      className="c7"
                     >
                       1
             running