-
-
-
-
-
-
-
without throwing 1`] = `
type="button"
>
+
+ Remove
+
@@ -6773,8 +1017,211 @@ exports[`renders
without throwing 1`] = `
`;
-exports[`renders
without throwing 1`] = `
-.c24 {
+exports[`renders
without throwing 1`] = `
+.c9 {
+ color: rgb(73,73,73);
+ font-weight: 600;
+ line-height: 1.5rem;
+ font-size: 0.9375rem;
+}
+
+.c5 {
+ padding-right: 1.125rem;
+ padding-left: 1.125rem;
+}
+
+.c6 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ width: 100%;
+ height: 100%;
+ -webkit-flex-basis: 100%;
+ -ms-flex-preferred-size: 100%;
+ flex-basis: 100%;
+}
+
+.c3 {
+ box-sizing: content-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 0 auto;
+ -ms-flex: 1 0 auto;
+ flex: 1 0 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ position: relative;
+ border-width: 0.0625rem;
+ border-style: solid;
+ -webkit-transition: all 300ms ease;
+ transition: all 300ms ease;
+ color: rgb(73,73,73);
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+ min-height: auto;
+ height: 2.875rem;
+ -webkit-flex: 0 0 2.875rem;
+ -ms-flex: 0 0 2.875rem;
+ flex: 0 0 2.875rem;
+}
+
+.c0 {
+ box-sizing: content-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 0 auto;
+ -ms-flex: 1 0 auto;
+ flex: 1 0 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ position: relative;
+ border-width: 0.0625rem;
+ border-style: solid;
+ -webkit-transition: all 300ms ease;
+ transition: all 300ms ease;
+ color: rgb(73,73,73);
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+ box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
+ cursor: pointer;
+ min-height: auto;
+ height: 2.875rem;
+ -webkit-flex: 0 0 2.875rem;
+ -ms-flex: 0 0 2.875rem;
+ flex: 0 0 2.875rem;
+}
+
+.c2 {
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ z-index: 1;
+ line-height: 1.5rem;
+ height: auto;
+ max-width: 100%;
+ box-shadow: none;
+}
+
+.c8 {
+ box-sizing: border-box;
+ min-height: 2.9375rem;
+ max-width: 100%;
+ width: auto;
+ height: auto;
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: stretch;
+ -webkit-box-align: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+ overflow: hidden;
+ background-color: transparent;
+ border-width: 0;
+ box-shadow: none;
+ color: inherit;
+}
+
+.c1 {
+ border-top: 0;
+ border-left: 0;
+ border-right: 0;
+}
+
+.c4 {
+ word-wrap: break-word;
+ overflow-wrap: break-word;
+ width: 100%;
+ box-sizing: border-box;
+}
+
+.c7 {
+ height: 2.9375rem;
+ max-width: 98%;
+}
+
+
+`;
+
+exports[`renders
without throwing 1`] = `
+.c30 {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
@@ -6784,182 +1231,32 @@ exports[`renders
without throwing 1`] = `
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
- min-width: 7.5rem;
}
-.c24::-moz-focus-inner,
-.c24[type='button']::-moz-focus-inner,
-.c24[type='reset']::-moz-focus-inner,
-.c24[type='submit']::-moz-focus-inner {
+.c30::-moz-focus-inner,
+.c30[type='button']::-moz-focus-inner,
+.c30[type='reset']::-moz-focus-inner,
+.c30[type='submit']::-moz-focus-inner {
border-style: none;
padding: 0;
}
-.c24:-moz-focusring,
-.c24[type='button']:-moz-focusring,
-.c24[type='reset']:-moz-focusring,
-.c24[type='submit']:-moz-focusring {
+.c30:-moz-focusring,
+.c30[type='button']:-moz-focusring,
+.c30[type='reset']:-moz-focusring,
+.c30[type='submit']:-moz-focusring {
outline: 0.0625rem dotted ButtonText;
}
-.c24 + button,
-.c24 + a {
- margin-left: 0.375rem;
-}
-
-.c27 {
- fill: rgb(59,70,204);
- stroke: rgb(59,70,204);
- -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
- animation: iCqDak 1.5s ease-out 0s infinite;
+.c29 {
+ min-width: 7.5rem;
}
.c28 {
- fill: rgb(59,70,204);
- stroke: rgb(59,70,204);
- -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
- animation: iCqDak 1.5s ease-out 0s infinite;
- -webkit-animation-delay: 0.5s;
- animation-delay: 0.5s;
-}
-
-.c29 {
- fill: rgb(59,70,204);
- stroke: rgb(59,70,204);
- -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
- animation: iCqDak 1.5s ease-out 0s infinite;
- -webkit-animation-delay: 1s;
- animation-delay: 1s;
-}
-
-.c26 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-flex-wrap: nowrap;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-content: center;
- -ms-flex-line-pack: center;
- align-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 1.25rem;
- -webkit-flex: 1 0 auto;
- -ms-flex: 1 0 auto;
- flex: 1 0 auto;
-}
-
-.c23 {
display: inline-block;
}
-.c23 + button,
-.c23 + a {
- margin-left: 0.375rem;
-}
-
-.c25 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- -webkit-text-decoration: none;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
- background-image: none;
- background-color: rgb(59,70,204);
- border-radius: 0.25rem;
- border: solid 0.0625rem rgb(45,56,132);
- cursor: not-allowed;
- pointer-events: none;
- color: rgb(216,216,216);
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
- margin: 0;
-}
-
-.c25:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c25:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c25:active,
-.c25:active:hover,
-.c25:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c25[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c25:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
-}
-
-.c25:hover {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c25:active,
-.c25:active:hover,
-.c25:active:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c31 {
+.c27 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -7001,25 +1298,95 @@ exports[`renders
without throwing 1`] = `
-webkit-text-fill-color: currentcolor;
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
- color: rgb(210,67,58);
- -webkit-text-fill-color: currentcolor;
+}
+
+.c27:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c27:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c27[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c27:focus {
background-color: rgb(255,255,255);
- border-color: rgb(210,67,58);
+ border-color: rgb(216,216,216);
+}
+
+.c27:hover {
+ background-color: rgb(247,247,247);
+ border-color: rgb(216,216,216);
+}
+
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
+ background-color: rgb(230,230,230);
+ border-color: rgb(216,216,216);
+}
+
+.c31 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ line-height: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
cursor: not-allowed;
pointer-events: none;
color: rgb(216,216,216);
background-color: rgb(250,250,250);
border-color: rgb(216,216,216);
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- margin: 0;
- float: right;
}
.c31:focus {
@@ -7049,42 +1416,6 @@ exports[`renders
without throwing 1`] = `
pointer-events: none;
}
-.c31:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c31:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
-.c31:focus {
- color: rgb(205,37,27);
- background-color: rgb(255,255,255);
- border-color: rgb(205,37,27);
-}
-
-.c31:hover {
- color: rgb(205,37,27);
- background-color: rgb(255,255,255);
- border-color: rgb(205,37,27);
-}
-
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
- background-color: rgba(210,67,58,0.1);
- border-color: rgb(205,37,27);
-}
-
.c31:focus {
background-color: rgb(250,250,250);
border-color: rgb(216,216,216);
@@ -7102,1106 +1433,7 @@ exports[`renders
without throwing 1`] = `
border-color: rgb(250,250,250);
}
-.c31 svg + span {
- margin-left: 0.75rem;
-}
-
-.c31 svg {
- max-height: 1.125rem;
-}
-
-.c22 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- -webkit-text-decoration: none;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
- background-image: none;
- background-color: rgb(59,70,204);
- border-radius: 0.25rem;
- border: solid 0.0625rem rgb(45,56,132);
- color: rgb(70,70,70);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- cursor: not-allowed;
- pointer-events: none;
- color: rgb(216,216,216);
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
- margin: 0;
-}
-
-.c22:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c22:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c22:active,
-.c22:active:hover,
-.c22:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c22[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c22:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c22:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c22:active,
-.c22:active:hover,
-.c22:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
-.c22:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
-}
-
-.c22:hover {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c22:active,
-.c22:active:hover,
-.c22:active:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c13 {
- font-size: 0.9375rem;
- line-height: 1.125rem;
- font-style: normal;
- font-stretch: normal;
- display: block;
- color: rgb(70,70,70);
- text-align: left;
- margin-bottom: 0.1875rem;
- margin-right: 0.75rem;
- font-weight: 600;
- white-space: pre;
- font-size: 0.8125rem;
-}
-
-.c16 {
- box-sizing: border-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 1 1 auto;
- -ms-flex: 1 1 auto;
- flex: 1 1 auto;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- margin-right: -0.625rem;
- margin-left: -0.625rem;
-}
-
-.c20 {
- box-sizing: border-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 1 1 auto;
- -ms-flex: 1 1 auto;
- flex: 1 1 auto;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- margin-right: -0.625rem;
- margin-left: -0.625rem;
-}
-
-.c17 {
- box-sizing: border-box;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- padding-right: 0.625rem;
- padding-left: 0.625rem;
- display: block;
-}
-
-.c21 {
- box-sizing: border-box;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- padding-right: 0.625rem;
- padding-left: 0.625rem;
- display: block;
-}
-
-.c30 {
- box-sizing: border-box;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- padding-right: 0.625rem;
- padding-left: 0.625rem;
- display: block;
-}
-
-.c7 {
- color: rgb(73,73,73);
- font-weight: 600;
- line-height: 1.5rem;
- font-size: 0.9375rem;
- margin: 0;
-}
-
-.c7 + p,
-.c7 + small,
-.c7 + h1,
-.c7 + h2,
-.c7 + label,
-.c7 + h3,
-.c7 + h4,
-.c7 + h5,
-.c7 + div,
-.c7 + span {
- margin-top: 0.75rem;
-}
-
-.c14 {
- margin-top: 0.1875rem;
-}
-
-.c19 {
- margin-top: 0.375rem;
-}
-
-.c3 {
- padding-right: 1.125rem;
- padding-left: 1.125rem;
-}
-
-.c9 {
- padding: 1.125rem;
-}
-
-.c4 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-flex-wrap: nowrap;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- -webkit-align-content: stretch;
- -ms-flex-line-pack: stretch;
- align-content: stretch;
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
- justify-content: space-between;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- width: 100%;
- height: 100%;
- -webkit-flex-basis: 100%;
- -ms-flex-preferred-size: 100%;
- flex-basis: 100%;
-}
-
-.c10 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-flex-wrap: nowrap;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- -webkit-align-content: stretch;
- -ms-flex-line-pack: stretch;
- align-content: stretch;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- -webkit-align-content: stretch;
- -ms-flex-line-pack: stretch;
- align-content: stretch;
-}
-
-.c11 {
- -webkit-order: 0;
- -ms-flex-order: 0;
- order: 0;
- -webkit-flex-basis: auto;
- -ms-flex-preferred-size: auto;
- flex-basis: auto;
- -webkit-box-flex: 0;
- -webkit-flex-grow: 0;
- -ms-flex-positive: 0;
- flex-grow: 0;
- -webkit-flex-shrink: 1;
- -ms-flex-negative: 1;
- flex-shrink: 1;
- display: block;
- -webkit-flex-basis: auto;
- -ms-flex-preferred-size: auto;
- flex-basis: auto;
-}
-
-.c18 {
- -webkit-order: 0;
- -ms-flex-order: 0;
- order: 0;
- -webkit-flex-basis: auto;
- -ms-flex-preferred-size: auto;
- flex-basis: auto;
- -webkit-box-flex: 0;
- -webkit-flex-grow: 0;
- -ms-flex-positive: 0;
- flex-grow: 0;
- -webkit-flex-shrink: 1;
- -ms-flex-negative: 1;
- flex-shrink: 1;
- display: block;
- -webkit-flex-basis: 0.75rem;
- -ms-flex-preferred-size: 0.75rem;
- flex-basis: 0.75rem;
-}
-
-.c0 {
- box-sizing: content-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 1 0 auto;
- -ms-flex: 1 0 auto;
- flex: 1 0 auto;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- position: relative;
- border-width: 0.0625rem;
- border-style: solid;
- -webkit-transition: all 300ms ease;
- transition: all 300ms ease;
- color: rgb(73,73,73);
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-}
-
-.c1 {
- box-sizing: content-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 1 0 auto;
- -ms-flex: 1 0 auto;
- flex: 1 0 auto;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- position: relative;
- border-width: 0.0625rem;
- border-style: solid;
- -webkit-transition: all 300ms ease;
- transition: all 300ms ease;
- color: rgb(73,73,73);
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- min-height: auto;
- height: 2.875rem;
- -webkit-flex: 0 0 2.875rem;
- -ms-flex: 0 0 2.875rem;
- flex: 0 0 2.875rem;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- z-index: 1;
- line-height: 1.5rem;
- height: auto;
- max-width: 100%;
- margin: -0.0625rem -0.0625rem 0 -0.0625rem;
-}
-
-.c1 button {
- margin-bottom: 0;
- margin-top: 0;
-}
-
-.c6 {
- box-sizing: content-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 1 0 auto;
- -ms-flex: 1 0 auto;
- flex: 1 0 auto;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- position: relative;
- border-width: 0.0625rem;
- border-style: solid;
- -webkit-transition: all 300ms ease;
- transition: all 300ms ease;
- color: rgb(73,73,73);
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- min-height: auto;
- height: 2.875rem;
- -webkit-flex: 0 0 2.875rem;
- -ms-flex: 0 0 2.875rem;
- flex: 0 0 2.875rem;
- box-sizing: border-box;
- min-height: 2.9375rem;
- max-width: 100%;
- width: auto;
- height: auto;
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-flex: 1 1 auto;
- -ms-flex: 1 1 auto;
- flex: 1 1 auto;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: stretch;
- -webkit-box-align: stretch;
- -ms-flex-align: stretch;
- align-items: stretch;
- -webkit-align-content: stretch;
- -ms-flex-line-pack: stretch;
- align-content: stretch;
- overflow: hidden;
- background-color: transparent;
- border-width: 0;
- box-shadow: none;
- color: inherit;
-}
-
-.c8 {
- box-sizing: content-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 1 0 auto;
- -ms-flex: 1 0 auto;
- flex: 1 0 auto;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- position: relative;
- border-width: 0.0625rem;
- border-style: solid;
- -webkit-transition: all 300ms ease;
- transition: all 300ms ease;
- color: rgb(73,73,73);
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- box-sizing: border-box;
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-flex: 1 1 auto;
- -ms-flex: 1 1 auto;
- flex: 1 1 auto;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- border-width: 0;
- margin-bottom: 0;
- background-color: transparent;
-}
-
-.c8 > [name='card']:not(:last-child) {
- margin-bottom: 0.8125rem;
-}
-
-.c8 > [name='card']:last-child {
- margin-bottom: 0.4375rem;
-}
-
-.c12 {
- display: inline-block;
- margin: 0;
- padding: 0;
- border: none;
- overflow: hidden;
- height: auto;
- -webkit-margin-start: 0;
- -webkit-margin-end: 0;
- -webkit-padding-before: 0;
- -webkit-padding-start: 0;
- -webkit-padding-end: 0;
- -webkit-padding-after: 0;
- width: 100%;
-}
-
-.c15 {
- box-sizing: border-box;
- width: 18.75rem;
- height: 3rem;
- min-height: 3rem;
- padding: 0.8125rem 0.75rem;
- border-radius: 0.25rem;
- background-color: rgb(255,255,255);
- border: 0.0625rem solid rgb(216,216,216);
- color: rgb(250,250,250);
- font-size: 0.9375rem;
- line-height: normal !important;
- font-style: normal;
- font-stretch: normal;
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- outline: 0;
- background-color: rgb(250,250,250);
- color: rgb(216,216,216);
- cursor: not-allowed;
- max-width: 22.1875rem;
- text-overflow: ellipsis;
-}
-
-.c15:focus {
- border-color: rgb(59,70,204);
- outline: 0;
-}
-
-.c15::-webkit-input-placeholder {
- color: rgba(73,73,73,0.5);
-}
-
-.c15::-moz-placeholder {
- color: rgba(73,73,73,0.5);
-}
-
-.c15:-ms-input-placeholder {
- color: rgba(73,73,73,0.5);
-}
-
-.c15:invalid {
- box-shadow: none;
-}
-
-.c15::-webkit-input-placeholder {
- color: rgb(216,216,216);
-}
-
-.c15::-moz-placeholder {
- color: rgb(216,216,216);
-}
-
-.c15:-ms-input-placeholder {
- color: rgb(216,216,216);
-}
-
-.c15:disabled {
- background-color: rgb(250,250,250);
- color: rgb(216,216,216);
- cursor: not-allowed;
-}
-
-.c15:disabled::-webkit-input-placeholder {
- color: rgba(73,73,73,0.5);
-}
-
-.c15:disabled::-moz-placeholder {
- color: rgba(73,73,73,0.5);
-}
-
-.c15:disabled:-ms-input-placeholder {
- color: rgba(73,73,73,0.5);
-}
-
-.c2 {
- word-wrap: break-word;
- overflow-wrap: break-word;
- width: 100%;
- box-sizing: border-box;
-}
-
-.c5 {
- height: 2.9375rem;
- max-width: 98%;
-}
-
-@media only screen and (min-width:0em) {
- .c20 {
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- }
-}
-
-@media only screen and (min-width:0em) {
- .c20 {
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
- justify-content: space-between;
- }
-}
-
-@media only screen and (min-width:48em) {
- .c17 {
- -webkit-flex-basis: 58.333333333333336%;
- -ms-flex-preferred-size: 58.333333333333336%;
- flex-basis: 58.333333333333336%;
- max-width: 58.333333333333336%;
- }
-}
-
-@media only screen and (min-width:0em) {
- .c21 {
- -webkit-flex-basis: 100%;
- -ms-flex-preferred-size: 100%;
- flex-basis: 100%;
- max-width: 100%;
- }
-}
-
-@media only screen and (min-width:0em) {
- .c30 {
- display: none;
- }
-}
-
-
-`;
-
-exports[`renders
without throwing 1`] = `
-.c24 {
- font-family: sans-serif;
- font-size: 100%;
- line-height: 1.15;
- margin: 0;
- overflow: visible;
- text-transform: none;
- -webkit-appearance: button;
- -moz-appearance: button;
- appearance: button;
- min-width: 7.5rem;
-}
-
-.c24::-moz-focus-inner,
-.c24[type='button']::-moz-focus-inner,
-.c24[type='reset']::-moz-focus-inner,
-.c24[type='submit']::-moz-focus-inner {
- border-style: none;
- padding: 0;
-}
-
-.c24:-moz-focusring,
-.c24[type='button']:-moz-focusring,
-.c24[type='reset']:-moz-focusring,
-.c24[type='submit']:-moz-focusring {
- outline: 0.0625rem dotted ButtonText;
-}
-
-.c24 + button,
-.c24 + a {
- margin-left: 0.375rem;
-}
-
-.c23 {
- display: inline-block;
-}
-
-.c23 + button,
-.c23 + a {
- margin-left: 0.375rem;
-}
-
-.c22 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- -webkit-text-decoration: none;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
- background-image: none;
- background-color: rgb(59,70,204);
- border-radius: 0.25rem;
- border: solid 0.0625rem rgb(45,56,132);
- color: rgb(70,70,70);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- margin: 0;
-}
-
-.c22:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c22:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c22:active,
-.c22:active:hover,
-.c22:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c22[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c22:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c22:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c22:active,
-.c22:active:hover,
-.c22:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
-.c25 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- -webkit-text-decoration: none;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
- background-image: none;
- background-color: rgb(59,70,204);
- border-radius: 0.25rem;
- border: solid 0.0625rem rgb(45,56,132);
- cursor: not-allowed;
- pointer-events: none;
- color: rgb(216,216,216);
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
- margin: 0;
-}
-
-.c25:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c25:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c25:active,
-.c25:active:hover,
-.c25:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c25[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c25:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
-}
-
-.c25:hover {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c25:active,
-.c25:active:hover,
-.c25:active:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c27 {
+.c33 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -8255,10 +1487,5312 @@ exports[`renders
without throwing 1`] = `
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
- margin: 0;
float: right;
}
+.c33:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c33:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c33[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c33:focus {
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c33:hover {
+ background-color: rgb(247,247,247);
+ border-color: rgb(216,216,216);
+}
+
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
+ background-color: rgb(230,230,230);
+ border-color: rgb(216,216,216);
+}
+
+.c33:focus {
+ color: rgb(205,37,27);
+ background-color: rgb(255,255,255);
+ border-color: rgb(205,37,27);
+}
+
+.c33:hover {
+ color: rgb(205,37,27);
+ background-color: rgb(255,255,255);
+ border-color: rgb(205,37,27);
+}
+
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
+ background-color: rgba(210,67,58,0.1);
+ border-color: rgb(205,37,27);
+}
+
+.c17 {
+ font-size: 0.9375rem;
+ line-height: 1.125rem;
+ font-style: normal;
+ font-stretch: normal;
+ display: block;
+ color: rgb(70,70,70);
+ text-align: left;
+}
+
+.c20 {
+ box-sizing: border-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-right: -0.625rem;
+ margin-left: -0.625rem;
+}
+
+.c24 {
+ box-sizing: border-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-right: -0.625rem;
+ margin-left: -0.625rem;
+}
+
+.c21 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c25 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c32 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c9 {
+ color: rgb(73,73,73);
+ font-weight: 600;
+ line-height: 1.5rem;
+ font-size: 0.9375rem;
+}
+
+.c18 {
+ margin-top: 0.1875rem;
+}
+
+.c23 {
+ margin-top: 0.375rem;
+}
+
+.c34 {
+ margin-right: 0.75rem;
+}
+
+.c5 {
+ padding-right: 1.125rem;
+ padding-left: 1.125rem;
+}
+
+.c12 {
+ padding: 1.125rem;
+}
+
+.c6 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ width: 100%;
+ height: 100%;
+ -webkit-flex-basis: 100%;
+ -ms-flex-preferred-size: 100%;
+ flex-basis: 100%;
+}
+
+.c13 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+}
+
+.c14 {
+ -webkit-order: 0;
+ -ms-flex-order: 0;
+ order: 0;
+ -webkit-flex-basis: auto;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+ -webkit-box-flex: 0;
+ -webkit-flex-grow: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ -webkit-flex-shrink: 1;
+ -ms-flex-negative: 1;
+ flex-shrink: 1;
+ display: block;
+ -webkit-flex-basis: auto;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+}
+
+.c22 {
+ -webkit-order: 0;
+ -ms-flex-order: 0;
+ order: 0;
+ -webkit-flex-basis: auto;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+ -webkit-box-flex: 0;
+ -webkit-flex-grow: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ -webkit-flex-shrink: 1;
+ -ms-flex-negative: 1;
+ flex-shrink: 1;
+ display: block;
+ -webkit-flex-basis: 0.75rem;
+ -ms-flex-preferred-size: 0.75rem;
+ flex-basis: 0.75rem;
+}
+
+.c0 {
+ box-sizing: content-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 0 auto;
+ -ms-flex: 1 0 auto;
+ flex: 1 0 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ position: relative;
+ border-width: 0.0625rem;
+ border-style: solid;
+ -webkit-transition: all 300ms ease;
+ transition: all 300ms ease;
+ color: rgb(73,73,73);
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+ box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
+}
+
+.c3 {
+ box-sizing: content-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 0 auto;
+ -ms-flex: 1 0 auto;
+ flex: 1 0 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ position: relative;
+ border-width: 0.0625rem;
+ border-style: solid;
+ -webkit-transition: all 300ms ease;
+ transition: all 300ms ease;
+ color: rgb(73,73,73);
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+ min-height: auto;
+ height: 2.875rem;
+ -webkit-flex: 0 0 2.875rem;
+ -ms-flex: 0 0 2.875rem;
+ flex: 0 0 2.875rem;
+}
+
+.c11 {
+ box-sizing: content-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 0 auto;
+ -ms-flex: 1 0 auto;
+ flex: 1 0 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ position: relative;
+ border-width: 0.0625rem;
+ border-style: solid;
+ -webkit-transition: all 300ms ease;
+ transition: all 300ms ease;
+ color: rgb(73,73,73);
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c10 {
+ box-sizing: border-box;
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ border-width: 0;
+ background-color: transparent;
+}
+
+.c2 {
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ z-index: 1;
+ line-height: 1.5rem;
+ height: auto;
+ max-width: 100%;
+}
+
+.c8 {
+ box-sizing: border-box;
+ min-height: 2.9375rem;
+ max-width: 100%;
+ width: auto;
+ height: auto;
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: stretch;
+ -webkit-box-align: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+ overflow: hidden;
+ background-color: transparent;
+ border-width: 0;
+ box-shadow: none;
+ color: inherit;
+}
+
+.c15 {
+ display: inline-block;
+ padding: 0;
+ border: none;
+ overflow: hidden;
+ height: auto;
+ -webkit-padding-before: 0;
+ -webkit-padding-start: 0;
+ -webkit-padding-end: 0;
+ -webkit-padding-after: 0;
+ width: 100%;
+}
+
+.c19 {
+ box-sizing: border-box;
+ width: 18.75rem;
+ height: 3rem;
+ min-height: 3rem;
+ padding: 0.8125rem 0.75rem;
+ border-radius: 0.25rem;
+ background-color: rgb(255,255,255);
+ border: 0.0625rem solid rgb(216,216,216);
+ color: rgb(73,73,73);
+ font-size: 0.9375rem;
+ line-height: normal !important;
+ font-style: normal;
+ font-stretch: normal;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ outline: 0;
+ max-width: 22.1875rem;
+ text-overflow: ellipsis;
+}
+
+.c19:focus {
+ border-color: rgb(59,70,204);
+ outline: 0;
+}
+
+.c19::-webkit-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c19::-moz-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c19:-ms-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c19:invalid {
+ box-shadow: none;
+}
+
+.c19:disabled {
+ background-color: rgb(250,250,250);
+ color: rgb(216,216,216);
+ cursor: not-allowed;
+}
+
+.c19:disabled::-webkit-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c19:disabled::-moz-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c19:disabled:-ms-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c16 {
+ font-weight: 600;
+ white-space: pre;
+ font-size: 0.8125rem;
+}
+
+.c1 {
+ border-top: 0;
+ border-left: 0;
+ border-right: 0;
+}
+
+.c26 {
+ margin-right: 0.375rem;
+}
+
+.c4 {
+ word-wrap: break-word;
+ overflow-wrap: break-word;
+ width: 100%;
+ box-sizing: border-box;
+}
+
+.c7 {
+ height: 2.9375rem;
+ max-width: 98%;
+}
+
+@media only screen and (min-width:0em) {
+ .c24 {
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ }
+}
+
+@media only screen and (min-width:0em) {
+ .c24 {
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ }
+}
+
+@media only screen and (min-width:48em) {
+ .c21 {
+ -webkit-flex-basis: 58.333333333333336%;
+ -ms-flex-preferred-size: 58.333333333333336%;
+ flex-basis: 58.333333333333336%;
+ max-width: 58.333333333333336%;
+ }
+}
+
+@media only screen and (min-width:0em) {
+ .c25 {
+ -webkit-flex-basis: 100%;
+ -ms-flex-preferred-size: 100%;
+ flex-basis: 100%;
+ max-width: 100%;
+ }
+}
+
+@media only screen and (min-width:0em) {
+ .c32 {
+ display: none;
+ }
+}
+
+
+`;
+
+exports[`renders
without throwing 1`] = `
+.c30 {
+ font-family: sans-serif;
+ font-size: 100%;
+ line-height: 1.15;
+ margin: 0;
+ overflow: visible;
+ text-transform: none;
+ -webkit-appearance: button;
+ -moz-appearance: button;
+ appearance: button;
+}
+
+.c30::-moz-focus-inner,
+.c30[type='button']::-moz-focus-inner,
+.c30[type='reset']::-moz-focus-inner,
+.c30[type='submit']::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
+
+.c30:-moz-focusring,
+.c30[type='button']:-moz-focusring,
+.c30[type='reset']:-moz-focusring,
+.c30[type='submit']:-moz-focusring {
+ outline: 0.0625rem dotted ButtonText;
+}
+
+.c29 {
+ min-width: 7.5rem;
+}
+
+.c28 {
+ display: inline-block;
+}
+
+.c27 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ line-height: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ color: rgb(70,70,70);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c27:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c27:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c27[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c27:focus {
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c27:hover {
+ background-color: rgb(247,247,247);
+ border-color: rgb(216,216,216);
+}
+
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
+ background-color: rgb(230,230,230);
+ border-color: rgb(216,216,216);
+}
+
+.c31 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ line-height: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ cursor: not-allowed;
+ pointer-events: none;
+ color: rgb(216,216,216);
+ background-color: rgb(250,250,250);
+ border-color: rgb(216,216,216);
+}
+
+.c31:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c31:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c31:active,
+.c31:active:hover,
+.c31:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c31[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c31:focus {
+ background-color: rgb(250,250,250);
+ border-color: rgb(216,216,216);
+}
+
+.c31:hover {
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
+}
+
+.c31:active,
+.c31:active:hover,
+.c31:active:focus {
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
+}
+
+.c33 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ line-height: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ color: rgb(70,70,70);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+ color: rgb(210,67,58);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(210,67,58);
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ float: right;
+}
+
+.c33:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c33:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c33[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c33:focus {
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c33:hover {
+ background-color: rgb(247,247,247);
+ border-color: rgb(216,216,216);
+}
+
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
+ background-color: rgb(230,230,230);
+ border-color: rgb(216,216,216);
+}
+
+.c33:focus {
+ color: rgb(205,37,27);
+ background-color: rgb(255,255,255);
+ border-color: rgb(205,37,27);
+}
+
+.c33:hover {
+ color: rgb(205,37,27);
+ background-color: rgb(255,255,255);
+ border-color: rgb(205,37,27);
+}
+
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
+ background-color: rgba(210,67,58,0.1);
+ border-color: rgb(205,37,27);
+}
+
+.c17 {
+ font-size: 0.9375rem;
+ line-height: 1.125rem;
+ font-style: normal;
+ font-stretch: normal;
+ display: block;
+ color: rgb(70,70,70);
+ text-align: left;
+}
+
+.c13 {
+ box-sizing: border-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-right: -0.625rem;
+ margin-left: -0.625rem;
+}
+
+.c25 {
+ box-sizing: border-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-right: -0.625rem;
+ margin-left: -0.625rem;
+}
+
+.c20 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c14 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c32 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c9 {
+ color: rgb(73,73,73);
+ font-weight: 600;
+ line-height: 1.5rem;
+ font-size: 0.9375rem;
+}
+
+.c21 {
+ background-color: rgb(216,216,216);
+ background-color: transparent;
+}
+
+.c18 {
+ margin-top: 0.1875rem;
+}
+
+.c24 {
+ margin-top: 0.375rem;
+}
+
+.c34 {
+ margin-right: 0.75rem;
+}
+
+.c5 {
+ padding-right: 1.125rem;
+ padding-left: 1.125rem;
+}
+
+.c12 {
+ padding: 1.125rem;
+}
+
+.c6 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ width: 100%;
+ height: 100%;
+ -webkit-flex-basis: 100%;
+ -ms-flex-preferred-size: 100%;
+ flex-basis: 100%;
+}
+
+.c0 {
+ box-sizing: content-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 0 auto;
+ -ms-flex: 1 0 auto;
+ flex: 1 0 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ position: relative;
+ border-width: 0.0625rem;
+ border-style: solid;
+ -webkit-transition: all 300ms ease;
+ transition: all 300ms ease;
+ color: rgb(73,73,73);
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+ box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
+}
+
+.c3 {
+ box-sizing: content-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 0 auto;
+ -ms-flex: 1 0 auto;
+ flex: 1 0 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ position: relative;
+ border-width: 0.0625rem;
+ border-style: solid;
+ -webkit-transition: all 300ms ease;
+ transition: all 300ms ease;
+ color: rgb(73,73,73);
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+ min-height: auto;
+ height: 2.875rem;
+ -webkit-flex: 0 0 2.875rem;
+ -ms-flex: 0 0 2.875rem;
+ flex: 0 0 2.875rem;
+}
+
+.c11 {
+ box-sizing: content-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 0 auto;
+ -ms-flex: 1 0 auto;
+ flex: 1 0 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ position: relative;
+ border-width: 0.0625rem;
+ border-style: solid;
+ -webkit-transition: all 300ms ease;
+ transition: all 300ms ease;
+ color: rgb(73,73,73);
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c10 {
+ box-sizing: border-box;
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ border-width: 0;
+ background-color: transparent;
+}
+
+.c2 {
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ z-index: 1;
+ line-height: 1.5rem;
+ height: auto;
+ max-width: 100%;
+}
+
+.c8 {
+ box-sizing: border-box;
+ min-height: 2.9375rem;
+ max-width: 100%;
+ width: auto;
+ height: auto;
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: stretch;
+ -webkit-box-align: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+ overflow: hidden;
+ background-color: transparent;
+ border-width: 0;
+ box-shadow: none;
+ color: inherit;
+}
+
+.c15 {
+ display: inline-block;
+ padding: 0;
+ border: none;
+ overflow: hidden;
+ height: auto;
+ -webkit-padding-before: 0;
+ -webkit-padding-start: 0;
+ -webkit-padding-end: 0;
+ -webkit-padding-after: 0;
+ width: 100%;
+}
+
+.c19 {
+ box-sizing: border-box;
+ width: 18.75rem;
+ height: 3rem;
+ min-height: 3rem;
+ padding: 0.8125rem 0.75rem;
+ border-radius: 0.25rem;
+ background-color: rgb(255,255,255);
+ border: 0.0625rem solid rgb(216,216,216);
+ color: rgb(73,73,73);
+ font-size: 0.9375rem;
+ line-height: normal !important;
+ font-style: normal;
+ font-stretch: normal;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ outline: 0;
+ max-width: 22.1875rem;
+ text-overflow: ellipsis;
+}
+
+.c19:focus {
+ border-color: rgb(59,70,204);
+ outline: 0;
+}
+
+.c19::-webkit-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c19::-moz-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c19:-ms-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c19:invalid {
+ box-shadow: none;
+}
+
+.c19:disabled {
+ background-color: rgb(250,250,250);
+ color: rgb(216,216,216);
+ cursor: not-allowed;
+}
+
+.c19:disabled::-webkit-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c19:disabled::-moz-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c19:disabled:-ms-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c23 {
+ box-sizing: border-box;
+ width: 18.75rem;
+ height: 6rem;
+ min-height: 6rem;
+ padding: 0.8125rem 0.75rem;
+ border-radius: 0.25rem;
+ background-color: rgb(255,255,255);
+ border: 0.0625rem solid rgb(216,216,216);
+ color: rgb(73,73,73);
+ font-size: 0.9375rem;
+ line-height: normal !important;
+ font-style: normal;
+ font-stretch: normal;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ outline: 0;
+ font-family: "Roboto Mono",monospace;
+ width: 100%;
+ min-width: 100%;
+ text-overflow: ellipsis;
+ resize: vertical;
+}
+
+.c23:focus {
+ border-color: rgb(59,70,204);
+ outline: 0;
+}
+
+.c23::-webkit-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c23::-moz-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c23:-ms-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c23:invalid {
+ box-shadow: none;
+}
+
+.c23:disabled {
+ background-color: rgb(250,250,250);
+ color: rgb(216,216,216);
+ cursor: not-allowed;
+}
+
+.c23:disabled::-webkit-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c23:disabled::-moz-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c23:disabled:-ms-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c23:disabled {
+ color: rgb(73,73,73);
+}
+
+.c23:disabled::-webkit-input-placeholder {
+ color: rgb(73,73,73);
+}
+
+.c23:disabled::-moz-placeholder {
+ color: rgb(73,73,73);
+}
+
+.c23:disabled:-ms-input-placeholder {
+ color: rgb(73,73,73);
+}
+
+.c22 {
+ position: relative;
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ width: 100%;
+ max-width: 100%;
+}
+
+.c16 {
+ font-weight: 600;
+ white-space: pre;
+ font-size: 0.8125rem;
+}
+
+.c1 {
+ border-top: 0;
+ border-left: 0;
+ border-right: 0;
+}
+
+.c26 {
+ margin-right: 0.375rem;
+}
+
+.c4 {
+ word-wrap: break-word;
+ overflow-wrap: break-word;
+ width: 100%;
+ box-sizing: border-box;
+}
+
+.c7 {
+ height: 2.9375rem;
+ max-width: 98%;
+}
+
+@media only screen and (min-width:0em) {
+ .c25 {
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ }
+}
+
+@media only screen and (min-width:0em) {
+ .c25 {
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ }
+}
+
+@media only screen and (min-width:48em) {
+ .c20 {
+ -webkit-flex-basis: 58.333333333333336%;
+ -ms-flex-preferred-size: 58.333333333333336%;
+ flex-basis: 58.333333333333336%;
+ max-width: 58.333333333333336%;
+ }
+}
+
+@media only screen and (min-width:0em) {
+ .c14 {
+ -webkit-flex-basis: 100%;
+ -ms-flex-preferred-size: 100%;
+ flex-basis: 100%;
+ max-width: 100%;
+ }
+}
+
+@media only screen and (min-width:0em) {
+ .c32 {
+ display: none;
+ }
+}
+
+
+`;
+
+exports[`renders
without throwing 1`] = `
+.c30 {
+ font-family: sans-serif;
+ font-size: 100%;
+ line-height: 1.15;
+ margin: 0;
+ overflow: visible;
+ text-transform: none;
+ -webkit-appearance: button;
+ -moz-appearance: button;
+ appearance: button;
+}
+
+.c30::-moz-focus-inner,
+.c30[type='button']::-moz-focus-inner,
+.c30[type='reset']::-moz-focus-inner,
+.c30[type='submit']::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
+
+.c30:-moz-focusring,
+.c30[type='button']:-moz-focusring,
+.c30[type='reset']:-moz-focusring,
+.c30[type='submit']:-moz-focusring {
+ outline: 0.0625rem dotted ButtonText;
+}
+
+.c29 {
+ min-width: 7.5rem;
+}
+
+.c28 {
+ display: inline-block;
+}
+
+.c27 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ line-height: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ color: rgb(70,70,70);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c27:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c27:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c27[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c27:focus {
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c27:hover {
+ background-color: rgb(247,247,247);
+ border-color: rgb(216,216,216);
+}
+
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
+ background-color: rgb(230,230,230);
+ border-color: rgb(216,216,216);
+}
+
+.c31 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ line-height: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ cursor: not-allowed;
+ pointer-events: none;
+ color: rgb(216,216,216);
+ background-color: rgb(250,250,250);
+ border-color: rgb(216,216,216);
+}
+
+.c31:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c31:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c31:active,
+.c31:active:hover,
+.c31:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c31[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c31:focus {
+ background-color: rgb(250,250,250);
+ border-color: rgb(216,216,216);
+}
+
+.c31:hover {
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
+}
+
+.c31:active,
+.c31:active:hover,
+.c31:active:focus {
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
+}
+
+.c33 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ line-height: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ color: rgb(70,70,70);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+ color: rgb(210,67,58);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(210,67,58);
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ float: right;
+}
+
+.c33:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c33:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c33[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c33:focus {
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c33:hover {
+ background-color: rgb(247,247,247);
+ border-color: rgb(216,216,216);
+}
+
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
+ background-color: rgb(230,230,230);
+ border-color: rgb(216,216,216);
+}
+
+.c33:focus {
+ color: rgb(205,37,27);
+ background-color: rgb(255,255,255);
+ border-color: rgb(205,37,27);
+}
+
+.c33:hover {
+ color: rgb(205,37,27);
+ background-color: rgb(255,255,255);
+ border-color: rgb(205,37,27);
+}
+
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
+ background-color: rgba(210,67,58,0.1);
+ border-color: rgb(205,37,27);
+}
+
+.c17 {
+ font-size: 0.9375rem;
+ line-height: 1.125rem;
+ font-style: normal;
+ font-stretch: normal;
+ display: block;
+ color: rgb(70,70,70);
+ text-align: left;
+}
+
+.c20 {
+ box-sizing: border-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-right: -0.625rem;
+ margin-left: -0.625rem;
+}
+
+.c24 {
+ box-sizing: border-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-right: -0.625rem;
+ margin-left: -0.625rem;
+}
+
+.c21 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c25 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c32 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c9 {
+ color: rgb(73,73,73);
+ font-weight: 600;
+ line-height: 1.5rem;
+ font-size: 0.9375rem;
+}
+
+.c18 {
+ margin-top: 0.1875rem;
+}
+
+.c23 {
+ margin-top: 0.375rem;
+}
+
+.c34 {
+ margin-right: 0.75rem;
+}
+
+.c5 {
+ padding-right: 1.125rem;
+ padding-left: 1.125rem;
+}
+
+.c12 {
+ padding: 1.125rem;
+}
+
+.c6 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ width: 100%;
+ height: 100%;
+ -webkit-flex-basis: 100%;
+ -ms-flex-preferred-size: 100%;
+ flex-basis: 100%;
+}
+
+.c13 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+}
+
+.c14 {
+ -webkit-order: 0;
+ -ms-flex-order: 0;
+ order: 0;
+ -webkit-flex-basis: auto;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+ -webkit-box-flex: 0;
+ -webkit-flex-grow: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ -webkit-flex-shrink: 1;
+ -ms-flex-negative: 1;
+ flex-shrink: 1;
+ display: block;
+ -webkit-flex-basis: auto;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+}
+
+.c22 {
+ -webkit-order: 0;
+ -ms-flex-order: 0;
+ order: 0;
+ -webkit-flex-basis: auto;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+ -webkit-box-flex: 0;
+ -webkit-flex-grow: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ -webkit-flex-shrink: 1;
+ -ms-flex-negative: 1;
+ flex-shrink: 1;
+ display: block;
+ -webkit-flex-basis: 0.75rem;
+ -ms-flex-preferred-size: 0.75rem;
+ flex-basis: 0.75rem;
+}
+
+.c0 {
+ box-sizing: content-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 0 auto;
+ -ms-flex: 1 0 auto;
+ flex: 1 0 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ position: relative;
+ border-width: 0.0625rem;
+ border-style: solid;
+ -webkit-transition: all 300ms ease;
+ transition: all 300ms ease;
+ color: rgb(73,73,73);
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+ box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
+}
+
+.c3 {
+ box-sizing: content-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 0 auto;
+ -ms-flex: 1 0 auto;
+ flex: 1 0 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ position: relative;
+ border-width: 0.0625rem;
+ border-style: solid;
+ -webkit-transition: all 300ms ease;
+ transition: all 300ms ease;
+ color: rgb(73,73,73);
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+ min-height: auto;
+ height: 2.875rem;
+ -webkit-flex: 0 0 2.875rem;
+ -ms-flex: 0 0 2.875rem;
+ flex: 0 0 2.875rem;
+}
+
+.c11 {
+ box-sizing: content-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 0 auto;
+ -ms-flex: 1 0 auto;
+ flex: 1 0 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ position: relative;
+ border-width: 0.0625rem;
+ border-style: solid;
+ -webkit-transition: all 300ms ease;
+ transition: all 300ms ease;
+ color: rgb(73,73,73);
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c10 {
+ box-sizing: border-box;
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ border-width: 0;
+ background-color: transparent;
+}
+
+.c2 {
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ z-index: 1;
+ line-height: 1.5rem;
+ height: auto;
+ max-width: 100%;
+}
+
+.c8 {
+ box-sizing: border-box;
+ min-height: 2.9375rem;
+ max-width: 100%;
+ width: auto;
+ height: auto;
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: stretch;
+ -webkit-box-align: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+ overflow: hidden;
+ background-color: transparent;
+ border-width: 0;
+ box-shadow: none;
+ color: inherit;
+}
+
+.c15 {
+ display: inline-block;
+ padding: 0;
+ border: none;
+ overflow: hidden;
+ height: auto;
+ -webkit-padding-before: 0;
+ -webkit-padding-start: 0;
+ -webkit-padding-end: 0;
+ -webkit-padding-after: 0;
+ width: 100%;
+}
+
+.c19 {
+ box-sizing: border-box;
+ width: 18.75rem;
+ height: 3rem;
+ min-height: 3rem;
+ padding: 0.8125rem 0.75rem;
+ border-radius: 0.25rem;
+ background-color: rgb(255,255,255);
+ border: 0.0625rem solid rgb(216,216,216);
+ color: rgb(73,73,73);
+ font-size: 0.9375rem;
+ line-height: normal !important;
+ font-style: normal;
+ font-stretch: normal;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ outline: 0;
+ max-width: 22.1875rem;
+ text-overflow: ellipsis;
+}
+
+.c19:focus {
+ border-color: rgb(59,70,204);
+ outline: 0;
+}
+
+.c19::-webkit-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c19::-moz-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c19:-ms-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c19:invalid {
+ box-shadow: none;
+}
+
+.c19:disabled {
+ background-color: rgb(250,250,250);
+ color: rgb(216,216,216);
+ cursor: not-allowed;
+}
+
+.c19:disabled::-webkit-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c19:disabled::-moz-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c19:disabled:-ms-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c16 {
+ font-weight: 600;
+ white-space: pre;
+ font-size: 0.8125rem;
+}
+
+.c1 {
+ border-top: 0;
+ border-left: 0;
+ border-right: 0;
+}
+
+.c26 {
+ margin-right: 0.375rem;
+}
+
+.c4 {
+ word-wrap: break-word;
+ overflow-wrap: break-word;
+ width: 100%;
+ box-sizing: border-box;
+}
+
+.c7 {
+ height: 2.9375rem;
+ max-width: 98%;
+}
+
+@media only screen and (min-width:0em) {
+ .c24 {
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ }
+}
+
+@media only screen and (min-width:0em) {
+ .c24 {
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ }
+}
+
+@media only screen and (min-width:48em) {
+ .c21 {
+ -webkit-flex-basis: 58.333333333333336%;
+ -ms-flex-preferred-size: 58.333333333333336%;
+ flex-basis: 58.333333333333336%;
+ max-width: 58.333333333333336%;
+ }
+}
+
+@media only screen and (min-width:0em) {
+ .c25 {
+ -webkit-flex-basis: 100%;
+ -ms-flex-preferred-size: 100%;
+ flex-basis: 100%;
+ max-width: 100%;
+ }
+}
+
+@media only screen and (min-width:0em) {
+ .c32 {
+ display: none;
+ }
+}
+
+
+`;
+
+exports[`renders
without throwing 1`] = `
+.c30 {
+ font-family: sans-serif;
+ font-size: 100%;
+ line-height: 1.15;
+ margin: 0;
+ overflow: visible;
+ text-transform: none;
+ -webkit-appearance: button;
+ -moz-appearance: button;
+ appearance: button;
+}
+
+.c30::-moz-focus-inner,
+.c30[type='button']::-moz-focus-inner,
+.c30[type='reset']::-moz-focus-inner,
+.c30[type='submit']::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
+
+.c30:-moz-focusring,
+.c30[type='button']:-moz-focusring,
+.c30[type='reset']:-moz-focusring,
+.c30[type='submit']:-moz-focusring {
+ outline: 0.0625rem dotted ButtonText;
+}
+
+.c29 {
+ min-width: 7.5rem;
+}
+
+.c28 {
+ display: inline-block;
+}
+
+.c27 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ line-height: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ color: rgb(70,70,70);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c27:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c27:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c27[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c27:focus {
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c27:hover {
+ background-color: rgb(247,247,247);
+ border-color: rgb(216,216,216);
+}
+
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
+ background-color: rgb(230,230,230);
+ border-color: rgb(216,216,216);
+}
+
+.c31 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ line-height: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ cursor: not-allowed;
+ pointer-events: none;
+ color: rgb(216,216,216);
+ background-color: rgb(250,250,250);
+ border-color: rgb(216,216,216);
+}
+
+.c31:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c31:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c31:active,
+.c31:active:hover,
+.c31:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c31[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c31:focus {
+ background-color: rgb(250,250,250);
+ border-color: rgb(216,216,216);
+}
+
+.c31:hover {
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
+}
+
+.c31:active,
+.c31:active:hover,
+.c31:active:focus {
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
+}
+
+.c33 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ line-height: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ color: rgb(70,70,70);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+ color: rgb(210,67,58);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(210,67,58);
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ float: right;
+}
+
+.c33:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c33:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c33[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c33:focus {
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c33:hover {
+ background-color: rgb(247,247,247);
+ border-color: rgb(216,216,216);
+}
+
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
+ background-color: rgb(230,230,230);
+ border-color: rgb(216,216,216);
+}
+
+.c33:focus {
+ color: rgb(205,37,27);
+ background-color: rgb(255,255,255);
+ border-color: rgb(205,37,27);
+}
+
+.c33:hover {
+ color: rgb(205,37,27);
+ background-color: rgb(255,255,255);
+ border-color: rgb(205,37,27);
+}
+
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
+ background-color: rgba(210,67,58,0.1);
+ border-color: rgb(205,37,27);
+}
+
+.c17 {
+ font-size: 0.9375rem;
+ line-height: 1.125rem;
+ font-style: normal;
+ font-stretch: normal;
+ display: block;
+ color: rgb(70,70,70);
+ text-align: left;
+}
+
+.c20 {
+ box-sizing: border-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-right: -0.625rem;
+ margin-left: -0.625rem;
+}
+
+.c24 {
+ box-sizing: border-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-right: -0.625rem;
+ margin-left: -0.625rem;
+}
+
+.c21 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c25 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c32 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c18 {
+ margin-top: 0.1875rem;
+}
+
+.c23 {
+ margin-top: 0.375rem;
+}
+
+.c34 {
+ margin-right: 0.75rem;
+}
+
+.c5 {
+ padding-right: 1.125rem;
+ padding-left: 1.125rem;
+}
+
+.c12 {
+ padding: 1.125rem;
+}
+
+.c6 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ width: 100%;
+ height: 100%;
+ -webkit-flex-basis: 100%;
+ -ms-flex-preferred-size: 100%;
+ flex-basis: 100%;
+}
+
+.c13 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+}
+
+.c14 {
+ -webkit-order: 0;
+ -ms-flex-order: 0;
+ order: 0;
+ -webkit-flex-basis: auto;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+ -webkit-box-flex: 0;
+ -webkit-flex-grow: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ -webkit-flex-shrink: 1;
+ -ms-flex-negative: 1;
+ flex-shrink: 1;
+ display: block;
+ -webkit-flex-basis: auto;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+}
+
+.c22 {
+ -webkit-order: 0;
+ -ms-flex-order: 0;
+ order: 0;
+ -webkit-flex-basis: auto;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+ -webkit-box-flex: 0;
+ -webkit-flex-grow: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ -webkit-flex-shrink: 1;
+ -ms-flex-negative: 1;
+ flex-shrink: 1;
+ display: block;
+ -webkit-flex-basis: 0.75rem;
+ -ms-flex-preferred-size: 0.75rem;
+ flex-basis: 0.75rem;
+}
+
+.c0 {
+ box-sizing: content-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 0 auto;
+ -ms-flex: 1 0 auto;
+ flex: 1 0 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ position: relative;
+ border-width: 0.0625rem;
+ border-style: solid;
+ -webkit-transition: all 300ms ease;
+ transition: all 300ms ease;
+ color: rgb(73,73,73);
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+ box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
+}
+
+.c11 {
+ box-sizing: content-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 0 auto;
+ -ms-flex: 1 0 auto;
+ flex: 1 0 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ position: relative;
+ border-width: 0.0625rem;
+ border-style: solid;
+ -webkit-transition: all 300ms ease;
+ transition: all 300ms ease;
+ color: rgb(73,73,73);
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c3 {
+ box-sizing: content-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 0 auto;
+ -ms-flex: 1 0 auto;
+ flex: 1 0 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ position: relative;
+ border-width: 0.0625rem;
+ border-style: solid;
+ -webkit-transition: all 300ms ease;
+ transition: all 300ms ease;
+ color: rgb(73,73,73);
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+ cursor: pointer;
+ min-height: auto;
+ height: 2.875rem;
+ -webkit-flex: 0 0 2.875rem;
+ -ms-flex: 0 0 2.875rem;
+ flex: 0 0 2.875rem;
+}
+
+.c10 {
+ box-sizing: border-box;
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ border-width: 0;
+ background-color: transparent;
+}
+
+.c2 {
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ z-index: 1;
+ line-height: 1.5rem;
+ height: auto;
+ max-width: 100%;
+}
+
+.c8 {
+ box-sizing: border-box;
+ min-height: 2.9375rem;
+ max-width: 100%;
+ width: auto;
+ height: auto;
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: stretch;
+ -webkit-box-align: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+ overflow: hidden;
+ background-color: transparent;
+ border-width: 0;
+ box-shadow: none;
+ color: inherit;
+}
+
+.c15 {
+ display: inline-block;
+ padding: 0;
+ border: none;
+ overflow: hidden;
+ height: auto;
+ -webkit-padding-before: 0;
+ -webkit-padding-start: 0;
+ -webkit-padding-end: 0;
+ -webkit-padding-after: 0;
+ width: 100%;
+}
+
+.c19 {
+ box-sizing: border-box;
+ width: 18.75rem;
+ height: 3rem;
+ min-height: 3rem;
+ padding: 0.8125rem 0.75rem;
+ border-radius: 0.25rem;
+ background-color: rgb(255,255,255);
+ border: 0.0625rem solid rgb(216,216,216);
+ color: rgb(73,73,73);
+ font-size: 0.9375rem;
+ line-height: normal !important;
+ font-style: normal;
+ font-stretch: normal;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ outline: 0;
+ max-width: 22.1875rem;
+ text-overflow: ellipsis;
+}
+
+.c19:focus {
+ border-color: rgb(59,70,204);
+ outline: 0;
+}
+
+.c19::-webkit-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c19::-moz-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c19:-ms-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c19:invalid {
+ box-shadow: none;
+}
+
+.c19:disabled {
+ background-color: rgb(250,250,250);
+ color: rgb(216,216,216);
+ cursor: not-allowed;
+}
+
+.c19:disabled::-webkit-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c19:disabled::-moz-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c19:disabled:-ms-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c16 {
+ font-weight: 600;
+ white-space: pre;
+ font-size: 0.8125rem;
+}
+
+.c9 {
+ word-break: break-all;
+ line-height: 1.5;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: block;
+}
+
+.c1 {
+ border-top: 0;
+ border-left: 0;
+ border-right: 0;
+}
+
+.c26 {
+ margin-right: 0.375rem;
+}
+
+.c4 {
+ word-wrap: break-word;
+ overflow-wrap: break-word;
+ width: 100%;
+ box-sizing: border-box;
+}
+
+.c7 {
+ height: 2.9375rem;
+ max-width: 98%;
+}
+
+@media only screen and (min-width:0em) {
+ .c24 {
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ }
+}
+
+@media only screen and (min-width:0em) {
+ .c24 {
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ }
+}
+
+@media only screen and (min-width:48em) {
+ .c21 {
+ -webkit-flex-basis: 58.333333333333336%;
+ -ms-flex-preferred-size: 58.333333333333336%;
+ flex-basis: 58.333333333333336%;
+ max-width: 58.333333333333336%;
+ }
+}
+
+@media only screen and (min-width:0em) {
+ .c25 {
+ -webkit-flex-basis: 58.333333333333336%;
+ -ms-flex-preferred-size: 58.333333333333336%;
+ flex-basis: 58.333333333333336%;
+ max-width: 58.333333333333336%;
+ }
+}
+
+@media only screen and (min-width:0em) {
+ .c32 {
+ -webkit-flex-basis: 41.66666666666667%;
+ -ms-flex-preferred-size: 41.66666666666667%;
+ flex-basis: 41.66666666666667%;
+ max-width: 41.66666666666667%;
+ }
+}
+
+
+`;
+
+exports[`renders
without throwing 1`] = `
+.c30 {
+ font-family: sans-serif;
+ font-size: 100%;
+ line-height: 1.15;
+ margin: 0;
+ overflow: visible;
+ text-transform: none;
+ -webkit-appearance: button;
+ -moz-appearance: button;
+ appearance: button;
+}
+
+.c30::-moz-focus-inner,
+.c30[type='button']::-moz-focus-inner,
+.c30[type='reset']::-moz-focus-inner,
+.c30[type='submit']::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
+
+.c30:-moz-focusring,
+.c30[type='button']:-moz-focusring,
+.c30[type='reset']:-moz-focusring,
+.c30[type='submit']:-moz-focusring {
+ outline: 0.0625rem dotted ButtonText;
+}
+
+.c35 {
+ fill: rgb(59,70,204);
+ stroke: rgb(59,70,204);
+ -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
+ animation: iCqDak 1.5s ease-out 0s infinite;
+}
+
+.c36 {
+ -webkit-animation-delay: 0.5s;
+ animation-delay: 0.5s;
+}
+
+.c37 {
+ -webkit-animation-delay: 1s;
+ animation-delay: 1s;
+}
+
+.c34 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-content: center;
+ -ms-flex-line-pack: center;
+ align-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 1.25rem;
+ -webkit-flex: 1 0 auto;
+ -ms-flex: 1 0 auto;
+ flex: 1 0 auto;
+}
+
+.c29 {
+ min-width: 7.5rem;
+}
+
+.c28 {
+ display: inline-block;
+}
+
+.c27 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ line-height: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ color: rgb(70,70,70);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c27:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c27:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c27[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c27:focus {
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c27:hover {
+ background-color: rgb(247,247,247);
+ border-color: rgb(216,216,216);
+}
+
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
+ background-color: rgb(230,230,230);
+ border-color: rgb(216,216,216);
+}
+
+.c31 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ line-height: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ cursor: not-allowed;
+ pointer-events: none;
+ color: rgb(216,216,216);
+ background-color: rgb(250,250,250);
+ border-color: rgb(216,216,216);
+}
+
+.c31:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c31:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c31:active,
+.c31:active:hover,
+.c31:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c31[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c31:focus {
+ background-color: rgb(250,250,250);
+ border-color: rgb(216,216,216);
+}
+
+.c31:hover {
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
+}
+
+.c31:active,
+.c31:active:hover,
+.c31:active:focus {
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
+}
+
+.c33 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ line-height: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ color: rgb(70,70,70);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+ color: rgb(210,67,58);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(210,67,58);
+ cursor: not-allowed;
+ pointer-events: none;
+ color: rgb(216,216,216);
+ background-color: rgb(250,250,250);
+ border-color: rgb(216,216,216);
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ float: right;
+}
+
+.c33:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c33:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c33[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c33:focus {
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c33:hover {
+ background-color: rgb(247,247,247);
+ border-color: rgb(216,216,216);
+}
+
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
+ background-color: rgb(230,230,230);
+ border-color: rgb(216,216,216);
+}
+
+.c33:focus {
+ color: rgb(205,37,27);
+ background-color: rgb(255,255,255);
+ border-color: rgb(205,37,27);
+}
+
+.c33:hover {
+ color: rgb(205,37,27);
+ background-color: rgb(255,255,255);
+ border-color: rgb(205,37,27);
+}
+
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
+ background-color: rgba(210,67,58,0.1);
+ border-color: rgb(205,37,27);
+}
+
+.c33:focus {
+ background-color: rgb(250,250,250);
+ border-color: rgb(216,216,216);
+}
+
+.c33:hover {
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
+}
+
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
+}
+
+.c17 {
+ font-size: 0.9375rem;
+ line-height: 1.125rem;
+ font-style: normal;
+ font-stretch: normal;
+ display: block;
+ color: rgb(70,70,70);
+ text-align: left;
+}
+
+.c20 {
+ box-sizing: border-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-right: -0.625rem;
+ margin-left: -0.625rem;
+}
+
+.c24 {
+ box-sizing: border-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-right: -0.625rem;
+ margin-left: -0.625rem;
+}
+
+.c21 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c25 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c32 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c9 {
+ color: rgb(73,73,73);
+ font-weight: 600;
+ line-height: 1.5rem;
+ font-size: 0.9375rem;
+}
+
+.c18 {
+ margin-top: 0.1875rem;
+}
+
+.c23 {
+ margin-top: 0.375rem;
+}
+
+.c5 {
+ padding-right: 1.125rem;
+ padding-left: 1.125rem;
+}
+
+.c12 {
+ padding: 1.125rem;
+}
+
+.c6 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ width: 100%;
+ height: 100%;
+ -webkit-flex-basis: 100%;
+ -ms-flex-preferred-size: 100%;
+ flex-basis: 100%;
+}
+
+.c13 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+}
+
+.c14 {
+ -webkit-order: 0;
+ -ms-flex-order: 0;
+ order: 0;
+ -webkit-flex-basis: auto;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+ -webkit-box-flex: 0;
+ -webkit-flex-grow: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ -webkit-flex-shrink: 1;
+ -ms-flex-negative: 1;
+ flex-shrink: 1;
+ display: block;
+ -webkit-flex-basis: auto;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+}
+
+.c22 {
+ -webkit-order: 0;
+ -ms-flex-order: 0;
+ order: 0;
+ -webkit-flex-basis: auto;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+ -webkit-box-flex: 0;
+ -webkit-flex-grow: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ -webkit-flex-shrink: 1;
+ -ms-flex-negative: 1;
+ flex-shrink: 1;
+ display: block;
+ -webkit-flex-basis: 0.75rem;
+ -ms-flex-preferred-size: 0.75rem;
+ flex-basis: 0.75rem;
+}
+
+.c0 {
+ box-sizing: content-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 0 auto;
+ -ms-flex: 1 0 auto;
+ flex: 1 0 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ position: relative;
+ border-width: 0.0625rem;
+ border-style: solid;
+ -webkit-transition: all 300ms ease;
+ transition: all 300ms ease;
+ color: rgb(73,73,73);
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+ box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
+}
+
+.c3 {
+ box-sizing: content-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 0 auto;
+ -ms-flex: 1 0 auto;
+ flex: 1 0 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ position: relative;
+ border-width: 0.0625rem;
+ border-style: solid;
+ -webkit-transition: all 300ms ease;
+ transition: all 300ms ease;
+ color: rgb(73,73,73);
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+ min-height: auto;
+ height: 2.875rem;
+ -webkit-flex: 0 0 2.875rem;
+ -ms-flex: 0 0 2.875rem;
+ flex: 0 0 2.875rem;
+}
+
+.c11 {
+ box-sizing: content-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 0 auto;
+ -ms-flex: 1 0 auto;
+ flex: 1 0 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ position: relative;
+ border-width: 0.0625rem;
+ border-style: solid;
+ -webkit-transition: all 300ms ease;
+ transition: all 300ms ease;
+ color: rgb(73,73,73);
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c10 {
+ box-sizing: border-box;
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ border-width: 0;
+ background-color: transparent;
+}
+
+.c2 {
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ z-index: 1;
+ line-height: 1.5rem;
+ height: auto;
+ max-width: 100%;
+}
+
+.c8 {
+ box-sizing: border-box;
+ min-height: 2.9375rem;
+ max-width: 100%;
+ width: auto;
+ height: auto;
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: stretch;
+ -webkit-box-align: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+ overflow: hidden;
+ background-color: transparent;
+ border-width: 0;
+ box-shadow: none;
+ color: inherit;
+}
+
+.c15 {
+ display: inline-block;
+ padding: 0;
+ border: none;
+ overflow: hidden;
+ height: auto;
+ -webkit-padding-before: 0;
+ -webkit-padding-start: 0;
+ -webkit-padding-end: 0;
+ -webkit-padding-after: 0;
+ width: 100%;
+}
+
+.c19 {
+ box-sizing: border-box;
+ width: 18.75rem;
+ height: 3rem;
+ min-height: 3rem;
+ padding: 0.8125rem 0.75rem;
+ border-radius: 0.25rem;
+ background-color: rgb(255,255,255);
+ border: 0.0625rem solid rgb(216,216,216);
+ color: rgb(73,73,73);
+ font-size: 0.9375rem;
+ line-height: normal !important;
+ font-style: normal;
+ font-stretch: normal;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ outline: 0;
+ max-width: 22.1875rem;
+ text-overflow: ellipsis;
+}
+
+.c19:focus {
+ border-color: rgb(59,70,204);
+ outline: 0;
+}
+
+.c19::-webkit-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c19::-moz-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c19:-ms-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c19:invalid {
+ box-shadow: none;
+}
+
+.c19:disabled {
+ background-color: rgb(250,250,250);
+ color: rgb(216,216,216);
+ cursor: not-allowed;
+}
+
+.c19:disabled::-webkit-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c19:disabled::-moz-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c19:disabled:-ms-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c16 {
+ font-weight: 600;
+ white-space: pre;
+ font-size: 0.8125rem;
+}
+
+.c1 {
+ border-top: 0;
+ border-left: 0;
+ border-right: 0;
+}
+
+.c26 {
+ margin-right: 0.375rem;
+}
+
+.c4 {
+ word-wrap: break-word;
+ overflow-wrap: break-word;
+ width: 100%;
+ box-sizing: border-box;
+}
+
+.c7 {
+ height: 2.9375rem;
+ max-width: 98%;
+}
+
+@media only screen and (min-width:0em) {
+ .c24 {
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ }
+}
+
+@media only screen and (min-width:0em) {
+ .c24 {
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ }
+}
+
+@media only screen and (min-width:48em) {
+ .c21 {
+ -webkit-flex-basis: 58.333333333333336%;
+ -ms-flex-preferred-size: 58.333333333333336%;
+ flex-basis: 58.333333333333336%;
+ max-width: 58.333333333333336%;
+ }
+}
+
+@media only screen and (min-width:0em) {
+ .c25 {
+ -webkit-flex-basis: 100%;
+ -ms-flex-preferred-size: 100%;
+ flex-basis: 100%;
+ max-width: 100%;
+ }
+}
+
+@media only screen and (min-width:0em) {
+ .c32 {
+ display: none;
+ }
+}
+
+
+`;
+
+exports[`renders
without throwing 1`] = `
+.c30 {
+ font-family: sans-serif;
+ font-size: 100%;
+ line-height: 1.15;
+ margin: 0;
+ overflow: visible;
+ text-transform: none;
+ -webkit-appearance: button;
+ -moz-appearance: button;
+ appearance: button;
+}
+
+.c30::-moz-focus-inner,
+.c30[type='button']::-moz-focus-inner,
+.c30[type='reset']::-moz-focus-inner,
+.c30[type='submit']::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
+
+.c30:-moz-focusring,
+.c30[type='button']:-moz-focusring,
+.c30[type='reset']:-moz-focusring,
+.c30[type='submit']:-moz-focusring {
+ outline: 0.0625rem dotted ButtonText;
+}
+
+.c33 {
+ fill: rgb(59,70,204);
+ stroke: rgb(59,70,204);
+ -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
+ animation: iCqDak 1.5s ease-out 0s infinite;
+}
+
+.c34 {
+ -webkit-animation-delay: 0.5s;
+ animation-delay: 0.5s;
+}
+
+.c35 {
+ -webkit-animation-delay: 1s;
+ animation-delay: 1s;
+}
+
+.c32 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-content: center;
+ -ms-flex-line-pack: center;
+ align-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 1.25rem;
+ -webkit-flex: 1 0 auto;
+ -ms-flex: 1 0 auto;
+ flex: 1 0 auto;
+}
+
+.c29 {
+ min-width: 7.5rem;
+}
+
+.c28 {
+ display: inline-block;
+}
+
+.c31 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ line-height: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ cursor: not-allowed;
+ pointer-events: none;
+ color: rgb(216,216,216);
+ background-color: rgb(250,250,250);
+ border-color: rgb(216,216,216);
+}
+
+.c31:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c31:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c31:active,
+.c31:active:hover,
+.c31:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c31[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c31:focus {
+ background-color: rgb(250,250,250);
+ border-color: rgb(216,216,216);
+}
+
+.c31:hover {
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
+}
+
+.c31:active,
+.c31:active:hover,
+.c31:active:focus {
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
+}
+
+.c37 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ line-height: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ color: rgb(70,70,70);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+ color: rgb(210,67,58);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(210,67,58);
+ cursor: not-allowed;
+ pointer-events: none;
+ color: rgb(216,216,216);
+ background-color: rgb(250,250,250);
+ border-color: rgb(216,216,216);
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ float: right;
+}
+
+.c37:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c37:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c37:active,
+.c37:active:hover,
+.c37:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c37[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c37:focus {
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c37:hover {
+ background-color: rgb(247,247,247);
+ border-color: rgb(216,216,216);
+}
+
+.c37:active,
+.c37:active:hover,
+.c37:active:focus {
+ background-color: rgb(230,230,230);
+ border-color: rgb(216,216,216);
+}
+
+.c37:focus {
+ color: rgb(205,37,27);
+ background-color: rgb(255,255,255);
+ border-color: rgb(205,37,27);
+}
+
+.c37:hover {
+ color: rgb(205,37,27);
+ background-color: rgb(255,255,255);
+ border-color: rgb(205,37,27);
+}
+
+.c37:active,
+.c37:active:hover,
+.c37:active:focus {
+ background-color: rgba(210,67,58,0.1);
+ border-color: rgb(205,37,27);
+}
+
+.c37:focus {
+ background-color: rgb(250,250,250);
+ border-color: rgb(216,216,216);
+}
+
+.c37:hover {
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
+}
+
+.c37:active,
+.c37:active:hover,
+.c37:active:focus {
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
+}
+
+.c27 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ line-height: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ color: rgb(70,70,70);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+ cursor: not-allowed;
+ pointer-events: none;
+ color: rgb(216,216,216);
+ background-color: rgb(250,250,250);
+ border-color: rgb(216,216,216);
+}
+
.c27:focus {
outline: 0;
-webkit-text-decoration: none;
@@ -8304,33 +6838,23 @@ exports[`renders
without throwing 1`] = `
}
.c27:focus {
- color: rgb(205,37,27);
- background-color: rgb(255,255,255);
- border-color: rgb(205,37,27);
+ background-color: rgb(250,250,250);
+ border-color: rgb(216,216,216);
}
.c27:hover {
- color: rgb(205,37,27);
- background-color: rgb(255,255,255);
- border-color: rgb(205,37,27);
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
}
.c27:active,
.c27:active:hover,
.c27:active:focus {
- background-color: rgba(210,67,58,0.1);
- border-color: rgb(205,37,27);
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
}
-.c27 svg + span {
- margin-left: 0.75rem;
-}
-
-.c27 svg {
- max-height: 1.125rem;
-}
-
-.c13 {
+.c17 {
font-size: 0.9375rem;
line-height: 1.125rem;
font-style: normal;
@@ -8338,30 +6862,6 @@ exports[`renders
without throwing 1`] = `
display: block;
color: rgb(70,70,70);
text-align: left;
- margin-bottom: 0.1875rem;
- margin-right: 0.75rem;
- font-weight: 600;
- white-space: pre;
- font-size: 0.8125rem;
-}
-
-.c16 {
- box-sizing: border-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 1 1 auto;
- -ms-flex: 1 1 auto;
- flex: 1 1 auto;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- margin-right: -0.625rem;
- margin-left: -0.625rem;
}
.c20 {
@@ -8383,14 +6883,23 @@ exports[`renders
without throwing 1`] = `
margin-left: -0.625rem;
}
-.c17 {
+.c24 {
box-sizing: border-box;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- padding-right: 0.625rem;
- padding-left: 0.625rem;
- display: block;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-right: -0.625rem;
+ margin-left: -0.625rem;
}
.c21 {
@@ -8403,7 +6912,7 @@ exports[`renders
without throwing 1`] = `
display: block;
}
-.c26 {
+.c25 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
@@ -8413,45 +6922,45 @@ exports[`renders
without throwing 1`] = `
display: block;
}
-.c7 {
+.c36 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c9 {
color: rgb(73,73,73);
font-weight: 600;
line-height: 1.5rem;
font-size: 0.9375rem;
- margin: 0;
}
-.c7 + p,
-.c7 + small,
-.c7 + h1,
-.c7 + h2,
-.c7 + label,
-.c7 + h3,
-.c7 + h4,
-.c7 + h5,
-.c7 + div,
-.c7 + span {
- margin-top: 0.75rem;
-}
-
-.c14 {
+.c18 {
margin-top: 0.1875rem;
}
-.c19 {
+.c23 {
margin-top: 0.375rem;
}
-.c3 {
+.c38 {
+ margin-right: 0.75rem;
+}
+
+.c5 {
padding-right: 1.125rem;
padding-left: 1.125rem;
}
-.c9 {
+.c12 {
padding: 1.125rem;
}
-.c4 {
+.c6 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -8484,7 +6993,7 @@ exports[`renders
without throwing 1`] = `
flex-basis: 100%;
}
-.c10 {
+.c13 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -8514,7 +7023,7 @@ exports[`renders
without throwing 1`] = `
align-content: stretch;
}
-.c11 {
+.c14 {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
@@ -8534,7 +7043,7 @@ exports[`renders
without throwing 1`] = `
flex-basis: auto;
}
-.c18 {
+.c22 {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
@@ -8577,7 +7086,7 @@ exports[`renders
without throwing 1`] = `
box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
}
-.c1 {
+.c3 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
@@ -8602,6 +7111,47 @@ exports[`renders
without throwing 1`] = `
-webkit-flex: 0 0 2.875rem;
-ms-flex: 0 0 2.875rem;
flex: 0 0 2.875rem;
+}
+
+.c11 {
+ box-sizing: content-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 0 auto;
+ -ms-flex: 1 0 auto;
+ flex: 1 0 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ position: relative;
+ border-width: 0.0625rem;
+ border-style: solid;
+ -webkit-transition: all 300ms ease;
+ transition: all 300ms ease;
+ color: rgb(73,73,73);
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c10 {
+ box-sizing: border-box;
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ border-width: 0;
+ background-color: transparent;
+}
+
+.c2 {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
@@ -8609,39 +7159,9 @@ exports[`renders
without throwing 1`] = `
line-height: 1.5rem;
height: auto;
max-width: 100%;
- margin: -0.0625rem -0.0625rem 0 -0.0625rem;
}
-.c1 button {
- margin-bottom: 0;
- margin-top: 0;
-}
-
-.c6 {
- box-sizing: content-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 1 0 auto;
- -ms-flex: 1 0 auto;
- flex: 1 0 auto;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- position: relative;
- border-width: 0.0625rem;
- border-style: solid;
- -webkit-transition: all 300ms ease;
- transition: all 300ms ease;
- color: rgb(73,73,73);
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- min-height: auto;
- height: 2.875rem;
- -webkit-flex: 0 0 2.875rem;
- -ms-flex: 0 0 2.875rem;
- flex: 0 0 2.875rem;
+.c8 {
box-sizing: border-box;
min-height: 2.9375rem;
max-width: 100%;
@@ -8675,7 +7195,934 @@ exports[`renders
without throwing 1`] = `
color: inherit;
}
-.c8 {
+.c15 {
+ display: inline-block;
+ padding: 0;
+ border: none;
+ overflow: hidden;
+ height: auto;
+ -webkit-padding-before: 0;
+ -webkit-padding-start: 0;
+ -webkit-padding-end: 0;
+ -webkit-padding-after: 0;
+ width: 100%;
+}
+
+.c19 {
+ box-sizing: border-box;
+ width: 18.75rem;
+ height: 3rem;
+ min-height: 3rem;
+ padding: 0.8125rem 0.75rem;
+ border-radius: 0.25rem;
+ background-color: rgb(255,255,255);
+ border: 0.0625rem solid rgb(216,216,216);
+ color: rgb(250,250,250);
+ font-size: 0.9375rem;
+ line-height: normal !important;
+ font-style: normal;
+ font-stretch: normal;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ outline: 0;
+ background-color: rgb(250,250,250);
+ color: rgb(216,216,216);
+ cursor: not-allowed;
+ max-width: 22.1875rem;
+ text-overflow: ellipsis;
+}
+
+.c19:focus {
+ border-color: rgb(59,70,204);
+ outline: 0;
+}
+
+.c19::-webkit-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c19::-moz-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c19:-ms-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c19:invalid {
+ box-shadow: none;
+}
+
+.c19::-webkit-input-placeholder {
+ color: rgb(216,216,216);
+}
+
+.c19::-moz-placeholder {
+ color: rgb(216,216,216);
+}
+
+.c19:-ms-input-placeholder {
+ color: rgb(216,216,216);
+}
+
+.c19:disabled {
+ background-color: rgb(250,250,250);
+ color: rgb(216,216,216);
+ cursor: not-allowed;
+}
+
+.c19:disabled::-webkit-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c19:disabled::-moz-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c19:disabled:-ms-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c16 {
+ font-weight: 600;
+ white-space: pre;
+ font-size: 0.8125rem;
+}
+
+.c1 {
+ border-top: 0;
+ border-left: 0;
+ border-right: 0;
+}
+
+.c26 {
+ margin-right: 0.375rem;
+}
+
+.c4 {
+ word-wrap: break-word;
+ overflow-wrap: break-word;
+ width: 100%;
+ box-sizing: border-box;
+}
+
+.c7 {
+ height: 2.9375rem;
+ max-width: 98%;
+}
+
+@media only screen and (min-width:0em) {
+ .c24 {
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ }
+}
+
+@media only screen and (min-width:0em) {
+ .c24 {
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ }
+}
+
+@media only screen and (min-width:48em) {
+ .c21 {
+ -webkit-flex-basis: 58.333333333333336%;
+ -ms-flex-preferred-size: 58.333333333333336%;
+ flex-basis: 58.333333333333336%;
+ max-width: 58.333333333333336%;
+ }
+}
+
+@media only screen and (min-width:0em) {
+ .c25 {
+ -webkit-flex-basis: 100%;
+ -ms-flex-preferred-size: 100%;
+ flex-basis: 100%;
+ max-width: 100%;
+ }
+}
+
+@media only screen and (min-width:0em) {
+ .c36 {
+ display: none;
+ }
+}
+
+
+`;
+
+exports[`renders
without throwing 1`] = `
+.c30 {
+ font-family: sans-serif;
+ font-size: 100%;
+ line-height: 1.15;
+ margin: 0;
+ overflow: visible;
+ text-transform: none;
+ -webkit-appearance: button;
+ -moz-appearance: button;
+ appearance: button;
+}
+
+.c30::-moz-focus-inner,
+.c30[type='button']::-moz-focus-inner,
+.c30[type='reset']::-moz-focus-inner,
+.c30[type='submit']::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
+
+.c30:-moz-focusring,
+.c30[type='button']:-moz-focusring,
+.c30[type='reset']:-moz-focusring,
+.c30[type='submit']:-moz-focusring {
+ outline: 0.0625rem dotted ButtonText;
+}
+
+.c29 {
+ min-width: 7.5rem;
+}
+
+.c28 {
+ display: inline-block;
+}
+
+.c27 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ line-height: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ color: rgb(70,70,70);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c27:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c27:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c27[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c27:focus {
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c27:hover {
+ background-color: rgb(247,247,247);
+ border-color: rgb(216,216,216);
+}
+
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
+ background-color: rgb(230,230,230);
+ border-color: rgb(216,216,216);
+}
+
+.c31 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ line-height: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ cursor: not-allowed;
+ pointer-events: none;
+ color: rgb(216,216,216);
+ background-color: rgb(250,250,250);
+ border-color: rgb(216,216,216);
+}
+
+.c31:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c31:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c31:active,
+.c31:active:hover,
+.c31:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c31[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c31:focus {
+ background-color: rgb(250,250,250);
+ border-color: rgb(216,216,216);
+}
+
+.c31:hover {
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
+}
+
+.c31:active,
+.c31:active:hover,
+.c31:active:focus {
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
+}
+
+.c33 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ line-height: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ color: rgb(70,70,70);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+ color: rgb(210,67,58);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(210,67,58);
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ float: right;
+}
+
+.c33:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c33:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c33[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c33:focus {
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c33:hover {
+ background-color: rgb(247,247,247);
+ border-color: rgb(216,216,216);
+}
+
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
+ background-color: rgb(230,230,230);
+ border-color: rgb(216,216,216);
+}
+
+.c33:focus {
+ color: rgb(205,37,27);
+ background-color: rgb(255,255,255);
+ border-color: rgb(205,37,27);
+}
+
+.c33:hover {
+ color: rgb(205,37,27);
+ background-color: rgb(255,255,255);
+ border-color: rgb(205,37,27);
+}
+
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
+ background-color: rgba(210,67,58,0.1);
+ border-color: rgb(205,37,27);
+}
+
+.c17 {
+ font-size: 0.9375rem;
+ line-height: 1.125rem;
+ font-style: normal;
+ font-stretch: normal;
+ display: block;
+ color: rgb(70,70,70);
+ text-align: left;
+}
+
+.c20 {
+ box-sizing: border-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-right: -0.625rem;
+ margin-left: -0.625rem;
+}
+
+.c24 {
+ box-sizing: border-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-right: -0.625rem;
+ margin-left: -0.625rem;
+}
+
+.c21 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c25 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c32 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c9 {
+ color: rgb(73,73,73);
+ font-weight: 600;
+ line-height: 1.5rem;
+ font-size: 0.9375rem;
+}
+
+.c18 {
+ margin-top: 0.1875rem;
+}
+
+.c23 {
+ margin-top: 0.375rem;
+}
+
+.c34 {
+ margin-right: 0.75rem;
+}
+
+.c5 {
+ padding-right: 1.125rem;
+ padding-left: 1.125rem;
+}
+
+.c12 {
+ padding: 1.125rem;
+}
+
+.c6 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ width: 100%;
+ height: 100%;
+ -webkit-flex-basis: 100%;
+ -ms-flex-preferred-size: 100%;
+ flex-basis: 100%;
+}
+
+.c13 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+}
+
+.c14 {
+ -webkit-order: 0;
+ -ms-flex-order: 0;
+ order: 0;
+ -webkit-flex-basis: auto;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+ -webkit-box-flex: 0;
+ -webkit-flex-grow: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ -webkit-flex-shrink: 1;
+ -ms-flex-negative: 1;
+ flex-shrink: 1;
+ display: block;
+ -webkit-flex-basis: auto;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+}
+
+.c22 {
+ -webkit-order: 0;
+ -ms-flex-order: 0;
+ order: 0;
+ -webkit-flex-basis: auto;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+ -webkit-box-flex: 0;
+ -webkit-flex-grow: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ -webkit-flex-shrink: 1;
+ -ms-flex-negative: 1;
+ flex-shrink: 1;
+ display: block;
+ -webkit-flex-basis: 0.75rem;
+ -ms-flex-preferred-size: 0.75rem;
+ flex-basis: 0.75rem;
+}
+
+.c0 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
@@ -8695,6 +8142,59 @@ exports[`renders
without throwing 1`] = `
color: rgb(73,73,73);
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
+ box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
+}
+
+.c3 {
+ box-sizing: content-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 0 auto;
+ -ms-flex: 1 0 auto;
+ flex: 1 0 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ position: relative;
+ border-width: 0.0625rem;
+ border-style: solid;
+ -webkit-transition: all 300ms ease;
+ transition: all 300ms ease;
+ color: rgb(73,73,73);
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+ min-height: auto;
+ height: 2.875rem;
+ -webkit-flex: 0 0 2.875rem;
+ -ms-flex: 0 0 2.875rem;
+ flex: 0 0 2.875rem;
+}
+
+.c11 {
+ box-sizing: content-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 0 auto;
+ -ms-flex: 1 0 auto;
+ flex: 1 0 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ position: relative;
+ border-width: 0.0625rem;
+ border-style: solid;
+ -webkit-transition: all 300ms ease;
+ transition: all 300ms ease;
+ color: rgb(73,73,73);
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c10 {
box-sizing: border-box;
display: -webkit-inline-box;
display: -webkit-inline-flex;
@@ -8707,27 +8207,59 @@ exports[`renders
without throwing 1`] = `
-ms-flex-direction: column;
flex-direction: column;
border-width: 0;
- margin-bottom: 0;
background-color: transparent;
}
-.c8 > [name='card']:not(:last-child) {
- margin-bottom: 0.8125rem;
+.c2 {
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ z-index: 1;
+ line-height: 1.5rem;
+ height: auto;
+ max-width: 100%;
}
-.c8 > [name='card']:last-child {
- margin-bottom: 0.4375rem;
+.c8 {
+ box-sizing: border-box;
+ min-height: 2.9375rem;
+ max-width: 100%;
+ width: auto;
+ height: auto;
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: stretch;
+ -webkit-box-align: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+ overflow: hidden;
+ background-color: transparent;
+ border-width: 0;
+ box-shadow: none;
+ color: inherit;
}
-.c12 {
+.c15 {
display: inline-block;
- margin: 0;
padding: 0;
border: none;
overflow: hidden;
height: auto;
- -webkit-margin-start: 0;
- -webkit-margin-end: 0;
-webkit-padding-before: 0;
-webkit-padding-start: 0;
-webkit-padding-end: 0;
@@ -8735,7 +8267,7 @@ exports[`renders
without throwing 1`] = `
width: 100%;
}
-.c15 {
+.c19 {
box-sizing: border-box;
width: 18.75rem;
height: 3rem;
@@ -8757,59 +8289,75 @@ exports[`renders
without throwing 1`] = `
text-overflow: ellipsis;
}
-.c15:focus {
+.c19:focus {
border-color: rgb(59,70,204);
outline: 0;
}
-.c15::-webkit-input-placeholder {
+.c19::-webkit-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c15::-moz-placeholder {
+.c19::-moz-placeholder {
color: rgba(73,73,73,0.5);
}
-.c15:-ms-input-placeholder {
+.c19:-ms-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c15:invalid {
+.c19:invalid {
box-shadow: none;
}
-.c15:disabled {
+.c19:disabled {
background-color: rgb(250,250,250);
color: rgb(216,216,216);
cursor: not-allowed;
}
-.c15:disabled::-webkit-input-placeholder {
+.c19:disabled::-webkit-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c15:disabled::-moz-placeholder {
+.c19:disabled::-moz-placeholder {
color: rgba(73,73,73,0.5);
}
-.c15:disabled:-ms-input-placeholder {
+.c19:disabled:-ms-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c2 {
+.c16 {
+ font-weight: 600;
+ white-space: pre;
+ font-size: 0.8125rem;
+}
+
+.c1 {
+ border-top: 0;
+ border-left: 0;
+ border-right: 0;
+}
+
+.c26 {
+ margin-right: 0.375rem;
+}
+
+.c4 {
word-wrap: break-word;
overflow-wrap: break-word;
width: 100%;
box-sizing: border-box;
}
-.c5 {
+.c7 {
height: 2.9375rem;
max-width: 98%;
}
@media only screen and (min-width:0em) {
- .c20 {
+ .c24 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
@@ -8818,7 +8366,7 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c20 {
+ .c24 {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
@@ -8827,7 +8375,7 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:48em) {
- .c17 {
+ .c21 {
-webkit-flex-basis: 58.333333333333336%;
-ms-flex-preferred-size: 58.333333333333336%;
flex-basis: 58.333333333333336%;
@@ -8836,7 +8384,7 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c21 {
+ .c25 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
@@ -8845,7 +8393,7 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c26 {
+ .c32 {
display: none;
}
}
@@ -8859,24 +8407,24 @@ exports[`renders
without throwing 1`] = `
name="card"
>
Add tag
@@ -8885,27 +8433,28 @@ exports[`renders without throwing 1`] = `
@@ -8971,16 +8520,16 @@ exports[`renders
without throwing 1`] = `
without throwing 1`] = `
without throwing 1`] = `
without throwing 1`] = `
onClick={[Function]}
type="button"
>
-
+
+
Remove
diff --git a/packages/my-joy-instances/src/components/__tests__/__snapshots__/network.spec.js.snap b/packages/my-joy-instances/src/components/__tests__/__snapshots__/network.spec.js.snap
index e898b50a..534c8a11 100644
--- a/packages/my-joy-instances/src/components/__tests__/__snapshots__/network.spec.js.snap
+++ b/packages/my-joy-instances/src/components/__tests__/__snapshots__/network.spec.js.snap
@@ -31,27 +31,27 @@ exports[`renders
without throwing 1`] = `
}
.c2 {
- margin-bottom: 1.5rem;
-}
-
-.c17 {
- margin-right: 1.5rem;
+ margin-bottom: 1.875rem;
}
.c20 {
+ margin-right: 1.875rem;
+}
+
+.c23 {
margin-right: 0.375rem;
}
-.c12 {
+.c14 {
padding-right: 0rem;
padding-left: 0rem;
}
-.c15 {
- padding: 1.5rem;
+.c18 {
+ padding: 1.875rem;
}
-.c16 {
+.c19 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -71,7 +71,7 @@ exports[`renders
without throwing 1`] = `
align-content: stretch;
}
-.c19 {
+.c22 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -95,7 +95,7 @@ exports[`renders
without throwing 1`] = `
align-items: center;
}
-.c18 {
+.c21 {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
@@ -112,95 +112,57 @@ exports[`renders
without throwing 1`] = `
display: block;
}
-.c9 {
+.c11 {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
margin: 0;
overflow: visible;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- display: none;
}
-.c9[type='checkbox'],
-.c9[type='radio'] {
+.c11[type='checkbox'],
+.c11[type='radio'] {
box-sizing: border-box;
padding: 0;
}
-.c9[type='number']::-webkit-inner-spin-button,
-.c9[type='number']::-webkit-outer-spin-button {
+.c11[type='number']::-webkit-inner-spin-button,
+.c11[type='number']::-webkit-outer-spin-button {
height: auto;
}
-.c9[type='search'] {
+.c11[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 {
+.c11[type='search']::-webkit-search-cancel-button,
+.c11[type='search']::-webkit-search-decoration {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
-.c9::-webkit-file-upload-button {
+.c11::-webkit-file-upload-button {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
font: inherit;
}
-.c9:checked + label::after {
- opacity: 1;
-}
-
-.c9:selected + label::after {
- opacity: 1;
-}
-
-.c9:checked + label {
- border-color: rgb(59,70,204);
-}
-
-.c9:selected + label {
- border-color: rgb(59,70,204);
-}
-
-.c9:disabled + label {
- background-color: rgb(249,249,249);
- cursor: not-allowed;
-}
-
-.c21 {
+.c24 {
color: rgb(73,73,73);
line-height: 1.5rem;
font-size: 0.9375rem;
- margin: 0;
}
-.c13 {
+.c15 {
color: rgb(73,73,73);
font-weight: 600;
line-height: 1.5rem;
font-size: 0.9375rem;
- margin: 0;
-}
-
-.c13 + p,
-.c13 + small,
-.c13 + h1,
-.c13 + h2,
-.c13 + label,
-.c13 + h3,
-.c13 + h4,
-.c13 + h5,
-.c13 + div,
-.c13 + span {
- margin-top: 0.75rem;
}
.c3 {
@@ -226,46 +188,6 @@ exports[`renders
without throwing 1`] = `
box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
}
-.c4 {
- box-sizing: content-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 1 0 auto;
- -ms-flex: 1 0 auto;
- flex: 1 0 auto;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- position: relative;
- border-width: 0.0625rem;
- border-style: solid;
- -webkit-transition: all 300ms ease;
- transition: all 300ms ease;
- color: rgb(73,73,73);
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- min-height: auto;
- height: 2.875rem;
- -webkit-flex: 0 0 2.875rem;
- -ms-flex: 0 0 2.875rem;
- flex: 0 0 2.875rem;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- z-index: 1;
- line-height: 1.5rem;
- height: auto;
- max-width: 100%;
- margin: -0.0625rem -0.0625rem 0 -0.0625rem;
-}
-
-.c4 button {
- margin-bottom: 0;
- margin-top: 0;
-}
-
.c5 {
box-sizing: content-box;
display: -webkit-box;
@@ -291,6 +213,57 @@ exports[`renders
without throwing 1`] = `
-webkit-flex: 0 0 2.875rem;
-ms-flex: 0 0 2.875rem;
flex: 0 0 2.875rem;
+}
+
+.c17 {
+ box-sizing: content-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 0 auto;
+ -ms-flex: 1 0 auto;
+ flex: 1 0 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ position: relative;
+ border-width: 0.0625rem;
+ border-style: solid;
+ -webkit-transition: all 300ms ease;
+ transition: all 300ms ease;
+ color: rgb(73,73,73);
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c16 {
+ box-sizing: border-box;
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ border-width: 0;
+ background-color: transparent;
+}
+
+.c4 {
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ z-index: 1;
+ line-height: 1.5rem;
+ height: auto;
+ max-width: 100%;
+}
+
+.c6 {
width: 2.875rem;
min-width: 2.875rem;
min-height: 2.875rem;
@@ -319,31 +292,7 @@ exports[`renders
without throwing 1`] = `
box-shadow: none;
}
-.c11 {
- box-sizing: content-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 1 0 auto;
- -ms-flex: 1 0 auto;
- flex: 1 0 auto;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- position: relative;
- border-width: 0.0625rem;
- border-style: solid;
- -webkit-transition: all 300ms ease;
- transition: all 300ms ease;
- color: rgb(73,73,73);
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- min-height: auto;
- height: 2.875rem;
- -webkit-flex: 0 0 2.875rem;
- -ms-flex: 0 0 2.875rem;
- flex: 0 0 2.875rem;
+.c13 {
box-sizing: border-box;
min-height: 2.9375rem;
max-width: 100%;
@@ -377,51 +326,33 @@ exports[`renders
without throwing 1`] = `
color: inherit;
}
-.c14 {
- box-sizing: content-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 1 0 auto;
- -ms-flex: 1 0 auto;
- flex: 1 0 auto;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- position: relative;
- border-width: 0.0625rem;
- border-style: solid;
- -webkit-transition: all 300ms ease;
- transition: all 300ms ease;
- color: rgb(73,73,73);
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- box-sizing: border-box;
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-flex: 1 1 auto;
- -ms-flex: 1 1 auto;
- flex: 1 1 auto;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- border-width: 0;
- margin-bottom: 0;
- background-color: transparent;
-}
-
-.c14 > [name='card']:not(:last-child) {
- margin-bottom: 0.8125rem;
-}
-
-.c14 > [name='card']:last-child {
- margin-bottom: 0.4375rem;
-}
-
.c10 {
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ display: none;
+}
+
+.c10:checked + label::after {
+ opacity: 1;
+}
+
+.c10:selected + label::after {
+ opacity: 1;
+}
+
+.c10:checked + label {
+ border-color: rgb(59,70,204);
+}
+
+.c10:selected + label {
+ border-color: rgb(59,70,204);
+}
+
+.c10:disabled + label {
+ background-color: rgb(249,249,249);
+ cursor: not-allowed;
+}
+
+.c12 {
color: rgb(100,100,100);
position: absolute;
width: 1.125rem;
@@ -439,7 +370,7 @@ exports[`renders
without throwing 1`] = `
height: 1.125rem;
}
-.c10::after {
+.c12::after {
opacity: 0;
content: '';
position: absolute;
@@ -456,7 +387,7 @@ exports[`renders
without throwing 1`] = `
transform: rotate(-45deg);
}
-.c8 {
+.c9 {
display: inline-block;
vertical-align: text-bottom;
width: 1.125rem;
@@ -465,7 +396,7 @@ exports[`renders
without throwing 1`] = `
cursor: pointer;
}
-.c7 {
+.c8 {
list-style-type: none;
display: -webkit-box;
display: -webkit-flex;
@@ -477,19 +408,16 @@ exports[`renders
without throwing 1`] = `
align-items: center;
}
-.c7 label {
+.c8 label {
font-weight: 400;
}
-.c6 {
+.c7 {
display: inline-block;
- margin: 0;
padding: 0;
border: none;
overflow: hidden;
height: auto;
- -webkit-margin-start: 0;
- -webkit-margin-end: 0;
-webkit-padding-before: 0;
-webkit-padding-start: 0;
-webkit-padding-end: 0;
@@ -529,27 +457,27 @@ exports[`renders
without throwing 1`] = `
name="card"
>
@@ -572,48 +500,47 @@ exports[`renders
without throwing 1`] = `
Private
@@ -643,19 +570,19 @@ exports[`renders
without throwing 1`] = `
Data center network
@@ -722,7 +649,7 @@ exports[`renders
without throwing 2`] = `
}
.c10 {
- margin-right: 1.5rem;
+ margin-right: 1.875rem;
}
.c12 {
@@ -830,13 +757,10 @@ exports[`renders
without throwing 2`] = `
color: rgb(73,73,73);
line-height: 1.5rem;
font-size: 0.9375rem;
- margin: 0;
}
.c8 {
background-color: rgb(216,216,216);
- margin: 0;
- height: 0.0625rem;
}
.c3 {
@@ -924,9 +848,7 @@ exports[`renders
without throwing 2`] = `
className="c12"
>
without throwing 1`] = `
}
.c2 {
- margin-bottom: 1.5rem;
-}
-
-.c19 {
- margin-right: 1.5rem;
+ margin-bottom: 1.875rem;
}
.c22 {
+ margin-right: 1.875rem;
+}
+
+.c25 {
margin-right: 0.375rem;
}
-.c16 {
+.c19 {
margin-bottom: 1.125rem;
}
-.c12 {
+.c14 {
padding-right: 0rem;
padding-left: 0rem;
}
-.c15 {
- padding: 1.5rem;
+.c18 {
+ padding: 1.875rem;
}
-.c18 {
+.c21 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -1080,7 +1002,7 @@ exports[`renders
without throwing 1`] = `
align-content: stretch;
}
-.c21 {
+.c24 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -1104,7 +1026,7 @@ exports[`renders
without throwing 1`] = `
align-items: center;
}
-.c20 {
+.c23 {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
@@ -1121,95 +1043,57 @@ exports[`renders
without throwing 1`] = `
display: block;
}
-.c9 {
+.c11 {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
margin: 0;
overflow: visible;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- display: none;
}
-.c9[type='checkbox'],
-.c9[type='radio'] {
+.c11[type='checkbox'],
+.c11[type='radio'] {
box-sizing: border-box;
padding: 0;
}
-.c9[type='number']::-webkit-inner-spin-button,
-.c9[type='number']::-webkit-outer-spin-button {
+.c11[type='number']::-webkit-inner-spin-button,
+.c11[type='number']::-webkit-outer-spin-button {
height: auto;
}
-.c9[type='search'] {
+.c11[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 {
+.c11[type='search']::-webkit-search-cancel-button,
+.c11[type='search']::-webkit-search-decoration {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
-.c9::-webkit-file-upload-button {
+.c11::-webkit-file-upload-button {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
font: inherit;
}
-.c9:checked + label::after {
- opacity: 1;
-}
-
-.c9:selected + label::after {
- opacity: 1;
-}
-
-.c9:checked + label {
- border-color: rgb(59,70,204);
-}
-
-.c9:selected + label {
- border-color: rgb(59,70,204);
-}
-
-.c9:disabled + label {
- background-color: rgb(249,249,249);
- cursor: not-allowed;
-}
-
-.c17 {
+.c20 {
color: rgb(73,73,73);
line-height: 1.5rem;
font-size: 0.9375rem;
- margin: 0;
}
-.c13 {
+.c15 {
color: rgb(73,73,73);
font-weight: 600;
line-height: 1.5rem;
font-size: 0.9375rem;
- margin: 0;
-}
-
-.c13 + p,
-.c13 + small,
-.c13 + h1,
-.c13 + h2,
-.c13 + label,
-.c13 + h3,
-.c13 + h4,
-.c13 + h5,
-.c13 + div,
-.c13 + span {
- margin-top: 0.75rem;
}
.c3 {
@@ -1235,46 +1119,6 @@ exports[`renders
without throwing 1`] = `
box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
}
-.c4 {
- box-sizing: content-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 1 0 auto;
- -ms-flex: 1 0 auto;
- flex: 1 0 auto;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- position: relative;
- border-width: 0.0625rem;
- border-style: solid;
- -webkit-transition: all 300ms ease;
- transition: all 300ms ease;
- color: rgb(73,73,73);
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- min-height: auto;
- height: 2.875rem;
- -webkit-flex: 0 0 2.875rem;
- -ms-flex: 0 0 2.875rem;
- flex: 0 0 2.875rem;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- z-index: 1;
- line-height: 1.5rem;
- height: auto;
- max-width: 100%;
- margin: -0.0625rem -0.0625rem 0 -0.0625rem;
-}
-
-.c4 button {
- margin-bottom: 0;
- margin-top: 0;
-}
-
.c5 {
box-sizing: content-box;
display: -webkit-box;
@@ -1300,6 +1144,57 @@ exports[`renders
without throwing 1`] = `
-webkit-flex: 0 0 2.875rem;
-ms-flex: 0 0 2.875rem;
flex: 0 0 2.875rem;
+}
+
+.c17 {
+ box-sizing: content-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 0 auto;
+ -ms-flex: 1 0 auto;
+ flex: 1 0 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ position: relative;
+ border-width: 0.0625rem;
+ border-style: solid;
+ -webkit-transition: all 300ms ease;
+ transition: all 300ms ease;
+ color: rgb(73,73,73);
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c16 {
+ box-sizing: border-box;
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ border-width: 0;
+ background-color: transparent;
+}
+
+.c4 {
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ z-index: 1;
+ line-height: 1.5rem;
+ height: auto;
+ max-width: 100%;
+}
+
+.c6 {
width: 2.875rem;
min-width: 2.875rem;
min-height: 2.875rem;
@@ -1328,31 +1223,7 @@ exports[`renders
without throwing 1`] = `
box-shadow: none;
}
-.c11 {
- box-sizing: content-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 1 0 auto;
- -ms-flex: 1 0 auto;
- flex: 1 0 auto;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- position: relative;
- border-width: 0.0625rem;
- border-style: solid;
- -webkit-transition: all 300ms ease;
- transition: all 300ms ease;
- color: rgb(73,73,73);
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- min-height: auto;
- height: 2.875rem;
- -webkit-flex: 0 0 2.875rem;
- -ms-flex: 0 0 2.875rem;
- flex: 0 0 2.875rem;
+.c13 {
box-sizing: border-box;
min-height: 2.9375rem;
max-width: 100%;
@@ -1386,51 +1257,33 @@ exports[`renders
without throwing 1`] = `
color: inherit;
}
-.c14 {
- box-sizing: content-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 1 0 auto;
- -ms-flex: 1 0 auto;
- flex: 1 0 auto;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- position: relative;
- border-width: 0.0625rem;
- border-style: solid;
- -webkit-transition: all 300ms ease;
- transition: all 300ms ease;
- color: rgb(73,73,73);
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- box-sizing: border-box;
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-flex: 1 1 auto;
- -ms-flex: 1 1 auto;
- flex: 1 1 auto;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- border-width: 0;
- margin-bottom: 0;
- background-color: transparent;
-}
-
-.c14 > [name='card']:not(:last-child) {
- margin-bottom: 0.8125rem;
-}
-
-.c14 > [name='card']:last-child {
- margin-bottom: 0.4375rem;
-}
-
.c10 {
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ display: none;
+}
+
+.c10:checked + label::after {
+ opacity: 1;
+}
+
+.c10:selected + label::after {
+ opacity: 1;
+}
+
+.c10:checked + label {
+ border-color: rgb(59,70,204);
+}
+
+.c10:selected + label {
+ border-color: rgb(59,70,204);
+}
+
+.c10:disabled + label {
+ background-color: rgb(249,249,249);
+ cursor: not-allowed;
+}
+
+.c12 {
color: rgb(100,100,100);
position: absolute;
width: 1.125rem;
@@ -1448,7 +1301,7 @@ exports[`renders
without throwing 1`] = `
height: 1.125rem;
}
-.c10::after {
+.c12::after {
opacity: 0;
content: '';
position: absolute;
@@ -1465,7 +1318,7 @@ exports[`renders
without throwing 1`] = `
transform: rotate(-45deg);
}
-.c8 {
+.c9 {
display: inline-block;
vertical-align: text-bottom;
width: 1.125rem;
@@ -1474,7 +1327,7 @@ exports[`renders
without throwing 1`] = `
cursor: pointer;
}
-.c7 {
+.c8 {
list-style-type: none;
display: -webkit-box;
display: -webkit-flex;
@@ -1486,19 +1339,16 @@ exports[`renders
without throwing 1`] = `
align-items: center;
}
-.c7 label {
+.c8 label {
font-weight: 400;
}
-.c6 {
+.c7 {
display: inline-block;
- margin: 0;
padding: 0;
border: none;
overflow: hidden;
height: auto;
- -webkit-margin-start: 0;
- -webkit-margin-end: 0;
-webkit-padding-before: 0;
-webkit-padding-start: 0;
-webkit-padding-end: 0;
@@ -1538,27 +1388,27 @@ exports[`renders
without throwing 1`] = `
name="card"
>
@@ -1581,15 +1431,15 @@ exports[`renders
without throwing 1`] = `
name
@@ -1597,43 +1447,42 @@ exports[`renders without throwing 1`] = `
Private
@@ -1663,19 +1512,19 @@ exports[`renders
without throwing 1`] = `
Data center network
@@ -1742,7 +1591,7 @@ exports[`renders
without throwing 2`] = `
}
.c10 {
- margin-right: 1.5rem;
+ margin-right: 1.875rem;
}
.c12 {
@@ -1850,13 +1699,10 @@ exports[`renders
without throwing 2`] = `
color: rgb(73,73,73);
line-height: 1.5rem;
font-size: 0.9375rem;
- margin: 0;
}
.c8 {
background-color: rgb(216,216,216);
- margin: 0;
- height: 0.0625rem;
}
.c3 {
@@ -1946,9 +1792,7 @@ exports[`renders
without throwing 2`] = `
className="c12"
>
without throwing 3`] = `
}
.c2 {
- margin-bottom: 1.5rem;
-}
-
-.c19 {
- margin-right: 1.5rem;
+ margin-bottom: 1.875rem;
}
.c22 {
+ margin-right: 1.875rem;
+}
+
+.c25 {
margin-right: 0.375rem;
}
-.c16 {
+.c19 {
margin-bottom: 1.125rem;
}
-.c12 {
+.c14 {
padding-right: 0rem;
padding-left: 0rem;
}
-.c15 {
- padding: 1.5rem;
+.c18 {
+ padding: 1.875rem;
}
-.c18 {
+.c21 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -2102,7 +1946,7 @@ exports[`renders
without throwing 3`] = `
align-content: stretch;
}
-.c21 {
+.c24 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -2126,7 +1970,7 @@ exports[`renders
without throwing 3`] = `
align-items: center;
}
-.c20 {
+.c23 {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
@@ -2143,95 +1987,57 @@ exports[`renders
without throwing 3`] = `
display: block;
}
-.c9 {
+.c11 {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
margin: 0;
overflow: visible;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- display: none;
}
-.c9[type='checkbox'],
-.c9[type='radio'] {
+.c11[type='checkbox'],
+.c11[type='radio'] {
box-sizing: border-box;
padding: 0;
}
-.c9[type='number']::-webkit-inner-spin-button,
-.c9[type='number']::-webkit-outer-spin-button {
+.c11[type='number']::-webkit-inner-spin-button,
+.c11[type='number']::-webkit-outer-spin-button {
height: auto;
}
-.c9[type='search'] {
+.c11[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 {
+.c11[type='search']::-webkit-search-cancel-button,
+.c11[type='search']::-webkit-search-decoration {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
-.c9::-webkit-file-upload-button {
+.c11::-webkit-file-upload-button {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
font: inherit;
}
-.c9:checked + label::after {
- opacity: 1;
-}
-
-.c9:selected + label::after {
- opacity: 1;
-}
-
-.c9:checked + label {
- border-color: rgb(59,70,204);
-}
-
-.c9:selected + label {
- border-color: rgb(59,70,204);
-}
-
-.c9:disabled + label {
- background-color: rgb(249,249,249);
- cursor: not-allowed;
-}
-
-.c17 {
+.c20 {
color: rgb(73,73,73);
line-height: 1.5rem;
font-size: 0.9375rem;
- margin: 0;
}
-.c13 {
+.c15 {
color: rgb(73,73,73);
font-weight: 600;
line-height: 1.5rem;
font-size: 0.9375rem;
- margin: 0;
-}
-
-.c13 + p,
-.c13 + small,
-.c13 + h1,
-.c13 + h2,
-.c13 + label,
-.c13 + h3,
-.c13 + h4,
-.c13 + h5,
-.c13 + div,
-.c13 + span {
- margin-top: 0.75rem;
}
.c3 {
@@ -2257,46 +2063,6 @@ exports[`renders
without throwing 3`] = `
box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
}
-.c4 {
- box-sizing: content-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 1 0 auto;
- -ms-flex: 1 0 auto;
- flex: 1 0 auto;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- position: relative;
- border-width: 0.0625rem;
- border-style: solid;
- -webkit-transition: all 300ms ease;
- transition: all 300ms ease;
- color: rgb(73,73,73);
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- min-height: auto;
- height: 2.875rem;
- -webkit-flex: 0 0 2.875rem;
- -ms-flex: 0 0 2.875rem;
- flex: 0 0 2.875rem;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- z-index: 1;
- line-height: 1.5rem;
- height: auto;
- max-width: 100%;
- margin: -0.0625rem -0.0625rem 0 -0.0625rem;
-}
-
-.c4 button {
- margin-bottom: 0;
- margin-top: 0;
-}
-
.c5 {
box-sizing: content-box;
display: -webkit-box;
@@ -2322,6 +2088,57 @@ exports[`renders
without throwing 3`] = `
-webkit-flex: 0 0 2.875rem;
-ms-flex: 0 0 2.875rem;
flex: 0 0 2.875rem;
+}
+
+.c17 {
+ box-sizing: content-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 0 auto;
+ -ms-flex: 1 0 auto;
+ flex: 1 0 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ position: relative;
+ border-width: 0.0625rem;
+ border-style: solid;
+ -webkit-transition: all 300ms ease;
+ transition: all 300ms ease;
+ color: rgb(73,73,73);
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c16 {
+ box-sizing: border-box;
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ border-width: 0;
+ background-color: transparent;
+}
+
+.c4 {
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ z-index: 1;
+ line-height: 1.5rem;
+ height: auto;
+ max-width: 100%;
+}
+
+.c6 {
width: 2.875rem;
min-width: 2.875rem;
min-height: 2.875rem;
@@ -2350,31 +2167,7 @@ exports[`renders
without throwing 3`] = `
box-shadow: none;
}
-.c11 {
- box-sizing: content-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 1 0 auto;
- -ms-flex: 1 0 auto;
- flex: 1 0 auto;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- position: relative;
- border-width: 0.0625rem;
- border-style: solid;
- -webkit-transition: all 300ms ease;
- transition: all 300ms ease;
- color: rgb(73,73,73);
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- min-height: auto;
- height: 2.875rem;
- -webkit-flex: 0 0 2.875rem;
- -ms-flex: 0 0 2.875rem;
- flex: 0 0 2.875rem;
+.c13 {
box-sizing: border-box;
min-height: 2.9375rem;
max-width: 100%;
@@ -2408,51 +2201,33 @@ exports[`renders
without throwing 3`] = `
color: inherit;
}
-.c14 {
- box-sizing: content-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 1 0 auto;
- -ms-flex: 1 0 auto;
- flex: 1 0 auto;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- position: relative;
- border-width: 0.0625rem;
- border-style: solid;
- -webkit-transition: all 300ms ease;
- transition: all 300ms ease;
- color: rgb(73,73,73);
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- box-sizing: border-box;
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-flex: 1 1 auto;
- -ms-flex: 1 1 auto;
- flex: 1 1 auto;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- border-width: 0;
- margin-bottom: 0;
- background-color: transparent;
-}
-
-.c14 > [name='card']:not(:last-child) {
- margin-bottom: 0.8125rem;
-}
-
-.c14 > [name='card']:last-child {
- margin-bottom: 0.4375rem;
-}
-
.c10 {
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ display: none;
+}
+
+.c10:checked + label::after {
+ opacity: 1;
+}
+
+.c10:selected + label::after {
+ opacity: 1;
+}
+
+.c10:checked + label {
+ border-color: rgb(59,70,204);
+}
+
+.c10:selected + label {
+ border-color: rgb(59,70,204);
+}
+
+.c10:disabled + label {
+ background-color: rgb(249,249,249);
+ cursor: not-allowed;
+}
+
+.c12 {
color: rgb(100,100,100);
position: absolute;
width: 1.125rem;
@@ -2470,7 +2245,7 @@ exports[`renders
without throwing 3`] = `
height: 1.125rem;
}
-.c10::after {
+.c12::after {
opacity: 0;
content: '';
position: absolute;
@@ -2487,7 +2262,7 @@ exports[`renders
without throwing 3`] = `
transform: rotate(-45deg);
}
-.c8 {
+.c9 {
display: inline-block;
vertical-align: text-bottom;
width: 1.125rem;
@@ -2496,7 +2271,7 @@ exports[`renders
without throwing 3`] = `
cursor: pointer;
}
-.c7 {
+.c8 {
list-style-type: none;
display: -webkit-box;
display: -webkit-flex;
@@ -2508,19 +2283,16 @@ exports[`renders
without throwing 3`] = `
align-items: center;
}
-.c7 label {
+.c8 label {
font-weight: 400;
}
-.c6 {
+.c7 {
display: inline-block;
- margin: 0;
padding: 0;
border: none;
overflow: hidden;
height: auto;
- -webkit-margin-start: 0;
- -webkit-margin-end: 0;
-webkit-padding-before: 0;
-webkit-padding-start: 0;
-webkit-padding-end: 0;
@@ -2560,27 +2332,27 @@ exports[`renders
without throwing 3`] = `
name="card"
>
@@ -2603,15 +2375,15 @@ exports[`renders
without throwing 3`] = `
name
@@ -2619,43 +2391,42 @@ exports[`renders without throwing 3`] = `
Private
@@ -2685,19 +2456,19 @@ exports[`renders
without throwing 3`] = `
Data center network
@@ -2764,7 +2535,7 @@ exports[`renders
without throwing 4`] = `
}
.c10 {
- margin-right: 1.5rem;
+ margin-right: 1.875rem;
}
.c12 {
@@ -2872,13 +2643,10 @@ exports[`renders
without throwing 4`] = `
color: rgb(73,73,73);
line-height: 1.5rem;
font-size: 0.9375rem;
- margin: 0;
}
.c8 {
background-color: rgb(216,216,216);
- margin: 0;
- height: 0.0625rem;
}
.c3 {
@@ -2968,9 +2736,7 @@ exports[`renders
without throwing 4`] = `
className="c12"
>
without throwing 1`] = `
}
.c2 {
- margin-bottom: 1.5rem;
-}
-
-.c19 {
- margin-right: 1.5rem;
+ margin-bottom: 1.875rem;
}
.c22 {
+ margin-right: 1.875rem;
+}
+
+.c25 {
margin-right: 0.375rem;
}
-.c16 {
+.c19 {
margin-bottom: 1.125rem;
}
-.c23 {
+.c26 {
margin-top: 1.125rem;
}
-.c12 {
+.c14 {
padding-right: 0rem;
padding-left: 0rem;
}
-.c15 {
- padding: 1.5rem;
+.c18 {
+ padding: 1.875rem;
}
-.c27 {
+.c29 {
padding-right: 1.125rem;
padding-left: 1.125rem;
}
-.c18 {
+.c21 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -3133,7 +2899,7 @@ exports[`renders
without throwing 1`] = `
align-content: stretch;
}
-.c21 {
+.c24 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -3157,7 +2923,7 @@ exports[`renders
without throwing 1`] = `
align-items: center;
}
-.c20 {
+.c23 {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
@@ -3174,95 +2940,57 @@ exports[`renders
without throwing 1`] = `
display: block;
}
-.c9 {
+.c11 {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
margin: 0;
overflow: visible;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- display: none;
}
-.c9[type='checkbox'],
-.c9[type='radio'] {
+.c11[type='checkbox'],
+.c11[type='radio'] {
box-sizing: border-box;
padding: 0;
}
-.c9[type='number']::-webkit-inner-spin-button,
-.c9[type='number']::-webkit-outer-spin-button {
+.c11[type='number']::-webkit-inner-spin-button,
+.c11[type='number']::-webkit-outer-spin-button {
height: auto;
}
-.c9[type='search'] {
+.c11[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 {
+.c11[type='search']::-webkit-search-cancel-button,
+.c11[type='search']::-webkit-search-decoration {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
-.c9::-webkit-file-upload-button {
+.c11::-webkit-file-upload-button {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
font: inherit;
}
-.c9:checked + label::after {
- opacity: 1;
-}
-
-.c9:selected + label::after {
- opacity: 1;
-}
-
-.c9:checked + label {
- border-color: rgb(59,70,204);
-}
-
-.c9:selected + label {
- border-color: rgb(59,70,204);
-}
-
-.c9:disabled + label {
- background-color: rgb(249,249,249);
- cursor: not-allowed;
-}
-
-.c17 {
+.c20 {
color: rgb(73,73,73);
line-height: 1.5rem;
font-size: 0.9375rem;
- margin: 0;
}
-.c13 {
+.c15 {
color: rgb(73,73,73);
font-weight: 600;
line-height: 1.5rem;
font-size: 0.9375rem;
- margin: 0;
-}
-
-.c13 + p,
-.c13 + small,
-.c13 + h1,
-.c13 + h2,
-.c13 + label,
-.c13 + h3,
-.c13 + h4,
-.c13 + h5,
-.c13 + div,
-.c13 + span {
- margin-top: 0.75rem;
}
.c3 {
@@ -3288,46 +3016,6 @@ exports[`renders
without throwing 1`] = `
box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
}
-.c4 {
- box-sizing: content-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 1 0 auto;
- -ms-flex: 1 0 auto;
- flex: 1 0 auto;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- position: relative;
- border-width: 0.0625rem;
- border-style: solid;
- -webkit-transition: all 300ms ease;
- transition: all 300ms ease;
- color: rgb(73,73,73);
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- min-height: auto;
- height: 2.875rem;
- -webkit-flex: 0 0 2.875rem;
- -ms-flex: 0 0 2.875rem;
- flex: 0 0 2.875rem;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- z-index: 1;
- line-height: 1.5rem;
- height: auto;
- max-width: 100%;
- margin: -0.0625rem -0.0625rem 0 -0.0625rem;
-}
-
-.c4 button {
- margin-bottom: 0;
- margin-top: 0;
-}
-
.c5 {
box-sizing: content-box;
display: -webkit-box;
@@ -3353,6 +3041,96 @@ exports[`renders
without throwing 1`] = `
-webkit-flex: 0 0 2.875rem;
-ms-flex: 0 0 2.875rem;
flex: 0 0 2.875rem;
+}
+
+.c17 {
+ box-sizing: content-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 0 auto;
+ -ms-flex: 1 0 auto;
+ flex: 1 0 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ position: relative;
+ border-width: 0.0625rem;
+ border-style: solid;
+ -webkit-transition: all 300ms ease;
+ transition: all 300ms ease;
+ color: rgb(73,73,73);
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c27 {
+ box-sizing: content-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 0 auto;
+ -ms-flex: 1 0 auto;
+ flex: 1 0 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ position: relative;
+ border-width: 0.0625rem;
+ border-style: solid;
+ -webkit-transition: all 300ms ease;
+ transition: all 300ms ease;
+ color: rgb(73,73,73);
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+ cursor: pointer;
+ min-height: auto;
+ height: 2.875rem;
+ -webkit-flex: 0 0 2.875rem;
+ -ms-flex: 0 0 2.875rem;
+ flex: 0 0 2.875rem;
+}
+
+.c16 {
+ box-sizing: border-box;
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ border-width: 0;
+ background-color: transparent;
+}
+
+.c4 {
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ z-index: 1;
+ line-height: 1.5rem;
+ height: auto;
+ max-width: 100%;
+}
+
+.c28 {
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ z-index: 1;
+ line-height: 1.5rem;
+ height: auto;
+ max-width: 100%;
+ box-shadow: none;
+}
+
+.c6 {
width: 2.875rem;
min-width: 2.875rem;
min-height: 2.875rem;
@@ -3381,205 +3159,7 @@ exports[`renders
without throwing 1`] = `
box-shadow: none;
}
-.c11 {
- box-sizing: content-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 1 0 auto;
- -ms-flex: 1 0 auto;
- flex: 1 0 auto;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- position: relative;
- border-width: 0.0625rem;
- border-style: solid;
- -webkit-transition: all 300ms ease;
- transition: all 300ms ease;
- color: rgb(73,73,73);
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- min-height: auto;
- height: 2.875rem;
- -webkit-flex: 0 0 2.875rem;
- -ms-flex: 0 0 2.875rem;
- flex: 0 0 2.875rem;
- box-sizing: border-box;
- min-height: 2.9375rem;
- max-width: 100%;
- width: auto;
- height: auto;
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-flex: 1 1 auto;
- -ms-flex: 1 1 auto;
- flex: 1 1 auto;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: stretch;
- -webkit-box-align: stretch;
- -ms-flex-align: stretch;
- align-items: stretch;
- -webkit-align-content: stretch;
- -ms-flex-line-pack: stretch;
- align-content: stretch;
- overflow: hidden;
- background-color: transparent;
- border-width: 0;
- box-shadow: none;
- color: inherit;
-}
-
-.c14 {
- box-sizing: content-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 1 0 auto;
- -ms-flex: 1 0 auto;
- flex: 1 0 auto;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- position: relative;
- border-width: 0.0625rem;
- border-style: solid;
- -webkit-transition: all 300ms ease;
- transition: all 300ms ease;
- color: rgb(73,73,73);
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- box-sizing: border-box;
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-flex: 1 1 auto;
- -ms-flex: 1 1 auto;
- flex: 1 1 auto;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- border-width: 0;
- margin-bottom: 0;
- background-color: transparent;
-}
-
-.c14 > [name='card']:not(:last-child) {
- margin-bottom: 0.8125rem;
-}
-
-.c14 > [name='card']:last-child {
- margin-bottom: 0.4375rem;
-}
-
-.c24 {
- box-sizing: content-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 1 0 auto;
- -ms-flex: 1 0 auto;
- flex: 1 0 auto;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- position: relative;
- border-width: 0.0625rem;
- border-style: solid;
- -webkit-transition: all 300ms ease;
- transition: all 300ms ease;
- color: rgb(73,73,73);
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- cursor: pointer;
- min-height: auto;
- height: 2.875rem;
- -webkit-flex: 0 0 2.875rem;
- -ms-flex: 0 0 2.875rem;
- flex: 0 0 2.875rem;
-}
-
-.c25 {
- box-sizing: content-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 1 0 auto;
- -ms-flex: 1 0 auto;
- flex: 1 0 auto;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- position: relative;
- border-width: 0.0625rem;
- border-style: solid;
- -webkit-transition: all 300ms ease;
- transition: all 300ms ease;
- color: rgb(73,73,73);
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- cursor: pointer;
- min-height: auto;
- height: 2.875rem;
- -webkit-flex: 0 0 2.875rem;
- -ms-flex: 0 0 2.875rem;
- flex: 0 0 2.875rem;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- z-index: 1;
- line-height: 1.5rem;
- height: auto;
- max-width: 100%;
- margin: -0.0625rem -0.0625rem 0 -0.0625rem;
- margin: -0.0625rem;
- box-shadow: none;
-}
-
-.c25 button {
- margin-bottom: 0;
- margin-top: 0;
-}
-
-.c26 {
- box-sizing: content-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 1 0 auto;
- -ms-flex: 1 0 auto;
- flex: 1 0 auto;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- position: relative;
- border-width: 0.0625rem;
- border-style: solid;
- -webkit-transition: all 300ms ease;
- transition: all 300ms ease;
- color: rgb(73,73,73);
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- cursor: pointer;
- min-height: auto;
- height: 2.875rem;
- -webkit-flex: 0 0 2.875rem;
- -ms-flex: 0 0 2.875rem;
- flex: 0 0 2.875rem;
+.c13 {
box-sizing: border-box;
min-height: 2.9375rem;
max-width: 100%;
@@ -3614,6 +3194,32 @@ exports[`renders
without throwing 1`] = `
}
.c10 {
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ display: none;
+}
+
+.c10:checked + label::after {
+ opacity: 1;
+}
+
+.c10:selected + label::after {
+ opacity: 1;
+}
+
+.c10:checked + label {
+ border-color: rgb(59,70,204);
+}
+
+.c10:selected + label {
+ border-color: rgb(59,70,204);
+}
+
+.c10:disabled + label {
+ background-color: rgb(249,249,249);
+ cursor: not-allowed;
+}
+
+.c12 {
color: rgb(100,100,100);
position: absolute;
width: 1.125rem;
@@ -3631,7 +3237,7 @@ exports[`renders
without throwing 1`] = `
height: 1.125rem;
}
-.c10::after {
+.c12::after {
opacity: 0;
content: '';
position: absolute;
@@ -3648,7 +3254,7 @@ exports[`renders
without throwing 1`] = `
transform: rotate(-45deg);
}
-.c8 {
+.c9 {
display: inline-block;
vertical-align: text-bottom;
width: 1.125rem;
@@ -3657,7 +3263,7 @@ exports[`renders
without throwing 1`] = `
cursor: pointer;
}
-.c7 {
+.c8 {
list-style-type: none;
display: -webkit-box;
display: -webkit-flex;
@@ -3669,19 +3275,16 @@ exports[`renders
without throwing 1`] = `
align-items: center;
}
-.c7 label {
+.c8 label {
font-weight: 400;
}
-.c6 {
+.c7 {
display: inline-block;
- margin: 0;
padding: 0;
border: none;
overflow: hidden;
height: auto;
- -webkit-margin-start: 0;
- -webkit-margin-end: 0;
-webkit-padding-before: 0;
-webkit-padding-start: 0;
-webkit-padding-end: 0;
@@ -3721,27 +3324,27 @@ exports[`renders
without throwing 1`] = `
name="card"
>
@@ -3764,15 +3367,15 @@ exports[`renders
without throwing 1`] = `
name
@@ -3780,43 +3383,42 @@ exports[`renders without throwing 1`] = `
Private
@@ -3846,19 +3448,19 @@ exports[`renders
without throwing 1`] = `
Fabric network
@@ -3886,24 +3488,22 @@ exports[`renders
without throwing 1`] = `
0 instances
@@ -4021,43 +3621,41 @@ exports[`renders
without throwing 1`] = `
without throwing 2`] = `
}
.c10 {
- margin-right: 1.5rem;
+ margin-right: 1.875rem;
}
.c12 {
@@ -4223,13 +3821,10 @@ exports[`renders
without throwing 2`] = `
color: rgb(73,73,73);
line-height: 1.5rem;
font-size: 0.9375rem;
- margin: 0;
}
.c8 {
background-color: rgb(216,216,216);
- margin: 0;
- height: 0.0625rem;
}
.c3 {
@@ -4319,9 +3914,7 @@ exports[`renders
without throwing 2`] = `
className="c12"
>
without throwing 1`] = `
}
.c2 {
- margin-bottom: 1.5rem;
-}
-
-.c19 {
- margin-right: 1.5rem;
+ margin-bottom: 1.875rem;
}
.c22 {
+ margin-right: 1.875rem;
+}
+
+.c25 {
margin-right: 0.375rem;
}
-.c16 {
+.c19 {
margin-bottom: 1.125rem;
}
-.c23 {
+.c26 {
margin-top: 1.125rem;
}
-.c28 {
+.c30 {
margin-bottom: 0.75rem;
}
-.c30 {
+.c33 {
margin-top: 0.1875rem;
}
-.c12 {
+.c14 {
padding-right: 0rem;
padding-left: 0rem;
}
-.c15 {
- padding: 1.5rem;
+.c18 {
+ padding: 1.875rem;
}
-.c25 {
+.c27 {
padding-right: 1.125rem;
padding-left: 1.125rem;
}
-.c26 {
+.c28 {
padding: 1.125rem;
}
-.c18 {
+.c21 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -4496,7 +4089,7 @@ exports[`renders
without throwing 1`] = `
align-content: stretch;
}
-.c21 {
+.c24 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -4520,7 +4113,7 @@ exports[`renders
without throwing 1`] = `
align-items: center;
}
-.c27 {
+.c29 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -4543,7 +4136,7 @@ exports[`renders
without throwing 1`] = `
flex-direction: column;
}
-.c20 {
+.c23 {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
@@ -4560,77 +4153,53 @@ exports[`renders
without throwing 1`] = `
display: block;
}
-.c9 {
+.c11 {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
margin: 0;
overflow: visible;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- display: none;
}
-.c9[type='checkbox'],
-.c9[type='radio'] {
+.c11[type='checkbox'],
+.c11[type='radio'] {
box-sizing: border-box;
padding: 0;
}
-.c9[type='number']::-webkit-inner-spin-button,
-.c9[type='number']::-webkit-outer-spin-button {
+.c11[type='number']::-webkit-inner-spin-button,
+.c11[type='number']::-webkit-outer-spin-button {
height: auto;
}
-.c9[type='search'] {
+.c11[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 {
+.c11[type='search']::-webkit-search-cancel-button,
+.c11[type='search']::-webkit-search-decoration {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
-.c9::-webkit-file-upload-button {
+.c11::-webkit-file-upload-button {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
font: inherit;
}
-.c9:checked + label::after {
- opacity: 1;
-}
-
-.c9:selected + label::after {
- opacity: 1;
-}
-
-.c9:checked + label {
- border-color: rgb(59,70,204);
-}
-
-.c9:selected + label {
- border-color: rgb(59,70,204);
-}
-
-.c9:disabled + label {
- background-color: rgb(249,249,249);
- cursor: not-allowed;
-}
-
-.c17 {
+.c20 {
color: rgb(73,73,73);
line-height: 1.5rem;
font-size: 0.9375rem;
- margin: 0;
}
-.c29 {
+.c32 {
font-size: 0.9375rem;
line-height: 1.125rem;
font-style: normal;
@@ -4638,32 +4207,13 @@ exports[`renders
without throwing 1`] = `
display: block;
color: rgb(70,70,70);
text-align: left;
- margin-bottom: 0.1875rem;
- margin-right: 0.75rem;
- font-weight: 600;
- white-space: pre;
- font-size: 0.8125rem;
}
-.c13 {
+.c15 {
color: rgb(73,73,73);
font-weight: 600;
line-height: 1.5rem;
font-size: 0.9375rem;
- margin: 0;
-}
-
-.c13 + p,
-.c13 + small,
-.c13 + h1,
-.c13 + h2,
-.c13 + label,
-.c13 + h3,
-.c13 + h4,
-.c13 + h5,
-.c13 + div,
-.c13 + span {
- margin-top: 0.75rem;
}
.c3 {
@@ -4689,46 +4239,6 @@ exports[`renders
without throwing 1`] = `
box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
}
-.c4 {
- box-sizing: content-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 1 0 auto;
- -ms-flex: 1 0 auto;
- flex: 1 0 auto;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- position: relative;
- border-width: 0.0625rem;
- border-style: solid;
- -webkit-transition: all 300ms ease;
- transition: all 300ms ease;
- color: rgb(73,73,73);
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- min-height: auto;
- height: 2.875rem;
- -webkit-flex: 0 0 2.875rem;
- -ms-flex: 0 0 2.875rem;
- flex: 0 0 2.875rem;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- z-index: 1;
- line-height: 1.5rem;
- height: auto;
- max-width: 100%;
- margin: -0.0625rem -0.0625rem 0 -0.0625rem;
-}
-
-.c4 button {
- margin-bottom: 0;
- margin-top: 0;
-}
-
.c5 {
box-sizing: content-box;
display: -webkit-box;
@@ -4754,6 +4264,57 @@ exports[`renders
without throwing 1`] = `
-webkit-flex: 0 0 2.875rem;
-ms-flex: 0 0 2.875rem;
flex: 0 0 2.875rem;
+}
+
+.c17 {
+ box-sizing: content-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 0 auto;
+ -ms-flex: 1 0 auto;
+ flex: 1 0 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ position: relative;
+ border-width: 0.0625rem;
+ border-style: solid;
+ -webkit-transition: all 300ms ease;
+ transition: all 300ms ease;
+ color: rgb(73,73,73);
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c16 {
+ box-sizing: border-box;
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ border-width: 0;
+ background-color: transparent;
+}
+
+.c4 {
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ z-index: 1;
+ line-height: 1.5rem;
+ height: auto;
+ max-width: 100%;
+}
+
+.c6 {
width: 2.875rem;
min-width: 2.875rem;
min-height: 2.875rem;
@@ -4782,31 +4343,7 @@ exports[`renders
without throwing 1`] = `
box-shadow: none;
}
-.c11 {
- box-sizing: content-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 1 0 auto;
- -ms-flex: 1 0 auto;
- flex: 1 0 auto;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- position: relative;
- border-width: 0.0625rem;
- border-style: solid;
- -webkit-transition: all 300ms ease;
- transition: all 300ms ease;
- color: rgb(73,73,73);
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- min-height: auto;
- height: 2.875rem;
- -webkit-flex: 0 0 2.875rem;
- -ms-flex: 0 0 2.875rem;
- flex: 0 0 2.875rem;
+.c13 {
box-sizing: border-box;
min-height: 2.9375rem;
max-width: 100%;
@@ -4840,73 +4377,33 @@ exports[`renders
without throwing 1`] = `
color: inherit;
}
-.c14 {
- box-sizing: content-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 1 0 auto;
- -ms-flex: 1 0 auto;
- flex: 1 0 auto;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- position: relative;
- border-width: 0.0625rem;
- border-style: solid;
- -webkit-transition: all 300ms ease;
- transition: all 300ms ease;
- color: rgb(73,73,73);
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- box-sizing: border-box;
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-flex: 1 1 auto;
- -ms-flex: 1 1 auto;
- flex: 1 1 auto;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- border-width: 0;
- margin-bottom: 0;
- background-color: transparent;
-}
-
-.c14 > [name='card']:not(:last-child) {
- margin-bottom: 0.8125rem;
-}
-
-.c14 > [name='card']:last-child {
- margin-bottom: 0.4375rem;
-}
-
-.c24 {
- box-sizing: content-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 1 0 auto;
- -ms-flex: 1 0 auto;
- flex: 1 0 auto;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- position: relative;
- border-width: 0.0625rem;
- border-style: solid;
- -webkit-transition: all 300ms ease;
- transition: all 300ms ease;
- color: rgb(73,73,73);
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
.c10 {
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ display: none;
+}
+
+.c10:checked + label::after {
+ opacity: 1;
+}
+
+.c10:selected + label::after {
+ opacity: 1;
+}
+
+.c10:checked + label {
+ border-color: rgb(59,70,204);
+}
+
+.c10:selected + label {
+ border-color: rgb(59,70,204);
+}
+
+.c10:disabled + label {
+ background-color: rgb(249,249,249);
+ cursor: not-allowed;
+}
+
+.c12 {
color: rgb(100,100,100);
position: absolute;
width: 1.125rem;
@@ -4924,7 +4421,7 @@ exports[`renders
without throwing 1`] = `
height: 1.125rem;
}
-.c10::after {
+.c12::after {
opacity: 0;
content: '';
position: absolute;
@@ -4941,7 +4438,7 @@ exports[`renders
without throwing 1`] = `
transform: rotate(-45deg);
}
-.c8 {
+.c9 {
display: inline-block;
vertical-align: text-bottom;
width: 1.125rem;
@@ -4950,7 +4447,7 @@ exports[`renders
without throwing 1`] = `
cursor: pointer;
}
-.c7 {
+.c8 {
list-style-type: none;
display: -webkit-box;
display: -webkit-flex;
@@ -4962,26 +4459,23 @@ exports[`renders
without throwing 1`] = `
align-items: center;
}
-.c7 label {
+.c8 label {
font-weight: 400;
}
-.c6 {
+.c7 {
display: inline-block;
- margin: 0;
padding: 0;
border: none;
overflow: hidden;
height: auto;
- -webkit-margin-start: 0;
- -webkit-margin-end: 0;
-webkit-padding-before: 0;
-webkit-padding-start: 0;
-webkit-padding-end: 0;
-webkit-padding-after: 0;
}
-.c31 {
+.c34 {
box-sizing: border-box;
width: 18.75rem;
height: 3rem;
@@ -5005,61 +4499,67 @@ exports[`renders
without throwing 1`] = `
max-width: 100%;
}
-.c31:focus {
+.c34:focus {
border-color: rgb(59,70,204);
outline: 0;
}
-.c31::-webkit-input-placeholder {
+.c34::-webkit-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c31::-moz-placeholder {
+.c34::-moz-placeholder {
color: rgba(73,73,73,0.5);
}
-.c31:-ms-input-placeholder {
+.c34:-ms-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c31:invalid {
+.c34:invalid {
box-shadow: none;
}
-.c31:disabled {
+.c34:disabled {
background-color: rgb(250,250,250);
color: rgb(216,216,216);
cursor: not-allowed;
}
-.c31:disabled::-webkit-input-placeholder {
+.c34:disabled::-webkit-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c31:disabled::-moz-placeholder {
+.c34:disabled::-moz-placeholder {
color: rgba(73,73,73,0.5);
}
-.c31:disabled:-ms-input-placeholder {
+.c34:disabled:-ms-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c31:disabled {
+.c34:disabled {
color: rgb(73,73,73);
}
-.c31:disabled::-webkit-input-placeholder {
+.c34:disabled::-webkit-input-placeholder {
color: rgb(73,73,73);
}
-.c31:disabled::-moz-placeholder {
+.c34:disabled::-moz-placeholder {
color: rgb(73,73,73);
}
-.c31:disabled:-ms-input-placeholder {
+.c34:disabled:-ms-input-placeholder {
color: rgb(73,73,73);
}
+.c31 {
+ font-weight: 600;
+ white-space: pre;
+ font-size: 0.8125rem;
+}
+
@media only screen and (min-width:0em) {
.c1 {
-webkit-flex-basis: 100%;
@@ -5093,27 +4593,27 @@ exports[`renders
without throwing 1`] = `
name="card"
>
@@ -5136,15 +4636,15 @@ exports[`renders
without throwing 1`] = `
name
@@ -5152,43 +4652,42 @@ exports[`renders without throwing 1`] = `
Private
@@ -5218,19 +4717,19 @@ exports[`renders
without throwing 1`] = `
Fabric network
@@ -5258,24 +4757,22 @@ exports[`renders
without throwing 1`] = `
0 instances
@@ -5393,43 +4890,41 @@ exports[`renders
without throwing 1`] = `
without throwing 2`] = `
}
.c10 {
- margin-right: 1.5rem;
+ margin-right: 1.875rem;
}
.c12 {
@@ -5696,13 +5192,10 @@ exports[`renders
without throwing 2`] = `
color: rgb(73,73,73);
line-height: 1.5rem;
font-size: 0.9375rem;
- margin: 0;
}
.c8 {
background-color: rgb(216,216,216);
- margin: 0;
- height: 0.0625rem;
}
.c3 {
@@ -5792,9 +5285,7 @@ exports[`renders
without throwing 2`] = `
className="c12"
>
without throwing 1`] = `
}
.c2 {
- margin-bottom: 1.5rem;
-}
-
-.c19 {
- margin-right: 1.5rem;
+ margin-bottom: 1.875rem;
}
.c22 {
+ margin-right: 1.875rem;
+}
+
+.c25 {
margin-right: 0.375rem;
}
-.c16 {
+.c19 {
margin-bottom: 1.125rem;
}
-.c12 {
+.c14 {
padding-right: 0rem;
padding-left: 0rem;
}
-.c15 {
- padding: 1.5rem;
+.c18 {
+ padding: 1.875rem;
}
-.c18 {
+.c21 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -5948,7 +5439,7 @@ exports[`renders
without throwing 1`] = `
align-content: stretch;
}
-.c21 {
+.c24 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -5972,7 +5463,7 @@ exports[`renders
without throwing 1`] = `
align-items: center;
}
-.c20 {
+.c23 {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
@@ -5989,95 +5480,57 @@ exports[`renders
without throwing 1`] = `
display: block;
}
-.c9 {
+.c11 {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
margin: 0;
overflow: visible;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- display: none;
}
-.c9[type='checkbox'],
-.c9[type='radio'] {
+.c11[type='checkbox'],
+.c11[type='radio'] {
box-sizing: border-box;
padding: 0;
}
-.c9[type='number']::-webkit-inner-spin-button,
-.c9[type='number']::-webkit-outer-spin-button {
+.c11[type='number']::-webkit-inner-spin-button,
+.c11[type='number']::-webkit-outer-spin-button {
height: auto;
}
-.c9[type='search'] {
+.c11[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 {
+.c11[type='search']::-webkit-search-cancel-button,
+.c11[type='search']::-webkit-search-decoration {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
-.c9::-webkit-file-upload-button {
+.c11::-webkit-file-upload-button {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
font: inherit;
}
-.c9:checked + label::after {
- opacity: 1;
-}
-
-.c9:selected + label::after {
- opacity: 1;
-}
-
-.c9:checked + label {
- border-color: rgb(59,70,204);
-}
-
-.c9:selected + label {
- border-color: rgb(59,70,204);
-}
-
-.c9:disabled + label {
- background-color: rgb(249,249,249);
- cursor: not-allowed;
-}
-
-.c17 {
+.c20 {
color: rgb(73,73,73);
line-height: 1.5rem;
font-size: 0.9375rem;
- margin: 0;
}
-.c13 {
+.c15 {
color: rgb(73,73,73);
font-weight: 600;
line-height: 1.5rem;
font-size: 0.9375rem;
- margin: 0;
-}
-
-.c13 + p,
-.c13 + small,
-.c13 + h1,
-.c13 + h2,
-.c13 + label,
-.c13 + h3,
-.c13 + h4,
-.c13 + h5,
-.c13 + div,
-.c13 + span {
- margin-top: 0.75rem;
}
.c3 {
@@ -6103,46 +5556,6 @@ exports[`renders
without throwing 1`] = `
box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
}
-.c4 {
- box-sizing: content-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 1 0 auto;
- -ms-flex: 1 0 auto;
- flex: 1 0 auto;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- position: relative;
- border-width: 0.0625rem;
- border-style: solid;
- -webkit-transition: all 300ms ease;
- transition: all 300ms ease;
- color: rgb(73,73,73);
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- min-height: auto;
- height: 2.875rem;
- -webkit-flex: 0 0 2.875rem;
- -ms-flex: 0 0 2.875rem;
- flex: 0 0 2.875rem;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- z-index: 1;
- line-height: 1.5rem;
- height: auto;
- max-width: 100%;
- margin: -0.0625rem -0.0625rem 0 -0.0625rem;
-}
-
-.c4 button {
- margin-bottom: 0;
- margin-top: 0;
-}
-
.c5 {
box-sizing: content-box;
display: -webkit-box;
@@ -6168,6 +5581,57 @@ exports[`renders
without throwing 1`] = `
-webkit-flex: 0 0 2.875rem;
-ms-flex: 0 0 2.875rem;
flex: 0 0 2.875rem;
+}
+
+.c17 {
+ box-sizing: content-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 0 auto;
+ -ms-flex: 1 0 auto;
+ flex: 1 0 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ position: relative;
+ border-width: 0.0625rem;
+ border-style: solid;
+ -webkit-transition: all 300ms ease;
+ transition: all 300ms ease;
+ color: rgb(73,73,73);
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c16 {
+ box-sizing: border-box;
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ border-width: 0;
+ background-color: transparent;
+}
+
+.c4 {
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ z-index: 1;
+ line-height: 1.5rem;
+ height: auto;
+ max-width: 100%;
+}
+
+.c6 {
width: 2.875rem;
min-width: 2.875rem;
min-height: 2.875rem;
@@ -6196,31 +5660,7 @@ exports[`renders
without throwing 1`] = `
box-shadow: none;
}
-.c11 {
- box-sizing: content-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 1 0 auto;
- -ms-flex: 1 0 auto;
- flex: 1 0 auto;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- position: relative;
- border-width: 0.0625rem;
- border-style: solid;
- -webkit-transition: all 300ms ease;
- transition: all 300ms ease;
- color: rgb(73,73,73);
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- min-height: auto;
- height: 2.875rem;
- -webkit-flex: 0 0 2.875rem;
- -ms-flex: 0 0 2.875rem;
- flex: 0 0 2.875rem;
+.c13 {
box-sizing: border-box;
min-height: 2.9375rem;
max-width: 100%;
@@ -6254,51 +5694,33 @@ exports[`renders
without throwing 1`] = `
color: inherit;
}
-.c14 {
- box-sizing: content-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 1 0 auto;
- -ms-flex: 1 0 auto;
- flex: 1 0 auto;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- position: relative;
- border-width: 0.0625rem;
- border-style: solid;
- -webkit-transition: all 300ms ease;
- transition: all 300ms ease;
- color: rgb(73,73,73);
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- box-sizing: border-box;
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-flex: 1 1 auto;
- -ms-flex: 1 1 auto;
- flex: 1 1 auto;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- border-width: 0;
- margin-bottom: 0;
- background-color: transparent;
-}
-
-.c14 > [name='card']:not(:last-child) {
- margin-bottom: 0.8125rem;
-}
-
-.c14 > [name='card']:last-child {
- margin-bottom: 0.4375rem;
-}
-
.c10 {
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ display: none;
+}
+
+.c10:checked + label::after {
+ opacity: 1;
+}
+
+.c10:selected + label::after {
+ opacity: 1;
+}
+
+.c10:checked + label {
+ border-color: rgb(59,70,204);
+}
+
+.c10:selected + label {
+ border-color: rgb(59,70,204);
+}
+
+.c10:disabled + label {
+ background-color: rgb(249,249,249);
+ cursor: not-allowed;
+}
+
+.c12 {
color: rgb(100,100,100);
position: absolute;
width: 1.125rem;
@@ -6316,7 +5738,7 @@ exports[`renders
without throwing 1`] = `
height: 1.125rem;
}
-.c10::after {
+.c12::after {
opacity: 0;
content: '';
position: absolute;
@@ -6333,7 +5755,7 @@ exports[`renders
without throwing 1`] = `
transform: rotate(-45deg);
}
-.c8 {
+.c9 {
display: inline-block;
vertical-align: text-bottom;
width: 1.125rem;
@@ -6342,7 +5764,7 @@ exports[`renders
without throwing 1`] = `
cursor: pointer;
}
-.c7 {
+.c8 {
list-style-type: none;
display: -webkit-box;
display: -webkit-flex;
@@ -6354,19 +5776,16 @@ exports[`renders
without throwing 1`] = `
align-items: center;
}
-.c7 label {
+.c8 label {
font-weight: 400;
}
-.c6 {
+.c7 {
display: inline-block;
- margin: 0;
padding: 0;
border: none;
overflow: hidden;
height: auto;
- -webkit-margin-start: 0;
- -webkit-margin-end: 0;
-webkit-padding-before: 0;
-webkit-padding-start: 0;
-webkit-padding-end: 0;
@@ -6406,27 +5825,27 @@ exports[`renders
without throwing 1`] = `
name="card"
>
@@ -6449,15 +5868,15 @@ exports[`renders
without throwing 1`] = `
name
@@ -6465,43 +5884,42 @@ exports[`renders without throwing 1`] = `
Public
@@ -6530,19 +5948,19 @@ exports[`renders
without throwing 1`] = `
Data center network
@@ -6609,7 +6027,7 @@ exports[`renders
without throwing 2`] = `
}
.c10 {
- margin-right: 1.5rem;
+ margin-right: 1.875rem;
}
.c12 {
@@ -6717,13 +6135,10 @@ exports[`renders
without throwing 2`] = `
color: rgb(73,73,73);
line-height: 1.5rem;
font-size: 0.9375rem;
- margin: 0;
}
.c8 {
background-color: rgb(216,216,216);
- margin: 0;
- height: 0.0625rem;
}
.c3 {
@@ -6813,9 +6228,7 @@ exports[`renders
without throwing 2`] = `
className="c12"
>
without throwing 1`] = `
-.c14 {
+.c18 {
margin-top: 0.1875rem;
}
-.c19 {
+.c23 {
margin-top: 0.375rem;
}
-.c3 {
+.c34 {
+ margin-right: 0.75rem;
+}
+
+.c5 {
padding-right: 1.125rem;
padding-left: 1.125rem;
}
-.c9 {
+.c12 {
padding: 1.125rem;
}
-.c24 {
+.c30 {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
@@ -28,39 +32,32 @@ exports[`renders
without throwing 1`] = `
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
- min-width: 7.5rem;
}
-.c24::-moz-focus-inner,
-.c24[type='button']::-moz-focus-inner,
-.c24[type='reset']::-moz-focus-inner,
-.c24[type='submit']::-moz-focus-inner {
+.c30::-moz-focus-inner,
+.c30[type='button']::-moz-focus-inner,
+.c30[type='reset']::-moz-focus-inner,
+.c30[type='submit']::-moz-focus-inner {
border-style: none;
padding: 0;
}
-.c24:-moz-focusring,
-.c24[type='button']:-moz-focusring,
-.c24[type='reset']:-moz-focusring,
-.c24[type='submit']:-moz-focusring {
+.c30:-moz-focusring,
+.c30[type='button']:-moz-focusring,
+.c30[type='reset']:-moz-focusring,
+.c30[type='submit']:-moz-focusring {
outline: 0.0625rem dotted ButtonText;
}
-.c24 + button,
-.c24 + a {
- margin-left: 0.375rem;
+.c29 {
+ min-width: 7.5rem;
}
-.c23 {
+.c28 {
display: inline-block;
}
-.c23 + button,
-.c23 + a {
- margin-left: 0.375rem;
-}
-
-.c22 {
+.c27 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -102,10 +99,9 @@ exports[`renders
without throwing 1`] = `
-webkit-text-fill-color: currentcolor;
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
- margin: 0;
}
-.c22:focus {
+.c27:focus {
outline: 0;
-webkit-text-decoration: none;
text-decoration: none;
@@ -113,43 +109,43 @@ exports[`renders
without throwing 1`] = `
border-color: rgb(45,56,132);
}
-.c22:hover {
+.c27:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c22:active,
-.c22:active:hover,
-.c22:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c22[disabled] {
+.c27[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c22:focus {
+.c27:focus {
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
-.c22:hover {
+.c27:hover {
background-color: rgb(247,247,247);
border-color: rgb(216,216,216);
}
-.c22:active,
-.c22:active:hover,
-.c22:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
background-color: rgb(230,230,230);
border-color: rgb(216,216,216);
}
-.c25 {
+.c31 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -192,10 +188,9 @@ exports[`renders
without throwing 1`] = `
color: rgb(216,216,216);
background-color: rgb(250,250,250);
border-color: rgb(216,216,216);
- margin: 0;
}
-.c25:focus {
+.c31:focus {
outline: 0;
-webkit-text-decoration: none;
text-decoration: none;
@@ -203,43 +198,43 @@ exports[`renders
without throwing 1`] = `
border-color: rgb(45,56,132);
}
-.c25:hover {
+.c31:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c25:active,
-.c25:active:hover,
-.c25:active:focus {
+.c31:active,
+.c31:active:hover,
+.c31:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c25[disabled] {
+.c31[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c25:focus {
+.c31:focus {
background-color: rgb(250,250,250);
border-color: rgb(216,216,216);
}
-.c25:hover {
+.c31:hover {
background-color: rgb(250,250,250);
border-color: rgb(250,250,250);
}
-.c25:active,
-.c25:active:hover,
-.c25:active:focus {
+.c31:active,
+.c31:active:hover,
+.c31:active:focus {
background-color: rgb(250,250,250);
border-color: rgb(250,250,250);
}
-.c27 {
+.c33 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -293,11 +288,10 @@ exports[`renders
without throwing 1`] = `
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
- margin: 0;
float: right;
}
-.c27:focus {
+.c33:focus {
outline: 0;
-webkit-text-decoration: none;
text-decoration: none;
@@ -305,70 +299,62 @@ exports[`renders
without throwing 1`] = `
border-color: rgb(45,56,132);
}
-.c27:hover {
+.c33:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c27:active,
-.c27:active:hover,
-.c27:active:focus {
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c27[disabled] {
+.c33[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c27:focus {
+.c33:focus {
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
-.c27:hover {
+.c33:hover {
background-color: rgb(247,247,247);
border-color: rgb(216,216,216);
}
-.c27:active,
-.c27:active:hover,
-.c27:active:focus {
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
background-color: rgb(230,230,230);
border-color: rgb(216,216,216);
}
-.c27:focus {
+.c33:focus {
color: rgb(205,37,27);
background-color: rgb(255,255,255);
border-color: rgb(205,37,27);
}
-.c27:hover {
+.c33:hover {
color: rgb(205,37,27);
background-color: rgb(255,255,255);
border-color: rgb(205,37,27);
}
-.c27:active,
-.c27:active:hover,
-.c27:active:focus {
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
background-color: rgba(210,67,58,0.1);
border-color: rgb(205,37,27);
}
-.c27 svg + span {
- margin-left: 0.75rem;
-}
-
-.c27 svg {
- max-height: 1.125rem;
-}
-
-.c13 {
+.c17 {
font-size: 0.9375rem;
line-height: 1.125rem;
font-style: normal;
@@ -376,30 +362,6 @@ exports[`renders
without throwing 1`] = `
display: block;
color: rgb(70,70,70);
text-align: left;
- margin-bottom: 0.1875rem;
- margin-right: 0.75rem;
- font-weight: 600;
- white-space: pre;
- font-size: 0.8125rem;
-}
-
-.c16 {
- box-sizing: border-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 1 1 auto;
- -ms-flex: 1 1 auto;
- flex: 1 1 auto;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- margin-right: -0.625rem;
- margin-left: -0.625rem;
}
.c20 {
@@ -421,14 +383,23 @@ exports[`renders
without throwing 1`] = `
margin-left: -0.625rem;
}
-.c17 {
+.c24 {
box-sizing: border-box;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- padding-right: 0.625rem;
- padding-left: 0.625rem;
- display: block;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-right: -0.625rem;
+ margin-left: -0.625rem;
}
.c21 {
@@ -441,7 +412,7 @@ exports[`renders
without throwing 1`] = `
display: block;
}
-.c26 {
+.c25 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
@@ -451,28 +422,24 @@ exports[`renders
without throwing 1`] = `
display: block;
}
-.c7 {
+.c32 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c9 {
color: rgb(73,73,73);
font-weight: 600;
line-height: 1.5rem;
font-size: 0.9375rem;
- margin: 0;
}
-.c7 + p,
-.c7 + small,
-.c7 + h1,
-.c7 + h2,
-.c7 + label,
-.c7 + h3,
-.c7 + h4,
-.c7 + h5,
-.c7 + div,
-.c7 + span {
- margin-top: 0.75rem;
-}
-
-.c4 {
+.c6 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -505,7 +472,7 @@ exports[`renders
without throwing 1`] = `
flex-basis: 100%;
}
-.c10 {
+.c13 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -535,7 +502,7 @@ exports[`renders
without throwing 1`] = `
align-content: stretch;
}
-.c11 {
+.c14 {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
@@ -555,7 +522,7 @@ exports[`renders
without throwing 1`] = `
flex-basis: auto;
}
-.c18 {
+.c22 {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
@@ -598,7 +565,7 @@ exports[`renders
without throwing 1`] = `
box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
}
-.c1 {
+.c3 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
@@ -623,6 +590,47 @@ exports[`renders
without throwing 1`] = `
-webkit-flex: 0 0 2.875rem;
-ms-flex: 0 0 2.875rem;
flex: 0 0 2.875rem;
+}
+
+.c11 {
+ box-sizing: content-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 0 auto;
+ -ms-flex: 1 0 auto;
+ flex: 1 0 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ position: relative;
+ border-width: 0.0625rem;
+ border-style: solid;
+ -webkit-transition: all 300ms ease;
+ transition: all 300ms ease;
+ color: rgb(73,73,73);
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c10 {
+ box-sizing: border-box;
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ border-width: 0;
+ background-color: transparent;
+}
+
+.c2 {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
@@ -630,39 +638,9 @@ exports[`renders
without throwing 1`] = `
line-height: 1.5rem;
height: auto;
max-width: 100%;
- margin: -0.0625rem -0.0625rem 0 -0.0625rem;
}
-.c1 button {
- margin-bottom: 0;
- margin-top: 0;
-}
-
-.c6 {
- box-sizing: content-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 1 0 auto;
- -ms-flex: 1 0 auto;
- flex: 1 0 auto;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- position: relative;
- border-width: 0.0625rem;
- border-style: solid;
- -webkit-transition: all 300ms ease;
- transition: all 300ms ease;
- color: rgb(73,73,73);
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- min-height: auto;
- height: 2.875rem;
- -webkit-flex: 0 0 2.875rem;
- -ms-flex: 0 0 2.875rem;
- flex: 0 0 2.875rem;
+.c8 {
box-sizing: border-box;
min-height: 2.9375rem;
max-width: 100%;
@@ -696,59 +674,12 @@ exports[`renders
without throwing 1`] = `
color: inherit;
}
-.c8 {
- box-sizing: content-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 1 0 auto;
- -ms-flex: 1 0 auto;
- flex: 1 0 auto;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- position: relative;
- border-width: 0.0625rem;
- border-style: solid;
- -webkit-transition: all 300ms ease;
- transition: all 300ms ease;
- color: rgb(73,73,73);
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- box-sizing: border-box;
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-flex: 1 1 auto;
- -ms-flex: 1 1 auto;
- flex: 1 1 auto;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- border-width: 0;
- margin-bottom: 0;
- background-color: transparent;
-}
-
-.c8 > [name='card']:not(:last-child) {
- margin-bottom: 0.8125rem;
-}
-
-.c8 > [name='card']:last-child {
- margin-bottom: 0.4375rem;
-}
-
-.c12 {
+.c15 {
display: inline-block;
- margin: 0;
padding: 0;
border: none;
overflow: hidden;
height: auto;
- -webkit-margin-start: 0;
- -webkit-margin-end: 0;
-webkit-padding-before: 0;
-webkit-padding-start: 0;
-webkit-padding-end: 0;
@@ -756,7 +687,7 @@ exports[`renders
without throwing 1`] = `
width: 100%;
}
-.c15 {
+.c19 {
box-sizing: border-box;
width: 18.75rem;
height: 3rem;
@@ -778,59 +709,75 @@ exports[`renders
without throwing 1`] = `
text-overflow: ellipsis;
}
-.c15:focus {
+.c19:focus {
border-color: rgb(59,70,204);
outline: 0;
}
-.c15::-webkit-input-placeholder {
+.c19::-webkit-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c15::-moz-placeholder {
+.c19::-moz-placeholder {
color: rgba(73,73,73,0.5);
}
-.c15:-ms-input-placeholder {
+.c19:-ms-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c15:invalid {
+.c19:invalid {
box-shadow: none;
}
-.c15:disabled {
+.c19:disabled {
background-color: rgb(250,250,250);
color: rgb(216,216,216);
cursor: not-allowed;
}
-.c15:disabled::-webkit-input-placeholder {
+.c19:disabled::-webkit-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c15:disabled::-moz-placeholder {
+.c19:disabled::-moz-placeholder {
color: rgba(73,73,73,0.5);
}
-.c15:disabled:-ms-input-placeholder {
+.c19:disabled:-ms-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c2 {
+.c16 {
+ font-weight: 600;
+ white-space: pre;
+ font-size: 0.8125rem;
+}
+
+.c1 {
+ border-top: 0;
+ border-left: 0;
+ border-right: 0;
+}
+
+.c26 {
+ margin-right: 0.375rem;
+}
+
+.c4 {
word-wrap: break-word;
overflow-wrap: break-word;
width: 100%;
box-sizing: border-box;
}
-.c5 {
+.c7 {
height: 2.9375rem;
max-width: 98%;
}
@media only screen and (min-width:0em) {
- .c20 {
+ .c24 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
@@ -839,7 +786,7 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c20 {
+ .c24 {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
@@ -848,7 +795,7 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:48em) {
- .c17 {
+ .c21 {
-webkit-flex-basis: 58.333333333333336%;
-ms-flex-preferred-size: 58.333333333333336%;
flex-basis: 58.333333333333336%;
@@ -857,7 +804,7 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c21 {
+ .c25 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
@@ -866,7 +813,7 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c26 {
+ .c32 {
display: none;
}
}
@@ -880,24 +827,24 @@ exports[`renders
without throwing 1`] = `
name="card"
>
Add tag
@@ -906,27 +853,28 @@ exports[`renders
without throwing 1`] = `
@@ -992,16 +940,16 @@ exports[`renders
without throwing 1`] = `
without throwing 1`] = `
without throwing 1`] = `
without throwing 1`] = `
onClick={[Function]}
type="button"
>
-
+
+
Remove
@@ -1068,24 +1018,28 @@ exports[`renders
without throwing 1`] = `
`;
exports[`renders
without throwing 1`] = `
-.c14 {
+.c18 {
margin-top: 0.1875rem;
}
-.c19 {
+.c23 {
margin-top: 0.375rem;
}
-.c3 {
+.c34 {
+ margin-right: 0.75rem;
+}
+
+.c5 {
padding-right: 1.125rem;
padding-left: 1.125rem;
}
-.c9 {
+.c12 {
padding: 1.125rem;
}
-.c24 {
+.c30 {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
@@ -1095,39 +1049,32 @@ exports[`renders
without throwing 1`] = `
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
- min-width: 7.5rem;
}
-.c24::-moz-focus-inner,
-.c24[type='button']::-moz-focus-inner,
-.c24[type='reset']::-moz-focus-inner,
-.c24[type='submit']::-moz-focus-inner {
+.c30::-moz-focus-inner,
+.c30[type='button']::-moz-focus-inner,
+.c30[type='reset']::-moz-focus-inner,
+.c30[type='submit']::-moz-focus-inner {
border-style: none;
padding: 0;
}
-.c24:-moz-focusring,
-.c24[type='button']:-moz-focusring,
-.c24[type='reset']:-moz-focusring,
-.c24[type='submit']:-moz-focusring {
+.c30:-moz-focusring,
+.c30[type='button']:-moz-focusring,
+.c30[type='reset']:-moz-focusring,
+.c30[type='submit']:-moz-focusring {
outline: 0.0625rem dotted ButtonText;
}
-.c24 + button,
-.c24 + a {
- margin-left: 0.375rem;
+.c29 {
+ min-width: 7.5rem;
}
-.c23 {
+.c28 {
display: inline-block;
}
-.c23 + button,
-.c23 + a {
- margin-left: 0.375rem;
-}
-
-.c22 {
+.c27 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -1169,10 +1116,9 @@ exports[`renders
without throwing 1`] = `
-webkit-text-fill-color: currentcolor;
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
- margin: 0;
}
-.c22:focus {
+.c27:focus {
outline: 0;
-webkit-text-decoration: none;
text-decoration: none;
@@ -1180,43 +1126,43 @@ exports[`renders
without throwing 1`] = `
border-color: rgb(45,56,132);
}
-.c22:hover {
+.c27:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c22:active,
-.c22:active:hover,
-.c22:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c22[disabled] {
+.c27[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c22:focus {
+.c27:focus {
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
-.c22:hover {
+.c27:hover {
background-color: rgb(247,247,247);
border-color: rgb(216,216,216);
}
-.c22:active,
-.c22:active:hover,
-.c22:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
background-color: rgb(230,230,230);
border-color: rgb(216,216,216);
}
-.c25 {
+.c31 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -1259,10 +1205,9 @@ exports[`renders
without throwing 1`] = `
color: rgb(216,216,216);
background-color: rgb(250,250,250);
border-color: rgb(216,216,216);
- margin: 0;
}
-.c25:focus {
+.c31:focus {
outline: 0;
-webkit-text-decoration: none;
text-decoration: none;
@@ -1270,43 +1215,43 @@ exports[`renders
without throwing 1`] = `
border-color: rgb(45,56,132);
}
-.c25:hover {
+.c31:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c25:active,
-.c25:active:hover,
-.c25:active:focus {
+.c31:active,
+.c31:active:hover,
+.c31:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c25[disabled] {
+.c31[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c25:focus {
+.c31:focus {
background-color: rgb(250,250,250);
border-color: rgb(216,216,216);
}
-.c25:hover {
+.c31:hover {
background-color: rgb(250,250,250);
border-color: rgb(250,250,250);
}
-.c25:active,
-.c25:active:hover,
-.c25:active:focus {
+.c31:active,
+.c31:active:hover,
+.c31:active:focus {
background-color: rgb(250,250,250);
border-color: rgb(250,250,250);
}
-.c27 {
+.c33 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -1360,11 +1305,10 @@ exports[`renders
without throwing 1`] = `
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
- margin: 0;
float: right;
}
-.c27:focus {
+.c33:focus {
outline: 0;
-webkit-text-decoration: none;
text-decoration: none;
@@ -1372,70 +1316,62 @@ exports[`renders
without throwing 1`] = `
border-color: rgb(45,56,132);
}
-.c27:hover {
+.c33:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c27:active,
-.c27:active:hover,
-.c27:active:focus {
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c27[disabled] {
+.c33[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c27:focus {
+.c33:focus {
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
-.c27:hover {
+.c33:hover {
background-color: rgb(247,247,247);
border-color: rgb(216,216,216);
}
-.c27:active,
-.c27:active:hover,
-.c27:active:focus {
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
background-color: rgb(230,230,230);
border-color: rgb(216,216,216);
}
-.c27:focus {
+.c33:focus {
color: rgb(205,37,27);
background-color: rgb(255,255,255);
border-color: rgb(205,37,27);
}
-.c27:hover {
+.c33:hover {
color: rgb(205,37,27);
background-color: rgb(255,255,255);
border-color: rgb(205,37,27);
}
-.c27:active,
-.c27:active:hover,
-.c27:active:focus {
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
background-color: rgba(210,67,58,0.1);
border-color: rgb(205,37,27);
}
-.c27 svg + span {
- margin-left: 0.75rem;
-}
-
-.c27 svg {
- max-height: 1.125rem;
-}
-
-.c13 {
+.c17 {
font-size: 0.9375rem;
line-height: 1.125rem;
font-style: normal;
@@ -1443,30 +1379,6 @@ exports[`renders
without throwing 1`] = `
display: block;
color: rgb(70,70,70);
text-align: left;
- margin-bottom: 0.1875rem;
- margin-right: 0.75rem;
- font-weight: 600;
- white-space: pre;
- font-size: 0.8125rem;
-}
-
-.c16 {
- box-sizing: border-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 1 1 auto;
- -ms-flex: 1 1 auto;
- flex: 1 1 auto;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- margin-right: -0.625rem;
- margin-left: -0.625rem;
}
.c20 {
@@ -1488,14 +1400,23 @@ exports[`renders
without throwing 1`] = `
margin-left: -0.625rem;
}
-.c17 {
+.c24 {
box-sizing: border-box;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- padding-right: 0.625rem;
- padding-left: 0.625rem;
- display: block;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-right: -0.625rem;
+ margin-left: -0.625rem;
}
.c21 {
@@ -1508,7 +1429,7 @@ exports[`renders
without throwing 1`] = `
display: block;
}
-.c26 {
+.c25 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
@@ -1518,7 +1439,17 @@ exports[`renders
without throwing 1`] = `
display: block;
}
-.c4 {
+.c32 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c6 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -1551,7 +1482,7 @@ exports[`renders
without throwing 1`] = `
flex-basis: 100%;
}
-.c10 {
+.c13 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -1581,7 +1512,7 @@ exports[`renders
without throwing 1`] = `
align-content: stretch;
}
-.c11 {
+.c14 {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
@@ -1601,7 +1532,7 @@ exports[`renders
without throwing 1`] = `
flex-basis: auto;
}
-.c18 {
+.c22 {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
@@ -1644,7 +1575,7 @@ exports[`renders
without throwing 1`] = `
box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
}
-.c8 {
+.c11 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
@@ -1664,6 +1595,37 @@ exports[`renders
without throwing 1`] = `
color: rgb(73,73,73);
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
+}
+
+.c3 {
+ box-sizing: content-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 0 auto;
+ -ms-flex: 1 0 auto;
+ flex: 1 0 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ position: relative;
+ border-width: 0.0625rem;
+ border-style: solid;
+ -webkit-transition: all 300ms ease;
+ transition: all 300ms ease;
+ color: rgb(73,73,73);
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+ cursor: pointer;
+ min-height: auto;
+ height: 2.875rem;
+ -webkit-flex: 0 0 2.875rem;
+ -ms-flex: 0 0 2.875rem;
+ flex: 0 0 2.875rem;
+}
+
+.c10 {
box-sizing: border-box;
display: -webkit-inline-box;
display: -webkit-inline-flex;
@@ -1676,44 +1638,10 @@ exports[`renders
without throwing 1`] = `
-ms-flex-direction: column;
flex-direction: column;
border-width: 0;
- margin-bottom: 0;
background-color: transparent;
}
-.c8 > [name='card']:not(:last-child) {
- margin-bottom: 0.8125rem;
-}
-
-.c8 > [name='card']:last-child {
- margin-bottom: 0.4375rem;
-}
-
-.c1 {
- box-sizing: content-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 1 0 auto;
- -ms-flex: 1 0 auto;
- flex: 1 0 auto;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- position: relative;
- border-width: 0.0625rem;
- border-style: solid;
- -webkit-transition: all 300ms ease;
- transition: all 300ms ease;
- color: rgb(73,73,73);
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- cursor: pointer;
- min-height: auto;
- height: 2.875rem;
- -webkit-flex: 0 0 2.875rem;
- -ms-flex: 0 0 2.875rem;
- flex: 0 0 2.875rem;
+.c2 {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
@@ -1721,40 +1649,9 @@ exports[`renders
without throwing 1`] = `
line-height: 1.5rem;
height: auto;
max-width: 100%;
- margin: -0.0625rem -0.0625rem 0 -0.0625rem;
}
-.c1 button {
- margin-bottom: 0;
- margin-top: 0;
-}
-
-.c6 {
- box-sizing: content-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 1 0 auto;
- -ms-flex: 1 0 auto;
- flex: 1 0 auto;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- position: relative;
- border-width: 0.0625rem;
- border-style: solid;
- -webkit-transition: all 300ms ease;
- transition: all 300ms ease;
- color: rgb(73,73,73);
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- cursor: pointer;
- min-height: auto;
- height: 2.875rem;
- -webkit-flex: 0 0 2.875rem;
- -ms-flex: 0 0 2.875rem;
- flex: 0 0 2.875rem;
+.c8 {
box-sizing: border-box;
min-height: 2.9375rem;
max-width: 100%;
@@ -1788,15 +1685,12 @@ exports[`renders
without throwing 1`] = `
color: inherit;
}
-.c12 {
+.c15 {
display: inline-block;
- margin: 0;
padding: 0;
border: none;
overflow: hidden;
height: auto;
- -webkit-margin-start: 0;
- -webkit-margin-end: 0;
-webkit-padding-before: 0;
-webkit-padding-start: 0;
-webkit-padding-end: 0;
@@ -1804,7 +1698,7 @@ exports[`renders
without throwing 1`] = `
width: 100%;
}
-.c15 {
+.c19 {
box-sizing: border-box;
width: 18.75rem;
height: 3rem;
@@ -1826,46 +1720,52 @@ exports[`renders
without throwing 1`] = `
text-overflow: ellipsis;
}
-.c15:focus {
+.c19:focus {
border-color: rgb(59,70,204);
outline: 0;
}
-.c15::-webkit-input-placeholder {
+.c19::-webkit-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c15::-moz-placeholder {
+.c19::-moz-placeholder {
color: rgba(73,73,73,0.5);
}
-.c15:-ms-input-placeholder {
+.c19:-ms-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c15:invalid {
+.c19:invalid {
box-shadow: none;
}
-.c15:disabled {
+.c19:disabled {
background-color: rgb(250,250,250);
color: rgb(216,216,216);
cursor: not-allowed;
}
-.c15:disabled::-webkit-input-placeholder {
+.c19:disabled::-webkit-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c15:disabled::-moz-placeholder {
+.c19:disabled::-moz-placeholder {
color: rgba(73,73,73,0.5);
}
-.c15:disabled:-ms-input-placeholder {
+.c19:disabled:-ms-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c7 {
+.c16 {
+ font-weight: 600;
+ white-space: pre;
+ font-size: 0.8125rem;
+}
+
+.c9 {
word-break: break-all;
line-height: 1.5;
white-space: nowrap;
@@ -1874,20 +1774,30 @@ exports[`renders
without throwing 1`] = `
display: block;
}
-.c2 {
+.c1 {
+ border-top: 0;
+ border-left: 0;
+ border-right: 0;
+}
+
+.c26 {
+ margin-right: 0.375rem;
+}
+
+.c4 {
word-wrap: break-word;
overflow-wrap: break-word;
width: 100%;
box-sizing: border-box;
}
-.c5 {
+.c7 {
height: 2.9375rem;
max-width: 98%;
}
@media only screen and (min-width:0em) {
- .c20 {
+ .c24 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
@@ -1896,7 +1806,7 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c20 {
+ .c24 {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
@@ -1905,15 +1815,6 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:48em) {
- .c17 {
- -webkit-flex-basis: 58.333333333333336%;
- -ms-flex-preferred-size: 58.333333333333336%;
- flex-basis: 58.333333333333336%;
- max-width: 58.333333333333336%;
- }
-}
-
-@media only screen and (min-width:0em) {
.c21 {
-webkit-flex-basis: 58.333333333333336%;
-ms-flex-preferred-size: 58.333333333333336%;
@@ -1923,7 +1824,16 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c26 {
+ .c25 {
+ -webkit-flex-basis: 58.333333333333336%;
+ -ms-flex-preferred-size: 58.333333333333336%;
+ flex-basis: 58.333333333333336%;
+ max-width: 58.333333333333336%;
+ }
+}
+
+@media only screen and (min-width:0em) {
+ .c32 {
-webkit-flex-basis: 41.66666666666667%;
-ms-flex-preferred-size: 41.66666666666667%;
flex-basis: 41.66666666666667%;
@@ -1940,30 +1850,28 @@ exports[`renders
without throwing 1`] = `
name="card"
>
@@ -2069,16 +1978,16 @@ exports[`renders
without throwing 1`] = `
without throwing 1`] = `
without throwing 1`] = `
without throwing 1`] = `
onClick={[Function]}
type="button"
>
-
+
+
Remove
diff --git a/packages/my-joy-instances/src/components/cns.js b/packages/my-joy-instances/src/components/cns.js
index 286a1f19..945aa75f 100644
--- a/packages/my-joy-instances/src/components/cns.js
+++ b/packages/my-joy-instances/src/components/cns.js
@@ -6,13 +6,13 @@ import Flex, { FlexItem } from 'styled-flex-component';
import { Field } from 'redux-form';
import {
- P,
- H3,
+ P as BaseP,
+ H3 as BaseH3,
Card,
Divider,
TagList,
Input,
- Toggle,
+ Toggle as BaseToggle,
Small,
Button,
FormGroup,
@@ -31,15 +31,27 @@ const SmallBordered = styled(Small)`
border-right: ${remcalc(1)} solid ${props => props.theme.grey};
`;
+const H3 = styled(BaseH3)`
+ margin: 0;
+`;
+
+const P = styled(BaseP)`
+ margin: 0;
+`;
+
+const Toggle = styled(BaseToggle)`
+ margin: 0 6px;
+`;
+
export const Header = () => (
Hostnames
-
+
Default hostnames are automatically generated from both the instance
name and any attached networks.
-
+
);
@@ -49,9 +61,11 @@ export const Footer = ({ enabled, submitting, onToggle }) => (
Disabled CNS
-
- Enabled CNS
-
+
+
+ Enabled CNS
+
+
@@ -69,13 +83,13 @@ export const Footer = ({ enabled, submitting, onToggle }) => (
export const HostnamesHeader = () => (
CNS service hostnames
-
+
CNS service hostnames are created by attaching a CNS service name to one
or more instances. You can serve multiple instances under the same
hostname by assigning them to a matching CNS service name.
-
+
);
@@ -87,23 +101,25 @@ export const AddServiceForm = ({
invalid
}) => (