diff --git a/consoles/my-joy-images/src/components/empty.js b/consoles/my-joy-images/src/components/empty.js
index 213c7b92..56bfa3c9 100644
--- a/consoles/my-joy-images/src/components/empty.js
+++ b/consoles/my-joy-images/src/components/empty.js
@@ -4,7 +4,7 @@ import { Margin, Padding } from 'styled-components-spacing';
import Flex from 'styled-flex-component';
import { H3, Card } from 'joyent-ui-toolkit';
-import { NoPackages } from 'joyent-logo-assets';
+import { EmptyState } from 'joyent-icons';
const NoPackagesTitle = styled(H3)`
color: ${props => props.theme.greyDark};
@@ -20,7 +20,7 @@ export default ({ children }) => (
-
+
{children}
diff --git a/consoles/my-joy-images/src/components/summary.js b/consoles/my-joy-images/src/components/summary.js
index 0c40e3c9..74bacfde 100644
--- a/consoles/my-joy-images/src/components/summary.js
+++ b/consoles/my-joy-images/src/components/summary.js
@@ -13,7 +13,7 @@ import {
CardOutlet,
H2,
P,
- Label,
+ Label as BaseLabel,
Divider,
Button,
QueryBreakpoints,
@@ -43,6 +43,10 @@ const VerticalDivider = styled.div`
}
`;
+const Label = styled(BaseLabel)`
+ font-weight: 200;
+`;
+
const GreyLabel = styled(Label)`
opacity: 0.5;
padding-right: ${remcalc(3)};
@@ -148,7 +152,7 @@ export default withTheme(({ theme = {}, onRemove, removing, ...image }) => (
- Remove
+ Delete
diff --git a/consoles/my-joy-instances/src/components/instances/__tests__/__snapshots__/metadata.spec.js.snap b/consoles/my-joy-instances/src/components/instances/__tests__/__snapshots__/metadata.spec.js.snap
index bb125c25..5ae8f5aa 100644
--- a/consoles/my-joy-instances/src/components/instances/__tests__/__snapshots__/metadata.spec.js.snap
+++ b/consoles/my-joy-instances/src/components/instances/__tests__/__snapshots__/metadata.spec.js.snap
@@ -1,1061 +1,6 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
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;
-}
-
-.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;
-}
-
-.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;
-}
-
-.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 {
- margin: 0;
- color: rgb(73,73,73);
- font-weight: 600;
- line-height: 1.5rem;
- font-size: 0.9375rem;
-}
-
-.c21 {
- height: 1px;
- background-color: rgb(216,216,216);
- background-color: transparent;
-}
-
-.c18 {
- margin-top: 0.1875rem;
-}
-
-.c24 {
- margin-top: 0.75rem;
-}
-
-.c34 {
- margin-right: 0.75rem;
-}
-
-.c5 {
- padding-right: 1.125rem;
- padding-left: 1.125rem;
-}
-
-.c12 {
- padding-left: 1.125rem;
- padding-right: 1.125rem;
- padding-top: 1.125rem;
- padding-bottom: 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;
-}
-
-.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;
- max-width: 100%;
- border-top: 0;
- border-left: 0;
- border-right: 0;
-}
-
-.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:0em) {
- .c14 {
- -webkit-flex-basis: 100%;
- -ms-flex-preferred-size: 100%;
- flex-basis: 100%;
- max-width: 100%;
- }
-}
-
-@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) {
- .c32 {
- display: none;
- }
-}
-
-
-`;
-
-exports[`renders without throwing 1`] = `
.c31 {
font-family: sans-serif;
font-size: 100%;
@@ -1112,7 +57,6 @@ exports[`renders without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -1200,7 +144,6 @@ exports[`renders without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -1289,7 +232,6 @@ exports[`renders without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -1388,7 +330,7 @@ exports[`renders without throwing 1`] = `
border-color: rgb(205,37,27);
}
-.c17 {
+.c18 {
font-size: 0.9375rem;
line-height: 1.125rem;
font-style: normal;
@@ -1398,65 +340,55 @@ exports[`renders without throwing 1`] = `
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;
-}
-
.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;
-}
-
-.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;
+ 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;
}
.c26 {
+ 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;
+}
+
+.c15 {
+ 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;
@@ -1476,17 +408,25 @@ exports[`renders without throwing 1`] = `
display: block;
}
-.c21 {
+.c10 {
+ margin: 0;
+ color: rgb(73,73,73);
+ font-weight: 600;
+ line-height: 1.5rem;
+ font-size: 0.9375rem;
+}
+
+.c22 {
height: 1px;
background-color: rgb(216,216,216);
background-color: transparent;
}
-.c18 {
+.c19 {
margin-top: 0.1875rem;
}
-.c24 {
+.c25 {
margin-top: 0.75rem;
}
@@ -1494,19 +434,19 @@ exports[`renders without throwing 1`] = `
margin-right: 0.75rem;
}
-.c5 {
+.c6 {
padding-right: 1.125rem;
padding-left: 1.125rem;
}
-.c12 {
+.c13 {
padding-left: 1.125rem;
padding-right: 1.125rem;
padding-top: 1.125rem;
padding-bottom: 1.125rem;
}
-.c6 {
+.c7 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -1534,7 +474,7 @@ exports[`renders without throwing 1`] = `
align-items: center;
}
-.c0 {
+.c1 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
@@ -1557,7 +497,7 @@ exports[`renders without throwing 1`] = `
box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
}
-.c3 {
+.c4 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
@@ -1584,7 +524,7 @@ exports[`renders without throwing 1`] = `
flex: 0 0 2.875rem;
}
-.c11 {
+.c12 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
@@ -1606,7 +546,7 @@ exports[`renders without throwing 1`] = `
border-color: rgb(216,216,216);
}
-.c10 {
+.c11 {
box-sizing: border-box;
display: -webkit-inline-box;
display: -webkit-inline-flex;
@@ -1622,7 +562,7 @@ exports[`renders without throwing 1`] = `
background-color: transparent;
}
-.c2 {
+.c3 {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
@@ -1634,7 +574,7 @@ exports[`renders without throwing 1`] = `
border-right: 0;
}
-.c8 {
+.c9 {
box-sizing: border-box;
min-height: 2.9375rem;
max-width: 100%;
@@ -1668,7 +608,7 @@ exports[`renders without throwing 1`] = `
color: inherit;
}
-.c15 {
+.c16 {
display: inline-block;
padding: 0;
border: none;
@@ -1681,7 +621,7 @@ exports[`renders without throwing 1`] = `
width: 100%;
}
-.c19 {
+.c20 {
box-sizing: border-box;
width: 18.75rem;
height: 3rem;
@@ -1703,46 +643,46 @@ exports[`renders without throwing 1`] = `
text-overflow: ellipsis;
}
-.c19:focus {
+.c20:focus {
border-color: rgb(59,70,204);
outline: 0;
}
-.c19::-webkit-input-placeholder {
+.c20::-webkit-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c19::-moz-placeholder {
+.c20::-moz-placeholder {
color: rgba(73,73,73,0.5);
}
-.c19:-ms-input-placeholder {
+.c20:-ms-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c19:invalid {
+.c20:invalid {
box-shadow: none;
}
-.c19:disabled {
+.c20:disabled {
background-color: rgb(250,250,250);
color: rgb(216,216,216);
cursor: not-allowed;
}
-.c19:disabled::-webkit-input-placeholder {
+.c20:disabled::-webkit-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c19:disabled::-moz-placeholder {
+.c20:disabled::-moz-placeholder {
color: rgba(73,73,73,0.5);
}
-.c19:disabled:-ms-input-placeholder {
+.c20:disabled:-ms-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c23 {
+.c24 {
box-sizing: border-box;
width: 18.75rem;
height: 6rem;
@@ -1767,62 +707,62 @@ exports[`renders without throwing 1`] = `
resize: vertical;
}
-.c23:focus {
+.c24:focus {
border-color: rgb(59,70,204);
outline: 0;
}
-.c23::-webkit-input-placeholder {
+.c24::-webkit-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c23::-moz-placeholder {
+.c24::-moz-placeholder {
color: rgba(73,73,73,0.5);
}
-.c23:-ms-input-placeholder {
+.c24:-ms-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c23:invalid {
+.c24:invalid {
box-shadow: none;
}
-.c23:disabled {
+.c24:disabled {
background-color: rgb(250,250,250);
color: rgb(216,216,216);
cursor: not-allowed;
}
-.c23:disabled::-webkit-input-placeholder {
+.c24:disabled::-webkit-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c23:disabled::-moz-placeholder {
+.c24:disabled::-moz-placeholder {
color: rgba(73,73,73,0.5);
}
-.c23:disabled:-ms-input-placeholder {
+.c24:disabled:-ms-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c23:disabled {
+.c24:disabled {
color: rgb(73,73,73);
}
-.c23:disabled::-webkit-input-placeholder {
+.c24:disabled::-webkit-input-placeholder {
color: rgb(73,73,73);
}
-.c23:disabled::-moz-placeholder {
+.c24:disabled::-moz-placeholder {
color: rgb(73,73,73);
}
-.c23:disabled:-ms-input-placeholder {
+.c24:disabled:-ms-input-placeholder {
color: rgb(73,73,73);
}
-.c22 {
+.c23 {
position: relative;
display: -webkit-inline-box;
display: -webkit-inline-flex;
@@ -1835,22 +775,17 @@ exports[`renders without throwing 1`] = `
max-width: 100%;
}
-.c16 {
+.c17 {
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;
+.c0 {
+ margin-bottom: 0;
}
-.c1 {
+.c2 {
border-top: 0;
border-left: 0;
border-right: 0;
@@ -1860,20 +795,20 @@ exports[`renders without throwing 1`] = `
margin-right: 0.375rem;
}
-.c4 {
+.c5 {
word-wrap: break-word;
overflow-wrap: break-word;
width: 100%;
box-sizing: border-box;
}
-.c7 {
+.c8 {
height: 2.9375rem;
max-width: 98%;
}
@media only screen and (min-width:0em) {
- .c25 {
+ .c26 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
@@ -1882,7 +817,7 @@ exports[`renders without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c25 {
+ .c26 {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
@@ -1891,7 +826,7 @@ exports[`renders without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c14 {
+ .c15 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
@@ -1900,16 +835,7 @@ exports[`renders without throwing 1`] = `
}
@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) {
- .c26 {
+ .c21 {
-webkit-flex-basis: 58.333333333333336%;
-ms-flex-preferred-size: 58.333333333333336%;
flex-basis: 58.333333333333336%;
@@ -1919,154 +845,157 @@ exports[`renders without throwing 1`] = `
@media only screen and (min-width:0em) {
.c33 {
- -webkit-flex-basis: 41.66666666666667%;
- -ms-flex-preferred-size: 41.66666666666667%;
- flex-basis: 41.66666666666667%;
- max-width: 41.66666666666667%;
+ display: none;
}
}
@@ -2079,10 +1008,11 @@ exports[`renders without throwing 1`] = `
data-ui-button="true"
disabled={true}
href=""
+ id={null}
type="submit"
>
- Save
+ Create
@@ -2095,6 +1025,7 @@ exports[`renders
without throwing 1`] = `
disabled={false}
href=""
icon={true}
+ id={null}
onClick={[Function]}
type="button"
>
@@ -2119,7 +1050,1090 @@ exports[`renders
without throwing 1`] = `
- Remove
+ Delete
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`renders without throwing 1`] = `
+.c32 {
+ 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;
+}
+
+.c32::-moz-focus-inner,
+.c32[type='button']::-moz-focus-inner,
+.c32[type='reset']::-moz-focus-inner,
+.c32[type='submit']::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
+
+.c32:-moz-focusring,
+.c32[type='button']:-moz-focusring,
+.c32[type='reset']:-moz-focusring,
+.c32[type='submit']:-moz-focusring {
+ outline: 0.0625rem dotted ButtonText;
+}
+
+.c31 {
+ min-width: 7.5rem;
+}
+
+.c30 {
+ display: inline-block;
+}
+
+.c29 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ -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);
+}
+
+.c29:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c29:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c29:active,
+.c29:active:hover,
+.c29:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c29[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c29:focus {
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c29:hover {
+ background-color: rgb(247,247,247);
+ border-color: rgb(216,216,216);
+}
+
+.c29:active,
+.c29:active:hover,
+.c29:active:focus {
+ background-color: rgb(230,230,230);
+ border-color: rgb(216,216,216);
+}
+
+.c33 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ cursor: not-allowed;
+ pointer-events: none;
+ color: rgb(216,216,216);
+ background-color: rgb(250,250,250);
+ border-color: rgb(216,216,216);
+}
+
+.c33:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c33:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c33[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c33:focus {
+ background-color: rgb(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);
+}
+
+.c35 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ color: rgb(70,70,70);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+ 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;
+}
+
+.c35:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c35:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c35:active,
+.c35:active:hover,
+.c35:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c35[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c35:focus {
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c35:hover {
+ background-color: rgb(247,247,247);
+ border-color: rgb(216,216,216);
+}
+
+.c35:active,
+.c35:active:hover,
+.c35:active:focus {
+ background-color: rgb(230,230,230);
+ border-color: rgb(216,216,216);
+}
+
+.c35:focus {
+ color: rgb(205,37,27);
+ background-color: rgb(255,255,255);
+ border-color: rgb(205,37,27);
+}
+
+.c35:hover {
+ color: rgb(205,37,27);
+ background-color: rgb(255,255,255);
+ border-color: rgb(205,37,27);
+}
+
+.c35:active,
+.c35:active:hover,
+.c35:active:focus {
+ background-color: rgba(210,67,58,0.1);
+ border-color: rgb(205,37,27);
+}
+
+.c18 {
+ font-size: 0.9375rem;
+ line-height: 1.125rem;
+ font-style: normal;
+ font-stretch: normal;
+ display: block;
+ color: rgb(70,70,70);
+ text-align: left;
+}
+
+.c14 {
+ 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;
+}
+
+.c26 {
+ 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;
+}
+
+.c15 {
+ 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;
+}
+
+.c27 {
+ 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;
+}
+
+.c34 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c22 {
+ height: 1px;
+ background-color: rgb(216,216,216);
+ background-color: transparent;
+}
+
+.c19 {
+ margin-top: 0.1875rem;
+}
+
+.c25 {
+ margin-top: 0.75rem;
+}
+
+.c36 {
+ margin-right: 0.75rem;
+}
+
+.c6 {
+ padding-right: 1.125rem;
+ padding-left: 1.125rem;
+}
+
+.c13 {
+ padding-left: 1.125rem;
+ padding-right: 1.125rem;
+ padding-top: 1.125rem;
+ padding-bottom: 1.125rem;
+}
+
+.c7 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+ -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;
+}
+
+.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);
+ 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;
+}
+
+.c12 {
+ 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);
+}
+
+.c11 {
+ 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;
+}
+
+.c3 {
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ z-index: 1;
+ line-height: 1.5rem;
+ max-width: 100%;
+ border-top: 0;
+ border-left: 0;
+ border-right: 0;
+}
+
+.c9 {
+ 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;
+}
+
+.c16 {
+ 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%;
+}
+
+.c20 {
+ 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;
+}
+
+.c20:focus {
+ border-color: rgb(59,70,204);
+ outline: 0;
+}
+
+.c20::-webkit-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c20::-moz-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c20:-ms-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c20:invalid {
+ box-shadow: none;
+}
+
+.c20:disabled {
+ background-color: rgb(250,250,250);
+ color: rgb(216,216,216);
+ cursor: not-allowed;
+}
+
+.c20:disabled::-webkit-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c20:disabled::-moz-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c20:disabled:-ms-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c24 {
+ 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;
+}
+
+.c24:focus {
+ border-color: rgb(59,70,204);
+ outline: 0;
+}
+
+.c24::-webkit-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c24::-moz-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c24:-ms-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c24:invalid {
+ box-shadow: none;
+}
+
+.c24:disabled {
+ background-color: rgb(250,250,250);
+ color: rgb(216,216,216);
+ cursor: not-allowed;
+}
+
+.c24:disabled::-webkit-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c24:disabled::-moz-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c24:disabled:-ms-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c24:disabled {
+ color: rgb(73,73,73);
+}
+
+.c24:disabled::-webkit-input-placeholder {
+ color: rgb(73,73,73);
+}
+
+.c24:disabled::-moz-placeholder {
+ color: rgb(73,73,73);
+}
+
+.c24:disabled:-ms-input-placeholder {
+ color: rgb(73,73,73);
+}
+
+.c23 {
+ 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%;
+}
+
+.c17 {
+ font-weight: 600;
+ white-space: pre;
+ font-size: 0.8125rem;
+}
+
+.c0 {
+ margin-bottom: 0;
+}
+
+.c10 {
+ word-break: break-all;
+ line-height: 1.5;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: block;
+}
+
+.c2 {
+ border-top: 0;
+ border-left: 0;
+ border-right: 0;
+}
+
+.c28 {
+ margin-right: 0.375rem;
+}
+
+.c5 {
+ word-wrap: break-word;
+ overflow-wrap: break-word;
+ width: 100%;
+ box-sizing: border-box;
+}
+
+.c8 {
+ height: 2.9375rem;
+ max-width: 98%;
+}
+
+@media only screen and (min-width:0em) {
+ .c26 {
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ }
+}
+
+@media only screen and (min-width:0em) {
+ .c26 {
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ }
+}
+
+@media only screen and (min-width:0em) {
+ .c15 {
+ -webkit-flex-basis: 100%;
+ -ms-flex-preferred-size: 100%;
+ flex-basis: 100%;
+ max-width: 100%;
+ }
+}
+
+@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) {
+ .c27 {
+ -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) {
+ .c34 {
+ -webkit-flex-basis: 41.66666666666667%;
+ -ms-flex-preferred-size: 41.66666666666667%;
+ flex-basis: 41.66666666666667%;
+ max-width: 41.66666666666667%;
+ }
+}
+
+
+
+
+
+
+
+
+
+
+
+ Metadata
+ value
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Cancel
+
+
+
+
+ Save
+
+
+
+
diff --git a/consoles/my-joy-instances/src/components/instances/__tests__/__snapshots__/snapshots.spec.js.snap b/consoles/my-joy-instances/src/components/instances/__tests__/__snapshots__/snapshots.spec.js.snap
index a16b497d..81071c44 100644
--- a/consoles/my-joy-instances/src/components/instances/__tests__/__snapshots__/snapshots.spec.js.snap
+++ b/consoles/my-joy-instances/src/components/instances/__tests__/__snapshots__/snapshots.spec.js.snap
@@ -578,227 +578,289 @@ Array [
className="c4"
>
-
- Guilty_Salamander
-
-
- Created using Figma
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Empty-state-illustration
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
- Guilty_Salamander
-
-
- Created using Figma
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Empty-state-illustration
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
- Guilty_Salamander
-
-
- Created using Figma
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Empty-state-illustration
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
- Guilty_Salamander
-
-
- Created using Figma
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Empty-state-illustration
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
- Guilty_Salamander
-
-
- Created using Figma
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Empty-state-illustration
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
- Guilty_Salamander
-
-
- Created using Figma
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Empty-state-illustration
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
without throwing 1`] = `
margin-left: -0.625rem;
}
-.c21 {
+.c22 {
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
@@ -78,2055 +78,7 @@ exports[`renders without throwing 1`] = `
display: block;
}
-.c22 {
- box-sizing: border-box;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- padding-right: 0.625rem;
- padding-left: 0.625rem;
- display: block;
-}
-
-.c36 {
- box-sizing: border-box;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- padding-right: 0.625rem;
- padding-left: 0.625rem;
- display: block;
-}
-
-.c42 {
- box-sizing: border-box;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- padding-right: 0.625rem;
- padding-left: 0.625rem;
- display: block;
-}
-
-.c7 {
- margin-bottom: 0.375rem;
-}
-
-.c12 {
- margin-left: 0.75rem;
-}
-
-.c13 {
- margin-top: 0.375rem;
- margin-bottom: 0.375rem;
-}
-
-.c18 {
- margin-top: 0.375rem;
-}
-
-.c20 {
- margin-top: 1.125rem;
-}
-
-.c34 {
- margin-right: 0.75rem;
-}
-
-.c39 {
- margin-top: 1.125rem;
- margin-bottom: 1.875rem;
-}
-
-.c41 {
- margin-bottom: 1.125rem;
-}
-
-.c43 {
- margin-bottom: 0.1875rem;
-}
-
-.c4 {
- padding: 1.875rem;
-}
-
-.c29 {
- padding-top: 0.1875rem;
-}
-
-.c30 {
- padding-top: 0rem;
-}
-
-.c28 {
- background-color: transparent;
- -webkit-text-decoration-skip: objects;
- text-decoration-skip: objects;
-}
-
-.c33 {
- font-family: sans-serif;
- font-size: 100%;
- line-height: 1.15;
- margin: 0;
- overflow: visible;
- text-transform: none;
- -webkit-appearance: button;
- -moz-appearance: button;
- appearance: button;
-}
-
-.c33::-moz-focus-inner,
-.c33[type='button']::-moz-focus-inner,
-.c33[type='reset']::-moz-focus-inner,
-.c33[type='submit']::-moz-focus-inner {
- border-style: none;
- padding: 0;
-}
-
-.c33:-moz-focusring,
-.c33[type='button']:-moz-focusring,
-.c33[type='reset']:-moz-focusring,
-.c33[type='submit']:-moz-focusring {
- outline: 0.0625rem dotted ButtonText;
-}
-
-.c27 {
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-}
-
-.c26 {
- color: rgb(59,70,204);
- -webkit-text-fill-color: currentcolor;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
-}
-
-.c26:hover {
- -webkit-text-decoration: none;
- text-decoration: none;
-}
-
-.c32 {
- min-width: 7.5rem;
-}
-
-.c25 {
- display: inline-block;
-}
-
-.c24 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- -webkit-text-decoration: none;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
- background-image: none;
- background-color: rgb(59,70,204);
- border-radius: 0.25rem;
- border: solid 0.0625rem rgb(45,56,132);
- color: rgb(70,70,70);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- padding: 0.625rem 1.125rem;
- font-size: 0.8125rem;
- min-width: 0rem;
- min-height: 0rem;
- height: auto;
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- font-weight: 500;
-}
-
-.c24:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c24:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c24:active,
-.c24:active:hover,
-.c24:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c24[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c24:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c24:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c24:active,
-.c24:active:hover,
-.c24:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
-.c31 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- -webkit-text-decoration: none;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
- background-image: none;
- background-color: rgb(59,70,204);
- border-radius: 0.25rem;
- border: solid 0.0625rem rgb(45,56,132);
- color: rgb(70,70,70);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- cursor: not-allowed;
- pointer-events: none;
- color: rgb(216,216,216);
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
- padding: 0.625rem 1.125rem;
- font-size: 0.8125rem;
- min-width: 0rem;
- min-height: 0rem;
- height: auto;
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-
-.c31:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c31:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c31[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c31:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c31:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
-.c31:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
-}
-
-.c31:hover {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c35 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- -webkit-text-decoration: none;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
- background-image: none;
- background-color: rgb(59,70,204);
- border-radius: 0.25rem;
- border: solid 0.0625rem rgb(45,56,132);
- color: rgb(70,70,70);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- cursor: not-allowed;
- pointer-events: none;
- color: rgb(216,216,216);
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- font-weight: 500;
-}
-
-.c35:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c35:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c35:active,
-.c35:active:hover,
-.c35:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c35[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c35:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c35:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c35:active,
-.c35:active:hover,
-.c35:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
-.c35:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
-}
-
-.c35:hover {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c35:active,
-.c35:active:hover,
-.c35:active:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c37 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- -webkit-text-decoration: none;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
- background-image: none;
- background-color: rgb(59,70,204);
- border-radius: 0.25rem;
- border: solid 0.0625rem rgb(45,56,132);
- color: rgb(70,70,70);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- color: rgb(210,67,58);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(210,67,58);
- cursor: not-allowed;
- pointer-events: none;
- color: rgb(216,216,216);
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
- padding: 0.625rem 1.125rem;
- font-size: 0.8125rem;
- min-width: 0rem;
- min-height: 0rem;
- height: auto;
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- float: right;
-}
-
-.c37:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c37:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c37:active,
-.c37:active:hover,
-.c37:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c37[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c37:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c37:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c37:active,
-.c37:active:hover,
-.c37:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
-.c37:focus {
- color: rgb(205,37,27);
- background-color: rgb(255,255,255);
- border-color: rgb(205,37,27);
-}
-
-.c37:hover {
- color: rgb(205,37,27);
- background-color: rgb(255,255,255);
- border-color: rgb(205,37,27);
-}
-
-.c37:active,
-.c37:active:hover,
-.c37:active:focus {
- background-color: rgba(210,67,58,0.1);
- border-color: rgb(205,37,27);
-}
-
-.c37:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
-}
-
-.c37:hover {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c37:active,
-.c37:active:hover,
-.c37:active:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c38 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- -webkit-text-decoration: none;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
- background-image: none;
- background-color: rgb(59,70,204);
- border-radius: 0.25rem;
- border: solid 0.0625rem rgb(45,56,132);
- color: rgb(70,70,70);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- color: rgb(210,67,58);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(210,67,58);
- cursor: not-allowed;
- pointer-events: none;
- color: rgb(216,216,216);
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- font-weight: 500;
- float: right;
-}
-
-.c38:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c38:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c38:active,
-.c38:active:hover,
-.c38:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c38[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c38:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c38:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c38:active,
-.c38:active:hover,
-.c38:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
-.c38:focus {
- color: rgb(205,37,27);
- background-color: rgb(255,255,255);
- border-color: rgb(205,37,27);
-}
-
-.c38:hover {
- color: rgb(205,37,27);
- background-color: rgb(255,255,255);
- border-color: rgb(205,37,27);
-}
-
-.c38:active,
-.c38:active:hover,
-.c38:active:focus {
- background-color: rgba(210,67,58,0.1);
- border-color: rgb(205,37,27);
-}
-
-.c38:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
-}
-
-.c38:hover {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c38:active,
-.c38:active:hover,
-.c38:active:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c17 {
- width: 0.9375rem;
- height: 0.9375rem;
- border-radius: 50%;
- display: inline-block;
- margin-right: 0.375rem;
- margin-left: 0rem;
-}
-
-.c15 {
- font-size: 0.9375rem;
- line-height: 1.125rem;
- font-style: normal;
- font-stretch: normal;
- display: block;
- color: rgb(70,70,70);
- text-align: left;
-}
-
-.c9 {
- margin: 0;
- color: rgb(73,73,73);
- font-weight: normal;
- line-height: 1.875rem;
- font-size: 1.5rem;
-}
-
-.c40 {
- height: 1px;
- background-color: rgb(216,216,216);
-}
-
-.c2 {
- box-sizing: content-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 1 0 auto;
- -ms-flex: 1 0 auto;
- flex: 1 0 auto;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- position: relative;
- border-width: 0.0625rem;
- border-style: solid;
- -webkit-transition: all 300ms ease;
- transition: all 300ms ease;
- color: rgb(73,73,73);
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c3 {
- box-sizing: border-box;
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-flex: 1 1 auto;
- -ms-flex: 1 1 auto;
- flex: 1 1 auto;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- border-width: 0;
- background-color: transparent;
-}
-
-.c46 {
- box-sizing: border-box;
- width: 18.75rem;
- height: 3rem;
- min-height: 3rem;
- padding: 0.8125rem 0.75rem;
- border-radius: 0.25rem;
- background-color: rgb(255,255,255);
- border: 0.0625rem solid rgb(216,216,216);
- color: rgb(73,73,73);
- font-size: 0.9375rem;
- line-height: normal !important;
- font-style: normal;
- font-stretch: normal;
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- outline: 0;
- font-family: "Roboto Mono",monospace;
- width: 100%;
- min-width: 100%;
- text-overflow: ellipsis;
-}
-
-.c46:focus {
- border-color: rgb(59,70,204);
- outline: 0;
-}
-
-.c46::-webkit-input-placeholder {
- color: rgba(73,73,73,0.5);
-}
-
-.c46::-moz-placeholder {
- color: rgba(73,73,73,0.5);
-}
-
-.c46:-ms-input-placeholder {
- color: rgba(73,73,73,0.5);
-}
-
-.c46:invalid {
- box-shadow: none;
-}
-
-.c46:disabled {
- background-color: rgb(250,250,250);
- color: rgb(216,216,216);
- cursor: not-allowed;
-}
-
-.c46:disabled::-webkit-input-placeholder {
- color: rgba(73,73,73,0.5);
-}
-
-.c46:disabled::-moz-placeholder {
- color: rgba(73,73,73,0.5);
-}
-
-.c46:disabled:-ms-input-placeholder {
- color: rgba(73,73,73,0.5);
-}
-
-.c46:disabled {
- color: rgb(73,73,73);
-}
-
-.c46:disabled::-webkit-input-placeholder {
- color: rgb(73,73,73);
-}
-
-.c46:disabled::-moz-placeholder {
- color: rgb(73,73,73);
-}
-
-.c46:disabled:-ms-input-placeholder {
- color: rgb(73,73,73);
-}
-
-.c48 {
- box-sizing: border-box;
- width: 18.75rem;
- height: 3rem;
- min-height: 3rem;
- padding: 0.8125rem 0.75rem;
- border-radius: 0.25rem;
- background-color: rgb(255,255,255);
- border: 0.0625rem solid rgb(216,216,216);
- color: rgb(73,73,73);
- font-size: 0.9375rem;
- line-height: normal !important;
- font-style: normal;
- font-stretch: normal;
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- outline: 0;
- font-family: "Roboto Mono",monospace;
- width: 100%;
- min-width: 100%;
-}
-
-.c48:focus {
- border-color: rgb(59,70,204);
- outline: 0;
-}
-
-.c48::-webkit-input-placeholder {
- color: rgba(73,73,73,0.5);
-}
-
-.c48::-moz-placeholder {
- color: rgba(73,73,73,0.5);
-}
-
-.c48:-ms-input-placeholder {
- color: rgba(73,73,73,0.5);
-}
-
-.c48:invalid {
- box-shadow: none;
-}
-
-.c48:disabled {
- background-color: rgb(250,250,250);
- color: rgb(216,216,216);
- cursor: not-allowed;
-}
-
-.c48:disabled::-webkit-input-placeholder {
- color: rgba(73,73,73,0.5);
-}
-
-.c48:disabled::-moz-placeholder {
- color: rgba(73,73,73,0.5);
-}
-
-.c48:disabled:-ms-input-placeholder {
- color: rgba(73,73,73,0.5);
-}
-
-.c48:disabled {
- color: rgb(73,73,73);
-}
-
-.c48:disabled::-webkit-input-placeholder {
- color: rgb(73,73,73);
-}
-
-.c48:disabled::-moz-placeholder {
- color: rgb(73,73,73);
-}
-
-.c48:disabled:-ms-input-placeholder {
- color: rgb(73,73,73);
-}
-
-.c44 {
- font-weight: 600;
- white-space: pre;
- font-size: 0.8125rem;
-}
-
-.c45 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-
-.c45 input {
- padding-right: 1.875rem;
-}
-
-.c45 div {
- position: relative;
- left: -1.625rem;
-}
-
-.c47 {
- cursor: pointer;
-}
-
-.c19 {
- opacity: 0.5;
- padding-right: 0.1875rem;
-}
-
-.c14 {
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
-}
-
-.c10 {
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
-}
-
-.c11 {
- cursor: pointer;
-}
-
-.c16 {
- width: 0.0625rem;
- background: rgb(216,216,216);
- height: 1.5rem;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-self: flex-end;
- -ms-flex-item-align: end;
- align-self: flex-end;
- margin: 0 0.75rem;
-}
-
-.c8 {
- margin: 0;
-}
-
.c23 {
- margin-right: 0.375rem;
-}
-
-@media only screen and (min-width:0em) {
- .c5 {
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- }
-}
-
-@media only screen and (min-width:0em) {
- .c21 {
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
- justify-content: space-between;
- }
-}
-
-@media only screen and (min-width:0em) {
- .c1 {
- -webkit-flex-basis: 100%;
- -ms-flex-preferred-size: 100%;
- flex-basis: 100%;
- max-width: 100%;
- }
-}
-
-@media only screen and (min-width:48em) {
- .c1 {
- -webkit-flex-basis: 100%;
- -ms-flex-preferred-size: 100%;
- flex-basis: 100%;
- max-width: 100%;
- }
-}
-
-@media only screen and (min-width:64em) {
- .c1 {
- -webkit-flex-basis: 75%;
- -ms-flex-preferred-size: 75%;
- flex-basis: 75%;
- max-width: 75%;
- }
-}
-
-@media only screen and (min-width:0em) {
- .c6 {
- -webkit-flex-basis: 100%;
- -ms-flex-preferred-size: 100%;
- flex-basis: 100%;
- max-width: 100%;
- }
-}
-
-@media only screen and (min-width:0em) {
- .c22 {
- -webkit-flex-basis: 75%;
- -ms-flex-preferred-size: 75%;
- flex-basis: 75%;
- max-width: 75%;
- }
-}
-
-@media only screen and (min-width:0em) {
- .c36 {
- -webkit-flex-basis: 25%;
- -ms-flex-preferred-size: 25%;
- flex-basis: 25%;
- max-width: 25%;
- }
-}
-
-@media only screen and (min-width:0em) {
- .c42 {
- -webkit-flex-basis: 100%;
- -ms-flex-preferred-size: 100%;
- flex-basis: 100%;
- max-width: 100%;
- }
-}
-
-@media only screen and (min-width:64em) {
- .c42 {
- -webkit-flex-basis: 58.333333333333336%;
- -ms-flex-preferred-size: 58.333333333333336%;
- flex-basis: 58.333333333333336%;
- max-width: 58.333333333333336%;
- }
-}
-
-@media (max-width:47.9375rem) {
- .c10 {
- display: block;
- }
-}
-
-@media (max-width:47.9375rem) {
- .c16 {
- display: none;
- }
-}
-
-
-
-
-
-
-
-
-
-
- Custom Image
-
-
-
- Hardware virtual machine
-
-
-
-
-
-
-
-
-
-
-
-
-
- Created:
-
-
-
- almost NaN years
- ago
-
-
-
-
-
- Updated:
-
-
-
- almost NaN years
- ago
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Start
-
-
-
-
-
-
-
-
-
-
-
-
- Stop
-
-
-
-
-
-
-
-
-
-
-
-
- Reboot
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Remove
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-`;
-
-exports[`renders without throwing 1`] = `
-.c0 {
- box-sizing: border-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 1 1 auto;
- -ms-flex: 1 1 auto;
- flex: 1 1 auto;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- margin-right: -0.625rem;
- margin-left: -0.625rem;
-}
-
-.c5 {
- box-sizing: border-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 1 1 auto;
- -ms-flex: 1 1 auto;
- flex: 1 1 auto;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- margin-right: -0.625rem;
- margin-left: -0.625rem;
-}
-
-.c21 {
- box-sizing: border-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 1 1 auto;
- -ms-flex: 1 1 auto;
- flex: 1 1 auto;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- margin-right: -0.625rem;
- margin-left: -0.625rem;
-}
-
-.c1 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
@@ -2136,5342 +88,167 @@ exports[`renders without throwing 1`] = `
display: block;
}
-.c6 {
- box-sizing: border-box;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- padding-right: 0.625rem;
- padding-left: 0.625rem;
- display: block;
-}
-
-.c22 {
- box-sizing: border-box;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- padding-right: 0.625rem;
- padding-left: 0.625rem;
- display: block;
-}
-
-.c38 {
- box-sizing: border-box;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- padding-right: 0.625rem;
- padding-left: 0.625rem;
- display: block;
-}
-
-.c44 {
- box-sizing: border-box;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- padding-right: 0.625rem;
- padding-left: 0.625rem;
- display: block;
-}
-
-.c7 {
- margin-bottom: 0.375rem;
-}
-
-.c12 {
- margin-left: 0.75rem;
-}
-
-.c13 {
- margin-top: 0.375rem;
- margin-bottom: 0.375rem;
-}
-
-.c18 {
- margin-top: 0.375rem;
-}
-
-.c20 {
- margin-top: 1.125rem;
-}
-
-.c34 {
- margin-right: 0.75rem;
-}
-
-.c41 {
- margin-top: 1.125rem;
- margin-bottom: 1.875rem;
-}
-
-.c43 {
- margin-bottom: 1.125rem;
-}
-
-.c45 {
- margin-bottom: 0.1875rem;
-}
-
-.c4 {
- padding: 1.875rem;
-}
-
-.c29 {
- padding-top: 0.1875rem;
-}
-
-.c30 {
- padding-top: 0rem;
-}
-
-.c28 {
- background-color: transparent;
- -webkit-text-decoration-skip: objects;
- text-decoration-skip: objects;
-}
-
-.c33 {
- font-family: sans-serif;
- font-size: 100%;
- line-height: 1.15;
- margin: 0;
- overflow: visible;
- text-transform: none;
- -webkit-appearance: button;
- -moz-appearance: button;
- appearance: button;
-}
-
-.c33::-moz-focus-inner,
-.c33[type='button']::-moz-focus-inner,
-.c33[type='reset']::-moz-focus-inner,
-.c33[type='submit']::-moz-focus-inner {
- border-style: none;
- padding: 0;
-}
-
-.c33:-moz-focusring,
-.c33[type='button']:-moz-focusring,
-.c33[type='reset']:-moz-focusring,
-.c33[type='submit']:-moz-focusring {
- outline: 0.0625rem dotted ButtonText;
-}
-
-.c27 {
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-}
-
-.c26 {
- color: rgb(59,70,204);
- -webkit-text-fill-color: currentcolor;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
-}
-
-.c26:hover {
- -webkit-text-decoration: none;
- text-decoration: none;
-}
-
-.c32 {
- min-width: 7.5rem;
-}
-
-.c25 {
- display: inline-block;
-}
-
-.c24 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- -webkit-text-decoration: none;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
- background-image: none;
- background-color: rgb(59,70,204);
- border-radius: 0.25rem;
- border: solid 0.0625rem rgb(45,56,132);
- color: rgb(70,70,70);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- padding: 0.625rem 1.125rem;
- font-size: 0.8125rem;
- min-width: 0rem;
- min-height: 0rem;
- height: auto;
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- font-weight: 500;
-}
-
-.c24:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c24:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c24:active,
-.c24:active:hover,
-.c24:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c24[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c24:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c24:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c24:active,
-.c24:active:hover,
-.c24:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
-.c31 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- -webkit-text-decoration: none;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
- background-image: none;
- background-color: rgb(59,70,204);
- border-radius: 0.25rem;
- border: solid 0.0625rem rgb(45,56,132);
- color: rgb(70,70,70);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- cursor: not-allowed;
- pointer-events: none;
- color: rgb(216,216,216);
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
- padding: 0.625rem 1.125rem;
- font-size: 0.8125rem;
- min-width: 0rem;
- min-height: 0rem;
- height: auto;
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-
-.c31:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c31:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c31[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c31:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c31:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
-.c31:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
-}
-
-.c31:hover {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c35 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- -webkit-text-decoration: none;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
- background-image: none;
- background-color: rgb(59,70,204);
- border-radius: 0.25rem;
- border: solid 0.0625rem rgb(45,56,132);
- color: rgb(70,70,70);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- cursor: not-allowed;
- pointer-events: none;
- color: rgb(216,216,216);
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- font-weight: 500;
-}
-
-.c35:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c35:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c35:active,
-.c35:active:hover,
-.c35:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c35[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c35:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c35:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c35:active,
-.c35:active:hover,
-.c35:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
-.c35:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
-}
-
-.c35:hover {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c35:active,
-.c35:active:hover,
-.c35:active:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c36 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- -webkit-text-decoration: none;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
- background-image: none;
- background-color: rgb(59,70,204);
- border-radius: 0.25rem;
- border: solid 0.0625rem rgb(45,56,132);
- color: rgb(70,70,70);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- padding: 0.625rem 1.125rem;
- font-size: 0.8125rem;
- min-width: 0rem;
- min-height: 0rem;
- height: auto;
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-
-.c36:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c36:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c36:active,
-.c36:active:hover,
-.c36:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c36[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c36:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c36:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c36:active,
-.c36:active:hover,
-.c36:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
-.c37 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- -webkit-text-decoration: none;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
- background-image: none;
- background-color: rgb(59,70,204);
- border-radius: 0.25rem;
- border: solid 0.0625rem rgb(45,56,132);
- color: rgb(70,70,70);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- font-weight: 500;
-}
-
-.c37:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c37:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c37:active,
-.c37:active:hover,
-.c37:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c37[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c37:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c37:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c37:active,
-.c37:active:hover,
-.c37:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
.c39 {
box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- -webkit-text-decoration: none;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
- background-image: none;
- background-color: rgb(59,70,204);
- border-radius: 0.25rem;
- border: solid 0.0625rem rgb(45,56,132);
- color: rgb(70,70,70);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- color: rgb(210,67,58);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(210,67,58);
- padding: 0.625rem 1.125rem;
- font-size: 0.8125rem;
- min-width: 0rem;
- min-height: 0rem;
- height: auto;
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- float: right;
-}
-
-.c39:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c39:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c39:active,
-.c39:active:hover,
-.c39:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c39[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c39:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c39:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c39:active,
-.c39:active:hover,
-.c39:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
-.c39:focus {
- color: rgb(205,37,27);
- background-color: rgb(255,255,255);
- border-color: rgb(205,37,27);
-}
-
-.c39:hover {
- color: rgb(205,37,27);
- background-color: rgb(255,255,255);
- border-color: rgb(205,37,27);
-}
-
-.c39:active,
-.c39:active:hover,
-.c39:active:focus {
- background-color: rgba(210,67,58,0.1);
- border-color: rgb(205,37,27);
-}
-
-.c40 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- -webkit-text-decoration: none;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
- background-image: none;
- background-color: rgb(59,70,204);
- border-radius: 0.25rem;
- border: solid 0.0625rem rgb(45,56,132);
- color: rgb(70,70,70);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- color: rgb(210,67,58);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(210,67,58);
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- font-weight: 500;
- float: right;
-}
-
-.c40:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c40:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c40:active,
-.c40:active:hover,
-.c40:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c40[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c40:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c40:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c40:active,
-.c40:active:hover,
-.c40:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
-.c40:focus {
- color: rgb(205,37,27);
- background-color: rgb(255,255,255);
- border-color: rgb(205,37,27);
-}
-
-.c40:hover {
- color: rgb(205,37,27);
- background-color: rgb(255,255,255);
- border-color: rgb(205,37,27);
-}
-
-.c40:active,
-.c40:active:hover,
-.c40:active:focus {
- background-color: rgba(210,67,58,0.1);
- border-color: rgb(205,37,27);
-}
-
-.c17 {
- width: 0.9375rem;
- height: 0.9375rem;
- border-radius: 50%;
- background-color: rgb(0,152,88);
- display: inline-block;
- margin-right: 0.375rem;
- margin-left: 0rem;
-}
-
-.c15 {
- font-size: 0.9375rem;
- line-height: 1.125rem;
- font-style: normal;
- font-stretch: normal;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
display: block;
- color: rgb(70,70,70);
- text-align: left;
}
-.c9 {
- margin: 0;
- color: rgb(73,73,73);
- font-weight: normal;
- line-height: 1.875rem;
- font-size: 1.5rem;
-}
-
-.c42 {
- height: 1px;
- background-color: rgb(216,216,216);
-}
-
-.c2 {
- box-sizing: content-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 1 0 auto;
- -ms-flex: 1 0 auto;
- flex: 1 0 auto;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- position: relative;
- border-width: 0.0625rem;
- border-style: solid;
- -webkit-transition: all 300ms ease;
- transition: all 300ms ease;
- color: rgb(73,73,73);
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c3 {
+.c45 {
box-sizing: border-box;
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-flex: 1 1 auto;
- -ms-flex: 1 1 auto;
- flex: 1 1 auto;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- border-width: 0;
- background-color: transparent;
-}
-
-.c48 {
- box-sizing: border-box;
- width: 18.75rem;
- height: 3rem;
- min-height: 3rem;
- padding: 0.8125rem 0.75rem;
- border-radius: 0.25rem;
- background-color: rgb(255,255,255);
- border: 0.0625rem solid rgb(216,216,216);
- color: rgb(73,73,73);
- font-size: 0.9375rem;
- line-height: normal !important;
- font-style: normal;
- font-stretch: normal;
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- outline: 0;
- font-family: "Roboto Mono",monospace;
- width: 100%;
- min-width: 100%;
-}
-
-.c48:focus {
- border-color: rgb(59,70,204);
- outline: 0;
-}
-
-.c48::-webkit-input-placeholder {
- color: rgba(73,73,73,0.5);
-}
-
-.c48::-moz-placeholder {
- color: rgba(73,73,73,0.5);
-}
-
-.c48:-ms-input-placeholder {
- color: rgba(73,73,73,0.5);
-}
-
-.c48:invalid {
- box-shadow: none;
-}
-
-.c48:disabled {
- background-color: rgb(250,250,250);
- color: rgb(216,216,216);
- cursor: not-allowed;
-}
-
-.c48:disabled::-webkit-input-placeholder {
- color: rgba(73,73,73,0.5);
-}
-
-.c48:disabled::-moz-placeholder {
- color: rgba(73,73,73,0.5);
-}
-
-.c48:disabled:-ms-input-placeholder {
- color: rgba(73,73,73,0.5);
-}
-
-.c48:disabled {
- color: rgb(73,73,73);
-}
-
-.c48:disabled::-webkit-input-placeholder {
- color: rgb(73,73,73);
-}
-
-.c48:disabled::-moz-placeholder {
- color: rgb(73,73,73);
-}
-
-.c48:disabled:-ms-input-placeholder {
- color: rgb(73,73,73);
-}
-
-.c46 {
- font-weight: 600;
- white-space: pre;
- font-size: 0.8125rem;
-}
-
-.c47 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-
-.c47 input {
- padding-right: 1.875rem;
-}
-
-.c47 div {
- position: relative;
- left: -1.625rem;
-}
-
-.c49 {
- cursor: pointer;
-}
-
-.c19 {
- opacity: 0.5;
- padding-right: 0.1875rem;
-}
-
-.c14 {
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
}
.c10 {
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
-}
-
-.c11 {
- cursor: pointer;
-}
-
-.c16 {
- width: 0.0625rem;
- background: rgb(216,216,216);
- height: 1.5rem;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-self: flex-end;
- -ms-flex-item-align: end;
- align-self: flex-end;
- margin: 0 0.75rem;
-}
-
-.c8 {
- margin: 0;
-}
-
-.c23 {
- margin-right: 0.375rem;
-}
-
-@media only screen and (min-width:0em) {
- .c5 {
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- }
-}
-
-@media only screen and (min-width:0em) {
- .c21 {
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
- justify-content: space-between;
- }
-}
-
-@media only screen and (min-width:0em) {
- .c1 {
- -webkit-flex-basis: 100%;
- -ms-flex-preferred-size: 100%;
- flex-basis: 100%;
- max-width: 100%;
- }
-}
-
-@media only screen and (min-width:48em) {
- .c1 {
- -webkit-flex-basis: 100%;
- -ms-flex-preferred-size: 100%;
- flex-basis: 100%;
- max-width: 100%;
- }
-}
-
-@media only screen and (min-width:64em) {
- .c1 {
- -webkit-flex-basis: 75%;
- -ms-flex-preferred-size: 75%;
- flex-basis: 75%;
- max-width: 75%;
- }
-}
-
-@media only screen and (min-width:0em) {
- .c6 {
- -webkit-flex-basis: 100%;
- -ms-flex-preferred-size: 100%;
- flex-basis: 100%;
- max-width: 100%;
- }
-}
-
-@media only screen and (min-width:0em) {
- .c22 {
- -webkit-flex-basis: 75%;
- -ms-flex-preferred-size: 75%;
- flex-basis: 75%;
- max-width: 75%;
- }
-}
-
-@media only screen and (min-width:0em) {
- .c38 {
- -webkit-flex-basis: 25%;
- -ms-flex-preferred-size: 25%;
- flex-basis: 25%;
- max-width: 25%;
- }
-}
-
-@media only screen and (min-width:0em) {
- .c44 {
- -webkit-flex-basis: 100%;
- -ms-flex-preferred-size: 100%;
- flex-basis: 100%;
- max-width: 100%;
- }
-}
-
-@media only screen and (min-width:64em) {
- .c44 {
- -webkit-flex-basis: 58.333333333333336%;
- -ms-flex-preferred-size: 58.333333333333336%;
- flex-basis: 58.333333333333336%;
- max-width: 58.333333333333336%;
- }
-}
-
-@media (max-width:47.9375rem) {
- .c10 {
- display: block;
- }
-}
-
-@media (max-width:47.9375rem) {
- .c16 {
- display: none;
- }
-}
-
-
-
-
-
-
-
-
-
-
- Alpine 3
-
-
-
- Hardware virtual machine
-
-
-
- g4-highcpu-128M
-
-
-
-
- Running
-
-
-
-
-
-
- Created:
-
-
-
- almost NaN years
- ago
-
-
-
-
-
- Updated:
-
-
-
- almost NaN years
- ago
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Start
-
-
-
-
-
-
-
-
-
-
-
-
- Stop
-
-
-
-
-
-
-
-
-
-
-
-
- Reboot
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Remove
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Public IP address 1
-
-
-
-
-
-
-
-
-
-
-
- Public IP address 2
-
-
-
-
-
-
-
-
-
-
-
- Private IP address 1
-
-
-
-
-
-
-
-
-
-
-
- Private IP address 2
-
-
-
-
-
-
-
-
-
-
-
-`;
-
-exports[`renders without throwing 2`] = `
-.c0 {
- box-sizing: border-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 1 1 auto;
- -ms-flex: 1 1 auto;
- flex: 1 1 auto;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- margin-right: -0.625rem;
- margin-left: -0.625rem;
-}
-
-.c5 {
- box-sizing: border-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 1 1 auto;
- -ms-flex: 1 1 auto;
- flex: 1 1 auto;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- margin-right: -0.625rem;
- margin-left: -0.625rem;
-}
-
-.c21 {
- box-sizing: border-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 1 1 auto;
- -ms-flex: 1 1 auto;
- flex: 1 1 auto;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- margin-right: -0.625rem;
- margin-left: -0.625rem;
-}
-
-.c1 {
- box-sizing: border-box;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- padding-right: 0.625rem;
- padding-left: 0.625rem;
- display: block;
-}
-
-.c6 {
- box-sizing: border-box;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- padding-right: 0.625rem;
- padding-left: 0.625rem;
- display: block;
-}
-
-.c22 {
- box-sizing: border-box;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- padding-right: 0.625rem;
- padding-left: 0.625rem;
- display: block;
-}
-
-.c38 {
- box-sizing: border-box;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- padding-right: 0.625rem;
- padding-left: 0.625rem;
- display: block;
-}
-
-.c44 {
- box-sizing: border-box;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- padding-right: 0.625rem;
- padding-left: 0.625rem;
- display: block;
-}
-
-.c7 {
- margin-bottom: 0.375rem;
-}
-
-.c12 {
- margin-left: 0.75rem;
-}
-
-.c13 {
- margin-top: 0.375rem;
- margin-bottom: 0.375rem;
-}
-
-.c18 {
- margin-top: 0.375rem;
-}
-
-.c20 {
- margin-top: 1.125rem;
-}
-
-.c34 {
- margin-right: 0.75rem;
-}
-
-.c41 {
- margin-top: 1.125rem;
- margin-bottom: 1.875rem;
-}
-
-.c43 {
- margin-bottom: 1.125rem;
-}
-
-.c45 {
- margin-bottom: 0.1875rem;
-}
-
-.c4 {
- padding: 1.875rem;
-}
-
-.c29 {
- padding-top: 0.1875rem;
-}
-
-.c30 {
- padding-top: 0rem;
-}
-
-.c28 {
- background-color: transparent;
- -webkit-text-decoration-skip: objects;
- text-decoration-skip: objects;
-}
-
-.c33 {
- font-family: sans-serif;
- font-size: 100%;
- line-height: 1.15;
- margin: 0;
- overflow: visible;
- text-transform: none;
- -webkit-appearance: button;
- -moz-appearance: button;
- appearance: button;
-}
-
-.c33::-moz-focus-inner,
-.c33[type='button']::-moz-focus-inner,
-.c33[type='reset']::-moz-focus-inner,
-.c33[type='submit']::-moz-focus-inner {
- border-style: none;
- padding: 0;
-}
-
-.c33:-moz-focusring,
-.c33[type='button']:-moz-focusring,
-.c33[type='reset']:-moz-focusring,
-.c33[type='submit']:-moz-focusring {
- outline: 0.0625rem dotted ButtonText;
-}
-
-.c27 {
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-}
-
-.c26 {
- color: rgb(59,70,204);
- -webkit-text-fill-color: currentcolor;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
-}
-
-.c26:hover {
- -webkit-text-decoration: none;
- text-decoration: none;
-}
-
-.c32 {
- min-width: 7.5rem;
-}
-
-.c25 {
- display: inline-block;
-}
-
-.c24 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- -webkit-text-decoration: none;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
- background-image: none;
- background-color: rgb(59,70,204);
- border-radius: 0.25rem;
- border: solid 0.0625rem rgb(45,56,132);
- color: rgb(70,70,70);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- padding: 0.625rem 1.125rem;
- font-size: 0.8125rem;
- min-width: 0rem;
- min-height: 0rem;
- height: auto;
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- font-weight: 500;
-}
-
-.c24:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c24:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c24:active,
-.c24:active:hover,
-.c24:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c24[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c24:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c24:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c24:active,
-.c24:active:hover,
-.c24:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
-.c31 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- -webkit-text-decoration: none;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
- background-image: none;
- background-color: rgb(59,70,204);
- border-radius: 0.25rem;
- border: solid 0.0625rem rgb(45,56,132);
- color: rgb(70,70,70);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- cursor: not-allowed;
- pointer-events: none;
- color: rgb(216,216,216);
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
- padding: 0.625rem 1.125rem;
- font-size: 0.8125rem;
- min-width: 0rem;
- min-height: 0rem;
- height: auto;
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-
-.c31:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c31:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c31[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c31:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c31:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
-.c31:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
-}
-
-.c31:hover {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c35 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- -webkit-text-decoration: none;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
- background-image: none;
- background-color: rgb(59,70,204);
- border-radius: 0.25rem;
- border: solid 0.0625rem rgb(45,56,132);
- color: rgb(70,70,70);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- cursor: not-allowed;
- pointer-events: none;
- color: rgb(216,216,216);
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- font-weight: 500;
-}
-
-.c35:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c35:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c35:active,
-.c35:active:hover,
-.c35:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c35[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c35:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c35:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c35:active,
-.c35:active:hover,
-.c35:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
-.c35:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
-}
-
-.c35:hover {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c35:active,
-.c35:active:hover,
-.c35:active:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c36 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- -webkit-text-decoration: none;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
- background-image: none;
- background-color: rgb(59,70,204);
- border-radius: 0.25rem;
- border: solid 0.0625rem rgb(45,56,132);
- color: rgb(70,70,70);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- padding: 0.625rem 1.125rem;
- font-size: 0.8125rem;
- min-width: 0rem;
- min-height: 0rem;
- height: auto;
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-
-.c36:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c36:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c36:active,
-.c36:active:hover,
-.c36:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c36[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c36:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c36:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c36:active,
-.c36:active:hover,
-.c36:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
-.c37 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- -webkit-text-decoration: none;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
- background-image: none;
- background-color: rgb(59,70,204);
- border-radius: 0.25rem;
- border: solid 0.0625rem rgb(45,56,132);
- color: rgb(70,70,70);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- font-weight: 500;
-}
-
-.c37:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c37:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c37:active,
-.c37:active:hover,
-.c37:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c37[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c37:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c37:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c37:active,
-.c37:active:hover,
-.c37:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
-.c39 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- -webkit-text-decoration: none;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
- background-image: none;
- background-color: rgb(59,70,204);
- border-radius: 0.25rem;
- border: solid 0.0625rem rgb(45,56,132);
- color: rgb(70,70,70);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- color: rgb(210,67,58);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(210,67,58);
- padding: 0.625rem 1.125rem;
- font-size: 0.8125rem;
- min-width: 0rem;
- min-height: 0rem;
- height: auto;
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- float: right;
-}
-
-.c39:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c39:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c39:active,
-.c39:active:hover,
-.c39:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c39[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c39:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c39:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c39:active,
-.c39:active:hover,
-.c39:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
-.c39:focus {
- color: rgb(205,37,27);
- background-color: rgb(255,255,255);
- border-color: rgb(205,37,27);
-}
-
-.c39:hover {
- color: rgb(205,37,27);
- background-color: rgb(255,255,255);
- border-color: rgb(205,37,27);
-}
-
-.c39:active,
-.c39:active:hover,
-.c39:active:focus {
- background-color: rgba(210,67,58,0.1);
- border-color: rgb(205,37,27);
-}
-
-.c40 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- -webkit-text-decoration: none;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
- background-image: none;
- background-color: rgb(59,70,204);
- border-radius: 0.25rem;
- border: solid 0.0625rem rgb(45,56,132);
- color: rgb(70,70,70);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- color: rgb(210,67,58);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(210,67,58);
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- font-weight: 500;
- float: right;
-}
-
-.c40:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c40:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c40:active,
-.c40:active:hover,
-.c40:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c40[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c40:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c40:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c40:active,
-.c40:active:hover,
-.c40:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
-.c40:focus {
- color: rgb(205,37,27);
- background-color: rgb(255,255,255);
- border-color: rgb(205,37,27);
-}
-
-.c40:hover {
- color: rgb(205,37,27);
- background-color: rgb(255,255,255);
- border-color: rgb(205,37,27);
-}
-
-.c40:active,
-.c40:active:hover,
-.c40:active:focus {
- background-color: rgba(210,67,58,0.1);
- border-color: rgb(205,37,27);
-}
-
-.c17 {
- width: 0.9375rem;
- height: 0.9375rem;
- border-radius: 50%;
- background-color: rgb(0,152,88);
- display: inline-block;
- margin-right: 0.375rem;
- margin-left: 0rem;
-}
-
-.c15 {
- font-size: 0.9375rem;
- line-height: 1.125rem;
- font-style: normal;
- font-stretch: normal;
- display: block;
- color: rgb(70,70,70);
- text-align: left;
-}
-
-.c9 {
- margin: 0;
- color: rgb(73,73,73);
- font-weight: normal;
- line-height: 1.875rem;
- font-size: 1.5rem;
-}
-
-.c42 {
- height: 1px;
- background-color: rgb(216,216,216);
-}
-
-.c2 {
- box-sizing: content-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 1 0 auto;
- -ms-flex: 1 0 auto;
- flex: 1 0 auto;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- position: relative;
- border-width: 0.0625rem;
- border-style: solid;
- -webkit-transition: all 300ms ease;
- transition: all 300ms ease;
- color: rgb(73,73,73);
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c3 {
- box-sizing: border-box;
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-flex: 1 1 auto;
- -ms-flex: 1 1 auto;
- flex: 1 1 auto;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- border-width: 0;
- background-color: transparent;
-}
-
-.c48 {
- box-sizing: border-box;
- width: 18.75rem;
- height: 3rem;
- min-height: 3rem;
- padding: 0.8125rem 0.75rem;
- border-radius: 0.25rem;
- background-color: rgb(255,255,255);
- border: 0.0625rem solid rgb(216,216,216);
- color: rgb(73,73,73);
- font-size: 0.9375rem;
- line-height: normal !important;
- font-style: normal;
- font-stretch: normal;
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- outline: 0;
- font-family: "Roboto Mono",monospace;
- width: 100%;
- min-width: 100%;
-}
-
-.c48:focus {
- border-color: rgb(59,70,204);
- outline: 0;
-}
-
-.c48::-webkit-input-placeholder {
- color: rgba(73,73,73,0.5);
-}
-
-.c48::-moz-placeholder {
- color: rgba(73,73,73,0.5);
-}
-
-.c48:-ms-input-placeholder {
- color: rgba(73,73,73,0.5);
-}
-
-.c48:invalid {
- box-shadow: none;
-}
-
-.c48:disabled {
- background-color: rgb(250,250,250);
- color: rgb(216,216,216);
- cursor: not-allowed;
-}
-
-.c48:disabled::-webkit-input-placeholder {
- color: rgba(73,73,73,0.5);
-}
-
-.c48:disabled::-moz-placeholder {
- color: rgba(73,73,73,0.5);
-}
-
-.c48:disabled:-ms-input-placeholder {
- color: rgba(73,73,73,0.5);
-}
-
-.c48:disabled {
- color: rgb(73,73,73);
-}
-
-.c48:disabled::-webkit-input-placeholder {
- color: rgb(73,73,73);
-}
-
-.c48:disabled::-moz-placeholder {
- color: rgb(73,73,73);
-}
-
-.c48:disabled:-ms-input-placeholder {
- color: rgb(73,73,73);
-}
-
-.c46 {
- font-weight: 600;
- white-space: pre;
- font-size: 0.8125rem;
-}
-
-.c47 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-
-.c47 input {
- padding-right: 1.875rem;
-}
-
-.c47 div {
- position: relative;
- left: -1.625rem;
-}
-
-.c49 {
- cursor: pointer;
-}
-
-.c19 {
- opacity: 0.5;
- padding-right: 0.1875rem;
-}
-
-.c14 {
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
-}
-
-.c10 {
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
-}
-
-.c11 {
- cursor: pointer;
-}
-
-.c16 {
- width: 0.0625rem;
- background: rgb(216,216,216);
- height: 1.5rem;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-self: flex-end;
- -ms-flex-item-align: end;
- align-self: flex-end;
- margin: 0 0.75rem;
-}
-
-.c8 {
- margin: 0;
-}
-
-.c23 {
- margin-right: 0.375rem;
-}
-
-@media only screen and (min-width:0em) {
- .c5 {
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- }
-}
-
-@media only screen and (min-width:0em) {
- .c21 {
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
- justify-content: space-between;
- }
-}
-
-@media only screen and (min-width:0em) {
- .c1 {
- -webkit-flex-basis: 100%;
- -ms-flex-preferred-size: 100%;
- flex-basis: 100%;
- max-width: 100%;
- }
-}
-
-@media only screen and (min-width:48em) {
- .c1 {
- -webkit-flex-basis: 100%;
- -ms-flex-preferred-size: 100%;
- flex-basis: 100%;
- max-width: 100%;
- }
-}
-
-@media only screen and (min-width:64em) {
- .c1 {
- -webkit-flex-basis: 75%;
- -ms-flex-preferred-size: 75%;
- flex-basis: 75%;
- max-width: 75%;
- }
-}
-
-@media only screen and (min-width:0em) {
- .c6 {
- -webkit-flex-basis: 100%;
- -ms-flex-preferred-size: 100%;
- flex-basis: 100%;
- max-width: 100%;
- }
-}
-
-@media only screen and (min-width:0em) {
- .c22 {
- -webkit-flex-basis: 75%;
- -ms-flex-preferred-size: 75%;
- flex-basis: 75%;
- max-width: 75%;
- }
-}
-
-@media only screen and (min-width:0em) {
- .c38 {
- -webkit-flex-basis: 25%;
- -ms-flex-preferred-size: 25%;
- flex-basis: 25%;
- max-width: 25%;
- }
-}
-
-@media only screen and (min-width:0em) {
- .c44 {
- -webkit-flex-basis: 100%;
- -ms-flex-preferred-size: 100%;
- flex-basis: 100%;
- max-width: 100%;
- }
-}
-
-@media only screen and (min-width:64em) {
- .c44 {
- -webkit-flex-basis: 58.333333333333336%;
- -ms-flex-preferred-size: 58.333333333333336%;
- flex-basis: 58.333333333333336%;
- max-width: 58.333333333333336%;
- }
-}
-
-@media (max-width:47.9375rem) {
- .c10 {
- display: block;
- }
-}
-
-@media (max-width:47.9375rem) {
- .c16 {
- display: none;
- }
-}
-
-
-
-
-
-
-
-
-
-
- Custom Image
-
-
-
- Infrastructure container
-
-
-
- g4-highcpu-128M
-
-
-
-
- Running
-
-
-
-
-
-
- Created:
-
-
-
- almost NaN years
- ago
-
-
-
-
-
- Updated:
-
-
-
- almost NaN years
- ago
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Start
-
-
-
-
-
-
-
-
-
-
-
-
- Stop
-
-
-
-
-
-
-
-
-
-
-
-
- Reboot
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Remove
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Public IP address 1
-
-
-
-
-
-
-
-
-
-
-
- Public IP address 2
-
-
-
-
-
-
-
-
-
-
-
- Private IP address 1
-
-
-
-
-
-
-
-
-
-
-
- Private IP address 2
-
-
-
-
-
-
-
-
-
-
-
-`;
-
-exports[`renders without throwing 1`] = `
-.c0 {
- box-sizing: border-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 1 1 auto;
- -ms-flex: 1 1 auto;
- flex: 1 1 auto;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- margin-right: -0.625rem;
- margin-left: -0.625rem;
-}
-
-.c5 {
- box-sizing: border-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 1 1 auto;
- -ms-flex: 1 1 auto;
- flex: 1 1 auto;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- margin-right: -0.625rem;
- margin-left: -0.625rem;
-}
-
-.c21 {
- box-sizing: border-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 1 1 auto;
- -ms-flex: 1 1 auto;
- flex: 1 1 auto;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- margin-right: -0.625rem;
- margin-left: -0.625rem;
-}
-
-.c1 {
- box-sizing: border-box;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- padding-right: 0.625rem;
- padding-left: 0.625rem;
- display: block;
-}
-
-.c6 {
- box-sizing: border-box;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- padding-right: 0.625rem;
- padding-left: 0.625rem;
- display: block;
-}
-
-.c22 {
- box-sizing: border-box;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- padding-right: 0.625rem;
- padding-left: 0.625rem;
- display: block;
-}
-
-.c39 {
- box-sizing: border-box;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- padding-right: 0.625rem;
- padding-left: 0.625rem;
- display: block;
-}
-
-.c45 {
- box-sizing: border-box;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- padding-right: 0.625rem;
- padding-left: 0.625rem;
- display: block;
-}
-
-.c7 {
- margin-bottom: 0.375rem;
-}
-
-.c12 {
- margin-left: 0.75rem;
-}
-
-.c13 {
- margin-top: 0.375rem;
- margin-bottom: 0.375rem;
-}
-
-.c18 {
- margin-top: 0.375rem;
-}
-
-.c20 {
- margin-top: 1.125rem;
-}
-
-.c42 {
- margin-top: 1.125rem;
- margin-bottom: 1.875rem;
-}
-
-.c44 {
- margin-bottom: 1.125rem;
-}
-
-.c46 {
- margin-bottom: 0.1875rem;
-}
-
-.c4 {
- padding: 1.875rem;
-}
-
-.c29 {
- padding-top: 0.1875rem;
-}
-
-.c30 {
- padding-top: 0rem;
-}
-
-.c28 {
- background-color: transparent;
- -webkit-text-decoration-skip: objects;
- text-decoration-skip: objects;
-}
-
-.c33 {
- font-family: sans-serif;
- font-size: 100%;
- line-height: 1.15;
- margin: 0;
- overflow: visible;
- text-transform: none;
- -webkit-appearance: button;
- -moz-appearance: button;
- appearance: button;
-}
-
-.c33::-moz-focus-inner,
-.c33[type='button']::-moz-focus-inner,
-.c33[type='reset']::-moz-focus-inner,
-.c33[type='submit']::-moz-focus-inner {
- border-style: none;
- padding: 0;
-}
-
-.c33:-moz-focusring,
-.c33[type='button']:-moz-focusring,
-.c33[type='reset']:-moz-focusring,
-.c33[type='submit']:-moz-focusring {
- outline: 0.0625rem dotted ButtonText;
-}
-
-.c27 {
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-}
-
-.c26 {
- color: rgb(59,70,204);
- -webkit-text-fill-color: currentcolor;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
-}
-
-.c26:hover {
- -webkit-text-decoration: none;
- text-decoration: none;
-}
-
-.c35 {
- fill: rgb(59,70,204);
- stroke: rgb(59,70,204);
- -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
- animation: iCqDak 1.5s ease-out 0s infinite;
-}
-
-.c36 {
- -webkit-animation-delay: 0.5s;
- animation-delay: 0.5s;
-}
-
-.c37 {
- -webkit-animation-delay: 1s;
- animation-delay: 1s;
-}
-
-.c34 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-content: center;
- -ms-flex-line-pack: center;
- align-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 1.25rem;
- -webkit-flex: 1 0 auto;
- -ms-flex: 1 0 auto;
- flex: 1 0 auto;
-}
-
-.c32 {
- min-width: 7.5rem;
-}
-
-.c25 {
- display: inline-block;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
}
.c24 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- -webkit-text-decoration: none;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
- background-image: none;
- background-color: rgb(59,70,204);
- border-radius: 0.25rem;
- border: solid 0.0625rem rgb(45,56,132);
- color: rgb(70,70,70);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- padding: 0.625rem 1.125rem;
- font-size: 0.8125rem;
- min-width: 0rem;
- min-height: 0rem;
- height: auto;
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- font-weight: 500;
+ -webkit-order: 0;
+ -ms-flex-order: 0;
+ order: 0;
+ -webkit-flex-basis: auto;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+ -webkit-box-flex: 0;
+ -webkit-flex-grow: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ -webkit-flex-shrink: 1;
+ -ms-flex-negative: 1;
+ flex-shrink: 1;
+ display: block;
}
-.c24:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
+.c7 {
+ margin-bottom: 0.375rem;
}
-.c24:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
+.c12 {
+ margin-left: 0.75rem;
}
-.c24:active,
-.c24:active:hover,
-.c24:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
+.c13 {
+ margin-top: 0.375rem;
+ margin-bottom: 0.375rem;
}
-.c24[disabled] {
- cursor: not-allowed;
- pointer-events: none;
+.c19 {
+ margin-top: 0.375rem;
}
-.c24:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
+.c21 {
+ margin-top: 1.125rem;
}
-.c24:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c24:active,
-.c24:active:hover,
-.c24:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
+.c25 {
+ margin-right: 0.375rem;
}
.c31 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- -webkit-text-decoration: none;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
- background-image: none;
- background-color: rgb(59,70,204);
- border-radius: 0.25rem;
- border: solid 0.0625rem rgb(45,56,132);
- color: rgb(70,70,70);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- cursor: not-allowed;
- pointer-events: none;
- color: rgb(216,216,216);
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
- padding: 0.625rem 1.125rem;
- font-size: 0.8125rem;
- min-width: 0rem;
- min-height: 0rem;
- height: auto;
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
+ margin-right: 0.75rem;
}
-.c31:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
+.c42 {
+ margin-top: 1.125rem;
+ margin-bottom: 1.875rem;
}
-.c31:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
+.c44 {
+ margin-bottom: 1.125rem;
}
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
+.c46 {
+ margin-bottom: 0.1875rem;
}
-.c31[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c31:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c31:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
-.c31:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
-}
-
-.c31:hover {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
+.c4 {
+ padding: 1.875rem;
}
.c38 {
+ background-color: transparent;
+ -webkit-text-decoration-skip: objects;
+ text-decoration-skip: objects;
+}
+
+.c30 {
+ font-family: sans-serif;
+ font-size: 100%;
+ line-height: 1.15;
+ margin: 0;
+ overflow: visible;
+ text-transform: none;
+ -webkit-appearance: button;
+ -moz-appearance: button;
+ appearance: button;
+}
+
+.c30::-moz-focus-inner,
+.c30[type='button']::-moz-focus-inner,
+.c30[type='reset']::-moz-focus-inner,
+.c30[type='submit']::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
+
+.c30:-moz-focusring,
+.c30[type='button']:-moz-focusring,
+.c30[type='reset']:-moz-focusring,
+.c30[type='submit']:-moz-focusring {
+ outline: 0.0625rem dotted ButtonText;
+}
+
+.c37 {
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+}
+
+.c36 {
+ color: rgb(59,70,204);
+ -webkit-text-fill-color: currentcolor;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+}
+
+.c36:hover {
+ -webkit-text-decoration: none;
+ text-decoration: none;
+}
+
+.c29 {
+ min-width: 7.5rem;
+}
+
+.c28 {
+ display: inline-block;
+}
+
+.c27 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -7492,7 +269,6 @@ exports[`renders without throwi
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -7529,7 +305,7 @@ exports[`renders without throwi
font-weight: 500;
}
-.c38:focus {
+.c27:focus {
outline: 0;
-webkit-text-decoration: none;
text-decoration: none;
@@ -7537,59 +313,242 @@ exports[`renders without throwi
border-color: rgb(45,56,132);
}
-.c38:hover {
+.c27:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c38:active,
-.c38:active:hover,
-.c38:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c38[disabled] {
+.c27[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c38:focus {
+.c27:focus {
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
-.c38:hover {
+.c27:hover {
background-color: rgb(247,247,247);
border-color: rgb(216,216,216);
}
-.c38:active,
-.c38:active:hover,
-.c38:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
background-color: rgb(230,230,230);
border-color: rgb(216,216,216);
}
-.c38:focus {
+.c27:focus {
background-color: rgb(250,250,250);
border-color: rgb(216,216,216);
}
-.c38:hover {
+.c27:hover {
background-color: rgb(250,250,250);
border-color: rgb(250,250,250);
}
-.c38:active,
-.c38:active:hover,
-.c38:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
background-color: rgb(250,250,250);
border-color: rgb(250,250,250);
}
+.c33 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ color: rgb(70,70,70);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c33:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c33:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c33[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c33:focus {
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c33:hover {
+ background-color: rgb(247,247,247);
+ border-color: rgb(216,216,216);
+}
+
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
+ background-color: rgb(230,230,230);
+ border-color: rgb(216,216,216);
+}
+
+.c35 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ color: rgb(70,70,70);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ font-weight: 500;
+}
+
+.c35:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c35:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c35:active,
+.c35:active:hover,
+.c35:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c35[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c35:focus {
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c35:hover {
+ background-color: rgb(247,247,247);
+ border-color: rgb(216,216,216);
+}
+
+.c35:active,
+.c35:active:hover,
+.c35:active:focus {
+ background-color: rgb(230,230,230);
+ border-color: rgb(216,216,216);
+}
+
.c40 {
box-sizing: border-box;
display: inline-block;
@@ -7611,7 +570,6 @@ exports[`renders without throwi
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -7758,7 +716,6 @@ exports[`renders without throwi
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -7880,7 +837,7 @@ exports[`renders without throwi
border-color: rgb(250,250,250);
}
-.c17 {
+.c18 {
width: 0.9375rem;
height: 0.9375rem;
border-radius: 50%;
@@ -7889,7 +846,33 @@ exports[`renders without throwi
margin-left: 0rem;
}
-.c15 {
+.c32 {
+ padding: 0;
+ min-width: 2.9375rem;
+ max-width: 2.9375rem;
+ width: 2.9375rem;
+}
+
+.c34 {
+ padding: 0.9375rem 1.125rem;
+}
+
+.c26 {
+ display: inline-block;
+}
+
+.c26 [data-ui-button='true']:not(:first-child) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ border-left: none;
+}
+
+.c26 [data-ui-button='true']:not(:last-child) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.c16 {
font-size: 0.9375rem;
line-height: 1.125rem;
font-style: normal;
@@ -8137,7 +1120,11 @@ exports[`renders without throwi
cursor: pointer;
}
-.c19 {
+.c15 {
+ font-weight: 200;
+}
+
+.c20 {
opacity: 0.5;
padding-right: 0.1875rem;
}
@@ -8148,26 +1135,11 @@ exports[`renders without throwi
text-overflow: ellipsis;
}
-.c10 {
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
-}
-
.c11 {
cursor: pointer;
}
-.c16 {
+.c17 {
width: 0.0625rem;
background: rgb(216,216,216);
height: 1.5rem;
@@ -8185,10 +1157,6 @@ exports[`renders without throwi
margin: 0;
}
-.c23 {
- margin-right: 0.375rem;
-}
-
@media only screen and (min-width:0em) {
.c5 {
-webkit-align-items: center;
@@ -8199,7 +1167,7 @@ exports[`renders without throwi
}
@media only screen and (min-width:0em) {
- .c21 {
+ .c22 {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
@@ -8244,7 +1212,7 @@ exports[`renders without throwi
}
@media only screen and (min-width:0em) {
- .c22 {
+ .c23 {
-webkit-flex-basis: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
@@ -8280,13 +1248,7 @@ exports[`renders without throwi
}
@media (max-width:47.9375rem) {
- .c10 {
- display: block;
- }
-}
-
-@media (max-width:47.9375rem) {
- .c16 {
+ .c17 {
display: none;
}
}
@@ -8353,32 +1315,32 @@ exports[`renders without throwi
className="c10"
>
Custom Image
Hardware virtual machine
@@ -8386,7 +1348,7 @@ exports[`renders without throwi
without throwi
className="c10"
>
Created:
almost NaN years
@@ -8408,18 +1370,18 @@ exports[`renders without throwi
Updated:
almost NaN years
@@ -8430,347 +1392,117 @@ exports[`renders without throwi
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+ Create Image
+
+
+
without throwi
query="only screen and (max-width: 47.9375rem)"
>
without throwi
type="button"
>
-
-
-
@@ -8825,7 +1547,7 @@ exports[`renders without throwi
query="only screen and (min-width: 48rem)"
>
without throwi
type="button"
>
-
-
-
+
+ Delete
+
@@ -8889,7 +1604,7 @@ exports[`renders without throwi
className="c46"
>
Short ID
@@ -8952,7 +1667,7 @@ exports[`renders without throwi
className="c46"
>
ID
@@ -9015,7 +1730,7 @@ exports[`renders without throwi
className="c46"
>
CN UUID
@@ -9078,7 +1793,7 @@ exports[`renders without throwi
className="c46"
>
Login
@@ -9135,7 +1850,7 @@ exports[`renders without throwi
`;
-exports[`renders without throwing 1`] = `
+exports[`renders without throwing 1`] = `
.c0 {
box-sizing: border-box;
display: -webkit-box;
@@ -9174,7 +1889,7 @@ exports[`renders without throwing 1`] = `
margin-left: -0.625rem;
}
-.c21 {
+.c22 {
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
@@ -9213,7 +1928,7 @@ exports[`renders without throwing 1`] = `
display: block;
}
-.c22 {
+.c23 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
@@ -9243,6 +1958,43 @@ exports[`renders without throwing 1`] = `
display: block;
}
+.c10 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+}
+
+.c24 {
+ -webkit-order: 0;
+ -ms-flex-order: 0;
+ order: 0;
+ -webkit-flex-basis: auto;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+ -webkit-box-flex: 0;
+ -webkit-flex-grow: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ -webkit-flex-shrink: 1;
+ -ms-flex-negative: 1;
+ flex-shrink: 1;
+ display: block;
+}
+
.c7 {
margin-bottom: 0.375rem;
}
@@ -9256,15 +2008,19 @@ exports[`renders without throwing 1`] = `
margin-bottom: 0.375rem;
}
-.c18 {
+.c19 {
margin-top: 0.375rem;
}
-.c20 {
+.c21 {
margin-top: 1.125rem;
}
-.c34 {
+.c25 {
+ margin-right: 0.375rem;
+}
+
+.c31 {
margin-right: 0.75rem;
}
@@ -9285,21 +2041,13 @@ exports[`renders without throwing 1`] = `
padding: 1.875rem;
}
-.c29 {
- padding-top: 0.1875rem;
-}
-
-.c30 {
- padding-top: 0rem;
-}
-
-.c28 {
+.c37 {
background-color: transparent;
-webkit-text-decoration-skip: objects;
text-decoration-skip: objects;
}
-.c33 {
+.c30 {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
@@ -9311,390 +2059,46 @@ exports[`renders without throwing 1`] = `
appearance: button;
}
-.c33::-moz-focus-inner,
-.c33[type='button']::-moz-focus-inner,
-.c33[type='reset']::-moz-focus-inner,
-.c33[type='submit']::-moz-focus-inner {
+.c30::-moz-focus-inner,
+.c30[type='button']::-moz-focus-inner,
+.c30[type='reset']::-moz-focus-inner,
+.c30[type='submit']::-moz-focus-inner {
border-style: none;
padding: 0;
}
-.c33:-moz-focusring,
-.c33[type='button']:-moz-focusring,
-.c33[type='reset']:-moz-focusring,
-.c33[type='submit']:-moz-focusring {
+.c30:-moz-focusring,
+.c30[type='button']:-moz-focusring,
+.c30[type='reset']:-moz-focusring,
+.c30[type='submit']:-moz-focusring {
outline: 0.0625rem dotted ButtonText;
}
-.c27 {
+.c36 {
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
}
-.c26 {
+.c35 {
color: rgb(59,70,204);
-webkit-text-fill-color: currentcolor;
color: rgb(255,255,255);
-webkit-text-fill-color: currentcolor;
}
-.c26:hover {
- -webkit-text-decoration: none;
- text-decoration: none;
-}
-
-.c32 {
- min-width: 7.5rem;
-}
-
-.c25 {
- display: inline-block;
-}
-
-.c24 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- -webkit-text-decoration: none;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
- background-image: none;
- background-color: rgb(59,70,204);
- border-radius: 0.25rem;
- border: solid 0.0625rem rgb(45,56,132);
- color: rgb(70,70,70);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- padding: 0.625rem 1.125rem;
- font-size: 0.8125rem;
- min-width: 0rem;
- min-height: 0rem;
- height: auto;
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- font-weight: 500;
-}
-
-.c24:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c24:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c24:active,
-.c24:active:hover,
-.c24:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c24[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c24:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c24:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c24:active,
-.c24:active:hover,
-.c24:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
-.c31 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- -webkit-text-decoration: none;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
- background-image: none;
- background-color: rgb(59,70,204);
- border-radius: 0.25rem;
- border: solid 0.0625rem rgb(45,56,132);
- color: rgb(70,70,70);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- cursor: not-allowed;
- pointer-events: none;
- color: rgb(216,216,216);
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
- padding: 0.625rem 1.125rem;
- font-size: 0.8125rem;
- min-width: 0rem;
- min-height: 0rem;
- height: auto;
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-
-.c31:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c31:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c31[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c31:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c31:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
-.c31:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
-}
-
-.c31:hover {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c35 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- -webkit-text-decoration: none;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
- background-image: none;
- background-color: rgb(59,70,204);
- border-radius: 0.25rem;
- border: solid 0.0625rem rgb(45,56,132);
- color: rgb(70,70,70);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- cursor: not-allowed;
- pointer-events: none;
- color: rgb(216,216,216);
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- font-weight: 500;
-}
-
-.c35:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
.c35:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
+ -webkit-text-decoration: none;
+ text-decoration: none;
}
-.c35:active,
-.c35:active:hover,
-.c35:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
+.c29 {
+ min-width: 7.5rem;
}
-.c35[disabled] {
- cursor: not-allowed;
- pointer-events: none;
+.c28 {
+ display: inline-block;
}
-.c35:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c35:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c35:active,
-.c35:active:hover,
-.c35:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
-.c35:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
-}
-
-.c35:hover {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c35:active,
-.c35:active:hover,
-.c35:active:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c36 {
+.c33 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -9715,7 +2119,6 @@ exports[`renders without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -9736,22 +2139,9 @@ exports[`renders without throwing 1`] = `
-webkit-text-fill-color: currentcolor;
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
- padding: 0.625rem 1.125rem;
- font-size: 0.8125rem;
- min-width: 0rem;
- min-height: 0rem;
- height: auto;
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
}
-.c36:focus {
+.c33:focus {
outline: 0;
-webkit-text-decoration: none;
text-decoration: none;
@@ -9759,43 +2149,43 @@ exports[`renders without throwing 1`] = `
border-color: rgb(45,56,132);
}
-.c36:hover {
+.c33:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c36:active,
-.c36:active:hover,
-.c36:active:focus {
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c36[disabled] {
+.c33[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c36:focus {
+.c33:focus {
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
-.c36:hover {
+.c33:hover {
background-color: rgb(247,247,247);
border-color: rgb(216,216,216);
}
-.c36:active,
-.c36:active:hover,
-.c36:active:focus {
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
background-color: rgb(230,230,230);
border-color: rgb(216,216,216);
}
-.c37 {
+.c27 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -9816,7 +2206,6 @@ exports[`renders without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -9848,7 +2237,7 @@ exports[`renders without throwing 1`] = `
font-weight: 500;
}
-.c37:focus {
+.c27:focus {
outline: 0;
-webkit-text-decoration: none;
text-decoration: none;
@@ -9856,38 +2245,38 @@ exports[`renders without throwing 1`] = `
border-color: rgb(45,56,132);
}
-.c37:hover {
+.c27:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c37:active,
-.c37:active:hover,
-.c37:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c37[disabled] {
+.c27[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c37:focus {
+.c27:focus {
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
-.c37:hover {
+.c27:hover {
background-color: rgb(247,247,247);
border-color: rgb(216,216,216);
}
-.c37:active,
-.c37:active:hover,
-.c37:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
background-color: rgb(230,230,230);
border-color: rgb(216,216,216);
}
@@ -9913,7 +2302,6 @@ exports[`renders without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -10038,7 +2426,6 @@ exports[`renders without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -10138,7 +2525,7 @@ exports[`renders without throwing 1`] = `
border-color: rgb(205,37,27);
}
-.c17 {
+.c18 {
width: 0.9375rem;
height: 0.9375rem;
border-radius: 50%;
@@ -10148,7 +2535,5802 @@ exports[`renders without throwing 1`] = `
margin-left: 0rem;
}
+.c32 {
+ padding: 0;
+ min-width: 2.9375rem;
+ max-width: 2.9375rem;
+ width: 2.9375rem;
+}
+
+.c34 {
+ padding: 0.9375rem 1.125rem;
+}
+
+.c26 {
+ display: inline-block;
+}
+
+.c26 [data-ui-button='true']:not(:first-child) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ border-left: none;
+}
+
+.c26 [data-ui-button='true']:not(:last-child) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.c16 {
+ font-size: 0.9375rem;
+ line-height: 1.125rem;
+ font-style: normal;
+ font-stretch: normal;
+ display: block;
+ color: rgb(70,70,70);
+ text-align: left;
+}
+
+.c9 {
+ margin: 0;
+ color: rgb(73,73,73);
+ font-weight: normal;
+ line-height: 1.875rem;
+ font-size: 1.5rem;
+}
+
+.c42 {
+ height: 1px;
+ background-color: rgb(216,216,216);
+}
+
+.c2 {
+ box-sizing: content-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 0 auto;
+ -ms-flex: 1 0 auto;
+ flex: 1 0 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ position: relative;
+ border-width: 0.0625rem;
+ border-style: solid;
+ -webkit-transition: all 300ms ease;
+ transition: all 300ms ease;
+ color: rgb(73,73,73);
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c3 {
+ box-sizing: border-box;
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ border-width: 0;
+ background-color: transparent;
+}
+
+.c48 {
+ box-sizing: border-box;
+ width: 18.75rem;
+ height: 3rem;
+ min-height: 3rem;
+ padding: 0.8125rem 0.75rem;
+ border-radius: 0.25rem;
+ background-color: rgb(255,255,255);
+ border: 0.0625rem solid rgb(216,216,216);
+ color: rgb(73,73,73);
+ font-size: 0.9375rem;
+ line-height: normal !important;
+ font-style: normal;
+ font-stretch: normal;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ outline: 0;
+ font-family: "Roboto Mono",monospace;
+ width: 100%;
+ min-width: 100%;
+}
+
+.c48:focus {
+ border-color: rgb(59,70,204);
+ outline: 0;
+}
+
+.c48::-webkit-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c48::-moz-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c48:-ms-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c48:invalid {
+ box-shadow: none;
+}
+
+.c48:disabled {
+ background-color: rgb(250,250,250);
+ color: rgb(216,216,216);
+ cursor: not-allowed;
+}
+
+.c48:disabled::-webkit-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c48:disabled::-moz-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c48:disabled:-ms-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c48:disabled {
+ color: rgb(73,73,73);
+}
+
+.c48:disabled::-webkit-input-placeholder {
+ color: rgb(73,73,73);
+}
+
+.c48:disabled::-moz-placeholder {
+ color: rgb(73,73,73);
+}
+
+.c48:disabled:-ms-input-placeholder {
+ color: rgb(73,73,73);
+}
+
+.c46 {
+ font-weight: 600;
+ white-space: pre;
+ font-size: 0.8125rem;
+}
+
+.c47 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+
+.c47 input {
+ padding-right: 1.875rem;
+}
+
+.c47 div {
+ position: relative;
+ left: -1.625rem;
+}
+
+.c49 {
+ cursor: pointer;
+}
+
.c15 {
+ font-weight: 200;
+}
+
+.c20 {
+ opacity: 0.5;
+ padding-right: 0.1875rem;
+}
+
+.c14 {
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+}
+
+.c11 {
+ cursor: pointer;
+}
+
+.c17 {
+ width: 0.0625rem;
+ background: rgb(216,216,216);
+ height: 1.5rem;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-align-self: flex-end;
+ -ms-flex-item-align: end;
+ align-self: flex-end;
+ margin: 0 0.75rem;
+}
+
+.c8 {
+ margin: 0;
+}
+
+@media only screen and (min-width:0em) {
+ .c5 {
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ }
+}
+
+@media only screen and (min-width:0em) {
+ .c22 {
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ }
+}
+
+@media only screen and (min-width:0em) {
+ .c1 {
+ -webkit-flex-basis: 100%;
+ -ms-flex-preferred-size: 100%;
+ flex-basis: 100%;
+ max-width: 100%;
+ }
+}
+
+@media only screen and (min-width:48em) {
+ .c1 {
+ -webkit-flex-basis: 100%;
+ -ms-flex-preferred-size: 100%;
+ flex-basis: 100%;
+ max-width: 100%;
+ }
+}
+
+@media only screen and (min-width:64em) {
+ .c1 {
+ -webkit-flex-basis: 75%;
+ -ms-flex-preferred-size: 75%;
+ flex-basis: 75%;
+ max-width: 75%;
+ }
+}
+
+@media only screen and (min-width:0em) {
+ .c6 {
+ -webkit-flex-basis: 100%;
+ -ms-flex-preferred-size: 100%;
+ flex-basis: 100%;
+ max-width: 100%;
+ }
+}
+
+@media only screen and (min-width:0em) {
+ .c23 {
+ -webkit-flex-basis: 75%;
+ -ms-flex-preferred-size: 75%;
+ flex-basis: 75%;
+ max-width: 75%;
+ }
+}
+
+@media only screen and (min-width:0em) {
+ .c38 {
+ -webkit-flex-basis: 25%;
+ -ms-flex-preferred-size: 25%;
+ flex-basis: 25%;
+ max-width: 25%;
+ }
+}
+
+@media only screen and (min-width:0em) {
+ .c44 {
+ -webkit-flex-basis: 100%;
+ -ms-flex-preferred-size: 100%;
+ flex-basis: 100%;
+ max-width: 100%;
+ }
+}
+
+@media only screen and (min-width:64em) {
+ .c44 {
+ -webkit-flex-basis: 58.333333333333336%;
+ -ms-flex-preferred-size: 58.333333333333336%;
+ flex-basis: 58.333333333333336%;
+ max-width: 58.333333333333336%;
+ }
+}
+
+@media (max-width:47.9375rem) {
+ .c17 {
+ display: none;
+ }
+}
+
+
+
+
+
+
+
+
+
+
+ Alpine 3
+
+
+
+ Hardware virtual machine
+
+
+
+ g4-highcpu-128M
+
+
+
+
+ Running
+
+
+
+
+
+
+ Created:
+
+
+
+ almost NaN years
+ ago
+
+
+
+
+
+ Updated:
+
+
+
+ almost NaN years
+ ago
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Stop
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Delete
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Public IP address 1
+
+
+
+
+
+
+
+
+
+
+
+ Public IP address 2
+
+
+
+
+
+
+
+
+
+
+
+ Private IP address 1
+
+
+
+
+
+
+
+
+
+
+
+ Private IP address 2
+
+
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`renders without throwing 2`] = `
+.c0 {
+ box-sizing: border-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-right: -0.625rem;
+ margin-left: -0.625rem;
+}
+
+.c5 {
+ box-sizing: border-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-right: -0.625rem;
+ margin-left: -0.625rem;
+}
+
+.c22 {
+ box-sizing: border-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-right: -0.625rem;
+ margin-left: -0.625rem;
+}
+
+.c1 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c6 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c23 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c38 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c44 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c10 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+}
+
+.c24 {
+ -webkit-order: 0;
+ -ms-flex-order: 0;
+ order: 0;
+ -webkit-flex-basis: auto;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+ -webkit-box-flex: 0;
+ -webkit-flex-grow: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ -webkit-flex-shrink: 1;
+ -ms-flex-negative: 1;
+ flex-shrink: 1;
+ display: block;
+}
+
+.c7 {
+ margin-bottom: 0.375rem;
+}
+
+.c12 {
+ margin-left: 0.75rem;
+}
+
+.c13 {
+ margin-top: 0.375rem;
+ margin-bottom: 0.375rem;
+}
+
+.c19 {
+ margin-top: 0.375rem;
+}
+
+.c21 {
+ margin-top: 1.125rem;
+}
+
+.c25 {
+ margin-right: 0.375rem;
+}
+
+.c31 {
+ margin-right: 0.75rem;
+}
+
+.c41 {
+ margin-top: 1.125rem;
+ margin-bottom: 1.875rem;
+}
+
+.c43 {
+ margin-bottom: 1.125rem;
+}
+
+.c45 {
+ margin-bottom: 0.1875rem;
+}
+
+.c4 {
+ padding: 1.875rem;
+}
+
+.c37 {
+ background-color: transparent;
+ -webkit-text-decoration-skip: objects;
+ text-decoration-skip: objects;
+}
+
+.c30 {
+ font-family: sans-serif;
+ font-size: 100%;
+ line-height: 1.15;
+ margin: 0;
+ overflow: visible;
+ text-transform: none;
+ -webkit-appearance: button;
+ -moz-appearance: button;
+ appearance: button;
+}
+
+.c30::-moz-focus-inner,
+.c30[type='button']::-moz-focus-inner,
+.c30[type='reset']::-moz-focus-inner,
+.c30[type='submit']::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
+
+.c30:-moz-focusring,
+.c30[type='button']:-moz-focusring,
+.c30[type='reset']:-moz-focusring,
+.c30[type='submit']:-moz-focusring {
+ outline: 0.0625rem dotted ButtonText;
+}
+
+.c36 {
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+}
+
+.c35 {
+ color: rgb(59,70,204);
+ -webkit-text-fill-color: currentcolor;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+}
+
+.c35:hover {
+ -webkit-text-decoration: none;
+ text-decoration: none;
+}
+
+.c29 {
+ min-width: 7.5rem;
+}
+
+.c28 {
+ display: inline-block;
+}
+
+.c33 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ color: rgb(70,70,70);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c33:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c33:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c33[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c33:focus {
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c33:hover {
+ background-color: rgb(247,247,247);
+ border-color: rgb(216,216,216);
+}
+
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
+ background-color: rgb(230,230,230);
+ border-color: rgb(216,216,216);
+}
+
+.c27 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ color: rgb(70,70,70);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ font-weight: 500;
+}
+
+.c27:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c27:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c27[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c27:focus {
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c27:hover {
+ background-color: rgb(247,247,247);
+ border-color: rgb(216,216,216);
+}
+
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
+ background-color: rgb(230,230,230);
+ border-color: rgb(216,216,216);
+}
+
+.c39 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ color: rgb(70,70,70);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+ color: rgb(210,67,58);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(210,67,58);
+ padding: 0.625rem 1.125rem;
+ font-size: 0.8125rem;
+ min-width: 0rem;
+ min-height: 0rem;
+ height: auto;
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ float: right;
+}
+
+.c39:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c39:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c39:active,
+.c39:active:hover,
+.c39:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c39[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c39:focus {
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c39:hover {
+ background-color: rgb(247,247,247);
+ border-color: rgb(216,216,216);
+}
+
+.c39:active,
+.c39:active:hover,
+.c39:active:focus {
+ background-color: rgb(230,230,230);
+ border-color: rgb(216,216,216);
+}
+
+.c39:focus {
+ color: rgb(205,37,27);
+ background-color: rgb(255,255,255);
+ border-color: rgb(205,37,27);
+}
+
+.c39:hover {
+ color: rgb(205,37,27);
+ background-color: rgb(255,255,255);
+ border-color: rgb(205,37,27);
+}
+
+.c39:active,
+.c39:active:hover,
+.c39:active:focus {
+ background-color: rgba(210,67,58,0.1);
+ border-color: rgb(205,37,27);
+}
+
+.c40 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ color: rgb(70,70,70);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+ color: rgb(210,67,58);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(210,67,58);
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ font-weight: 500;
+ float: right;
+}
+
+.c40:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c40:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c40:active,
+.c40:active:hover,
+.c40:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c40[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c40:focus {
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c40:hover {
+ background-color: rgb(247,247,247);
+ border-color: rgb(216,216,216);
+}
+
+.c40:active,
+.c40:active:hover,
+.c40:active:focus {
+ background-color: rgb(230,230,230);
+ border-color: rgb(216,216,216);
+}
+
+.c40:focus {
+ color: rgb(205,37,27);
+ background-color: rgb(255,255,255);
+ border-color: rgb(205,37,27);
+}
+
+.c40:hover {
+ color: rgb(205,37,27);
+ background-color: rgb(255,255,255);
+ border-color: rgb(205,37,27);
+}
+
+.c40:active,
+.c40:active:hover,
+.c40:active:focus {
+ background-color: rgba(210,67,58,0.1);
+ border-color: rgb(205,37,27);
+}
+
+.c18 {
+ width: 0.9375rem;
+ height: 0.9375rem;
+ border-radius: 50%;
+ background-color: rgb(0,152,88);
+ display: inline-block;
+ margin-right: 0.375rem;
+ margin-left: 0rem;
+}
+
+.c32 {
+ padding: 0;
+ min-width: 2.9375rem;
+ max-width: 2.9375rem;
+ width: 2.9375rem;
+}
+
+.c34 {
+ padding: 0.9375rem 1.125rem;
+}
+
+.c26 {
+ display: inline-block;
+}
+
+.c26 [data-ui-button='true']:not(:first-child) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ border-left: none;
+}
+
+.c26 [data-ui-button='true']:not(:last-child) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.c16 {
+ font-size: 0.9375rem;
+ line-height: 1.125rem;
+ font-style: normal;
+ font-stretch: normal;
+ display: block;
+ color: rgb(70,70,70);
+ text-align: left;
+}
+
+.c9 {
+ margin: 0;
+ color: rgb(73,73,73);
+ font-weight: normal;
+ line-height: 1.875rem;
+ font-size: 1.5rem;
+}
+
+.c42 {
+ height: 1px;
+ background-color: rgb(216,216,216);
+}
+
+.c2 {
+ box-sizing: content-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 0 auto;
+ -ms-flex: 1 0 auto;
+ flex: 1 0 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ position: relative;
+ border-width: 0.0625rem;
+ border-style: solid;
+ -webkit-transition: all 300ms ease;
+ transition: all 300ms ease;
+ color: rgb(73,73,73);
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c3 {
+ box-sizing: border-box;
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ border-width: 0;
+ background-color: transparent;
+}
+
+.c48 {
+ box-sizing: border-box;
+ width: 18.75rem;
+ height: 3rem;
+ min-height: 3rem;
+ padding: 0.8125rem 0.75rem;
+ border-radius: 0.25rem;
+ background-color: rgb(255,255,255);
+ border: 0.0625rem solid rgb(216,216,216);
+ color: rgb(73,73,73);
+ font-size: 0.9375rem;
+ line-height: normal !important;
+ font-style: normal;
+ font-stretch: normal;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ outline: 0;
+ font-family: "Roboto Mono",monospace;
+ width: 100%;
+ min-width: 100%;
+}
+
+.c48:focus {
+ border-color: rgb(59,70,204);
+ outline: 0;
+}
+
+.c48::-webkit-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c48::-moz-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c48:-ms-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c48:invalid {
+ box-shadow: none;
+}
+
+.c48:disabled {
+ background-color: rgb(250,250,250);
+ color: rgb(216,216,216);
+ cursor: not-allowed;
+}
+
+.c48:disabled::-webkit-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c48:disabled::-moz-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c48:disabled:-ms-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c48:disabled {
+ color: rgb(73,73,73);
+}
+
+.c48:disabled::-webkit-input-placeholder {
+ color: rgb(73,73,73);
+}
+
+.c48:disabled::-moz-placeholder {
+ color: rgb(73,73,73);
+}
+
+.c48:disabled:-ms-input-placeholder {
+ color: rgb(73,73,73);
+}
+
+.c46 {
+ font-weight: 600;
+ white-space: pre;
+ font-size: 0.8125rem;
+}
+
+.c47 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+
+.c47 input {
+ padding-right: 1.875rem;
+}
+
+.c47 div {
+ position: relative;
+ left: -1.625rem;
+}
+
+.c49 {
+ cursor: pointer;
+}
+
+.c15 {
+ font-weight: 200;
+}
+
+.c20 {
+ opacity: 0.5;
+ padding-right: 0.1875rem;
+}
+
+.c14 {
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+}
+
+.c11 {
+ cursor: pointer;
+}
+
+.c17 {
+ width: 0.0625rem;
+ background: rgb(216,216,216);
+ height: 1.5rem;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-align-self: flex-end;
+ -ms-flex-item-align: end;
+ align-self: flex-end;
+ margin: 0 0.75rem;
+}
+
+.c8 {
+ margin: 0;
+}
+
+@media only screen and (min-width:0em) {
+ .c5 {
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ }
+}
+
+@media only screen and (min-width:0em) {
+ .c22 {
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ }
+}
+
+@media only screen and (min-width:0em) {
+ .c1 {
+ -webkit-flex-basis: 100%;
+ -ms-flex-preferred-size: 100%;
+ flex-basis: 100%;
+ max-width: 100%;
+ }
+}
+
+@media only screen and (min-width:48em) {
+ .c1 {
+ -webkit-flex-basis: 100%;
+ -ms-flex-preferred-size: 100%;
+ flex-basis: 100%;
+ max-width: 100%;
+ }
+}
+
+@media only screen and (min-width:64em) {
+ .c1 {
+ -webkit-flex-basis: 75%;
+ -ms-flex-preferred-size: 75%;
+ flex-basis: 75%;
+ max-width: 75%;
+ }
+}
+
+@media only screen and (min-width:0em) {
+ .c6 {
+ -webkit-flex-basis: 100%;
+ -ms-flex-preferred-size: 100%;
+ flex-basis: 100%;
+ max-width: 100%;
+ }
+}
+
+@media only screen and (min-width:0em) {
+ .c23 {
+ -webkit-flex-basis: 75%;
+ -ms-flex-preferred-size: 75%;
+ flex-basis: 75%;
+ max-width: 75%;
+ }
+}
+
+@media only screen and (min-width:0em) {
+ .c38 {
+ -webkit-flex-basis: 25%;
+ -ms-flex-preferred-size: 25%;
+ flex-basis: 25%;
+ max-width: 25%;
+ }
+}
+
+@media only screen and (min-width:0em) {
+ .c44 {
+ -webkit-flex-basis: 100%;
+ -ms-flex-preferred-size: 100%;
+ flex-basis: 100%;
+ max-width: 100%;
+ }
+}
+
+@media only screen and (min-width:64em) {
+ .c44 {
+ -webkit-flex-basis: 58.333333333333336%;
+ -ms-flex-preferred-size: 58.333333333333336%;
+ flex-basis: 58.333333333333336%;
+ max-width: 58.333333333333336%;
+ }
+}
+
+@media (max-width:47.9375rem) {
+ .c17 {
+ display: none;
+ }
+}
+
+
+
+
+
+
+
+
+
+
+ Custom Image
+
+
+
+ Infrastructure container
+
+
+
+ g4-highcpu-128M
+
+
+
+
+ Running
+
+
+
+
+
+
+ Created:
+
+
+
+ almost NaN years
+ ago
+
+
+
+
+
+ Updated:
+
+
+
+ almost NaN years
+ ago
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Stop
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Delete
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Public IP address 1
+
+
+
+
+
+
+
+
+
+
+
+ Public IP address 2
+
+
+
+
+
+
+
+
+
+
+
+ Private IP address 1
+
+
+
+
+
+
+
+
+
+
+
+ Private IP address 2
+
+
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`renders without throwing 1`] = `
+.c0 {
+ box-sizing: border-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-right: -0.625rem;
+ margin-left: -0.625rem;
+}
+
+.c5 {
+ box-sizing: border-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-right: -0.625rem;
+ margin-left: -0.625rem;
+}
+
+.c22 {
+ box-sizing: border-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-right: -0.625rem;
+ margin-left: -0.625rem;
+}
+
+.c1 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c6 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c23 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c42 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c48 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c10 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+}
+
+.c24 {
+ -webkit-order: 0;
+ -ms-flex-order: 0;
+ order: 0;
+ -webkit-flex-basis: auto;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+ -webkit-box-flex: 0;
+ -webkit-flex-grow: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ -webkit-flex-shrink: 1;
+ -ms-flex-negative: 1;
+ flex-shrink: 1;
+ display: block;
+}
+
+.c7 {
+ margin-bottom: 0.375rem;
+}
+
+.c12 {
+ margin-left: 0.75rem;
+}
+
+.c13 {
+ margin-top: 0.375rem;
+ margin-bottom: 0.375rem;
+}
+
+.c19 {
+ margin-top: 0.375rem;
+}
+
+.c21 {
+ margin-top: 1.125rem;
+}
+
+.c25 {
+ margin-right: 0.375rem;
+}
+
+.c45 {
+ margin-top: 1.125rem;
+ margin-bottom: 1.875rem;
+}
+
+.c47 {
+ margin-bottom: 1.125rem;
+}
+
+.c49 {
+ margin-bottom: 0.1875rem;
+}
+
+.c4 {
+ padding: 1.875rem;
+}
+
+.c41 {
+ background-color: transparent;
+ -webkit-text-decoration-skip: objects;
+ text-decoration-skip: objects;
+}
+
+.c30 {
+ font-family: sans-serif;
+ font-size: 100%;
+ line-height: 1.15;
+ margin: 0;
+ overflow: visible;
+ text-transform: none;
+ -webkit-appearance: button;
+ -moz-appearance: button;
+ appearance: button;
+}
+
+.c30::-moz-focus-inner,
+.c30[type='button']::-moz-focus-inner,
+.c30[type='reset']::-moz-focus-inner,
+.c30[type='submit']::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
+
+.c30:-moz-focusring,
+.c30[type='button']:-moz-focusring,
+.c30[type='reset']:-moz-focusring,
+.c30[type='submit']:-moz-focusring {
+ outline: 0.0625rem dotted ButtonText;
+}
+
+.c40 {
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+}
+
+.c39 {
+ color: rgb(59,70,204);
+ -webkit-text-fill-color: currentcolor;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+}
+
+.c39:hover {
+ -webkit-text-decoration: none;
+ text-decoration: none;
+}
+
+.c32 {
+ fill: rgb(59,70,204);
+ stroke: rgb(59,70,204);
+ -webkit-animation: iCqDak 1.5s ease-out 0s infinite;
+ animation: iCqDak 1.5s ease-out 0s infinite;
+}
+
+.c33 {
+ -webkit-animation-delay: 0.5s;
+ animation-delay: 0.5s;
+}
+
+.c34 {
+ -webkit-animation-delay: 1s;
+ animation-delay: 1s;
+}
+
+.c31 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-content: center;
+ -ms-flex-line-pack: center;
+ align-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 1.25rem;
+ -webkit-flex: 1 0 auto;
+ -ms-flex: 1 0 auto;
+ flex: 1 0 auto;
+}
+
+.c29 {
+ min-width: 7.5rem;
+}
+
+.c28 {
+ display: inline-block;
+}
+
+.c27 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ color: rgb(70,70,70);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+ cursor: not-allowed;
+ pointer-events: none;
+ color: rgb(216,216,216);
+ background-color: rgb(250,250,250);
+ border-color: rgb(216,216,216);
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ font-weight: 500;
+}
+
+.c27:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c27:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c27[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c27:focus {
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c27:hover {
+ background-color: rgb(247,247,247);
+ border-color: rgb(216,216,216);
+}
+
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
+ background-color: rgb(230,230,230);
+ border-color: rgb(216,216,216);
+}
+
+.c27:focus {
+ background-color: rgb(250,250,250);
+ border-color: rgb(216,216,216);
+}
+
+.c27:hover {
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
+}
+
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
+}
+
+.c36 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ color: rgb(70,70,70);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c36:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c36:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c36:active,
+.c36:active:hover,
+.c36:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c36[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c36:focus {
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c36:hover {
+ background-color: rgb(247,247,247);
+ border-color: rgb(216,216,216);
+}
+
+.c36:active,
+.c36:active:hover,
+.c36:active:focus {
+ background-color: rgb(230,230,230);
+ border-color: rgb(216,216,216);
+}
+
+.c38 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ color: rgb(70,70,70);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ font-weight: 500;
+}
+
+.c38:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c38:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c38:active,
+.c38:active:hover,
+.c38:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c38[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c38:focus {
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c38:hover {
+ background-color: rgb(247,247,247);
+ border-color: rgb(216,216,216);
+}
+
+.c38:active,
+.c38:active:hover,
+.c38:active:focus {
+ background-color: rgb(230,230,230);
+ border-color: rgb(216,216,216);
+}
+
+.c43 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ color: rgb(70,70,70);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+ color: rgb(210,67,58);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(210,67,58);
+ cursor: not-allowed;
+ pointer-events: none;
+ color: rgb(216,216,216);
+ background-color: rgb(250,250,250);
+ border-color: rgb(216,216,216);
+ padding: 0.625rem 1.125rem;
+ font-size: 0.8125rem;
+ min-width: 0rem;
+ min-height: 0rem;
+ height: auto;
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ float: right;
+}
+
+.c43:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c43:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c43:active,
+.c43:active:hover,
+.c43:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c43[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c43:focus {
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c43:hover {
+ background-color: rgb(247,247,247);
+ border-color: rgb(216,216,216);
+}
+
+.c43:active,
+.c43:active:hover,
+.c43:active:focus {
+ background-color: rgb(230,230,230);
+ border-color: rgb(216,216,216);
+}
+
+.c43:focus {
+ color: rgb(205,37,27);
+ background-color: rgb(255,255,255);
+ border-color: rgb(205,37,27);
+}
+
+.c43:hover {
+ color: rgb(205,37,27);
+ background-color: rgb(255,255,255);
+ border-color: rgb(205,37,27);
+}
+
+.c43:active,
+.c43:active:hover,
+.c43:active:focus {
+ background-color: rgba(210,67,58,0.1);
+ border-color: rgb(205,37,27);
+}
+
+.c43:focus {
+ background-color: rgb(250,250,250);
+ border-color: rgb(216,216,216);
+}
+
+.c43:hover {
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
+}
+
+.c43:active,
+.c43:active:hover,
+.c43:active:focus {
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
+}
+
+.c44 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ color: rgb(70,70,70);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+ color: rgb(210,67,58);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(210,67,58);
+ cursor: not-allowed;
+ pointer-events: none;
+ color: rgb(216,216,216);
+ background-color: rgb(250,250,250);
+ border-color: rgb(216,216,216);
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ font-weight: 500;
+ float: right;
+}
+
+.c44:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c44:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c44:active,
+.c44:active:hover,
+.c44:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c44[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c44:focus {
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c44:hover {
+ background-color: rgb(247,247,247);
+ border-color: rgb(216,216,216);
+}
+
+.c44:active,
+.c44:active:hover,
+.c44:active:focus {
+ background-color: rgb(230,230,230);
+ border-color: rgb(216,216,216);
+}
+
+.c44:focus {
+ color: rgb(205,37,27);
+ background-color: rgb(255,255,255);
+ border-color: rgb(205,37,27);
+}
+
+.c44:hover {
+ color: rgb(205,37,27);
+ background-color: rgb(255,255,255);
+ border-color: rgb(205,37,27);
+}
+
+.c44:active,
+.c44:active:hover,
+.c44:active:focus {
+ background-color: rgba(210,67,58,0.1);
+ border-color: rgb(205,37,27);
+}
+
+.c44:focus {
+ background-color: rgb(250,250,250);
+ border-color: rgb(216,216,216);
+}
+
+.c44:hover {
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
+}
+
+.c44:active,
+.c44:active:hover,
+.c44:active:focus {
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
+}
+
+.c18 {
+ width: 0.9375rem;
+ height: 0.9375rem;
+ border-radius: 50%;
+ display: inline-block;
+ margin-right: 0.375rem;
+ margin-left: 0rem;
+}
+
+.c35 {
+ padding: 0;
+ min-width: 2.9375rem;
+ max-width: 2.9375rem;
+ width: 2.9375rem;
+}
+
+.c37 {
+ padding: 0.9375rem 1.125rem;
+}
+
+.c26 {
+ display: inline-block;
+}
+
+.c26 [data-ui-button='true']:not(:first-child) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ border-left: none;
+}
+
+.c26 [data-ui-button='true']:not(:last-child) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.c16 {
+ font-size: 0.9375rem;
+ line-height: 1.125rem;
+ font-style: normal;
+ font-stretch: normal;
+ display: block;
+ color: rgb(70,70,70);
+ text-align: left;
+}
+
+.c9 {
+ margin: 0;
+ color: rgb(73,73,73);
+ font-weight: normal;
+ line-height: 1.875rem;
+ font-size: 1.5rem;
+}
+
+.c46 {
+ height: 1px;
+ background-color: rgb(216,216,216);
+}
+
+.c2 {
+ box-sizing: content-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 0 auto;
+ -ms-flex: 1 0 auto;
+ flex: 1 0 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ position: relative;
+ border-width: 0.0625rem;
+ border-style: solid;
+ -webkit-transition: all 300ms ease;
+ transition: all 300ms ease;
+ color: rgb(73,73,73);
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c3 {
+ box-sizing: border-box;
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ border-width: 0;
+ background-color: transparent;
+}
+
+.c52 {
+ box-sizing: border-box;
+ width: 18.75rem;
+ height: 3rem;
+ min-height: 3rem;
+ padding: 0.8125rem 0.75rem;
+ border-radius: 0.25rem;
+ background-color: rgb(255,255,255);
+ border: 0.0625rem solid rgb(216,216,216);
+ color: rgb(73,73,73);
+ font-size: 0.9375rem;
+ line-height: normal !important;
+ font-style: normal;
+ font-stretch: normal;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ outline: 0;
+ font-family: "Roboto Mono",monospace;
+ width: 100%;
+ min-width: 100%;
+ text-overflow: ellipsis;
+}
+
+.c52:focus {
+ border-color: rgb(59,70,204);
+ outline: 0;
+}
+
+.c52::-webkit-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c52::-moz-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c52:-ms-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c52:invalid {
+ box-shadow: none;
+}
+
+.c52:disabled {
+ background-color: rgb(250,250,250);
+ color: rgb(216,216,216);
+ cursor: not-allowed;
+}
+
+.c52:disabled::-webkit-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c52:disabled::-moz-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c52:disabled:-ms-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c52:disabled {
+ color: rgb(73,73,73);
+}
+
+.c52:disabled::-webkit-input-placeholder {
+ color: rgb(73,73,73);
+}
+
+.c52:disabled::-moz-placeholder {
+ color: rgb(73,73,73);
+}
+
+.c52:disabled:-ms-input-placeholder {
+ color: rgb(73,73,73);
+}
+
+.c54 {
+ box-sizing: border-box;
+ width: 18.75rem;
+ height: 3rem;
+ min-height: 3rem;
+ padding: 0.8125rem 0.75rem;
+ border-radius: 0.25rem;
+ background-color: rgb(255,255,255);
+ border: 0.0625rem solid rgb(216,216,216);
+ color: rgb(73,73,73);
+ font-size: 0.9375rem;
+ line-height: normal !important;
+ font-style: normal;
+ font-stretch: normal;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ outline: 0;
+ font-family: "Roboto Mono",monospace;
+ width: 100%;
+ min-width: 100%;
+}
+
+.c54:focus {
+ border-color: rgb(59,70,204);
+ outline: 0;
+}
+
+.c54::-webkit-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c54::-moz-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c54:-ms-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c54:invalid {
+ box-shadow: none;
+}
+
+.c54:disabled {
+ background-color: rgb(250,250,250);
+ color: rgb(216,216,216);
+ cursor: not-allowed;
+}
+
+.c54:disabled::-webkit-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c54:disabled::-moz-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c54:disabled:-ms-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c54:disabled {
+ color: rgb(73,73,73);
+}
+
+.c54:disabled::-webkit-input-placeholder {
+ color: rgb(73,73,73);
+}
+
+.c54:disabled::-moz-placeholder {
+ color: rgb(73,73,73);
+}
+
+.c54:disabled:-ms-input-placeholder {
+ color: rgb(73,73,73);
+}
+
+.c50 {
+ font-weight: 600;
+ white-space: pre;
+ font-size: 0.8125rem;
+}
+
+.c51 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+
+.c51 input {
+ padding-right: 1.875rem;
+}
+
+.c51 div {
+ position: relative;
+ left: -1.625rem;
+}
+
+.c53 {
+ cursor: pointer;
+}
+
+.c15 {
+ font-weight: 200;
+}
+
+.c20 {
+ opacity: 0.5;
+ padding-right: 0.1875rem;
+}
+
+.c14 {
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+}
+
+.c11 {
+ cursor: pointer;
+}
+
+.c17 {
+ width: 0.0625rem;
+ background: rgb(216,216,216);
+ height: 1.5rem;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-align-self: flex-end;
+ -ms-flex-item-align: end;
+ align-self: flex-end;
+ margin: 0 0.75rem;
+}
+
+.c8 {
+ margin: 0;
+}
+
+@media only screen and (min-width:0em) {
+ .c5 {
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ }
+}
+
+@media only screen and (min-width:0em) {
+ .c22 {
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ }
+}
+
+@media only screen and (min-width:0em) {
+ .c1 {
+ -webkit-flex-basis: 100%;
+ -ms-flex-preferred-size: 100%;
+ flex-basis: 100%;
+ max-width: 100%;
+ }
+}
+
+@media only screen and (min-width:48em) {
+ .c1 {
+ -webkit-flex-basis: 100%;
+ -ms-flex-preferred-size: 100%;
+ flex-basis: 100%;
+ max-width: 100%;
+ }
+}
+
+@media only screen and (min-width:64em) {
+ .c1 {
+ -webkit-flex-basis: 75%;
+ -ms-flex-preferred-size: 75%;
+ flex-basis: 75%;
+ max-width: 75%;
+ }
+}
+
+@media only screen and (min-width:0em) {
+ .c6 {
+ -webkit-flex-basis: 100%;
+ -ms-flex-preferred-size: 100%;
+ flex-basis: 100%;
+ max-width: 100%;
+ }
+}
+
+@media only screen and (min-width:0em) {
+ .c23 {
+ -webkit-flex-basis: 75%;
+ -ms-flex-preferred-size: 75%;
+ flex-basis: 75%;
+ max-width: 75%;
+ }
+}
+
+@media only screen and (min-width:0em) {
+ .c42 {
+ -webkit-flex-basis: 25%;
+ -ms-flex-preferred-size: 25%;
+ flex-basis: 25%;
+ max-width: 25%;
+ }
+}
+
+@media only screen and (min-width:0em) {
+ .c48 {
+ -webkit-flex-basis: 100%;
+ -ms-flex-preferred-size: 100%;
+ flex-basis: 100%;
+ max-width: 100%;
+ }
+}
+
+@media only screen and (min-width:64em) {
+ .c48 {
+ -webkit-flex-basis: 58.333333333333336%;
+ -ms-flex-preferred-size: 58.333333333333336%;
+ flex-basis: 58.333333333333336%;
+ max-width: 58.333333333333336%;
+ }
+}
+
+@media (max-width:47.9375rem) {
+ .c17 {
+ display: none;
+ }
+}
+
+
+
+
+
+
+
+
+
+
+ Custom Image
+
+
+
+ Hardware virtual machine
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Created:
+
+
+
+ almost NaN years
+ ago
+
+
+
+
+
+ Updated:
+
+
+
+ almost NaN years
+ ago
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`renders without throwing 1`] = `
+.c0 {
+ box-sizing: border-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-right: -0.625rem;
+ margin-left: -0.625rem;
+}
+
+.c5 {
+ box-sizing: border-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-right: -0.625rem;
+ margin-left: -0.625rem;
+}
+
+.c22 {
+ box-sizing: border-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-right: -0.625rem;
+ margin-left: -0.625rem;
+}
+
+.c1 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c6 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c23 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c38 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c44 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c10 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+}
+
+.c24 {
+ -webkit-order: 0;
+ -ms-flex-order: 0;
+ order: 0;
+ -webkit-flex-basis: auto;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+ -webkit-box-flex: 0;
+ -webkit-flex-grow: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ -webkit-flex-shrink: 1;
+ -ms-flex-negative: 1;
+ flex-shrink: 1;
+ display: block;
+}
+
+.c7 {
+ margin-bottom: 0.375rem;
+}
+
+.c12 {
+ margin-left: 0.75rem;
+}
+
+.c13 {
+ margin-top: 0.375rem;
+ margin-bottom: 0.375rem;
+}
+
+.c19 {
+ margin-top: 0.375rem;
+}
+
+.c21 {
+ margin-top: 1.125rem;
+}
+
+.c25 {
+ margin-right: 0.375rem;
+}
+
+.c31 {
+ margin-right: 0.75rem;
+}
+
+.c41 {
+ margin-top: 1.125rem;
+ margin-bottom: 1.875rem;
+}
+
+.c43 {
+ margin-bottom: 1.125rem;
+}
+
+.c45 {
+ margin-bottom: 0.1875rem;
+}
+
+.c4 {
+ padding: 1.875rem;
+}
+
+.c37 {
+ background-color: transparent;
+ -webkit-text-decoration-skip: objects;
+ text-decoration-skip: objects;
+}
+
+.c30 {
+ font-family: sans-serif;
+ font-size: 100%;
+ line-height: 1.15;
+ margin: 0;
+ overflow: visible;
+ text-transform: none;
+ -webkit-appearance: button;
+ -moz-appearance: button;
+ appearance: button;
+}
+
+.c30::-moz-focus-inner,
+.c30[type='button']::-moz-focus-inner,
+.c30[type='reset']::-moz-focus-inner,
+.c30[type='submit']::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
+
+.c30:-moz-focusring,
+.c30[type='button']:-moz-focusring,
+.c30[type='reset']:-moz-focusring,
+.c30[type='submit']:-moz-focusring {
+ outline: 0.0625rem dotted ButtonText;
+}
+
+.c36 {
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+}
+
+.c35 {
+ color: rgb(59,70,204);
+ -webkit-text-fill-color: currentcolor;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+}
+
+.c35:hover {
+ -webkit-text-decoration: none;
+ text-decoration: none;
+}
+
+.c29 {
+ min-width: 7.5rem;
+}
+
+.c28 {
+ display: inline-block;
+}
+
+.c33 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ color: rgb(70,70,70);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c33:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c33:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c33[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c33:focus {
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c33:hover {
+ background-color: rgb(247,247,247);
+ border-color: rgb(216,216,216);
+}
+
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
+ background-color: rgb(230,230,230);
+ border-color: rgb(216,216,216);
+}
+
+.c27 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ color: rgb(70,70,70);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ font-weight: 500;
+}
+
+.c27:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c27:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c27[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c27:focus {
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c27:hover {
+ background-color: rgb(247,247,247);
+ border-color: rgb(216,216,216);
+}
+
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
+ background-color: rgb(230,230,230);
+ border-color: rgb(216,216,216);
+}
+
+.c39 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ color: rgb(70,70,70);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+ color: rgb(210,67,58);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(210,67,58);
+ padding: 0.625rem 1.125rem;
+ font-size: 0.8125rem;
+ min-width: 0rem;
+ min-height: 0rem;
+ height: auto;
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ float: right;
+}
+
+.c39:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c39:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c39:active,
+.c39:active:hover,
+.c39:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c39[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c39:focus {
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c39:hover {
+ background-color: rgb(247,247,247);
+ border-color: rgb(216,216,216);
+}
+
+.c39:active,
+.c39:active:hover,
+.c39:active:focus {
+ background-color: rgb(230,230,230);
+ border-color: rgb(216,216,216);
+}
+
+.c39:focus {
+ color: rgb(205,37,27);
+ background-color: rgb(255,255,255);
+ border-color: rgb(205,37,27);
+}
+
+.c39:hover {
+ color: rgb(205,37,27);
+ background-color: rgb(255,255,255);
+ border-color: rgb(205,37,27);
+}
+
+.c39:active,
+.c39:active:hover,
+.c39:active:focus {
+ background-color: rgba(210,67,58,0.1);
+ border-color: rgb(205,37,27);
+}
+
+.c40 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ color: rgb(70,70,70);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+ color: rgb(210,67,58);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(210,67,58);
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ font-weight: 500;
+ float: right;
+}
+
+.c40:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c40:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c40:active,
+.c40:active:hover,
+.c40:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c40[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c40:focus {
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c40:hover {
+ background-color: rgb(247,247,247);
+ border-color: rgb(216,216,216);
+}
+
+.c40:active,
+.c40:active:hover,
+.c40:active:focus {
+ background-color: rgb(230,230,230);
+ border-color: rgb(216,216,216);
+}
+
+.c40:focus {
+ color: rgb(205,37,27);
+ background-color: rgb(255,255,255);
+ border-color: rgb(205,37,27);
+}
+
+.c40:hover {
+ color: rgb(205,37,27);
+ background-color: rgb(255,255,255);
+ border-color: rgb(205,37,27);
+}
+
+.c40:active,
+.c40:active:hover,
+.c40:active:focus {
+ background-color: rgba(210,67,58,0.1);
+ border-color: rgb(205,37,27);
+}
+
+.c18 {
+ width: 0.9375rem;
+ height: 0.9375rem;
+ border-radius: 50%;
+ background-color: rgb(0,152,88);
+ display: inline-block;
+ margin-right: 0.375rem;
+ margin-left: 0rem;
+}
+
+.c32 {
+ padding: 0;
+ min-width: 2.9375rem;
+ max-width: 2.9375rem;
+ width: 2.9375rem;
+}
+
+.c34 {
+ padding: 0.9375rem 1.125rem;
+}
+
+.c26 {
+ display: inline-block;
+}
+
+.c26 [data-ui-button='true']:not(:first-child) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ border-left: none;
+}
+
+.c26 [data-ui-button='true']:not(:last-child) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.c16 {
font-size: 0.9375rem;
line-height: 1.125rem;
font-style: normal;
@@ -10396,7 +8578,11 @@ exports[`renders without throwing 1`] = `
cursor: pointer;
}
-.c19 {
+.c15 {
+ font-weight: 200;
+}
+
+.c20 {
opacity: 0.5;
padding-right: 0.1875rem;
}
@@ -10407,26 +8593,11 @@ exports[`renders without throwing 1`] = `
text-overflow: ellipsis;
}
-.c10 {
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
-}
-
.c11 {
cursor: pointer;
}
-.c16 {
+.c17 {
width: 0.0625rem;
background: rgb(216,216,216);
height: 1.5rem;
@@ -10444,10 +8615,6 @@ exports[`renders without throwing 1`] = `
margin: 0;
}
-.c23 {
- margin-right: 0.375rem;
-}
-
@media only screen and (min-width:0em) {
.c5 {
-webkit-align-items: center;
@@ -10458,7 +8625,7 @@ exports[`renders without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c21 {
+ .c22 {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
@@ -10503,7 +8670,7 @@ exports[`renders without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c22 {
+ .c23 {
-webkit-flex-basis: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
@@ -10539,13 +8706,7 @@ exports[`renders without throwing 1`] = `
}
@media (max-width:47.9375rem) {
- .c10 {
- display: block;
- }
-}
-
-@media (max-width:47.9375rem) {
- .c16 {
+ .c17 {
display: none;
}
}
@@ -10612,32 +8773,32 @@ exports[`renders without throwing 1`] = `
className="c10"
>
Custom Image
Hardware virtual machine
@@ -10645,7 +8806,7 @@ exports[`renders without throwing 1`] = `
without throwing 1`] = `
className="c10"
>
Created:
almost NaN years
@@ -10667,18 +8828,18 @@ exports[`renders without throwing 1`] = `
Updated:
almost NaN years
@@ -10689,328 +8850,117 @@ exports[`renders without throwing 1`] = `
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Start
-
-
-
-
-
-
-
-
-
-
-
-
- Stop
-
-
-
-
-
-
-
-
-
-
-
-
- Reboot
-
-
-
+ Create Image
+
+
+
without throwing 1`] = `
query="only screen and (max-width: 47.9375rem)"
>
without throwing 1`] = `
type="button"
>
without throwing 1`] = `
query="only screen and (min-width: 48rem)"
>
without throwing 1`] = `
type="button"
>
without throwing 1`] = `
- Remove
+ Delete
@@ -11112,7 +9062,7 @@ exports[`renders
without throwing 1`] = `
className="c45"
>
Short ID
@@ -11175,7 +9125,7 @@ exports[`renders without throwing 1`] = `
className="c45"
>
ID
@@ -11238,7 +9188,7 @@ exports[`renders without throwing 1`] = `
className="c45"
>
CN UUID
@@ -11301,7 +9251,7 @@ exports[`renders without throwing 1`] = `
className="c45"
>
Login
@@ -11397,7 +9347,7 @@ exports[`renders without throwing 2`] = `
margin-left: -0.625rem;
}
-.c21 {
+.c22 {
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
@@ -11436,7 +9386,7 @@ exports[`renders without throwing 2`] = `
display: block;
}
-.c22 {
+.c23 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
@@ -11466,6 +9416,43 @@ exports[`renders without throwing 2`] = `
display: block;
}
+.c10 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+}
+
+.c24 {
+ -webkit-order: 0;
+ -ms-flex-order: 0;
+ order: 0;
+ -webkit-flex-basis: auto;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+ -webkit-box-flex: 0;
+ -webkit-flex-grow: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ -webkit-flex-shrink: 1;
+ -ms-flex-negative: 1;
+ flex-shrink: 1;
+ display: block;
+}
+
.c7 {
margin-bottom: 0.375rem;
}
@@ -11479,15 +9466,19 @@ exports[`renders without throwing 2`] = `
margin-bottom: 0.375rem;
}
-.c18 {
+.c19 {
margin-top: 0.375rem;
}
-.c20 {
+.c21 {
margin-top: 1.125rem;
}
-.c34 {
+.c25 {
+ margin-right: 0.375rem;
+}
+
+.c31 {
margin-right: 0.75rem;
}
@@ -11508,21 +9499,13 @@ exports[`renders without throwing 2`] = `
padding: 1.875rem;
}
-.c29 {
- padding-top: 0.1875rem;
-}
-
-.c30 {
- padding-top: 0rem;
-}
-
-.c28 {
+.c37 {
background-color: transparent;
-webkit-text-decoration-skip: objects;
text-decoration-skip: objects;
}
-.c33 {
+.c30 {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
@@ -11534,583 +9517,224 @@ exports[`renders without throwing 2`] = `
appearance: button;
}
-.c33::-moz-focus-inner,
-.c33[type='button']::-moz-focus-inner,
-.c33[type='reset']::-moz-focus-inner,
-.c33[type='submit']::-moz-focus-inner {
+.c30::-moz-focus-inner,
+.c30[type='button']::-moz-focus-inner,
+.c30[type='reset']::-moz-focus-inner,
+.c30[type='submit']::-moz-focus-inner {
border-style: none;
padding: 0;
}
-.c33:-moz-focusring,
-.c33[type='button']:-moz-focusring,
-.c33[type='reset']:-moz-focusring,
-.c33[type='submit']:-moz-focusring {
+.c30:-moz-focusring,
+.c30[type='button']:-moz-focusring,
+.c30[type='reset']:-moz-focusring,
+.c30[type='submit']:-moz-focusring {
outline: 0.0625rem dotted ButtonText;
}
-.c27 {
+.c36 {
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
}
-.c26 {
+.c35 {
color: rgb(59,70,204);
-webkit-text-fill-color: currentcolor;
color: rgb(255,255,255);
-webkit-text-fill-color: currentcolor;
}
-.c26:hover {
- -webkit-text-decoration: none;
- text-decoration: none;
-}
-
-.c32 {
- min-width: 7.5rem;
-}
-
-.c25 {
- display: inline-block;
-}
-
-.c24 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- -webkit-text-decoration: none;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
- background-image: none;
- background-color: rgb(59,70,204);
- border-radius: 0.25rem;
- border: solid 0.0625rem rgb(45,56,132);
- color: rgb(70,70,70);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- padding: 0.625rem 1.125rem;
- font-size: 0.8125rem;
- min-width: 0rem;
- min-height: 0rem;
- height: auto;
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- font-weight: 500;
-}
-
-.c24:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c24:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c24:active,
-.c24:active:hover,
-.c24:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c24[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c24:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c24:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c24:active,
-.c24:active:hover,
-.c24:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
-.c36 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- -webkit-text-decoration: none;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
- background-image: none;
- background-color: rgb(59,70,204);
- border-radius: 0.25rem;
- border: solid 0.0625rem rgb(45,56,132);
- color: rgb(70,70,70);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- cursor: not-allowed;
- pointer-events: none;
- color: rgb(216,216,216);
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
- padding: 0.625rem 1.125rem;
- font-size: 0.8125rem;
- min-width: 0rem;
- min-height: 0rem;
- height: auto;
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-
-.c36:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c36:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c36:active,
-.c36:active:hover,
-.c36:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c36[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c36:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c36:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c36:active,
-.c36:active:hover,
-.c36:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
-.c36:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
-}
-
-.c36:hover {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c36:active,
-.c36:active:hover,
-.c36:active:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c37 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- -webkit-text-decoration: none;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
- background-image: none;
- background-color: rgb(59,70,204);
- border-radius: 0.25rem;
- border: solid 0.0625rem rgb(45,56,132);
- color: rgb(70,70,70);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- cursor: not-allowed;
- pointer-events: none;
- color: rgb(216,216,216);
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- font-weight: 500;
-}
-
-.c37:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c37:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c37:active,
-.c37:active:hover,
-.c37:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c37[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c37:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c37:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c37:active,
-.c37:active:hover,
-.c37:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
-.c37:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
-}
-
-.c37:hover {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c37:active,
-.c37:active:hover,
-.c37:active:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c31 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- -webkit-text-decoration: none;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
- background-image: none;
- background-color: rgb(59,70,204);
- border-radius: 0.25rem;
- border: solid 0.0625rem rgb(45,56,132);
- color: rgb(70,70,70);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- padding: 0.625rem 1.125rem;
- font-size: 0.8125rem;
- min-width: 0rem;
- min-height: 0rem;
- height: auto;
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-
-.c31:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c31:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c31[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c31:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c31:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
-.c35 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- -webkit-text-decoration: none;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
- background-image: none;
- background-color: rgb(59,70,204);
- border-radius: 0.25rem;
- border: solid 0.0625rem rgb(45,56,132);
- color: rgb(70,70,70);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- font-weight: 500;
-}
-
-.c35:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
.c35:hover {
+ -webkit-text-decoration: none;
+ text-decoration: none;
+}
+
+.c29 {
+ min-width: 7.5rem;
+}
+
+.c28 {
+ display: inline-block;
+}
+
+.c33 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ color: rgb(70,70,70);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c33:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c33:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c35:active,
-.c35:active:hover,
-.c35:active:focus {
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c35[disabled] {
+.c33[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c35:focus {
+.c33:focus {
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
-.c35:hover {
+.c33:hover {
background-color: rgb(247,247,247);
border-color: rgb(216,216,216);
}
-.c35:active,
-.c35:active:hover,
-.c35:active:focus {
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
+ background-color: rgb(230,230,230);
+ border-color: rgb(216,216,216);
+}
+
+.c27 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ color: rgb(70,70,70);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ font-weight: 500;
+}
+
+.c27:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c27:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c27[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c27:focus {
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c27:hover {
+ background-color: rgb(247,247,247);
+ border-color: rgb(216,216,216);
+}
+
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
background-color: rgb(230,230,230);
border-color: rgb(216,216,216);
}
@@ -12136,7 +9760,6 @@ exports[`renders without throwing 2`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -12261,7 +9884,6 @@ exports[`renders without throwing 2`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -12361,7 +9983,7 @@ exports[`renders without throwing 2`] = `
border-color: rgb(205,37,27);
}
-.c17 {
+.c18 {
width: 0.9375rem;
height: 0.9375rem;
border-radius: 50%;
@@ -12371,7 +9993,33 @@ exports[`renders without throwing 2`] = `
margin-left: 0rem;
}
-.c15 {
+.c32 {
+ padding: 0;
+ min-width: 2.9375rem;
+ max-width: 2.9375rem;
+ width: 2.9375rem;
+}
+
+.c34 {
+ padding: 0.9375rem 1.125rem;
+}
+
+.c26 {
+ display: inline-block;
+}
+
+.c26 [data-ui-button='true']:not(:first-child) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ border-left: none;
+}
+
+.c26 [data-ui-button='true']:not(:last-child) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.c16 {
font-size: 0.9375rem;
line-height: 1.125rem;
font-style: normal;
@@ -12619,7 +10267,11 @@ exports[`renders without throwing 2`] = `
cursor: pointer;
}
-.c19 {
+.c15 {
+ font-weight: 200;
+}
+
+.c20 {
opacity: 0.5;
padding-right: 0.1875rem;
}
@@ -12630,26 +10282,11 @@ exports[`renders without throwing 2`] = `
text-overflow: ellipsis;
}
-.c10 {
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
-}
-
.c11 {
cursor: pointer;
}
-.c16 {
+.c17 {
width: 0.0625rem;
background: rgb(216,216,216);
height: 1.5rem;
@@ -12667,10 +10304,6 @@ exports[`renders without throwing 2`] = `
margin: 0;
}
-.c23 {
- margin-right: 0.375rem;
-}
-
@media only screen and (min-width:0em) {
.c5 {
-webkit-align-items: center;
@@ -12681,7 +10314,7 @@ exports[`renders without throwing 2`] = `
}
@media only screen and (min-width:0em) {
- .c21 {
+ .c22 {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
@@ -12726,7 +10359,7 @@ exports[`renders without throwing 2`] = `
}
@media only screen and (min-width:0em) {
- .c22 {
+ .c23 {
-webkit-flex-basis: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
@@ -12762,13 +10395,7 @@ exports[`renders without throwing 2`] = `
}
@media (max-width:47.9375rem) {
- .c10 {
- display: block;
- }
-}
-
-@media (max-width:47.9375rem) {
- .c16 {
+ .c17 {
display: none;
}
}
@@ -12835,32 +10462,32 @@ exports[`renders without throwing 2`] = `
className="c10"
>
Custom Image
Hardware virtual machine
@@ -12868,7 +10495,7 @@ exports[`renders without throwing 2`] = `
without throwing 2`] = `
className="c10"
>
Created:
almost NaN years
@@ -12890,18 +10517,18 @@ exports[`renders without throwing 2`] = `
Updated:
almost NaN years
@@ -12912,328 +10539,117 @@ exports[`renders without throwing 2`] = `
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Start
-
-
-
-
-
-
-
-
-
-
-
-
- Stop
-
-
-
-
-
-
-
-
-
-
-
-
- Reboot
-
-
-
+ Create Image
+
+
+
without throwing 2`] = `
query="only screen and (max-width: 47.9375rem)"
>
without throwing 2`] = `
type="button"
>
without throwing 2`] = `
query="only screen and (min-width: 48rem)"
>
without throwing 2`] = `
type="button"
>
without throwing 2`] = `
- Remove
+ Delete
@@ -13335,7 +10751,7 @@ exports[`renders
without throwing 2`] = `
className="c45"
>
Short ID
@@ -13398,7 +10814,7 @@ exports[`renders without throwing 2`] = `
className="c45"
>
ID
@@ -13461,7 +10877,7 @@ exports[`renders without throwing 2`] = `
className="c45"
>
CN UUID
@@ -13524,7 +10940,7 @@ exports[`renders without throwing 2`] = `
className="c45"
>
Login
@@ -13620,7 +11036,7 @@ exports[`renders without throwing 3`] = `
margin-left: -0.625rem;
}
-.c21 {
+.c22 {
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
@@ -13659,7 +11075,7 @@ exports[`renders without throwing 3`] = `
display: block;
}
-.c22 {
+.c23 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
@@ -13669,7 +11085,7 @@ exports[`renders without throwing 3`] = `
display: block;
}
-.c36 {
+.c39 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
@@ -13679,7 +11095,7 @@ exports[`renders without throwing 3`] = `
display: block;
}
-.c42 {
+.c45 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
@@ -13689,6 +11105,43 @@ exports[`renders without throwing 3`] = `
display: block;
}
+.c10 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+}
+
+.c24 {
+ -webkit-order: 0;
+ -ms-flex-order: 0;
+ order: 0;
+ -webkit-flex-basis: auto;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+ -webkit-box-flex: 0;
+ -webkit-flex-grow: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ -webkit-flex-shrink: 1;
+ -ms-flex-negative: 1;
+ flex-shrink: 1;
+ display: block;
+}
+
.c7 {
margin-bottom: 0.375rem;
}
@@ -13702,28 +11155,32 @@ exports[`renders without throwing 3`] = `
margin-bottom: 0.375rem;
}
-.c18 {
+.c19 {
margin-top: 0.375rem;
}
-.c20 {
+.c21 {
margin-top: 1.125rem;
}
-.c34 {
+.c25 {
+ margin-right: 0.375rem;
+}
+
+.c31 {
margin-right: 0.75rem;
}
-.c39 {
+.c42 {
margin-top: 1.125rem;
margin-bottom: 1.875rem;
}
-.c41 {
+.c44 {
margin-bottom: 1.125rem;
}
-.c43 {
+.c46 {
margin-bottom: 0.1875rem;
}
@@ -13731,21 +11188,13 @@ exports[`renders without throwing 3`] = `
padding: 1.875rem;
}
-.c29 {
- padding-top: 0.1875rem;
-}
-
-.c30 {
- padding-top: 0rem;
-}
-
-.c28 {
+.c38 {
background-color: transparent;
-webkit-text-decoration-skip: objects;
text-decoration-skip: objects;
}
-.c33 {
+.c30 {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
@@ -13757,46 +11206,46 @@ exports[`renders without throwing 3`] = `
appearance: button;
}
-.c33::-moz-focus-inner,
-.c33[type='button']::-moz-focus-inner,
-.c33[type='reset']::-moz-focus-inner,
-.c33[type='submit']::-moz-focus-inner {
+.c30::-moz-focus-inner,
+.c30[type='button']::-moz-focus-inner,
+.c30[type='reset']::-moz-focus-inner,
+.c30[type='submit']::-moz-focus-inner {
border-style: none;
padding: 0;
}
-.c33:-moz-focusring,
-.c33[type='button']:-moz-focusring,
-.c33[type='reset']:-moz-focusring,
-.c33[type='submit']:-moz-focusring {
+.c30:-moz-focusring,
+.c30[type='button']:-moz-focusring,
+.c30[type='reset']:-moz-focusring,
+.c30[type='submit']:-moz-focusring {
outline: 0.0625rem dotted ButtonText;
}
-.c27 {
+.c37 {
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
}
-.c26 {
+.c36 {
color: rgb(59,70,204);
-webkit-text-fill-color: currentcolor;
color: rgb(255,255,255);
-webkit-text-fill-color: currentcolor;
}
-.c26:hover {
+.c36:hover {
-webkit-text-decoration: none;
text-decoration: none;
}
-.c32 {
+.c29 {
min-width: 7.5rem;
}
-.c25 {
+.c28 {
display: inline-block;
}
-.c24 {
+.c27 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -13817,109 +11266,6 @@ exports[`renders without throwing 3`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- -webkit-text-decoration: none;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
- background-image: none;
- background-color: rgb(59,70,204);
- border-radius: 0.25rem;
- border: solid 0.0625rem rgb(45,56,132);
- color: rgb(70,70,70);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- padding: 0.625rem 1.125rem;
- font-size: 0.8125rem;
- min-width: 0rem;
- min-height: 0rem;
- height: auto;
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- font-weight: 500;
-}
-
-.c24:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c24:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c24:active,
-.c24:active:hover,
-.c24:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c24[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c24:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c24:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c24:active,
-.c24:active:hover,
-.c24:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
-.c31 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -13945,11 +11291,6 @@ exports[`renders without throwing 3`] = `
color: rgb(216,216,216);
background-color: rgb(250,250,250);
border-color: rgb(216,216,216);
- padding: 0.625rem 1.125rem;
- font-size: 0.8125rem;
- min-width: 0rem;
- min-height: 0rem;
- height: auto;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
@@ -13958,9 +11299,10 @@ exports[`renders without throwing 3`] = `
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
+ font-weight: 500;
}
-.c31:focus {
+.c27:focus {
outline: 0;
-webkit-text-decoration: none;
text-decoration: none;
@@ -13968,59 +11310,146 @@ exports[`renders without throwing 3`] = `
border-color: rgb(45,56,132);
}
-.c31:hover {
+.c27:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c31[disabled] {
+.c27[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c31:focus {
+.c27:focus {
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
-.c31:hover {
+.c27:hover {
background-color: rgb(247,247,247);
border-color: rgb(216,216,216);
}
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
background-color: rgb(230,230,230);
border-color: rgb(216,216,216);
}
-.c31:focus {
+.c27:focus {
background-color: rgb(250,250,250);
border-color: rgb(216,216,216);
}
-.c31:hover {
+.c27:hover {
background-color: rgb(250,250,250);
border-color: rgb(250,250,250);
}
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
background-color: rgb(250,250,250);
border-color: rgb(250,250,250);
}
+.c33 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ color: rgb(70,70,70);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c33:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c33:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c33[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c33:focus {
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c33:hover {
+ background-color: rgb(247,247,247);
+ border-color: rgb(216,216,216);
+}
+
+.c33:active,
+.c33:active:hover,
+.c33:active:focus {
+ background-color: rgb(230,230,230);
+ border-color: rgb(216,216,216);
+}
+
.c35 {
box-sizing: border-box;
display: inline-block;
@@ -14042,7 +11471,6 @@ exports[`renders without throwing 3`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -14063,11 +11491,6 @@ exports[`renders without throwing 3`] = `
-webkit-text-fill-color: currentcolor;
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
- cursor: not-allowed;
- pointer-events: none;
- color: rgb(216,216,216);
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
@@ -14123,24 +11546,7 @@ exports[`renders without throwing 3`] = `
border-color: rgb(216,216,216);
}
-.c35:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
-}
-
-.c35:hover {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c35:active,
-.c35:active:hover,
-.c35:active:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c37 {
+.c40 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -14161,7 +11567,6 @@ exports[`renders without throwing 3`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -14207,7 +11612,7 @@ exports[`renders without throwing 3`] = `
float: right;
}
-.c37:focus {
+.c40:focus {
outline: 0;
-webkit-text-decoration: none;
text-decoration: none;
@@ -14215,79 +11620,79 @@ exports[`renders without throwing 3`] = `
border-color: rgb(45,56,132);
}
-.c37:hover {
+.c40:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c37:active,
-.c37:active:hover,
-.c37:active:focus {
+.c40:active,
+.c40:active:hover,
+.c40:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c37[disabled] {
+.c40[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c37:focus {
+.c40:focus {
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
-.c37:hover {
+.c40:hover {
background-color: rgb(247,247,247);
border-color: rgb(216,216,216);
}
-.c37:active,
-.c37:active:hover,
-.c37:active:focus {
+.c40:active,
+.c40:active:hover,
+.c40:active:focus {
background-color: rgb(230,230,230);
border-color: rgb(216,216,216);
}
-.c37:focus {
+.c40:focus {
color: rgb(205,37,27);
background-color: rgb(255,255,255);
border-color: rgb(205,37,27);
}
-.c37:hover {
+.c40:hover {
color: rgb(205,37,27);
background-color: rgb(255,255,255);
border-color: rgb(205,37,27);
}
-.c37:active,
-.c37:active:hover,
-.c37:active:focus {
+.c40:active,
+.c40:active:hover,
+.c40:active:focus {
background-color: rgba(210,67,58,0.1);
border-color: rgb(205,37,27);
}
-.c37:focus {
+.c40:focus {
background-color: rgb(250,250,250);
border-color: rgb(216,216,216);
}
-.c37:hover {
+.c40:hover {
background-color: rgb(250,250,250);
border-color: rgb(250,250,250);
}
-.c37:active,
-.c37:active:hover,
-.c37:active:focus {
+.c40:active,
+.c40:active:hover,
+.c40:active:focus {
background-color: rgb(250,250,250);
border-color: rgb(250,250,250);
}
-.c38 {
+.c41 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -14308,7 +11713,6 @@ exports[`renders without throwing 3`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -14350,7 +11754,7 @@ exports[`renders without throwing 3`] = `
float: right;
}
-.c38:focus {
+.c41:focus {
outline: 0;
-webkit-text-decoration: none;
text-decoration: none;
@@ -14358,79 +11762,79 @@ exports[`renders without throwing 3`] = `
border-color: rgb(45,56,132);
}
-.c38:hover {
+.c41:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c38:active,
-.c38:active:hover,
-.c38:active:focus {
+.c41:active,
+.c41:active:hover,
+.c41:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c38[disabled] {
+.c41[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c38:focus {
+.c41:focus {
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
-.c38:hover {
+.c41:hover {
background-color: rgb(247,247,247);
border-color: rgb(216,216,216);
}
-.c38:active,
-.c38:active:hover,
-.c38:active:focus {
+.c41:active,
+.c41:active:hover,
+.c41:active:focus {
background-color: rgb(230,230,230);
border-color: rgb(216,216,216);
}
-.c38:focus {
+.c41:focus {
color: rgb(205,37,27);
background-color: rgb(255,255,255);
border-color: rgb(205,37,27);
}
-.c38:hover {
+.c41:hover {
color: rgb(205,37,27);
background-color: rgb(255,255,255);
border-color: rgb(205,37,27);
}
-.c38:active,
-.c38:active:hover,
-.c38:active:focus {
+.c41:active,
+.c41:active:hover,
+.c41:active:focus {
background-color: rgba(210,67,58,0.1);
border-color: rgb(205,37,27);
}
-.c38:focus {
+.c41:focus {
background-color: rgb(250,250,250);
border-color: rgb(216,216,216);
}
-.c38:hover {
+.c41:hover {
background-color: rgb(250,250,250);
border-color: rgb(250,250,250);
}
-.c38:active,
-.c38:active:hover,
-.c38:active:focus {
+.c41:active,
+.c41:active:hover,
+.c41:active:focus {
background-color: rgb(250,250,250);
border-color: rgb(250,250,250);
}
-.c17 {
+.c18 {
width: 0.9375rem;
height: 0.9375rem;
border-radius: 50%;
@@ -14440,7 +11844,33 @@ exports[`renders without throwing 3`] = `
margin-left: 0rem;
}
-.c15 {
+.c32 {
+ padding: 0;
+ min-width: 2.9375rem;
+ max-width: 2.9375rem;
+ width: 2.9375rem;
+}
+
+.c34 {
+ padding: 0.9375rem 1.125rem;
+}
+
+.c26 {
+ display: inline-block;
+}
+
+.c26 [data-ui-button='true']:not(:first-child) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ border-left: none;
+}
+
+.c26 [data-ui-button='true']:not(:last-child) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.c16 {
font-size: 0.9375rem;
line-height: 1.125rem;
font-style: normal;
@@ -14458,7 +11888,7 @@ exports[`renders without throwing 3`] = `
font-size: 1.5rem;
}
-.c40 {
+.c43 {
height: 1px;
background-color: rgb(216,216,216);
}
@@ -14501,7 +11931,7 @@ exports[`renders without throwing 3`] = `
background-color: transparent;
}
-.c46 {
+.c49 {
box-sizing: border-box;
width: 18.75rem;
height: 3rem;
@@ -14525,62 +11955,62 @@ exports[`renders without throwing 3`] = `
text-overflow: ellipsis;
}
-.c46:focus {
+.c49:focus {
border-color: rgb(59,70,204);
outline: 0;
}
-.c46::-webkit-input-placeholder {
+.c49::-webkit-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c46::-moz-placeholder {
+.c49::-moz-placeholder {
color: rgba(73,73,73,0.5);
}
-.c46:-ms-input-placeholder {
+.c49:-ms-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c46:invalid {
+.c49:invalid {
box-shadow: none;
}
-.c46:disabled {
+.c49:disabled {
background-color: rgb(250,250,250);
color: rgb(216,216,216);
cursor: not-allowed;
}
-.c46:disabled::-webkit-input-placeholder {
+.c49:disabled::-webkit-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c46:disabled::-moz-placeholder {
+.c49:disabled::-moz-placeholder {
color: rgba(73,73,73,0.5);
}
-.c46:disabled:-ms-input-placeholder {
+.c49:disabled:-ms-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c46:disabled {
+.c49:disabled {
color: rgb(73,73,73);
}
-.c46:disabled::-webkit-input-placeholder {
+.c49:disabled::-webkit-input-placeholder {
color: rgb(73,73,73);
}
-.c46:disabled::-moz-placeholder {
+.c49:disabled::-moz-placeholder {
color: rgb(73,73,73);
}
-.c46:disabled:-ms-input-placeholder {
+.c49:disabled:-ms-input-placeholder {
color: rgb(73,73,73);
}
-.c48 {
+.c51 {
box-sizing: border-box;
width: 18.75rem;
height: 3rem;
@@ -14603,68 +12033,68 @@ exports[`renders without throwing 3`] = `
min-width: 100%;
}
-.c48:focus {
+.c51:focus {
border-color: rgb(59,70,204);
outline: 0;
}
-.c48::-webkit-input-placeholder {
+.c51::-webkit-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c48::-moz-placeholder {
+.c51::-moz-placeholder {
color: rgba(73,73,73,0.5);
}
-.c48:-ms-input-placeholder {
+.c51:-ms-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c48:invalid {
+.c51:invalid {
box-shadow: none;
}
-.c48:disabled {
+.c51:disabled {
background-color: rgb(250,250,250);
color: rgb(216,216,216);
cursor: not-allowed;
}
-.c48:disabled::-webkit-input-placeholder {
+.c51:disabled::-webkit-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c48:disabled::-moz-placeholder {
+.c51:disabled::-moz-placeholder {
color: rgba(73,73,73,0.5);
}
-.c48:disabled:-ms-input-placeholder {
+.c51:disabled:-ms-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c48:disabled {
+.c51:disabled {
color: rgb(73,73,73);
}
-.c48:disabled::-webkit-input-placeholder {
+.c51:disabled::-webkit-input-placeholder {
color: rgb(73,73,73);
}
-.c48:disabled::-moz-placeholder {
+.c51:disabled::-moz-placeholder {
color: rgb(73,73,73);
}
-.c48:disabled:-ms-input-placeholder {
+.c51:disabled:-ms-input-placeholder {
color: rgb(73,73,73);
}
-.c44 {
+.c47 {
font-weight: 600;
white-space: pre;
font-size: 0.8125rem;
}
-.c45 {
+.c48 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -14675,20 +12105,24 @@ exports[`renders without throwing 3`] = `
align-items: center;
}
-.c45 input {
+.c48 input {
padding-right: 1.875rem;
}
-.c45 div {
+.c48 div {
position: relative;
left: -1.625rem;
}
-.c47 {
+.c50 {
cursor: pointer;
}
-.c19 {
+.c15 {
+ font-weight: 200;
+}
+
+.c20 {
opacity: 0.5;
padding-right: 0.1875rem;
}
@@ -14699,26 +12133,11 @@ exports[`renders without throwing 3`] = `
text-overflow: ellipsis;
}
-.c10 {
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
-}
-
.c11 {
cursor: pointer;
}
-.c16 {
+.c17 {
width: 0.0625rem;
background: rgb(216,216,216);
height: 1.5rem;
@@ -14736,10 +12155,6 @@ exports[`renders without throwing 3`] = `
margin: 0;
}
-.c23 {
- margin-right: 0.375rem;
-}
-
@media only screen and (min-width:0em) {
.c5 {
-webkit-align-items: center;
@@ -14750,7 +12165,7 @@ exports[`renders without throwing 3`] = `
}
@media only screen and (min-width:0em) {
- .c21 {
+ .c22 {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
@@ -14795,7 +12210,7 @@ exports[`renders without throwing 3`] = `
}
@media only screen and (min-width:0em) {
- .c22 {
+ .c23 {
-webkit-flex-basis: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
@@ -14804,7 +12219,7 @@ exports[`renders without throwing 3`] = `
}
@media only screen and (min-width:0em) {
- .c36 {
+ .c39 {
-webkit-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
@@ -14813,7 +12228,7 @@ exports[`renders without throwing 3`] = `
}
@media only screen and (min-width:0em) {
- .c42 {
+ .c45 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
@@ -14822,7 +12237,7 @@ exports[`renders without throwing 3`] = `
}
@media only screen and (min-width:64em) {
- .c42 {
+ .c45 {
-webkit-flex-basis: 58.333333333333336%;
-ms-flex-preferred-size: 58.333333333333336%;
flex-basis: 58.333333333333336%;
@@ -14831,13 +12246,7 @@ exports[`renders without throwing 3`] = `
}
@media (max-width:47.9375rem) {
- .c10 {
- display: block;
- }
-}
-
-@media (max-width:47.9375rem) {
- .c16 {
+ .c17 {
display: none;
}
}
@@ -14904,32 +12313,32 @@ exports[`renders without throwing 3`] = `
className="c10"
>
Custom Image
Hardware virtual machine
@@ -14937,7 +12346,7 @@ exports[`renders without throwing 3`] = `
without throwing 3`] = `
className="c10"
>
Created:
almost NaN years
@@ -14959,18 +12368,18 @@ exports[`renders without throwing 3`] = `
Updated:
almost NaN years
@@ -14981,338 +12390,127 @@ exports[`renders without throwing 3`] = `
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Start
-
-
-
-
-
-
-
-
-
-
-
-
- Stop
-
-
-
-
-
-
-
-
-
-
-
-
- Reboot
-
-
-
+ Create Image
+
+
+
without throwing 3`] = `
type="button"
>
without throwing 3`] = `
query="only screen and (min-width: 48rem)"
>
without throwing 3`] = `
type="button"
>
without throwing 3`] = `
- Remove
+ Delete
@@ -15384,37 +12582,37 @@ exports[`renders
without throwing 3`] = `
Login
without throwing 3`] = `
}
>
without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -384,7 +383,6 @@ exports[`renders
without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -679,7 +677,6 @@ exports[`renders
without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -996,7 +993,6 @@ exports[`renders
without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -1291,7 +1287,6 @@ exports[`renders
without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -1586,7 +1581,6 @@ exports[`renders
without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -1881,7 +1875,6 @@ exports[`renders
without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
diff --git a/consoles/my-joy-instances/src/components/instances/footer.js b/consoles/my-joy-instances/src/components/instances/footer.js
index 02248b82..62824014 100644
--- a/consoles/my-joy-instances/src/components/instances/footer.js
+++ b/consoles/my-joy-instances/src/components/instances/footer.js
@@ -1,6 +1,8 @@
import React from 'react';
import { Row, Col } from 'joyent-react-styled-flexboxgrid';
import { withTheme } from 'styled-components';
+import { Margin } from 'styled-components-spacing';
+import Flex from 'styled-flex-component';
import {
Button,
@@ -25,93 +27,109 @@ export default withTheme(
onRemove,
theme = {}
}) => (
-
+
- {onStart && [
-
-
-
-
- ,
-
-
-
- Start
-
-
- ]}
- {onStop && [
-
-
-
-
- ,
-
-
-
- Stop
-
-
- ]}
- {onReboot && [
-
-
-
-
- ,
-
-
-
- Reboot
-
-
- ]}
+
+ {onStart && [
+
+
+
+
+ ,
+
+
+
+
+
+
+ Start
+
+
+
+ ]}
+ {onStop && [
+
+
+
+
+ ,
+
+
+
+
+
+
+ Stop
+
+
+
+ ]}
+ {onReboot && [
+
+
+
+
+ ,
+
+
+
+
+ Reboot
+
+
+
+ ]}
+
{onRemove && (
@@ -148,14 +166,16 @@ export default withTheme(
right
icon
>
-
+
+
+
Remove
diff --git a/consoles/my-joy-instances/src/components/instances/list.js b/consoles/my-joy-instances/src/components/instances/list.js
index d9bf9b7f..76c497bf 100644
--- a/consoles/my-joy-instances/src/components/instances/list.js
+++ b/consoles/my-joy-instances/src/components/instances/list.js
@@ -7,6 +7,7 @@ import { Link } from 'react-router-dom';
import { Field } from 'redux-form';
import Flex from 'styled-flex-component';
import queryString from 'query-string';
+import { Padding } from 'styled-components-spacing';
import {
Anchor,
@@ -24,8 +25,8 @@ import {
Popover,
PopoverContainer,
PopoverTarget,
- PopoverItem,
- PopoverDivider,
+ PopoverItem as BasePopoverItem,
+ PopoverDivider as BasePopoverDivider,
DotIcon,
ActionsIcon
} from 'joyent-ui-toolkit';
@@ -66,6 +67,14 @@ const Actions = styled(Flex)`
height: ${remcalc(48)};
`;
+const PopoverItem = styled(BasePopoverItem)`
+ padding-bottom: ${remcalc(11)};
+`;
+
+const PopoverDivider = styled(BasePopoverDivider)`
+ margin-left: ${remcalc(-18)};
+`;
+
export const FetchingItem = () => (
@@ -131,9 +140,14 @@ export const Item = ({
Stop
- Reboot
+ Restart
-
+
+ Delete
+
+
+
+
-
-
- Remove
-
diff --git a/consoles/my-joy-instances/src/components/instances/summary.js b/consoles/my-joy-instances/src/components/instances/summary.js
index 14d48de9..e4ab1add 100644
--- a/consoles/my-joy-instances/src/components/instances/summary.js
+++ b/consoles/my-joy-instances/src/components/instances/summary.js
@@ -1,6 +1,7 @@
import React from 'react';
import distanceInWordsToNow from 'date-fns/distance_in_words_to_now';
import { Row, Col } from 'joyent-react-styled-flexboxgrid';
+import { default as Flex, FlexItem } from 'styled-flex-component';
import styled, { withTheme } from 'styled-components';
import { Margin, Padding } from 'styled-components-spacing';
import titleCase from 'title-case';
@@ -13,10 +14,12 @@ import {
Card,
CardOutlet,
Divider,
- ResetIcon,
- Button as BaseButton,
+ Button,
+ ButtonGroup,
+ PopoverButton,
+ PopoverItem as BasePopoverItem,
H2 as BaseH2,
- Label,
+ Label as BaseLabel,
CopiableField,
QueryBreakpoints,
DotIcon,
@@ -24,7 +27,6 @@ import {
StartIcon,
StopIcon,
EditIcon,
- InstanceTypeIcon,
Input,
FormMeta,
FormGroup
@@ -43,6 +45,10 @@ const stateColor = {
FAILED: 'red'
};
+const Label = styled(BaseLabel)`
+ font-weight: 200;
+`;
+
const GreyLabel = styled(Label)`
opacity: 0.5;
padding-right: ${remcalc(3)};
@@ -54,16 +60,6 @@ const TrimedLabel = styled(Label)`
text-overflow: ellipsis;
`;
-const Flex = styled.div`
- align-items: center;
- display: flex;
- justify-content: flex-start;
-
- @media (max-width: ${remcalc(breakpoints.small.upper)}) {
- display: block;
- }
-`;
-
const Actionable = styled(Margin)`
cursor: pointer;
`;
@@ -85,8 +81,8 @@ const H2 = styled(BaseH2)`
margin: 0;
`;
-const Button = styled(BaseButton)`
- margin-right: ${remcalc(6)};
+const PopoverItem = styled(BasePopoverItem)`
+ padding-bottom: ${remcalc(11)};
`;
export const Meta = ({
@@ -108,7 +104,7 @@ export const Meta = ({
{editingName ? (
-
+
- Add
+ Save
@@ -201,127 +197,95 @@ export default withTheme(
-
-
-
-
-
-
-
-
-
-
-
-
-
- onAction('start')}
- secondary
- small
- icon
- >
-
-
+
+
+
+
+ {instance.state === 'STOPPED' ? (
+ onAction('start')}
+ secondary
+ bold
+ icon
+ >
+
+
+
+ Start
+
+ ) : (
+ onAction('stop')}
+ secondary
+ bold
+ icon
+ >
+
+
+
+ Stop
+
+ )}
+
+
+ instance.state === 'RUNNING'
+ ? null
+ : onAction('start')
+ }
+ >
+ Start
+
+
+ instance.state === 'STOPPED'
+ ? null
+ : onAction('reboot')
+ }
+ >
+ Restart
+
+
+ instance.state === 'STOPPED'
+ ? null
+ : onAction('stop')
+ }
+ >
+ Stop
+
+
+
-
-
-
- onAction('start')}
- secondary
- bold
- icon
- >
-
-
-
- Start
-
-
-
- onAction('stop')}
- secondary
- small
- icon
- >
-
-
-
-
-
-
- onAction('stop')}
- secondary
- bold
- icon
- >
-
-
-
- Stop
-
-
-
- onAction('reboot')}
- secondary
- small
- icon
- >
-
-
-
-
-
-
- onAction('reboot')}
- secondary
- bold
- icon
- >
-
-
-
- Reboot
-
-
+
+
+
+ Create Image
+
+
+
@@ -375,7 +339,7 @@ export default withTheme(
}
/>
- Remove
+ Delete
diff --git a/consoles/my-joy-instances/src/containers/instances/__tests__/__snapshots__/cns.spec.js.snap b/consoles/my-joy-instances/src/containers/instances/__tests__/__snapshots__/cns.spec.js.snap
index 408d5a29..d1b4b1a8 100644
--- a/consoles/my-joy-instances/src/containers/instances/__tests__/__snapshots__/cns.spec.js.snap
+++ b/consoles/my-joy-instances/src/containers/instances/__tests__/__snapshots__/cns.spec.js.snap
@@ -66,15 +66,15 @@ exports[`renders without throwing 1`] = `
margin-bottom: 1.875rem;
}
-.c27 {
+.c28 {
margin-top: 0.1875rem;
}
-.c29 {
+.c30 {
margin-left: 0.75rem;
}
-.c35 {
+.c36 {
margin-left: 0.375rem;
}
@@ -82,7 +82,7 @@ exports[`renders without throwing 1`] = `
padding: 1.875rem;
}
-.c33 {
+.c34 {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
@@ -94,18 +94,18 @@ exports[`renders without throwing 1`] = `
appearance: button;
}
-.c33::-moz-focus-inner,
-.c33[type='button']::-moz-focus-inner,
-.c33[type='reset']::-moz-focus-inner,
-.c33[type='submit']::-moz-focus-inner {
+.c34::-moz-focus-inner,
+.c34[type='button']::-moz-focus-inner,
+.c34[type='reset']::-moz-focus-inner,
+.c34[type='submit']::-moz-focus-inner {
border-style: none;
padding: 0;
}
-.c33:-moz-focusring,
-.c33[type='button']:-moz-focusring,
-.c33[type='reset']:-moz-focusring,
-.c33[type='submit']:-moz-focusring {
+.c34:-moz-focusring,
+.c34[type='button']:-moz-focusring,
+.c34[type='reset']:-moz-focusring,
+.c34[type='submit']:-moz-focusring {
outline: 0.0625rem dotted ButtonText;
}
@@ -116,15 +116,15 @@ exports[`renders without throwing 1`] = `
font-size: 0.9375rem;
}
-.c32 {
+.c33 {
min-width: 7.5rem;
}
-.c31 {
+.c32 {
display: inline-block;
}
-.c30 {
+.c31 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -145,7 +145,6 @@ exports[`renders without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -164,7 +163,7 @@ exports[`renders without throwing 1`] = `
border: solid 0.0625rem rgb(45,56,132);
}
-.c30:focus {
+.c31:focus {
outline: 0;
-webkit-text-decoration: none;
text-decoration: none;
@@ -172,26 +171,26 @@ exports[`renders without throwing 1`] = `
border-color: rgb(45,56,132);
}
-.c30:hover {
+.c31:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c30:active,
-.c30:active:hover,
-.c30: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);
}
-.c30[disabled] {
+.c31[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c26 {
+.c27 {
font-size: 0.9375rem;
line-height: 1.125rem;
font-style: normal;
@@ -244,7 +243,7 @@ exports[`renders without throwing 1`] = `
flex-direction: column;
}
-.c21 {
+.c22 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -271,7 +270,7 @@ exports[`renders without throwing 1`] = `
align-items: flex-end;
}
-.c23 {
+.c24 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -291,7 +290,7 @@ exports[`renders without throwing 1`] = `
align-content: stretch;
}
-.c34 {
+.c35 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -315,7 +314,7 @@ exports[`renders without throwing 1`] = `
align-items: center;
}
-.c22 {
+.c23 {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
@@ -370,7 +369,7 @@ exports[`renders without throwing 1`] = `
background-color: transparent;
}
-.c24 {
+.c25 {
display: inline-block;
padding: 0;
border: none;
@@ -382,7 +381,7 @@ exports[`renders without throwing 1`] = `
-webkit-padding-after: 0;
}
-.c28 {
+.c29 {
box-sizing: border-box;
width: 18.75rem;
height: 3rem;
@@ -404,52 +403,52 @@ exports[`renders without throwing 1`] = `
text-overflow: ellipsis;
}
-.c28:focus {
+.c29:focus {
border-color: rgb(59,70,204);
outline: 0;
}
-.c28::-webkit-input-placeholder {
+.c29::-webkit-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c28::-moz-placeholder {
+.c29::-moz-placeholder {
color: rgba(73,73,73,0.5);
}
-.c28:-ms-input-placeholder {
+.c29:-ms-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c28:invalid {
+.c29:invalid {
box-shadow: none;
}
-.c28:disabled {
+.c29:disabled {
background-color: rgb(250,250,250);
color: rgb(216,216,216);
cursor: not-allowed;
}
-.c28:disabled::-webkit-input-placeholder {
+.c29:disabled::-webkit-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c28:disabled::-moz-placeholder {
+.c29:disabled::-moz-placeholder {
color: rgba(73,73,73,0.5);
}
-.c28:disabled:-ms-input-placeholder {
+.c29:disabled:-ms-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c25 {
+.c26 {
font-weight: 600;
white-space: pre;
font-size: 0.8125rem;
}
-.c36 {
+.c37 {
position: relative;
vertical-align: text-bottom;
display: -webkit-box;
@@ -462,27 +461,27 @@ exports[`renders without throwing 1`] = `
align-items: center;
}
-.c38 {
+.c39 {
display: none;
}
-.c38:checked + label {
+.c39:checked + label {
background: #3B46CC;
border: 0.0625rem solid rgb(59,70,204);
}
-.c38:checked + label:after {
+.c39:checked + label:after {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
box-shadow: 0 0 0 0.0625rem rgb(59,70,204);
}
-.c38:checked + label:active {
+.c39:checked + label:active {
box-shadow: none;
}
-.c39 {
+.c40 {
outline: 0;
display: block;
width: 2.875rem;
@@ -501,24 +500,24 @@ exports[`renders without throwing 1`] = `
border: 0.0625rem solid rgb(216,216,216);
}
-.c39::selection {
+.c40::selection {
background: none;
}
-.c39:active {
+.c40:active {
box-shadow: inset 0 0 0 1.5rem rgb(216,216,216);
}
-.c39:hover {
+.c40:hover {
border: 0.0625rem solid rgb(59,70,204);
}
-.c39:hover:after {
+.c40:hover:after {
box-shadow: 0 0 0 0.0625rem rgb(59,70,204);
}
-.c39:after,
-.c39:before {
+.c40:after,
+.c40:before {
position: relative;
display: block;
content: '';
@@ -526,7 +525,7 @@ exports[`renders without throwing 1`] = `
height: 100%;
}
-.c39:after {
+.c40:after {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
@@ -538,11 +537,11 @@ exports[`renders without throwing 1`] = `
box-shadow: 0 0 0 0.0625rem rgb(216,216,216);
}
-.c39:active {
+.c40:active {
box-shadow: inset 0 0 0 2em rgb(216,216,216);
}
-.c39:before {
+.c40:before {
display: none;
}
@@ -558,7 +557,7 @@ exports[`renders without throwing 1`] = `
margin: 0;
}
-.c37 {
+.c38 {
margin: 0 6px;
}
@@ -567,6 +566,10 @@ exports[`renders without throwing 1`] = `
margin-right: 0;
}
+.c21 {
+ margin-bottom: 0;
+}
+
@media only screen and (min-width:48em) {
.c1 {
width: 46rem;
@@ -748,64 +751,69 @@ exports[`renders without throwing 1`] = `
-
-
-
- Attach to new CNS service name
-
-
-
-
-
+
+
@@ -817,30 +825,30 @@ exports[`renders
without throwing 1`] = `
className="c2"
>
Disabled CNS
without throwing 1`] = `
/>
without throwing 1`] = `
/>
without throwing 1`] = `
margin-top: 0.1875rem;
}
-.c39 {
+.c40 {
margin-left: 0.75rem;
}
-.c47 {
+.c48 {
margin-left: 0.375rem;
}
@@ -1448,12 +1456,12 @@ exports[`renders without throwing 1`] = `
margin-bottom: 0.1875rem;
}
-.c44 {
+.c45 {
margin-top: 0.1875rem;
margin-bottom: 0.375rem;
}
-.c45 {
+.c46 {
margin-bottom: 0rem;
}
@@ -1465,7 +1473,7 @@ exports[`renders without throwing 1`] = `
font-size: 80%;
}
-.c43 {
+.c44 {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
@@ -1477,18 +1485,18 @@ exports[`renders without throwing 1`] = `
appearance: button;
}
-.c43::-moz-focus-inner,
-.c43[type='button']::-moz-focus-inner,
-.c43[type='reset']::-moz-focus-inner,
-.c43[type='submit']::-moz-focus-inner {
+.c44::-moz-focus-inner,
+.c44[type='button']::-moz-focus-inner,
+.c44[type='reset']::-moz-focus-inner,
+.c44[type='submit']::-moz-focus-inner {
border-style: none;
padding: 0;
}
-.c43:-moz-focusring,
-.c43[type='button']:-moz-focusring,
-.c43[type='reset']:-moz-focusring,
-.c43[type='submit']:-moz-focusring {
+.c44:-moz-focusring,
+.c44[type='button']:-moz-focusring,
+.c44[type='reset']:-moz-focusring,
+.c44[type='submit']:-moz-focusring {
outline: 0.0625rem dotted ButtonText;
}
@@ -1499,15 +1507,15 @@ exports[`renders without throwing 1`] = `
font-size: 0.9375rem;
}
-.c42 {
+.c43 {
min-width: 7.5rem;
}
-.c41 {
+.c42 {
display: inline-block;
}
-.c40 {
+.c41 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -1528,7 +1536,6 @@ exports[`renders without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -1547,7 +1554,7 @@ exports[`renders without throwing 1`] = `
border: solid 0.0625rem rgb(45,56,132);
}
-.c40:focus {
+.c41:focus {
outline: 0;
-webkit-text-decoration: none;
text-decoration: none;
@@ -1555,26 +1562,26 @@ exports[`renders without throwing 1`] = `
border-color: rgb(45,56,132);
}
-.c40:hover {
+.c41:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c40:active,
-.c40:active:hover,
-.c40:active:focus {
+.c41:active,
+.c41:active:hover,
+.c41:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c40[disabled] {
+.c41[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c37 {
+.c38 {
font-size: 0.9375rem;
line-height: 1.125rem;
font-style: normal;
@@ -1642,7 +1649,7 @@ exports[`renders without throwing 1`] = `
flex-direction: column;
}
-.c34 {
+.c35 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -1689,7 +1696,7 @@ exports[`renders without throwing 1`] = `
align-content: stretch;
}
-.c46 {
+.c47 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -1768,7 +1775,7 @@ exports[`renders without throwing 1`] = `
background-color: transparent;
}
-.c35 {
+.c36 {
display: inline-block;
padding: 0;
border: none;
@@ -1780,7 +1787,7 @@ exports[`renders without throwing 1`] = `
-webkit-padding-after: 0;
}
-.c38 {
+.c39 {
box-sizing: border-box;
width: 18.75rem;
height: 3rem;
@@ -1802,42 +1809,42 @@ exports[`renders without throwing 1`] = `
text-overflow: ellipsis;
}
-.c38:focus {
+.c39:focus {
border-color: rgb(59,70,204);
outline: 0;
}
-.c38::-webkit-input-placeholder {
+.c39::-webkit-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c38::-moz-placeholder {
+.c39::-moz-placeholder {
color: rgba(73,73,73,0.5);
}
-.c38:-ms-input-placeholder {
+.c39:-ms-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c38:invalid {
+.c39:invalid {
box-shadow: none;
}
-.c38:disabled {
+.c39:disabled {
background-color: rgb(250,250,250);
color: rgb(216,216,216);
cursor: not-allowed;
}
-.c38:disabled::-webkit-input-placeholder {
+.c39:disabled::-webkit-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c38:disabled::-moz-placeholder {
+.c39:disabled::-moz-placeholder {
color: rgba(73,73,73,0.5);
}
-.c38:disabled:-ms-input-placeholder {
+.c39:disabled:-ms-input-placeholder {
color: rgba(73,73,73,0.5);
}
@@ -1934,13 +1941,13 @@ exports[`renders without throwing 1`] = `
color: rgb(73,73,73);
}
-.c36 {
+.c37 {
font-weight: 600;
white-space: pre;
font-size: 0.8125rem;
}
-.c48 {
+.c49 {
position: relative;
vertical-align: text-bottom;
display: -webkit-box;
@@ -1953,27 +1960,27 @@ exports[`renders without throwing 1`] = `
align-items: center;
}
-.c50 {
+.c51 {
display: none;
}
-.c50:checked + label {
+.c51:checked + label {
background: #3B46CC;
border: 0.0625rem solid rgb(59,70,204);
}
-.c50:checked + label:after {
+.c51:checked + label:after {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
box-shadow: 0 0 0 0.0625rem rgb(59,70,204);
}
-.c50:checked + label:active {
+.c51:checked + label:active {
box-shadow: none;
}
-.c51 {
+.c52 {
outline: 0;
display: block;
width: 2.875rem;
@@ -1992,24 +1999,24 @@ exports[`renders without throwing 1`] = `
border: 0.0625rem solid rgb(216,216,216);
}
-.c51::selection {
+.c52::selection {
background: none;
}
-.c51:active {
+.c52:active {
box-shadow: inset 0 0 0 1.5rem rgb(216,216,216);
}
-.c51:hover {
+.c52:hover {
border: 0.0625rem solid rgb(59,70,204);
}
-.c51:hover:after {
+.c52:hover:after {
box-shadow: 0 0 0 0.0625rem rgb(59,70,204);
}
-.c51:after,
-.c51:before {
+.c52:after,
+.c52:before {
position: relative;
display: block;
content: '';
@@ -2017,7 +2024,7 @@ exports[`renders without throwing 1`] = `
height: 100%;
}
-.c51:after {
+.c52:after {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
@@ -2029,11 +2036,11 @@ exports[`renders without throwing 1`] = `
box-shadow: 0 0 0 0.0625rem rgb(216,216,216);
}
-.c51:active {
+.c52:active {
box-shadow: inset 0 0 0 2em rgb(216,216,216);
}
-.c51:before {
+.c52:before {
display: none;
}
@@ -2079,7 +2086,7 @@ exports[`renders without throwing 1`] = `
margin: 0;
}
-.c49 {
+.c50 {
margin: 0 6px;
}
@@ -2088,6 +2095,10 @@ exports[`renders without throwing 1`] = `
margin-right: 0;
}
+.c34 {
+ margin-bottom: 0;
+}
+
@media only screen and (min-width:48em) {
.c1 {
width: 46rem;
@@ -2499,64 +2510,69 @@ exports[`renders without throwing 1`] = `
-
-
-
- Attach to new CNS service name
-
-
-
-
-
+
+
@@ -2611,7 +2627,7 @@ exports[`renders without throwing 1`] = `
without throwing 1`] = `
className="c2"
>
Disabled CNS
without throwing 1`] = `
/>
without throwing 1`] = `
/>
without throwing 1`] = `
margin-bottom: 1.875rem;
}
-.c32 {
+.c33 {
margin-top: 0.1875rem;
}
-.c34 {
+.c35 {
margin-left: 0.75rem;
}
@@ -3493,7 +3509,7 @@ exports[`renders without throwing 1`] = `
padding: 1.875rem;
}
-.c38 {
+.c39 {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
@@ -3505,18 +3521,18 @@ exports[`renders without throwing 1`] = `
appearance: button;
}
-.c38::-moz-focus-inner,
-.c38[type='button']::-moz-focus-inner,
-.c38[type='reset']::-moz-focus-inner,
-.c38[type='submit']::-moz-focus-inner {
+.c39::-moz-focus-inner,
+.c39[type='button']::-moz-focus-inner,
+.c39[type='reset']::-moz-focus-inner,
+.c39[type='submit']::-moz-focus-inner {
border-style: none;
padding: 0;
}
-.c38:-moz-focusring,
-.c38[type='button']:-moz-focusring,
-.c38[type='reset']:-moz-focusring,
-.c38[type='submit']:-moz-focusring {
+.c39:-moz-focusring,
+.c39[type='button']:-moz-focusring,
+.c39[type='reset']:-moz-focusring,
+.c39[type='submit']:-moz-focusring {
outline: 0.0625rem dotted ButtonText;
}
@@ -3527,15 +3543,15 @@ exports[`renders without throwing 1`] = `
font-size: 0.9375rem;
}
-.c37 {
+.c38 {
min-width: 7.5rem;
}
-.c36 {
+.c37 {
display: inline-block;
}
-.c35 {
+.c36 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -3556,7 +3572,6 @@ exports[`renders without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -3575,7 +3590,7 @@ exports[`renders without throwing 1`] = `
border: solid 0.0625rem rgb(45,56,132);
}
-.c35:focus {
+.c36:focus {
outline: 0;
-webkit-text-decoration: none;
text-decoration: none;
@@ -3583,26 +3598,26 @@ exports[`renders without throwing 1`] = `
border-color: rgb(45,56,132);
}
-.c35:hover {
+.c36:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c35:active,
-.c35:active:hover,
-.c35:active:focus {
+.c36:active,
+.c36:active:hover,
+.c36:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c35[disabled] {
+.c36[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c31 {
+.c32 {
font-size: 0.9375rem;
line-height: 1.125rem;
font-style: normal;
@@ -3663,7 +3678,7 @@ exports[`renders without throwing 1`] = `
flex-direction: column;
}
-.c26 {
+.c27 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -3690,7 +3705,7 @@ exports[`renders without throwing 1`] = `
align-items: flex-end;
}
-.c28 {
+.c29 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -3710,7 +3725,7 @@ exports[`renders without throwing 1`] = `
align-content: stretch;
}
-.c27 {
+.c28 {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
@@ -3794,7 +3809,7 @@ exports[`renders without throwing 1`] = `
background-color: transparent;
}
-.c29 {
+.c30 {
display: inline-block;
padding: 0;
border: none;
@@ -3806,7 +3821,7 @@ exports[`renders without throwing 1`] = `
-webkit-padding-after: 0;
}
-.c33 {
+.c34 {
box-sizing: border-box;
width: 18.75rem;
height: 3rem;
@@ -3828,46 +3843,46 @@ exports[`renders without throwing 1`] = `
text-overflow: ellipsis;
}
-.c33:focus {
+.c34:focus {
border-color: rgb(59,70,204);
outline: 0;
}
-.c33::-webkit-input-placeholder {
+.c34::-webkit-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c33::-moz-placeholder {
+.c34::-moz-placeholder {
color: rgba(73,73,73,0.5);
}
-.c33:-ms-input-placeholder {
+.c34:-ms-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c33:invalid {
+.c34:invalid {
box-shadow: none;
}
-.c33:disabled {
+.c34:disabled {
background-color: rgb(250,250,250);
color: rgb(216,216,216);
cursor: not-allowed;
}
-.c33:disabled::-webkit-input-placeholder {
+.c34:disabled::-webkit-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c33:disabled::-moz-placeholder {
+.c34:disabled::-moz-placeholder {
color: rgba(73,73,73,0.5);
}
-.c33:disabled:-ms-input-placeholder {
+.c34:disabled:-ms-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c30 {
+.c31 {
font-weight: 600;
white-space: pre;
font-size: 0.8125rem;
@@ -3890,6 +3905,10 @@ exports[`renders without throwing 1`] = `
margin-right: 0;
}
+.c26 {
+ margin-bottom: 0;
+}
+
@media only screen and (min-width:48em) {
.c1 {
width: 46rem;
@@ -4096,64 +4115,69 @@ exports[`renders without throwing 1`] = `
-
-
-
- Attach to new CNS service name
-
-
-
-
-
+
+
@@ -4243,11 +4267,11 @@ exports[`renders without throwing 1`] = `
margin-top: 0.1875rem;
}
-.c43 {
+.c40 {
margin-left: 0.75rem;
}
-.c52 {
+.c54 {
margin-left: 0.375rem;
}
@@ -4260,16 +4284,21 @@ exports[`renders without throwing 1`] = `
margin-bottom: 0.1875rem;
}
-.c36 {
+.c45 {
margin-top: 0.375rem;
}
.c48 {
+ margin-right: 0.375rem;
+ margin-bottom: 0.375rem;
+}
+
+.c50 {
margin-top: 0.1875rem;
margin-bottom: 0.375rem;
}
-.c49 {
+.c51 {
margin-bottom: 0rem;
}
@@ -4281,7 +4310,7 @@ exports[`renders without throwing 1`] = `
font-size: 80%;
}
-.c47 {
+.c44 {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
@@ -4293,18 +4322,18 @@ exports[`renders without throwing 1`] = `
appearance: button;
}
-.c47::-moz-focus-inner,
-.c47[type='button']::-moz-focus-inner,
-.c47[type='reset']::-moz-focus-inner,
-.c47[type='submit']::-moz-focus-inner {
+.c44::-moz-focus-inner,
+.c44[type='button']::-moz-focus-inner,
+.c44[type='reset']::-moz-focus-inner,
+.c44[type='submit']::-moz-focus-inner {
border-style: none;
padding: 0;
}
-.c47:-moz-focusring,
-.c47[type='button']:-moz-focusring,
-.c47[type='reset']:-moz-focusring,
-.c47[type='submit']:-moz-focusring {
+.c44:-moz-focusring,
+.c44[type='button']:-moz-focusring,
+.c44[type='reset']:-moz-focusring,
+.c44[type='submit']:-moz-focusring {
outline: 0.0625rem dotted ButtonText;
}
@@ -4315,15 +4344,15 @@ exports[`renders without throwing 1`] = `
font-size: 0.9375rem;
}
-.c46 {
+.c43 {
min-width: 7.5rem;
}
-.c45 {
+.c42 {
display: inline-block;
}
-.c44 {
+.c41 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -4344,7 +4373,6 @@ exports[`renders without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -4363,7 +4391,7 @@ exports[`renders without throwing 1`] = `
border: solid 0.0625rem rgb(45,56,132);
}
-.c44:focus {
+.c41:focus {
outline: 0;
-webkit-text-decoration: none;
text-decoration: none;
@@ -4371,26 +4399,26 @@ exports[`renders without throwing 1`] = `
border-color: rgb(45,56,132);
}
-.c44:hover {
+.c41:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c44:active,
-.c44:active:hover,
-.c44:active:focus {
+.c41:active,
+.c41:active:hover,
+.c41:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c44[disabled] {
+.c41[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c35 {
+.c38 {
font-size: 0.9375rem;
line-height: 1.125rem;
font-style: normal;
@@ -4458,7 +4486,7 @@ exports[`renders without throwing 1`] = `
flex-direction: column;
}
-.c40 {
+.c35 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -4505,7 +4533,7 @@ exports[`renders without throwing 1`] = `
align-content: stretch;
}
-.c50 {
+.c52 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -4584,7 +4612,7 @@ exports[`renders without throwing 1`] = `
background-color: transparent;
}
-.c41 {
+.c36 {
display: inline-block;
padding: 0;
border: none;
@@ -4689,7 +4717,7 @@ exports[`renders without throwing 1`] = `
color: rgb(73,73,73);
}
-.c42 {
+.c39 {
box-sizing: border-box;
width: 18.75rem;
height: 3rem;
@@ -4714,71 +4742,71 @@ exports[`renders without throwing 1`] = `
text-overflow: ellipsis;
}
-.c42:focus {
+.c39:focus {
border-color: rgb(59,70,204);
outline: 0;
}
-.c42::-webkit-input-placeholder {
+.c39::-webkit-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c42::-moz-placeholder {
+.c39::-moz-placeholder {
color: rgba(73,73,73,0.5);
}
-.c42:-ms-input-placeholder {
+.c39:-ms-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c42:invalid {
+.c39:invalid {
box-shadow: none;
}
-.c42::-webkit-input-placeholder {
+.c39::-webkit-input-placeholder {
color: rgb(216,216,216);
}
-.c42::-moz-placeholder {
+.c39::-moz-placeholder {
color: rgb(216,216,216);
}
-.c42:-ms-input-placeholder {
+.c39:-ms-input-placeholder {
color: rgb(216,216,216);
}
-.c42:disabled {
+.c39:disabled {
background-color: rgb(250,250,250);
color: rgb(216,216,216);
cursor: not-allowed;
}
-.c42:disabled::-webkit-input-placeholder {
+.c39:disabled::-webkit-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c42:disabled::-moz-placeholder {
+.c39:disabled::-moz-placeholder {
color: rgba(73,73,73,0.5);
}
-.c42:disabled:-ms-input-placeholder {
+.c39:disabled:-ms-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c34 {
+.c37 {
font-weight: 600;
white-space: pre;
font-size: 0.8125rem;
}
-.c51 {
+.c53 {
font-weight: 600;
white-space: pre;
font-size: 0.8125rem;
color: rgb(216,216,216);
}
-.c53 {
+.c55 {
position: relative;
vertical-align: text-bottom;
display: -webkit-box;
@@ -4791,36 +4819,36 @@ exports[`renders without throwing 1`] = `
align-items: center;
}
-.c55 {
+.c57 {
display: none;
}
-.c55:checked + label {
+.c57:checked + label {
background: #3B46CC;
border: 0.0625rem solid rgb(59,70,204);
}
-.c55:checked + label:after {
+.c57:checked + label:after {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
box-shadow: 0 0 0 0.0625rem rgb(59,70,204);
}
-.c55:checked + label:active {
+.c57:checked + label:active {
box-shadow: none;
}
-.c55:checked + label {
+.c57:checked + label {
background: rgb(250,250,250);
border: 0.0625rem solid rgb(216,216,216);
}
-.c55:checked + label:after {
+.c57:checked + label:after {
box-shadow: 0 0 0 0.0625rem rgb(216,216,216);
}
-.c56 {
+.c58 {
outline: 0;
display: block;
width: 2.875rem;
@@ -4840,24 +4868,24 @@ exports[`renders without throwing 1`] = `
cursor: not-allowed;
}
-.c56::selection {
+.c58::selection {
background: none;
}
-.c56:active {
+.c58:active {
box-shadow: inset 0 0 0 1.5rem rgb(216,216,216);
}
-.c56:hover {
+.c58:hover {
border: 0.0625rem solid rgb(59,70,204);
}
-.c56:hover:after {
+.c58:hover:after {
box-shadow: 0 0 0 0.0625rem rgb(59,70,204);
}
-.c56:after,
-.c56:before {
+.c58:after,
+.c58:before {
position: relative;
display: block;
content: '';
@@ -4865,7 +4893,7 @@ exports[`renders without throwing 1`] = `
height: 100%;
}
-.c56:after {
+.c58:after {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
@@ -4877,36 +4905,36 @@ exports[`renders without throwing 1`] = `
box-shadow: 0 0 0 0.0625rem rgb(216,216,216);
}
-.c56:active {
+.c58:active {
box-shadow: inset 0 0 0 2em rgb(216,216,216);
}
-.c56:before {
+.c58:before {
display: none;
}
-.c56:active {
+.c58:active {
box-shadow: none;
}
-.c56:active:after {
+.c58:active:after {
padding-right: 0;
}
-.c56:before {
+.c58:before {
cursor: not-allowed;
}
-.c56:after {
+.c58:after {
cursor: not-allowed;
background: rgb(230,230,230);
}
-.c56:hover {
+.c58:hover {
border: 0.0625rem solid rgb(216,216,216);
}
-.c56:hover:after {
+.c58:hover:after {
box-shadow: 0 0 0 0.0625rem rgb(216,216,216);
}
@@ -4934,22 +4962,7 @@ exports[`renders without throwing 1`] = `
cursor: pointer;
}
-.c38 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-flex: 1;
- -webkit-flex-grow: 1;
- -ms-flex-positive: 1;
- flex-grow: 1;
-}
-
-.c39 {
+.c49 {
border: 0.0625rem solid rgb(216,216,216);
box-sizing: border-box;
border-radius: 0.125rem;
@@ -4972,7 +4985,7 @@ exports[`renders without throwing 1`] = `
border: 0.0625rem solid rgb(45,56,132);
}
-.c37 {
+.c47 {
margin: 0;
padding: 0;
display: -webkit-box;
@@ -4989,6 +5002,10 @@ exports[`renders without throwing 1`] = `
font-weight: 200;
}
+.c46 {
+ margin-bottom: -0.375rem;
+}
+
.c18 {
padding-right: 0.75rem;
margin-right: 0.75rem;
@@ -5003,7 +5020,7 @@ exports[`renders without throwing 1`] = `
margin: 0;
}
-.c54 {
+.c56 {
margin: 0 6px;
}
@@ -5012,6 +5029,10 @@ exports[`renders without throwing 1`] = `
margin-right: 0;
}
+.c34 {
+ margin-bottom: 0;
+}
+
@media only screen and (min-width:48em) {
.c1 {
width: 46rem;
@@ -5423,47 +5444,113 @@ exports[`renders without throwing 1`] = `
+
+
+
+
+
+
+
+ Attach to new CNS service name
+
+
+
+
+
+
+
+
+
+
+
Existing CNS service name(s)
serbice
dssasda
dsasd
@@ -5471,64 +5558,6 @@ exports[`renders without throwing 1`] = `
-
-
-
-
-
-
- Attach to new CNS service name
-
-
-
-
-
-
-
-
-
-
@@ -5583,7 +5612,7 @@ exports[`renders without throwing 1`] = `
without throwing 1`] = `
className="c2"
>
Disabled CNS
without throwing 1`] = `
/>
without throwing 1`] = `
/>
without throwing 1`] = `
margin-bottom: 1.875rem;
}
-.c32 {
+.c33 {
margin-top: 0.1875rem;
}
-.c34 {
+.c35 {
margin-left: 0.75rem;
}
-.c40 {
+.c41 {
margin-left: 0.375rem;
}
@@ -6131,7 +6160,7 @@ exports[`renders without throwing 1`] = `
padding: 1.875rem;
}
-.c38 {
+.c39 {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
@@ -6143,18 +6172,18 @@ exports[`renders without throwing 1`] = `
appearance: button;
}
-.c38::-moz-focus-inner,
-.c38[type='button']::-moz-focus-inner,
-.c38[type='reset']::-moz-focus-inner,
-.c38[type='submit']::-moz-focus-inner {
+.c39::-moz-focus-inner,
+.c39[type='button']::-moz-focus-inner,
+.c39[type='reset']::-moz-focus-inner,
+.c39[type='submit']::-moz-focus-inner {
border-style: none;
padding: 0;
}
-.c38:-moz-focusring,
-.c38[type='button']:-moz-focusring,
-.c38[type='reset']:-moz-focusring,
-.c38[type='submit']:-moz-focusring {
+.c39:-moz-focusring,
+.c39[type='button']:-moz-focusring,
+.c39[type='reset']:-moz-focusring,
+.c39[type='submit']:-moz-focusring {
outline: 0.0625rem dotted ButtonText;
}
@@ -6165,15 +6194,15 @@ exports[`renders without throwing 1`] = `
font-size: 0.9375rem;
}
-.c37 {
+.c38 {
min-width: 7.5rem;
}
-.c36 {
+.c37 {
display: inline-block;
}
-.c35 {
+.c36 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -6194,7 +6223,6 @@ exports[`renders without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -6213,7 +6241,7 @@ exports[`renders without throwing 1`] = `
border: solid 0.0625rem rgb(45,56,132);
}
-.c35:focus {
+.c36:focus {
outline: 0;
-webkit-text-decoration: none;
text-decoration: none;
@@ -6221,26 +6249,26 @@ exports[`renders without throwing 1`] = `
border-color: rgb(45,56,132);
}
-.c35:hover {
+.c36:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c35:active,
-.c35:active:hover,
-.c35:active:focus {
+.c36:active,
+.c36:active:hover,
+.c36:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c35[disabled] {
+.c36[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c31 {
+.c32 {
font-size: 0.9375rem;
line-height: 1.125rem;
font-style: normal;
@@ -6301,7 +6329,7 @@ exports[`renders without throwing 1`] = `
flex-direction: column;
}
-.c26 {
+.c27 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -6328,7 +6356,7 @@ exports[`renders without throwing 1`] = `
align-items: flex-end;
}
-.c28 {
+.c29 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -6348,7 +6376,7 @@ exports[`renders without throwing 1`] = `
align-content: stretch;
}
-.c39 {
+.c40 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -6372,7 +6400,7 @@ exports[`renders without throwing 1`] = `
align-items: center;
}
-.c27 {
+.c28 {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
@@ -6456,7 +6484,7 @@ exports[`renders without throwing 1`] = `
background-color: transparent;
}
-.c29 {
+.c30 {
display: inline-block;
padding: 0;
border: none;
@@ -6468,7 +6496,7 @@ exports[`renders without throwing 1`] = `
-webkit-padding-after: 0;
}
-.c33 {
+.c34 {
box-sizing: border-box;
width: 18.75rem;
height: 3rem;
@@ -6490,52 +6518,52 @@ exports[`renders without throwing 1`] = `
text-overflow: ellipsis;
}
-.c33:focus {
+.c34:focus {
border-color: rgb(59,70,204);
outline: 0;
}
-.c33::-webkit-input-placeholder {
+.c34::-webkit-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c33::-moz-placeholder {
+.c34::-moz-placeholder {
color: rgba(73,73,73,0.5);
}
-.c33:-ms-input-placeholder {
+.c34:-ms-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c33:invalid {
+.c34:invalid {
box-shadow: none;
}
-.c33:disabled {
+.c34:disabled {
background-color: rgb(250,250,250);
color: rgb(216,216,216);
cursor: not-allowed;
}
-.c33:disabled::-webkit-input-placeholder {
+.c34:disabled::-webkit-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c33:disabled::-moz-placeholder {
+.c34:disabled::-moz-placeholder {
color: rgba(73,73,73,0.5);
}
-.c33:disabled:-ms-input-placeholder {
+.c34:disabled:-ms-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c30 {
+.c31 {
font-weight: 600;
white-space: pre;
font-size: 0.8125rem;
}
-.c41 {
+.c42 {
position: relative;
vertical-align: text-bottom;
display: -webkit-box;
@@ -6548,27 +6576,27 @@ exports[`renders without throwing 1`] = `
align-items: center;
}
-.c43 {
+.c44 {
display: none;
}
-.c43:checked + label {
+.c44:checked + label {
background: #3B46CC;
border: 0.0625rem solid rgb(59,70,204);
}
-.c43:checked + label:after {
+.c44:checked + label:after {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
box-shadow: 0 0 0 0.0625rem rgb(59,70,204);
}
-.c43:checked + label:active {
+.c44:checked + label:active {
box-shadow: none;
}
-.c44 {
+.c45 {
outline: 0;
display: block;
width: 2.875rem;
@@ -6587,24 +6615,24 @@ exports[`renders without throwing 1`] = `
border: 0.0625rem solid rgb(216,216,216);
}
-.c44::selection {
+.c45::selection {
background: none;
}
-.c44:active {
+.c45:active {
box-shadow: inset 0 0 0 1.5rem rgb(216,216,216);
}
-.c44:hover {
+.c45:hover {
border: 0.0625rem solid rgb(59,70,204);
}
-.c44:hover:after {
+.c45:hover:after {
box-shadow: 0 0 0 0.0625rem rgb(59,70,204);
}
-.c44:after,
-.c44:before {
+.c45:after,
+.c45:before {
position: relative;
display: block;
content: '';
@@ -6612,7 +6640,7 @@ exports[`renders without throwing 1`] = `
height: 100%;
}
-.c44:after {
+.c45:after {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
@@ -6624,11 +6652,11 @@ exports[`renders without throwing 1`] = `
box-shadow: 0 0 0 0.0625rem rgb(216,216,216);
}
-.c44:active {
+.c45:active {
box-shadow: inset 0 0 0 2em rgb(216,216,216);
}
-.c44:before {
+.c45:before {
display: none;
}
@@ -6644,7 +6672,7 @@ exports[`renders without throwing 1`] = `
margin: 0;
}
-.c42 {
+.c43 {
margin: 0 6px;
}
@@ -6653,6 +6681,10 @@ exports[`renders without throwing 1`] = `
margin-right: 0;
}
+.c26 {
+ margin-bottom: 0;
+}
+
@media only screen and (min-width:48em) {
.c1 {
width: 46rem;
@@ -6859,64 +6891,69 @@ exports[`renders without throwing 1`] = `
-
-
-
- Attach to new CNS service name
-
-
-
-
-
+
+
@@ -6928,30 +6965,30 @@ exports[`renders without throwing 1`] = `
className="c2"
>
Disabled CNS
without throwing 1`] = `
/>
without throwing 1`] = `
/>
without throwing 1`] = `
margin-bottom: 1.875rem;
}
-.c32 {
+.c28 {
margin-top: 0.1875rem;
}
-.c34 {
+.c30 {
margin-left: 0.75rem;
}
-.c40 {
+.c42 {
margin-left: 0.375rem;
}
-.c23 {
+.c35 {
margin-top: 0.375rem;
}
+.c38 {
+ margin-right: 0.375rem;
+ margin-bottom: 0.375rem;
+}
+
.c10 {
padding: 1.875rem;
}
-.c38 {
+.c34 {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
@@ -7088,18 +7130,18 @@ exports[`renders without throwing 1`] = `
appearance: button;
}
-.c38::-moz-focus-inner,
-.c38[type='button']::-moz-focus-inner,
-.c38[type='reset']::-moz-focus-inner,
-.c38[type='submit']::-moz-focus-inner {
+.c34::-moz-focus-inner,
+.c34[type='button']::-moz-focus-inner,
+.c34[type='reset']::-moz-focus-inner,
+.c34[type='submit']::-moz-focus-inner {
border-style: none;
padding: 0;
}
-.c38:-moz-focusring,
-.c38[type='button']:-moz-focusring,
-.c38[type='reset']:-moz-focusring,
-.c38[type='submit']:-moz-focusring {
+.c34:-moz-focusring,
+.c34[type='button']:-moz-focusring,
+.c34[type='reset']:-moz-focusring,
+.c34[type='submit']:-moz-focusring {
outline: 0.0625rem dotted ButtonText;
}
@@ -7110,15 +7152,15 @@ exports[`renders without throwing 1`] = `
font-size: 0.9375rem;
}
-.c37 {
+.c33 {
min-width: 7.5rem;
}
-.c36 {
+.c32 {
display: inline-block;
}
-.c35 {
+.c31 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -7139,7 +7181,6 @@ exports[`renders without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -7158,7 +7199,7 @@ exports[`renders without throwing 1`] = `
border: solid 0.0625rem rgb(45,56,132);
}
-.c35:focus {
+.c31:focus {
outline: 0;
-webkit-text-decoration: none;
text-decoration: none;
@@ -7166,26 +7207,26 @@ exports[`renders without throwing 1`] = `
border-color: rgb(45,56,132);
}
-.c35:hover {
+.c31:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c35:active,
-.c35:active:hover,
-.c35: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);
}
-.c35[disabled] {
+.c31[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c22 {
+.c27 {
font-size: 0.9375rem;
line-height: 1.125rem;
font-style: normal;
@@ -7238,7 +7279,7 @@ exports[`renders without throwing 1`] = `
flex-direction: column;
}
-.c28 {
+.c22 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -7265,7 +7306,7 @@ exports[`renders without throwing 1`] = `
align-items: flex-end;
}
-.c30 {
+.c24 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -7285,7 +7326,7 @@ exports[`renders without throwing 1`] = `
align-content: stretch;
}
-.c39 {
+.c41 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -7309,7 +7350,7 @@ exports[`renders without throwing 1`] = `
align-items: center;
}
-.c29 {
+.c23 {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
@@ -7364,7 +7405,7 @@ exports[`renders without throwing 1`] = `
background-color: transparent;
}
-.c31 {
+.c25 {
display: inline-block;
padding: 0;
border: none;
@@ -7376,7 +7417,7 @@ exports[`renders without throwing 1`] = `
-webkit-padding-after: 0;
}
-.c33 {
+.c29 {
box-sizing: border-box;
width: 18.75rem;
height: 3rem;
@@ -7398,52 +7439,52 @@ exports[`renders without throwing 1`] = `
text-overflow: ellipsis;
}
-.c33:focus {
+.c29:focus {
border-color: rgb(59,70,204);
outline: 0;
}
-.c33::-webkit-input-placeholder {
+.c29::-webkit-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c33::-moz-placeholder {
+.c29::-moz-placeholder {
color: rgba(73,73,73,0.5);
}
-.c33:-ms-input-placeholder {
+.c29:-ms-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c33:invalid {
+.c29:invalid {
box-shadow: none;
}
-.c33:disabled {
+.c29:disabled {
background-color: rgb(250,250,250);
color: rgb(216,216,216);
cursor: not-allowed;
}
-.c33:disabled::-webkit-input-placeholder {
+.c29:disabled::-webkit-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c33:disabled::-moz-placeholder {
+.c29:disabled::-moz-placeholder {
color: rgba(73,73,73,0.5);
}
-.c33:disabled:-ms-input-placeholder {
+.c29:disabled:-ms-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c21 {
+.c26 {
font-weight: 600;
white-space: pre;
font-size: 0.8125rem;
}
-.c41 {
+.c43 {
position: relative;
vertical-align: text-bottom;
display: -webkit-box;
@@ -7456,27 +7497,27 @@ exports[`renders without throwing 1`] = `
align-items: center;
}
-.c43 {
+.c45 {
display: none;
}
-.c43:checked + label {
+.c45:checked + label {
background: #3B46CC;
border: 0.0625rem solid rgb(59,70,204);
}
-.c43:checked + label:after {
+.c45:checked + label:after {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
box-shadow: 0 0 0 0.0625rem rgb(59,70,204);
}
-.c43:checked + label:active {
+.c45:checked + label:active {
box-shadow: none;
}
-.c44 {
+.c46 {
outline: 0;
display: block;
width: 2.875rem;
@@ -7495,24 +7536,24 @@ exports[`renders without throwing 1`] = `
border: 0.0625rem solid rgb(216,216,216);
}
-.c44::selection {
+.c46::selection {
background: none;
}
-.c44:active {
+.c46:active {
box-shadow: inset 0 0 0 1.5rem rgb(216,216,216);
}
-.c44:hover {
+.c46:hover {
border: 0.0625rem solid rgb(59,70,204);
}
-.c44:hover:after {
+.c46:hover:after {
box-shadow: 0 0 0 0.0625rem rgb(59,70,204);
}
-.c44:after,
-.c44:before {
+.c46:after,
+.c46:before {
position: relative;
display: block;
content: '';
@@ -7520,7 +7561,7 @@ exports[`renders without throwing 1`] = `
height: 100%;
}
-.c44:after {
+.c46:after {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
@@ -7532,35 +7573,20 @@ exports[`renders without throwing 1`] = `
box-shadow: 0 0 0 0.0625rem rgb(216,216,216);
}
-.c44:active {
+.c46:active {
box-shadow: inset 0 0 0 2em rgb(216,216,216);
}
-.c44:before {
+.c46:before {
display: none;
}
-.c25 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-flex: 1;
- -webkit-flex-grow: 1;
- -ms-flex-positive: 1;
- flex-grow: 1;
-}
-
-.c27 {
+.c40 {
margin-left: 0.75rem;
cursor: pointer;
}
-.c26 {
+.c39 {
border: 0.0625rem solid rgb(216,216,216);
box-sizing: border-box;
border-radius: 0.125rem;
@@ -7583,7 +7609,7 @@ exports[`renders without throwing 1`] = `
border: 0.0625rem solid rgb(45,56,132);
}
-.c24 {
+.c37 {
margin: 0;
padding: 0;
display: -webkit-box;
@@ -7600,6 +7626,10 @@ exports[`renders without throwing 1`] = `
font-weight: 200;
}
+.c36 {
+ margin-bottom: -0.375rem;
+}
+
.c12 {
margin: 0;
}
@@ -7608,7 +7638,7 @@ exports[`renders without throwing 1`] = `
margin: 0;
}
-.c42 {
+.c44 {
margin: 0 6px;
}
@@ -7617,6 +7647,10 @@ exports[`renders without throwing 1`] = `
margin-right: 0;
}
+.c21 {
+ margin-bottom: 0;
+}
+
@media only screen and (min-width:48em) {
.c1 {
width: 46rem;
@@ -7798,31 +7832,95 @@ exports[`renders without throwing 1`] = `
+
+
+
+
+
+
+
+ Attach to new CNS service name
+
+
+
+
+
+
+
+
+
+
+
Existing CNS service name(s)
serbice
without throwing 1`] = `
dssasda
without throwing 1`] = `
dsasd
without throwing 1`] = `
-
-
-
-
-
-
- Attach to new CNS service name
-
-
-
-
-
-
-
-
-
-
@@ -7972,30 +8014,30 @@ exports[`renders without throwing 1`] = `
className="c2"
>
Disabled CNS
without throwing 1`] = `
/>
without throwing 1`] = `
/>
-
-
-
-
- Cloud Firewall rules control traffic across instances. Enabling the firewall adds a default set of rules and rules defined by your chosen tags.
-
-
- Read the docs
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Enable Firewall
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Guilty_Salamander
-
-
- Created using Figma
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Sorry, but we weren’t able to find any firewall rules.
-
-
-
-
-
- ,
- .c2 {
- margin-bottom: 1.125rem;
-}
-
-.c7 {
- margin-bottom: 1.875rem;
-}
-
-.c18 {
- margin-right: 0.75rem;
- margin-left: 0.75rem;
-}
-
-.c21 {
- margin-top: 1.875rem;
-}
-
-.c26 {
- margin-bottom: 0.75rem;
-}
-
-.c20 {
- margin-top: 1.5rem;
-}
-
-.c24 {
- padding: 8rem;
-}
-
-.c13 {
+.c15 {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
@@ -780,32 +103,32 @@ Array [
overflow: visible;
}
-.c13[type='checkbox'],
-.c13[type='radio'] {
+.c15[type='checkbox'],
+.c15[type='radio'] {
box-sizing: border-box;
padding: 0;
}
-.c13[type='number']::-webkit-inner-spin-button,
-.c13[type='number']::-webkit-outer-spin-button {
+.c15[type='number']::-webkit-inner-spin-button,
+.c15[type='number']::-webkit-outer-spin-button {
height: auto;
}
-.c13[type='search'] {
+.c15[type='search'] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
outline-offset: -0.125rem;
}
-.c13[type='search']::-webkit-search-cancel-button,
-.c13[type='search']::-webkit-search-decoration {
+.c15[type='search']::-webkit-search-cancel-button,
+.c15[type='search']::-webkit-search-decoration {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
-.c13::-webkit-file-upload-button {
+.c15::-webkit-file-upload-button {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
@@ -819,7 +142,7 @@ Array [
font-size: 0.9375rem;
}
-.c17 {
+.c19 {
font-size: 0.9375rem;
line-height: 1.125rem;
font-style: normal;
@@ -878,42 +201,6 @@ Array [
font-size: 1.3125rem;
}
-.c19 {
- height: 1px;
- background-color: rgb(216,216,216);
-}
-
-.c25 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-flex-wrap: nowrap;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- -webkit-align-content: stretch;
- -ms-flex-line-pack: stretch;
- align-content: stretch;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-
.c23 {
box-sizing: content-box;
display: -webkit-box;
@@ -936,33 +223,33 @@ Array [
border-color: rgb(216,216,216);
}
-.c12 {
+.c14 {
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
display: none;
}
-.c12:checked + label::after {
+.c14:checked + label::after {
opacity: 1;
}
-.c12:selected + label::after {
+.c14:selected + label::after {
opacity: 1;
}
-.c12:checked + label {
+.c14:checked + label {
border-color: rgb(59,70,204);
}
-.c12:selected + label {
+.c14:selected + label {
border-color: rgb(59,70,204);
}
-.c12:disabled + label {
+.c14:disabled + label {
background-color: rgb(249,249,249);
cursor: not-allowed;
}
-.c14 {
+.c16 {
color: rgb(100,100,100);
position: absolute;
width: 1.125rem;
@@ -979,7 +266,7 @@ Array [
height: 1.125rem;
}
-.c14::after {
+.c16::after {
opacity: 0;
content: '';
position: absolute;
@@ -996,7 +283,7 @@ Array [
transform: rotate(-45deg);
}
-.c11 {
+.c13 {
display: inline-block;
vertical-align: text-bottom;
width: 1.125rem;
@@ -1005,12 +292,12 @@ Array [
cursor: pointer;
}
-.c15 label {
+.c17 label {
font-weight: normal;
font-size: 0.9375rem;
}
-.c10 {
+.c12 {
list-style-type: none;
display: -webkit-box;
display: -webkit-flex;
@@ -1034,25 +321,25 @@ Array [
height: 1.5rem;
}
-.c10 label {
+.c12 label {
font-weight: 400;
}
-.c10 label::after {
+.c12 label::after {
width: 0.475rem;
height: 0.205rem;
top: 0.4125rem;
left: 0.35rem;
}
-.c10 div[type='checkbox'],
-.c10 div[type='checkbox'] input,
-.c10 div[type='checkbox'] label {
+.c12 div[type='checkbox'],
+.c12 div[type='checkbox'] input,
+.c12 div[type='checkbox'] label {
height: 1.5rem;
width: 1.5rem;
}
-.c9 {
+.c11 {
display: inline-block;
padding: 0;
border: none;
@@ -1064,7 +351,7 @@ Array [
-webkit-padding-after: 0;
}
-.c16 {
+.c18 {
font-weight: 600;
white-space: pre;
font-size: 0.8125rem;
@@ -1080,7 +367,7 @@ Array [
width: calc(100% - 0.125rem);
}
-.c8 {
+.c10 {
margin-bottom: 0 !important;
}
@@ -1176,125 +463,74 @@ Array [
-
-
-
-
-
-
-
-
-
-
- Enable Firewall
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Show inactive rules
+
+
-
+
+
+
+ Enable Firewall
+
+
+
+
-
+
-
+
+
-
- Guilty_Salamander
-
-
- Created using Figma
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Empty-state-illustration
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Sorry, but we weren’t able to find any firewall rules.
+
+
+
+
+
+,
+ .c2 {
+ margin-bottom: 1.125rem;
+}
+
+.c9 {
+ margin-right: 1.875rem;
+}
+
+.c20 {
+ margin-right: 0.75rem;
+ margin-left: 0.75rem;
+}
+
+.c21 {
+ margin-top: 1.875rem;
+}
+
+.c26 {
+ margin-bottom: 0.75rem;
+}
+
+.c24 {
+ padding: 8rem;
+}
+
+.c7 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+}
+
+.c25 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+
+.c8 {
+ -webkit-order: 0;
+ -ms-flex-order: 0;
+ order: 0;
+ -webkit-flex-basis: auto;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+ -webkit-box-flex: 0;
+ -webkit-flex-grow: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ -webkit-flex-shrink: 1;
+ -ms-flex-negative: 1;
+ flex-shrink: 1;
+ display: block;
+}
+
+.c15 {
+ font-family: sans-serif;
+ font-size: 100%;
+ line-height: 1.15;
+ margin: 0;
+ overflow: visible;
+}
+
+.c15[type='checkbox'],
+.c15[type='radio'] {
+ box-sizing: border-box;
+ padding: 0;
+}
+
+.c15[type='number']::-webkit-inner-spin-button,
+.c15[type='number']::-webkit-outer-spin-button {
+ height: auto;
+}
+
+.c15[type='search'] {
+ -webkit-appearance: textfield;
+ -moz-appearance: textfield;
+ appearance: textfield;
+ outline-offset: -0.125rem;
+}
+
+.c15[type='search']::-webkit-search-cancel-button,
+.c15[type='search']::-webkit-search-decoration {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+}
+
+.c15::-webkit-file-upload-button {
+ -webkit-appearance: button;
+ -moz-appearance: button;
+ appearance: button;
+ font: inherit;
+}
+
+.c6 {
+ color: rgb(73,73,73);
+ margin: 0;
+ line-height: 1.5rem;
+ font-size: 0.9375rem;
+}
+
+.c19 {
+ font-size: 0.9375rem;
+ line-height: 1.125rem;
+ font-style: normal;
+ font-stretch: normal;
+ display: block;
+ color: rgb(70,70,70);
+ text-align: left;
+}
+
+.c1 {
+ margin-right: auto;
+ margin-left: auto;
+}
+
+.c3 {
+ 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;
+}
+
+.c4 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c0 {
+ box-sizing: border-box;
+ width: 100%;
+ max-width: 78.75rem;
+ padding-bottom: 1.125rem;
+}
+
+.c28 {
+ margin: 0;
+ color: rgb(73,73,73);
+ font-weight: normal;
+ line-height: 1.625rem;
+ font-size: 1.3125rem;
+}
+
+.c23 {
+ 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);
+}
+
+.c14 {
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ display: none;
+}
+
+.c14:checked + label::after {
+ opacity: 1;
+}
+
+.c14:selected + label::after {
+ opacity: 1;
+}
+
+.c14:checked + label {
+ border-color: rgb(59,70,204);
+}
+
+.c14:selected + label {
+ border-color: rgb(59,70,204);
+}
+
+.c14:disabled + label {
+ background-color: rgb(249,249,249);
+ cursor: not-allowed;
+}
+
+.c16 {
+ color: rgb(100,100,100);
+ position: absolute;
+ width: 1.125rem;
+ height: 1.125rem;
+ box-sizing: border-box;
+ top: 0;
+ cursor: pointer;
+ background-color: rgb(255,255,255);
+ box-shadow: none;
+ border: 0.0625rem solid rgb(216,216,216);
+ cursor: pointer;
+ border-radius: 0.25rem;
+ width: 1.125rem;
+ height: 1.125rem;
+}
+
+.c16::after {
+ opacity: 0;
+ content: '';
+ position: absolute;
+ width: 0.375rem;
+ height: 0.125rem;
+ background: transparent;
+ top: 0.3125rem;
+ left: 0.25rem;
+ border: 0.125rem solid rgb(45,45,45);
+ border-top: none;
+ border-right: none;
+ -webkit-transform: rotate(-45deg);
+ -ms-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+}
+
+.c13 {
+ display: inline-block;
+ vertical-align: text-bottom;
+ width: 1.125rem;
+ height: 1.125rem;
+ position: relative;
+ cursor: pointer;
+}
+
+.c17 label {
+ font-weight: normal;
+ font-size: 0.9375rem;
+}
+
+.c12 {
+ list-style-type: none;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-align-content: center;
+ -ms-flex-line-pack: center;
+ align-content: center;
+ height: 1.5rem;
+}
+
+.c12 label {
+ font-weight: 400;
+}
+
+.c12 label::after {
+ width: 0.475rem;
+ height: 0.205rem;
+ top: 0.4125rem;
+ left: 0.35rem;
+}
+
+.c12 div[type='checkbox'],
+.c12 div[type='checkbox'] input,
+.c12 div[type='checkbox'] label {
+ height: 1.5rem;
+ width: 1.5rem;
+}
+
+.c11 {
+ display: inline-block;
+ padding: 0;
+ border: none;
+ overflow: hidden;
+ height: auto;
+ -webkit-padding-before: 0;
+ -webkit-padding-start: 0;
+ -webkit-padding-end: 0;
+ -webkit-padding-after: 0;
+}
+
+.c18 {
+ font-weight: 600;
+ white-space: pre;
+ font-size: 0.8125rem;
+ cursor: pointer;
+}
+
+.c27 {
+ color: rgb(151,151,151);
+ text-align: center;
+}
+
+.c22 {
+ width: calc(100% - 0.125rem);
+}
+
+.c10 {
+ margin-bottom: 0 !important;
+}
+
+.c5 {
+ font-weight: 200;
+}
+
+@media only screen and (min-width:48em) {
+ .c1 {
+ width: 46rem;
+ }
+}
+
+@media only screen and (min-width:64em) {
+ .c1 {
+ width: 56rem;
+ }
+}
+
+@media only screen and (min-width:75em) {
+ .c1 {
+ width: 59rem;
+ }
+}
+
+@media only screen and (min-width:0em) {
+ .c4 {
+ -webkit-flex-basis: 100%;
+ -ms-flex-preferred-size: 100%;
+ flex-basis: 100%;
+ max-width: 100%;
+ }
+}
+
+@media only screen and (min-width:48em) {
+ .c4 {
+ -webkit-flex-basis: 58.333333333333336%;
+ -ms-flex-preferred-size: 58.333333333333336%;
+ flex-basis: 58.333333333333336%;
+ max-width: 58.333333333333336%;
+ }
+}
+
+@media only screen and (max-width:37.4375rem) {
+ .c0 {
+ padding-left: 0.75rem;
+ padding-right: 0.75rem;
+ }
+}
+
+@media only screen and (min-width:37.5rem) and (max-width:62.4375rem) {
+ .c0 {
+ padding-left: 1.875rem;
+ padding-right: 1.875rem;
+ }
+}
+
+@media only screen and (min-width:62.5rem) and (max-width:87.4375rem) {
+ .c0 {
+ padding-left: 4.375rem;
+ padding-right: 4.375rem;
+ }
+}
+
+
+
+
+
+
+ Cloud Firewall rules control traffic across instances. Enabling the firewall adds a default set of rules and rules defined by your chosen tags.
+
+
+ Read the docs
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Enable Firewall
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Show inactive rules
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Empty-state-illustration
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
- Cloud Firewall rules control traffic across instances. Enabling the firewall adds a default set of rules and rules defined by your chosen tags.
-
-
- Read the docs
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Enable Firewall
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Guilty_Salamander
-
-
- Created using Figma
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Sorry, but we weren’t able to find any firewall rules.
-
-
-
-
-
-,
- .c2 {
- margin-bottom: 1.125rem;
-}
-
-.c7 {
- margin-bottom: 1.875rem;
-}
-
-.c18 {
- margin-right: 0.75rem;
- margin-left: 0.75rem;
-}
-
-.c21 {
- margin-top: 1.875rem;
-}
-
-.c26 {
- margin-bottom: 0.75rem;
-}
-
-.c20 {
- margin-top: 1.5rem;
-}
-
-.c24 {
- padding: 8rem;
-}
-
-.c13 {
+.c15 {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
@@ -2330,32 +1851,32 @@ Array [
overflow: visible;
}
-.c13[type='checkbox'],
-.c13[type='radio'] {
+.c15[type='checkbox'],
+.c15[type='radio'] {
box-sizing: border-box;
padding: 0;
}
-.c13[type='number']::-webkit-inner-spin-button,
-.c13[type='number']::-webkit-outer-spin-button {
+.c15[type='number']::-webkit-inner-spin-button,
+.c15[type='number']::-webkit-outer-spin-button {
height: auto;
}
-.c13[type='search'] {
+.c15[type='search'] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
outline-offset: -0.125rem;
}
-.c13[type='search']::-webkit-search-cancel-button,
-.c13[type='search']::-webkit-search-decoration {
+.c15[type='search']::-webkit-search-cancel-button,
+.c15[type='search']::-webkit-search-decoration {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
-.c13::-webkit-file-upload-button {
+.c15::-webkit-file-upload-button {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
@@ -2369,7 +1890,7 @@ Array [
font-size: 0.9375rem;
}
-.c17 {
+.c19 {
font-size: 0.9375rem;
line-height: 1.125rem;
font-style: normal;
@@ -2428,42 +1949,6 @@ Array [
font-size: 1.3125rem;
}
-.c19 {
- height: 1px;
- background-color: rgb(216,216,216);
-}
-
-.c25 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-flex-wrap: nowrap;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- -webkit-align-content: stretch;
- -ms-flex-line-pack: stretch;
- align-content: stretch;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-
.c23 {
box-sizing: content-box;
display: -webkit-box;
@@ -2486,33 +1971,33 @@ Array [
border-color: rgb(216,216,216);
}
-.c12 {
+.c14 {
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
display: none;
}
-.c12:checked + label::after {
+.c14:checked + label::after {
opacity: 1;
}
-.c12:selected + label::after {
+.c14:selected + label::after {
opacity: 1;
}
-.c12:checked + label {
+.c14:checked + label {
border-color: rgb(59,70,204);
}
-.c12:selected + label {
+.c14:selected + label {
border-color: rgb(59,70,204);
}
-.c12:disabled + label {
+.c14:disabled + label {
background-color: rgb(249,249,249);
cursor: not-allowed;
}
-.c14 {
+.c16 {
color: rgb(100,100,100);
position: absolute;
width: 1.125rem;
@@ -2529,7 +2014,7 @@ Array [
height: 1.125rem;
}
-.c14::after {
+.c16::after {
opacity: 0;
content: '';
position: absolute;
@@ -2546,7 +2031,7 @@ Array [
transform: rotate(-45deg);
}
-.c11 {
+.c13 {
display: inline-block;
vertical-align: text-bottom;
width: 1.125rem;
@@ -2555,12 +2040,12 @@ Array [
cursor: pointer;
}
-.c15 label {
+.c17 label {
font-weight: normal;
font-size: 0.9375rem;
}
-.c10 {
+.c12 {
list-style-type: none;
display: -webkit-box;
display: -webkit-flex;
@@ -2584,25 +2069,25 @@ Array [
height: 1.5rem;
}
-.c10 label {
+.c12 label {
font-weight: 400;
}
-.c10 label::after {
+.c12 label::after {
width: 0.475rem;
height: 0.205rem;
top: 0.4125rem;
left: 0.35rem;
}
-.c10 div[type='checkbox'],
-.c10 div[type='checkbox'] input,
-.c10 div[type='checkbox'] label {
+.c12 div[type='checkbox'],
+.c12 div[type='checkbox'] input,
+.c12 div[type='checkbox'] label {
height: 1.5rem;
width: 1.5rem;
}
-.c9 {
+.c11 {
display: inline-block;
padding: 0;
border: none;
@@ -2614,7 +2099,7 @@ Array [
-webkit-padding-after: 0;
}
-.c16 {
+.c18 {
font-weight: 600;
white-space: pre;
font-size: 0.8125rem;
@@ -2630,7 +2115,7 @@ Array [
width: calc(100% - 0.125rem);
}
-.c8 {
+.c10 {
margin-bottom: 0 !important;
}
@@ -2726,125 +2211,74 @@ Array [
-
-
-
-
-
-
-
-
-
-
- Enable Firewall
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Show inactive rules
+
+
-
+
+
+
+ Enable Firewall
+
+
+
+
-
+
-
+
+
-
- Guilty_Salamander
-
-
- Created using Figma
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Empty-state-illustration
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Sorry, but we weren’t able to find any firewall rules.
+
+
+
+
+
+,
+ .c2 {
+ margin-bottom: 1.125rem;
+}
+
+.c9 {
+ margin-right: 1.875rem;
+}
+
+.c20 {
+ margin-right: 0.75rem;
+ margin-left: 0.75rem;
+}
+
+.c21 {
+ margin-top: 1.875rem;
+}
+
+.c26 {
+ margin-bottom: 0.75rem;
+}
+
+.c24 {
+ padding: 8rem;
+}
+
+.c7 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+}
+
+.c25 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+
+.c8 {
+ -webkit-order: 0;
+ -ms-flex-order: 0;
+ order: 0;
+ -webkit-flex-basis: auto;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+ -webkit-box-flex: 0;
+ -webkit-flex-grow: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ -webkit-flex-shrink: 1;
+ -ms-flex-negative: 1;
+ flex-shrink: 1;
+ display: block;
+}
+
+.c15 {
+ font-family: sans-serif;
+ font-size: 100%;
+ line-height: 1.15;
+ margin: 0;
+ overflow: visible;
+}
+
+.c15[type='checkbox'],
+.c15[type='radio'] {
+ box-sizing: border-box;
+ padding: 0;
+}
+
+.c15[type='number']::-webkit-inner-spin-button,
+.c15[type='number']::-webkit-outer-spin-button {
+ height: auto;
+}
+
+.c15[type='search'] {
+ -webkit-appearance: textfield;
+ -moz-appearance: textfield;
+ appearance: textfield;
+ outline-offset: -0.125rem;
+}
+
+.c15[type='search']::-webkit-search-cancel-button,
+.c15[type='search']::-webkit-search-decoration {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+}
+
+.c15::-webkit-file-upload-button {
+ -webkit-appearance: button;
+ -moz-appearance: button;
+ appearance: button;
+ font: inherit;
+}
+
+.c6 {
+ color: rgb(73,73,73);
+ margin: 0;
+ line-height: 1.5rem;
+ font-size: 0.9375rem;
+}
+
+.c19 {
+ font-size: 0.9375rem;
+ line-height: 1.125rem;
+ font-style: normal;
+ font-stretch: normal;
+ display: block;
+ color: rgb(70,70,70);
+ text-align: left;
+}
+
+.c1 {
+ margin-right: auto;
+ margin-left: auto;
+}
+
+.c3 {
+ 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;
+}
+
+.c4 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c0 {
+ box-sizing: border-box;
+ width: 100%;
+ max-width: 78.75rem;
+ padding-bottom: 1.125rem;
+}
+
+.c28 {
+ margin: 0;
+ color: rgb(73,73,73);
+ font-weight: normal;
+ line-height: 1.625rem;
+ font-size: 1.3125rem;
+}
+
+.c23 {
+ 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);
+}
+
+.c14 {
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ display: none;
+}
+
+.c14:checked + label::after {
+ opacity: 1;
+}
+
+.c14:selected + label::after {
+ opacity: 1;
+}
+
+.c14:checked + label {
+ border-color: rgb(59,70,204);
+}
+
+.c14:selected + label {
+ border-color: rgb(59,70,204);
+}
+
+.c14:disabled + label {
+ background-color: rgb(249,249,249);
+ cursor: not-allowed;
+}
+
+.c16 {
+ color: rgb(100,100,100);
+ position: absolute;
+ width: 1.125rem;
+ height: 1.125rem;
+ box-sizing: border-box;
+ top: 0;
+ cursor: pointer;
+ background-color: rgb(255,255,255);
+ box-shadow: none;
+ border: 0.0625rem solid rgb(216,216,216);
+ cursor: pointer;
+ border-radius: 0.25rem;
+ width: 1.125rem;
+ height: 1.125rem;
+}
+
+.c16::after {
+ opacity: 0;
+ content: '';
+ position: absolute;
+ width: 0.375rem;
+ height: 0.125rem;
+ background: transparent;
+ top: 0.3125rem;
+ left: 0.25rem;
+ border: 0.125rem solid rgb(45,45,45);
+ border-top: none;
+ border-right: none;
+ -webkit-transform: rotate(-45deg);
+ -ms-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+}
+
+.c13 {
+ display: inline-block;
+ vertical-align: text-bottom;
+ width: 1.125rem;
+ height: 1.125rem;
+ position: relative;
+ cursor: pointer;
+}
+
+.c17 label {
+ font-weight: normal;
+ font-size: 0.9375rem;
+}
+
+.c12 {
+ list-style-type: none;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-align-content: center;
+ -ms-flex-line-pack: center;
+ align-content: center;
+ height: 1.5rem;
+}
+
+.c12 label {
+ font-weight: 400;
+}
+
+.c12 label::after {
+ width: 0.475rem;
+ height: 0.205rem;
+ top: 0.4125rem;
+ left: 0.35rem;
+}
+
+.c12 div[type='checkbox'],
+.c12 div[type='checkbox'] input,
+.c12 div[type='checkbox'] label {
+ height: 1.5rem;
+ width: 1.5rem;
+}
+
+.c11 {
+ display: inline-block;
+ padding: 0;
+ border: none;
+ overflow: hidden;
+ height: auto;
+ -webkit-padding-before: 0;
+ -webkit-padding-start: 0;
+ -webkit-padding-end: 0;
+ -webkit-padding-after: 0;
+}
+
+.c18 {
+ font-weight: 600;
+ white-space: pre;
+ font-size: 0.8125rem;
+ cursor: pointer;
+}
+
+.c27 {
+ color: rgb(151,151,151);
+ text-align: center;
+}
+
+.c22 {
+ width: calc(100% - 0.125rem);
+}
+
+.c10 {
+ margin-bottom: 0 !important;
+}
+
+.c5 {
+ font-weight: 200;
+}
+
+@media only screen and (min-width:48em) {
+ .c1 {
+ width: 46rem;
+ }
+}
+
+@media only screen and (min-width:64em) {
+ .c1 {
+ width: 56rem;
+ }
+}
+
+@media only screen and (min-width:75em) {
+ .c1 {
+ width: 59rem;
+ }
+}
+
+@media only screen and (min-width:0em) {
+ .c4 {
+ -webkit-flex-basis: 100%;
+ -ms-flex-preferred-size: 100%;
+ flex-basis: 100%;
+ max-width: 100%;
+ }
+}
+
+@media only screen and (min-width:48em) {
+ .c4 {
+ -webkit-flex-basis: 58.333333333333336%;
+ -ms-flex-preferred-size: 58.333333333333336%;
+ flex-basis: 58.333333333333336%;
+ max-width: 58.333333333333336%;
+ }
+}
+
+@media only screen and (max-width:37.4375rem) {
+ .c0 {
+ padding-left: 0.75rem;
+ padding-right: 0.75rem;
+ }
+}
+
+@media only screen and (min-width:37.5rem) and (max-width:62.4375rem) {
+ .c0 {
+ padding-left: 1.875rem;
+ padding-right: 1.875rem;
+ }
+}
+
+@media only screen and (min-width:62.5rem) and (max-width:87.4375rem) {
+ .c0 {
+ padding-left: 4.375rem;
+ padding-right: 4.375rem;
+ }
+}
+
+
+
+
+
+
+ Cloud Firewall rules control traffic across instances. Enabling the firewall adds a default set of rules and rules defined by your chosen tags.
+
+
+ Read the docs
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Enable Firewall
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Show inactive rules
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Empty-state-illustration
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
,
.c2 {
margin-bottom: 1.125rem;
}
+.c12 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+}
+
+.c13 {
+ -webkit-order: 0;
+ -ms-flex-order: 0;
+ order: 0;
+ -webkit-flex-basis: auto;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+ -webkit-box-flex: 0;
+ -webkit-flex-grow: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ -webkit-flex-shrink: 1;
+ -ms-flex-negative: 1;
+ flex-shrink: 1;
+ display: block;
+}
+
.c8 {
fill: rgb(59,70,204);
stroke: rgb(59,70,204);
@@ -3565,6 +4045,16 @@ Array [
Loading...
+
,
]
`;
@@ -3574,28 +4064,100 @@ exports[`renders
without throwing 1`] = `
margin-bottom: 1.125rem;
}
-.c7 {
- margin-bottom: 1.875rem;
+.c15 {
+ margin-right: 1.875rem;
}
-.c23 {
+.c26 {
margin-right: 0.75rem;
margin-left: 0.75rem;
}
-.c25 {
+.c27 {
margin-top: 1.875rem;
}
-.c30 {
+.c32 {
margin-bottom: 0.75rem;
}
-.c28 {
+.c7 {
+ margin-bottom: 1.875rem;
+}
+
+.c30 {
padding: 8rem;
}
-.c18 {
+.c13 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+}
+
+.c31 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+
+.c14 {
+ -webkit-order: 0;
+ -ms-flex-order: 0;
+ order: 0;
+ -webkit-flex-basis: auto;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+ -webkit-box-flex: 0;
+ -webkit-flex-grow: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ -webkit-flex-shrink: 1;
+ -ms-flex-negative: 1;
+ flex-shrink: 1;
+ display: block;
+}
+
+.c21 {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
@@ -3603,32 +4165,32 @@ exports[`renders
without throwing 1`] = `
overflow: visible;
}
-.c18[type='checkbox'],
-.c18[type='radio'] {
+.c21[type='checkbox'],
+.c21[type='radio'] {
box-sizing: border-box;
padding: 0;
}
-.c18[type='number']::-webkit-inner-spin-button,
-.c18[type='number']::-webkit-outer-spin-button {
+.c21[type='number']::-webkit-inner-spin-button,
+.c21[type='number']::-webkit-outer-spin-button {
height: auto;
}
-.c18[type='search'] {
+.c21[type='search'] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
outline-offset: -0.125rem;
}
-.c18[type='search']::-webkit-search-cancel-button,
-.c18[type='search']::-webkit-search-decoration {
+.c21[type='search']::-webkit-search-cancel-button,
+.c21[type='search']::-webkit-search-decoration {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
-.c18::-webkit-file-upload-button {
+.c21::-webkit-file-upload-button {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
@@ -3642,7 +4204,7 @@ exports[`renders
without throwing 1`] = `
font-size: 0.9375rem;
}
-.c22 {
+.c25 {
font-size: 0.9375rem;
line-height: 1.125rem;
font-style: normal;
@@ -3693,7 +4255,7 @@ exports[`renders
without throwing 1`] = `
padding-bottom: 1.125rem;
}
-.c32 {
+.c34 {
margin: 0;
color: rgb(73,73,73);
font-weight: normal;
@@ -3709,42 +4271,6 @@ exports[`renders
without throwing 1`] = `
font-size: 0.9375rem;
}
-.c24 {
- height: 1px;
- background-color: rgb(216,216,216);
-}
-
-.c29 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-flex-wrap: nowrap;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- -webkit-align-content: stretch;
- -ms-flex-line-pack: stretch;
- align-content: stretch;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-
.c8 {
display: -webkit-box;
display: -webkit-flex;
@@ -3774,7 +4300,7 @@ exports[`renders
without throwing 1`] = `
font-size: 0.8125rem;
}
-.c27 {
+.c29 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
@@ -3796,33 +4322,33 @@ exports[`renders
without throwing 1`] = `
border-color: rgb(216,216,216);
}
-.c17 {
+.c20 {
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
display: none;
}
-.c17:checked + label::after {
+.c20:checked + label::after {
opacity: 1;
}
-.c17:selected + label::after {
+.c20:selected + label::after {
opacity: 1;
}
-.c17:checked + label {
+.c20:checked + label {
border-color: rgb(59,70,204);
}
-.c17:selected + label {
+.c20:selected + label {
border-color: rgb(59,70,204);
}
-.c17:disabled + label {
+.c20:disabled + label {
background-color: rgb(249,249,249);
cursor: not-allowed;
}
-.c19 {
+.c22 {
color: rgb(100,100,100);
position: absolute;
width: 1.125rem;
@@ -3839,7 +4365,7 @@ exports[`renders
without throwing 1`] = `
height: 1.125rem;
}
-.c19::after {
+.c22::after {
opacity: 0;
content: '';
position: absolute;
@@ -3856,7 +4382,7 @@ exports[`renders
without throwing 1`] = `
transform: rotate(-45deg);
}
-.c16 {
+.c19 {
display: inline-block;
vertical-align: text-bottom;
width: 1.125rem;
@@ -3865,12 +4391,12 @@ exports[`renders
without throwing 1`] = `
cursor: pointer;
}
-.c20 label {
+.c23 label {
font-weight: normal;
font-size: 0.9375rem;
}
-.c15 {
+.c18 {
list-style-type: none;
display: -webkit-box;
display: -webkit-flex;
@@ -3894,25 +4420,25 @@ exports[`renders
without throwing 1`] = `
height: 1.5rem;
}
-.c15 label {
+.c18 label {
font-weight: 400;
}
-.c15 label::after {
+.c18 label::after {
width: 0.475rem;
height: 0.205rem;
top: 0.4125rem;
left: 0.35rem;
}
-.c15 div[type='checkbox'],
-.c15 div[type='checkbox'] input,
-.c15 div[type='checkbox'] label {
+.c18 div[type='checkbox'],
+.c18 div[type='checkbox'] input,
+.c18 div[type='checkbox'] label {
height: 1.5rem;
width: 1.5rem;
}
-.c14 {
+.c17 {
display: inline-block;
padding: 0;
border: none;
@@ -3924,23 +4450,23 @@ exports[`renders
without throwing 1`] = `
-webkit-padding-after: 0;
}
-.c21 {
+.c24 {
font-weight: 600;
white-space: pre;
font-size: 0.8125rem;
cursor: pointer;
}
-.c31 {
+.c33 {
color: rgb(151,151,151);
text-align: center;
}
-.c26 {
+.c28 {
width: calc(100% - 0.125rem);
}
-.c13 {
+.c16 {
margin-bottom: 0 !important;
}
@@ -4059,312 +4585,382 @@ exports[`renders
without throwing 1`] = `
-
-
-
-
-
-
-
-
-
-
- Enable Firewall
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+ Enable Firewall
+
+
+
+
+
+
+
+
+
+
+
+
-
- Guilty_Salamander
-
-
- Created using Figma
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Empty-state-illustration
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Sorry, but we weren’t able to find any firewall rules.
@@ -4380,28 +4976,100 @@ exports[`renders
without throwing 1`] = `
margin-bottom: 1.125rem;
}
-.c7 {
- margin-bottom: 1.875rem;
+.c15 {
+ margin-right: 1.875rem;
}
-.c23 {
+.c26 {
margin-right: 0.75rem;
margin-left: 0.75rem;
}
-.c25 {
+.c27 {
margin-top: 1.875rem;
}
-.c30 {
+.c32 {
margin-bottom: 0.75rem;
}
-.c28 {
+.c7 {
+ margin-bottom: 1.875rem;
+}
+
+.c30 {
padding: 8rem;
}
-.c18 {
+.c13 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+}
+
+.c31 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+
+.c14 {
+ -webkit-order: 0;
+ -ms-flex-order: 0;
+ order: 0;
+ -webkit-flex-basis: auto;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+ -webkit-box-flex: 0;
+ -webkit-flex-grow: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ -webkit-flex-shrink: 1;
+ -ms-flex-negative: 1;
+ flex-shrink: 1;
+ display: block;
+}
+
+.c21 {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
@@ -4409,32 +5077,32 @@ exports[`renders
without throwing 1`] = `
overflow: visible;
}
-.c18[type='checkbox'],
-.c18[type='radio'] {
+.c21[type='checkbox'],
+.c21[type='radio'] {
box-sizing: border-box;
padding: 0;
}
-.c18[type='number']::-webkit-inner-spin-button,
-.c18[type='number']::-webkit-outer-spin-button {
+.c21[type='number']::-webkit-inner-spin-button,
+.c21[type='number']::-webkit-outer-spin-button {
height: auto;
}
-.c18[type='search'] {
+.c21[type='search'] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
outline-offset: -0.125rem;
}
-.c18[type='search']::-webkit-search-cancel-button,
-.c18[type='search']::-webkit-search-decoration {
+.c21[type='search']::-webkit-search-cancel-button,
+.c21[type='search']::-webkit-search-decoration {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
-.c18::-webkit-file-upload-button {
+.c21::-webkit-file-upload-button {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
@@ -4448,7 +5116,7 @@ exports[`renders
without throwing 1`] = `
font-size: 0.9375rem;
}
-.c22 {
+.c25 {
font-size: 0.9375rem;
line-height: 1.125rem;
font-style: normal;
@@ -4499,7 +5167,7 @@ exports[`renders
without throwing 1`] = `
padding-bottom: 1.125rem;
}
-.c32 {
+.c34 {
margin: 0;
color: rgb(73,73,73);
font-weight: normal;
@@ -4515,42 +5183,6 @@ exports[`renders
without throwing 1`] = `
font-size: 0.9375rem;
}
-.c24 {
- height: 1px;
- background-color: rgb(216,216,216);
-}
-
-.c29 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-flex-wrap: nowrap;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- -webkit-align-content: stretch;
- -ms-flex-line-pack: stretch;
- align-content: stretch;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-
.c8 {
display: -webkit-box;
display: -webkit-flex;
@@ -4580,7 +5212,7 @@ exports[`renders
without throwing 1`] = `
font-size: 0.8125rem;
}
-.c27 {
+.c29 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
@@ -4602,33 +5234,33 @@ exports[`renders
without throwing 1`] = `
border-color: rgb(216,216,216);
}
-.c17 {
+.c20 {
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
display: none;
}
-.c17:checked + label::after {
+.c20:checked + label::after {
opacity: 1;
}
-.c17:selected + label::after {
+.c20:selected + label::after {
opacity: 1;
}
-.c17:checked + label {
+.c20:checked + label {
border-color: rgb(59,70,204);
}
-.c17:selected + label {
+.c20:selected + label {
border-color: rgb(59,70,204);
}
-.c17:disabled + label {
+.c20:disabled + label {
background-color: rgb(249,249,249);
cursor: not-allowed;
}
-.c19 {
+.c22 {
color: rgb(100,100,100);
position: absolute;
width: 1.125rem;
@@ -4645,7 +5277,7 @@ exports[`renders
without throwing 1`] = `
height: 1.125rem;
}
-.c19::after {
+.c22::after {
opacity: 0;
content: '';
position: absolute;
@@ -4662,7 +5294,7 @@ exports[`renders
without throwing 1`] = `
transform: rotate(-45deg);
}
-.c16 {
+.c19 {
display: inline-block;
vertical-align: text-bottom;
width: 1.125rem;
@@ -4671,12 +5303,12 @@ exports[`renders
without throwing 1`] = `
cursor: pointer;
}
-.c20 label {
+.c23 label {
font-weight: normal;
font-size: 0.9375rem;
}
-.c15 {
+.c18 {
list-style-type: none;
display: -webkit-box;
display: -webkit-flex;
@@ -4700,25 +5332,25 @@ exports[`renders
without throwing 1`] = `
height: 1.5rem;
}
-.c15 label {
+.c18 label {
font-weight: 400;
}
-.c15 label::after {
+.c18 label::after {
width: 0.475rem;
height: 0.205rem;
top: 0.4125rem;
left: 0.35rem;
}
-.c15 div[type='checkbox'],
-.c15 div[type='checkbox'] input,
-.c15 div[type='checkbox'] label {
+.c18 div[type='checkbox'],
+.c18 div[type='checkbox'] input,
+.c18 div[type='checkbox'] label {
height: 1.5rem;
width: 1.5rem;
}
-.c14 {
+.c17 {
display: inline-block;
padding: 0;
border: none;
@@ -4730,23 +5362,23 @@ exports[`renders
without throwing 1`] = `
-webkit-padding-after: 0;
}
-.c21 {
+.c24 {
font-weight: 600;
white-space: pre;
font-size: 0.8125rem;
cursor: pointer;
}
-.c31 {
+.c33 {
color: rgb(151,151,151);
text-align: center;
}
-.c26 {
+.c28 {
width: calc(100% - 0.125rem);
}
-.c13 {
+.c16 {
margin-bottom: 0 !important;
}
@@ -4865,312 +5497,382 @@ exports[`renders
without throwing 1`] = `
-
-
-
-
-
-
-
-
-
-
- Enable Firewall
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+ Enable Firewall
+
+
+
+
+
+
+
+
+
+
+
+
-
- Guilty_Salamander
-
-
- Created using Figma
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Empty-state-illustration
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Sorry, but we weren’t able to find any firewall rules.
@@ -5187,16 +5889,53 @@ Array [
margin-bottom: 1.125rem;
}
-.c7 {
- margin-bottom: 1.875rem;
+.c9 {
+ margin-right: 1.875rem;
}
-.c18 {
+.c20 {
margin-right: 0.75rem;
margin-left: 0.75rem;
}
-.c13 {
+.c7 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+}
+
+.c8 {
+ -webkit-order: 0;
+ -ms-flex-order: 0;
+ order: 0;
+ -webkit-flex-basis: auto;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+ -webkit-box-flex: 0;
+ -webkit-flex-grow: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ -webkit-flex-shrink: 1;
+ -ms-flex-negative: 1;
+ flex-shrink: 1;
+ display: block;
+}
+
+.c15 {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
@@ -5204,32 +5943,32 @@ Array [
overflow: visible;
}
-.c13[type='checkbox'],
-.c13[type='radio'] {
+.c15[type='checkbox'],
+.c15[type='radio'] {
box-sizing: border-box;
padding: 0;
}
-.c13[type='number']::-webkit-inner-spin-button,
-.c13[type='number']::-webkit-outer-spin-button {
+.c15[type='number']::-webkit-inner-spin-button,
+.c15[type='number']::-webkit-outer-spin-button {
height: auto;
}
-.c13[type='search'] {
+.c15[type='search'] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
outline-offset: -0.125rem;
}
-.c13[type='search']::-webkit-search-cancel-button,
-.c13[type='search']::-webkit-search-decoration {
+.c15[type='search']::-webkit-search-cancel-button,
+.c15[type='search']::-webkit-search-decoration {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
-.c13::-webkit-file-upload-button {
+.c15::-webkit-file-upload-button {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
@@ -5243,7 +5982,7 @@ Array [
font-size: 0.9375rem;
}
-.c17 {
+.c19 {
font-size: 0.9375rem;
line-height: 1.125rem;
font-style: normal;
@@ -5294,38 +6033,33 @@ Array [
padding-bottom: 1.125rem;
}
-.c19 {
- height: 1px;
- background-color: rgb(216,216,216);
-}
-
-.c12 {
+.c14 {
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
display: none;
}
-.c12:checked + label::after {
+.c14:checked + label::after {
opacity: 1;
}
-.c12:selected + label::after {
+.c14:selected + label::after {
opacity: 1;
}
-.c12:checked + label {
+.c14:checked + label {
border-color: rgb(59,70,204);
}
-.c12:selected + label {
+.c14:selected + label {
border-color: rgb(59,70,204);
}
-.c12:disabled + label {
+.c14:disabled + label {
background-color: rgb(249,249,249);
cursor: not-allowed;
}
-.c14 {
+.c16 {
color: rgb(100,100,100);
position: absolute;
width: 1.125rem;
@@ -5342,7 +6076,7 @@ Array [
height: 1.125rem;
}
-.c14::after {
+.c16::after {
opacity: 0;
content: '';
position: absolute;
@@ -5359,7 +6093,7 @@ Array [
transform: rotate(-45deg);
}
-.c11 {
+.c13 {
display: inline-block;
vertical-align: text-bottom;
width: 1.125rem;
@@ -5368,12 +6102,12 @@ Array [
cursor: pointer;
}
-.c15 label {
+.c17 label {
font-weight: normal;
font-size: 0.9375rem;
}
-.c10 {
+.c12 {
list-style-type: none;
display: -webkit-box;
display: -webkit-flex;
@@ -5397,25 +6131,25 @@ Array [
height: 1.5rem;
}
-.c10 label {
+.c12 label {
font-weight: 400;
}
-.c10 label::after {
+.c12 label::after {
width: 0.475rem;
height: 0.205rem;
top: 0.4125rem;
left: 0.35rem;
}
-.c10 div[type='checkbox'],
-.c10 div[type='checkbox'] input,
-.c10 div[type='checkbox'] label {
+.c12 div[type='checkbox'],
+.c12 div[type='checkbox'] input,
+.c12 div[type='checkbox'] label {
height: 1.5rem;
width: 1.5rem;
}
-.c9 {
+.c11 {
display: inline-block;
padding: 0;
border: none;
@@ -5427,14 +6161,14 @@ Array [
-webkit-padding-after: 0;
}
-.c16 {
+.c18 {
font-weight: 600;
white-space: pre;
font-size: 0.8125rem;
cursor: pointer;
}
-.c8 {
+.c10 {
margin-bottom: 0 !important;
}
@@ -5530,82 +6264,127 @@ Array [
-
-
-
-
-
-
-
- Enable Firewall
+
+
-
+
+
+
+ Enable Firewall
+
+
+
+
-
+
-
+
+
-
,
.c2 {
margin-bottom: 1.125rem;
}
-.c7 {
- margin-bottom: 1.875rem;
+.c9 {
+ margin-right: 1.875rem;
}
-.c18 {
+.c20 {
margin-right: 0.75rem;
margin-left: 0.75rem;
}
-.c13 {
+.c7 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+}
+
+.c8 {
+ -webkit-order: 0;
+ -ms-flex-order: 0;
+ order: 0;
+ -webkit-flex-basis: auto;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+ -webkit-box-flex: 0;
+ -webkit-flex-grow: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ -webkit-flex-shrink: 1;
+ -ms-flex-negative: 1;
+ flex-shrink: 1;
+ display: block;
+}
+
+.c15 {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
@@ -5613,32 +6392,32 @@ Array [
overflow: visible;
}
-.c13[type='checkbox'],
-.c13[type='radio'] {
+.c15[type='checkbox'],
+.c15[type='radio'] {
box-sizing: border-box;
padding: 0;
}
-.c13[type='number']::-webkit-inner-spin-button,
-.c13[type='number']::-webkit-outer-spin-button {
+.c15[type='number']::-webkit-inner-spin-button,
+.c15[type='number']::-webkit-outer-spin-button {
height: auto;
}
-.c13[type='search'] {
+.c15[type='search'] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
outline-offset: -0.125rem;
}
-.c13[type='search']::-webkit-search-cancel-button,
-.c13[type='search']::-webkit-search-decoration {
+.c15[type='search']::-webkit-search-cancel-button,
+.c15[type='search']::-webkit-search-decoration {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
-.c13::-webkit-file-upload-button {
+.c15::-webkit-file-upload-button {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
@@ -5652,7 +6431,7 @@ Array [
font-size: 0.9375rem;
}
-.c17 {
+.c19 {
font-size: 0.9375rem;
line-height: 1.125rem;
font-style: normal;
@@ -5703,38 +6482,33 @@ Array [
padding-bottom: 1.125rem;
}
-.c19 {
- height: 1px;
- background-color: rgb(216,216,216);
-}
-
-.c12 {
+.c14 {
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
display: none;
}
-.c12:checked + label::after {
+.c14:checked + label::after {
opacity: 1;
}
-.c12:selected + label::after {
+.c14:selected + label::after {
opacity: 1;
}
-.c12:checked + label {
+.c14:checked + label {
border-color: rgb(59,70,204);
}
-.c12:selected + label {
+.c14:selected + label {
border-color: rgb(59,70,204);
}
-.c12:disabled + label {
+.c14:disabled + label {
background-color: rgb(249,249,249);
cursor: not-allowed;
}
-.c14 {
+.c16 {
color: rgb(100,100,100);
position: absolute;
width: 1.125rem;
@@ -5751,7 +6525,7 @@ Array [
height: 1.125rem;
}
-.c14::after {
+.c16::after {
opacity: 0;
content: '';
position: absolute;
@@ -5768,7 +6542,7 @@ Array [
transform: rotate(-45deg);
}
-.c11 {
+.c13 {
display: inline-block;
vertical-align: text-bottom;
width: 1.125rem;
@@ -5777,12 +6551,12 @@ Array [
cursor: pointer;
}
-.c15 label {
+.c17 label {
font-weight: normal;
font-size: 0.9375rem;
}
-.c10 {
+.c12 {
list-style-type: none;
display: -webkit-box;
display: -webkit-flex;
@@ -5806,25 +6580,25 @@ Array [
height: 1.5rem;
}
-.c10 label {
+.c12 label {
font-weight: 400;
}
-.c10 label::after {
+.c12 label::after {
width: 0.475rem;
height: 0.205rem;
top: 0.4125rem;
left: 0.35rem;
}
-.c10 div[type='checkbox'],
-.c10 div[type='checkbox'] input,
-.c10 div[type='checkbox'] label {
+.c12 div[type='checkbox'],
+.c12 div[type='checkbox'] input,
+.c12 div[type='checkbox'] label {
height: 1.5rem;
width: 1.5rem;
}
-.c9 {
+.c11 {
display: inline-block;
padding: 0;
border: none;
@@ -5836,14 +6610,14 @@ Array [
-webkit-padding-after: 0;
}
-.c16 {
+.c18 {
font-weight: 600;
white-space: pre;
font-size: 0.8125rem;
cursor: pointer;
}
-.c8 {
+.c10 {
margin-bottom: 0 !important;
}
@@ -5939,77 +6713,85 @@ Array [
-
-
-
-
-
-
-
- Enable Firewall
+
+
-
+
+
+
+ Enable Firewall
+
+
+
+
-
+
-
+
+
-
,
.c2 {
margin-bottom: 1.125rem;
}
-.c7 {
- margin-bottom: 1.875rem;
+.c9 {
+ margin-right: 1.875rem;
}
-.c18 {
+.c20 {
margin-right: 0.75rem;
margin-left: 0.75rem;
}
@@ -6018,10 +6800,6 @@ Array [
margin-top: 1.875rem;
}
-.c20 {
- margin-top: 1.5rem;
-}
-
.c23 {
margin-top: 1.125rem;
}
@@ -6034,7 +6812,7 @@ Array [
margin-right: 0.1875rem;
}
-.c33 {
+.c32 {
margin-left: 0.1875rem;
}
@@ -6045,7 +6823,99 @@ Array [
padding-left: 1.125rem;
}
-.c13 {
+.c7 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+}
+
+.c28 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+
+.c31 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+
+.c8 {
+ -webkit-order: 0;
+ -ms-flex-order: 0;
+ order: 0;
+ -webkit-flex-basis: auto;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+ -webkit-box-flex: 0;
+ -webkit-flex-grow: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ -webkit-flex-shrink: 1;
+ -ms-flex-negative: 1;
+ flex-shrink: 1;
+ display: block;
+}
+
+.c15 {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
@@ -6053,32 +6923,32 @@ Array [
overflow: visible;
}
-.c13[type='checkbox'],
-.c13[type='radio'] {
+.c15[type='checkbox'],
+.c15[type='radio'] {
box-sizing: border-box;
padding: 0;
}
-.c13[type='number']::-webkit-inner-spin-button,
-.c13[type='number']::-webkit-outer-spin-button {
+.c15[type='number']::-webkit-inner-spin-button,
+.c15[type='number']::-webkit-outer-spin-button {
height: auto;
}
-.c13[type='search'] {
+.c15[type='search'] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
outline-offset: -0.125rem;
}
-.c13[type='search']::-webkit-search-cancel-button,
-.c13[type='search']::-webkit-search-decoration {
+.c15[type='search']::-webkit-search-cancel-button,
+.c15[type='search']::-webkit-search-decoration {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
-.c13::-webkit-file-upload-button {
+.c15::-webkit-file-upload-button {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
@@ -6092,7 +6962,7 @@ Array [
font-size: 0.9375rem;
}
-.c17 {
+.c19 {
font-size: 0.9375rem;
line-height: 1.125rem;
font-style: normal;
@@ -6146,7 +7016,7 @@ Array [
display: block;
}
-.c37 {
+.c35 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
@@ -6171,95 +7041,13 @@ Array [
font-size: 1.3125rem;
}
-.c31 {
+.c30 {
color: rgb(73,73,73);
font-weight: 700;
line-height: 1.5rem;
font-size: 0.9375rem;
}
-.c19 {
- height: 1px;
- background-color: rgb(216,216,216);
-}
-
-.c28 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-flex-wrap: nowrap;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- -webkit-align-content: stretch;
- -ms-flex-line-pack: stretch;
- align-content: stretch;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- -webkit-align-content: stretch;
- -ms-flex-line-pack: stretch;
- align-content: stretch;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- width: 100%;
- height: 100%;
- -webkit-flex-basis: 100%;
- -ms-flex-preferred-size: 100%;
- flex-basis: 100%;
-}
-
-.c32 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-flex-wrap: nowrap;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- -webkit-align-content: stretch;
- -ms-flex-line-pack: stretch;
- align-content: stretch;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-
-.c30 {
- -webkit-order: 0;
- -ms-flex-order: 0;
- order: 0;
- -webkit-flex-basis: auto;
- -ms-flex-preferred-size: auto;
- flex-basis: auto;
- -webkit-box-flex: 0;
- -webkit-flex-grow: 0;
- -ms-flex-positive: 0;
- flex-grow: 0;
- -webkit-flex-shrink: 1;
- -ms-flex-negative: 1;
- flex-shrink: 1;
- display: block;
-}
-
.c25 {
box-sizing: content-box;
display: -webkit-box;
@@ -6286,33 +7074,33 @@ Array [
cursor: default;
}
-.c12 {
+.c14 {
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
display: none;
}
-.c12:checked + label::after {
+.c14:checked + label::after {
opacity: 1;
}
-.c12:selected + label::after {
+.c14:selected + label::after {
opacity: 1;
}
-.c12:checked + label {
+.c14:checked + label {
border-color: rgb(59,70,204);
}
-.c12:selected + label {
+.c14:selected + label {
border-color: rgb(59,70,204);
}
-.c12:disabled + label {
+.c14:disabled + label {
background-color: rgb(249,249,249);
cursor: not-allowed;
}
-.c14 {
+.c16 {
color: rgb(100,100,100);
position: absolute;
width: 1.125rem;
@@ -6329,7 +7117,7 @@ Array [
height: 1.125rem;
}
-.c14::after {
+.c16::after {
opacity: 0;
content: '';
position: absolute;
@@ -6346,7 +7134,7 @@ Array [
transform: rotate(-45deg);
}
-.c11 {
+.c13 {
display: inline-block;
vertical-align: text-bottom;
width: 1.125rem;
@@ -6355,12 +7143,12 @@ Array [
cursor: pointer;
}
-.c15 label {
+.c17 label {
font-weight: normal;
font-size: 0.9375rem;
}
-.c10 {
+.c12 {
list-style-type: none;
display: -webkit-box;
display: -webkit-flex;
@@ -6384,25 +7172,25 @@ Array [
height: 1.5rem;
}
-.c10 label {
+.c12 label {
font-weight: 400;
}
-.c10 label::after {
+.c12 label::after {
width: 0.475rem;
height: 0.205rem;
top: 0.4125rem;
left: 0.35rem;
}
-.c10 div[type='checkbox'],
-.c10 div[type='checkbox'] input,
-.c10 div[type='checkbox'] label {
+.c12 div[type='checkbox'],
+.c12 div[type='checkbox'] input,
+.c12 div[type='checkbox'] label {
height: 1.5rem;
width: 1.5rem;
}
-.c9 {
+.c11 {
display: inline-block;
padding: 0;
border: none;
@@ -6414,29 +7202,14 @@ Array [
-webkit-padding-after: 0;
}
-.c16 {
+.c18 {
font-weight: 600;
white-space: pre;
font-size: 0.8125rem;
cursor: pointer;
}
-.c35 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-flex: 1;
- -webkit-flex-grow: 1;
- -ms-flex-positive: 1;
- flex-grow: 1;
-}
-
-.c36 {
+.c34 {
border: 0.0625rem solid rgb(216,216,216);
box-sizing: border-box;
border-radius: 0.125rem;
@@ -6457,7 +7230,7 @@ Array [
align-items: center;
}
-.c34 {
+.c33 {
margin: 0;
padding: 0;
display: -webkit-box;
@@ -6470,7 +7243,7 @@ Array [
flex-wrap: wrap;
}
-.c8 {
+.c10 {
margin-bottom: 0 !important;
}
@@ -6524,7 +7297,7 @@ Array [
}
@media only screen and (min-width:0em) {
- .c37 {
+ .c35 {
-webkit-flex-basis: 16.666666666666668%;
-ms-flex-preferred-size: 16.666666666666668%;
flex-basis: 16.666666666666668%;
@@ -6584,125 +7357,131 @@ Array [
-
-
-
-
-
-
-
-
-
-
- Enable Firewall
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Show inactive rules
+
+
-
+
+
+
+ Enable Firewall
+
+
+
+
-
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+ Show inactive rules
+
+
+
+
+
+
+
-
-
-
-
-
-
-
- Enable Firewall
+
+
-
+
+
+
+ Enable Firewall
+
+
+
+
-
+
-
+
+
-
,
.c2 {
margin-bottom: 1.125rem;
}
-.c7 {
- margin-bottom: 1.875rem;
+.c9 {
+ margin-right: 1.875rem;
}
-.c18 {
+.c20 {
margin-right: 0.75rem;
margin-left: 0.75rem;
}
-.c13 {
+.c7 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+}
+
+.c8 {
+ -webkit-order: 0;
+ -ms-flex-order: 0;
+ order: 0;
+ -webkit-flex-basis: auto;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+ -webkit-box-flex: 0;
+ -webkit-flex-grow: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ -webkit-flex-shrink: 1;
+ -ms-flex-negative: 1;
+ flex-shrink: 1;
+ display: block;
+}
+
+.c15 {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
@@ -7384,32 +8236,32 @@ Array [
overflow: visible;
}
-.c13[type='checkbox'],
-.c13[type='radio'] {
+.c15[type='checkbox'],
+.c15[type='radio'] {
box-sizing: border-box;
padding: 0;
}
-.c13[type='number']::-webkit-inner-spin-button,
-.c13[type='number']::-webkit-outer-spin-button {
+.c15[type='number']::-webkit-inner-spin-button,
+.c15[type='number']::-webkit-outer-spin-button {
height: auto;
}
-.c13[type='search'] {
+.c15[type='search'] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
outline-offset: -0.125rem;
}
-.c13[type='search']::-webkit-search-cancel-button,
-.c13[type='search']::-webkit-search-decoration {
+.c15[type='search']::-webkit-search-cancel-button,
+.c15[type='search']::-webkit-search-decoration {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
-.c13::-webkit-file-upload-button {
+.c15::-webkit-file-upload-button {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
@@ -7423,7 +8275,7 @@ Array [
font-size: 0.9375rem;
}
-.c17 {
+.c19 {
font-size: 0.9375rem;
line-height: 1.125rem;
font-style: normal;
@@ -7474,38 +8326,33 @@ Array [
padding-bottom: 1.125rem;
}
-.c19 {
- height: 1px;
- background-color: rgb(216,216,216);
-}
-
-.c12 {
+.c14 {
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
display: none;
}
-.c12:checked + label::after {
+.c14:checked + label::after {
opacity: 1;
}
-.c12:selected + label::after {
+.c14:selected + label::after {
opacity: 1;
}
-.c12:checked + label {
+.c14:checked + label {
border-color: rgb(59,70,204);
}
-.c12:selected + label {
+.c14:selected + label {
border-color: rgb(59,70,204);
}
-.c12:disabled + label {
+.c14:disabled + label {
background-color: rgb(249,249,249);
cursor: not-allowed;
}
-.c14 {
+.c16 {
color: rgb(100,100,100);
position: absolute;
width: 1.125rem;
@@ -7522,7 +8369,7 @@ Array [
height: 1.125rem;
}
-.c14::after {
+.c16::after {
opacity: 0;
content: '';
position: absolute;
@@ -7539,7 +8386,7 @@ Array [
transform: rotate(-45deg);
}
-.c11 {
+.c13 {
display: inline-block;
vertical-align: text-bottom;
width: 1.125rem;
@@ -7548,12 +8395,12 @@ Array [
cursor: pointer;
}
-.c15 label {
+.c17 label {
font-weight: normal;
font-size: 0.9375rem;
}
-.c10 {
+.c12 {
list-style-type: none;
display: -webkit-box;
display: -webkit-flex;
@@ -7577,25 +8424,25 @@ Array [
height: 1.5rem;
}
-.c10 label {
+.c12 label {
font-weight: 400;
}
-.c10 label::after {
+.c12 label::after {
width: 0.475rem;
height: 0.205rem;
top: 0.4125rem;
left: 0.35rem;
}
-.c10 div[type='checkbox'],
-.c10 div[type='checkbox'] input,
-.c10 div[type='checkbox'] label {
+.c12 div[type='checkbox'],
+.c12 div[type='checkbox'] input,
+.c12 div[type='checkbox'] label {
height: 1.5rem;
width: 1.5rem;
}
-.c9 {
+.c11 {
display: inline-block;
padding: 0;
border: none;
@@ -7607,14 +8454,14 @@ Array [
-webkit-padding-after: 0;
}
-.c16 {
+.c18 {
font-weight: 600;
white-space: pre;
font-size: 0.8125rem;
cursor: pointer;
}
-.c8 {
+.c10 {
margin-bottom: 0 !important;
}
@@ -7710,77 +8557,85 @@ Array [
-
-
-
-
-
-
-
- Enable Firewall
+
+
-
+
+
+
+ Enable Firewall
+
+
+
+
-
+
-
+
+
-
,
.c2 {
margin-bottom: 1.125rem;
}
-.c7 {
- margin-bottom: 1.875rem;
+.c9 {
+ margin-right: 1.875rem;
}
-.c18 {
+.c20 {
margin-right: 0.75rem;
margin-left: 0.75rem;
}
@@ -7789,10 +8644,6 @@ Array [
margin-top: 1.875rem;
}
-.c20 {
- margin-top: 1.5rem;
-}
-
.c23 {
margin-top: 1.125rem;
}
@@ -7805,7 +8656,7 @@ Array [
margin-right: 0.1875rem;
}
-.c33 {
+.c32 {
margin-left: 0.1875rem;
}
@@ -7816,7 +8667,99 @@ Array [
padding-left: 1.125rem;
}
-.c13 {
+.c7 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+}
+
+.c28 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+
+.c31 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+
+.c8 {
+ -webkit-order: 0;
+ -ms-flex-order: 0;
+ order: 0;
+ -webkit-flex-basis: auto;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+ -webkit-box-flex: 0;
+ -webkit-flex-grow: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ -webkit-flex-shrink: 1;
+ -ms-flex-negative: 1;
+ flex-shrink: 1;
+ display: block;
+}
+
+.c15 {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
@@ -7824,32 +8767,32 @@ Array [
overflow: visible;
}
-.c13[type='checkbox'],
-.c13[type='radio'] {
+.c15[type='checkbox'],
+.c15[type='radio'] {
box-sizing: border-box;
padding: 0;
}
-.c13[type='number']::-webkit-inner-spin-button,
-.c13[type='number']::-webkit-outer-spin-button {
+.c15[type='number']::-webkit-inner-spin-button,
+.c15[type='number']::-webkit-outer-spin-button {
height: auto;
}
-.c13[type='search'] {
+.c15[type='search'] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
outline-offset: -0.125rem;
}
-.c13[type='search']::-webkit-search-cancel-button,
-.c13[type='search']::-webkit-search-decoration {
+.c15[type='search']::-webkit-search-cancel-button,
+.c15[type='search']::-webkit-search-decoration {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
-.c13::-webkit-file-upload-button {
+.c15::-webkit-file-upload-button {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
@@ -7863,7 +8806,7 @@ Array [
font-size: 0.9375rem;
}
-.c17 {
+.c19 {
font-size: 0.9375rem;
line-height: 1.125rem;
font-style: normal;
@@ -7917,7 +8860,7 @@ Array [
display: block;
}
-.c37 {
+.c35 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
@@ -7942,95 +8885,13 @@ Array [
font-size: 1.3125rem;
}
-.c31 {
+.c30 {
color: rgb(73,73,73);
font-weight: 700;
line-height: 1.5rem;
font-size: 0.9375rem;
}
-.c19 {
- height: 1px;
- background-color: rgb(216,216,216);
-}
-
-.c28 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-flex-wrap: nowrap;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- -webkit-align-content: stretch;
- -ms-flex-line-pack: stretch;
- align-content: stretch;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- -webkit-align-content: stretch;
- -ms-flex-line-pack: stretch;
- align-content: stretch;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- width: 100%;
- height: 100%;
- -webkit-flex-basis: 100%;
- -ms-flex-preferred-size: 100%;
- flex-basis: 100%;
-}
-
-.c32 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-flex-wrap: nowrap;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- -webkit-align-content: stretch;
- -ms-flex-line-pack: stretch;
- align-content: stretch;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-
-.c30 {
- -webkit-order: 0;
- -ms-flex-order: 0;
- order: 0;
- -webkit-flex-basis: auto;
- -ms-flex-preferred-size: auto;
- flex-basis: auto;
- -webkit-box-flex: 0;
- -webkit-flex-grow: 0;
- -ms-flex-positive: 0;
- flex-grow: 0;
- -webkit-flex-shrink: 1;
- -ms-flex-negative: 1;
- flex-shrink: 1;
- display: block;
-}
-
.c25 {
box-sizing: content-box;
display: -webkit-box;
@@ -8057,33 +8918,33 @@ Array [
cursor: default;
}
-.c12 {
+.c14 {
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
display: none;
}
-.c12:checked + label::after {
+.c14:checked + label::after {
opacity: 1;
}
-.c12:selected + label::after {
+.c14:selected + label::after {
opacity: 1;
}
-.c12:checked + label {
+.c14:checked + label {
border-color: rgb(59,70,204);
}
-.c12:selected + label {
+.c14:selected + label {
border-color: rgb(59,70,204);
}
-.c12:disabled + label {
+.c14:disabled + label {
background-color: rgb(249,249,249);
cursor: not-allowed;
}
-.c14 {
+.c16 {
color: rgb(100,100,100);
position: absolute;
width: 1.125rem;
@@ -8100,7 +8961,7 @@ Array [
height: 1.125rem;
}
-.c14::after {
+.c16::after {
opacity: 0;
content: '';
position: absolute;
@@ -8117,7 +8978,7 @@ Array [
transform: rotate(-45deg);
}
-.c11 {
+.c13 {
display: inline-block;
vertical-align: text-bottom;
width: 1.125rem;
@@ -8126,12 +8987,12 @@ Array [
cursor: pointer;
}
-.c15 label {
+.c17 label {
font-weight: normal;
font-size: 0.9375rem;
}
-.c10 {
+.c12 {
list-style-type: none;
display: -webkit-box;
display: -webkit-flex;
@@ -8155,25 +9016,25 @@ Array [
height: 1.5rem;
}
-.c10 label {
+.c12 label {
font-weight: 400;
}
-.c10 label::after {
+.c12 label::after {
width: 0.475rem;
height: 0.205rem;
top: 0.4125rem;
left: 0.35rem;
}
-.c10 div[type='checkbox'],
-.c10 div[type='checkbox'] input,
-.c10 div[type='checkbox'] label {
+.c12 div[type='checkbox'],
+.c12 div[type='checkbox'] input,
+.c12 div[type='checkbox'] label {
height: 1.5rem;
width: 1.5rem;
}
-.c9 {
+.c11 {
display: inline-block;
padding: 0;
border: none;
@@ -8185,29 +9046,14 @@ Array [
-webkit-padding-after: 0;
}
-.c16 {
+.c18 {
font-weight: 600;
white-space: pre;
font-size: 0.8125rem;
cursor: pointer;
}
-.c35 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-flex: 1;
- -webkit-flex-grow: 1;
- -ms-flex-positive: 1;
- flex-grow: 1;
-}
-
-.c36 {
+.c34 {
border: 0.0625rem solid rgb(216,216,216);
box-sizing: border-box;
border-radius: 0.125rem;
@@ -8228,7 +9074,7 @@ Array [
align-items: center;
}
-.c34 {
+.c33 {
margin: 0;
padding: 0;
display: -webkit-box;
@@ -8241,7 +9087,7 @@ Array [
flex-wrap: wrap;
}
-.c8 {
+.c10 {
margin-bottom: 0 !important;
}
@@ -8295,7 +9141,7 @@ Array [
}
@media only screen and (min-width:0em) {
- .c37 {
+ .c35 {
-webkit-flex-basis: 16.666666666666668%;
-ms-flex-preferred-size: 16.666666666666668%;
flex-basis: 16.666666666666668%;
@@ -8355,125 +9201,131 @@ Array [
-
-
-
-
-
-
-
-
-
-
- Enable Firewall
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Show inactive rules
+
+
-
+
+
+
+ Enable Firewall
+
+
+
+
-
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+ Show inactive rules
+
+
+
+
+
+
+
without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -1035,7 +1034,6 @@ exports[`renders
without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -2054,7 +2052,6 @@ exports[`renders
without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -3491,2564 +3488,17 @@ exports[`renders
without throwing 1`] = `
margin-top: 0.1875rem;
}
+.c58 {
+ margin-right: 0.375rem;
+}
+
.c47 {
background-color: transparent;
-webkit-text-decoration-skip: objects;
text-decoration-skip: objects;
}
-.c56 {
- font-family: sans-serif;
- font-size: 100%;
- line-height: 1.15;
- margin: 0;
- overflow: visible;
- text-transform: none;
- -webkit-appearance: button;
- -moz-appearance: button;
- appearance: button;
-}
-
-.c56::-moz-focus-inner,
-.c56[type='button']::-moz-focus-inner,
-.c56[type='reset']::-moz-focus-inner,
-.c56[type='submit']::-moz-focus-inner {
- border-style: none;
- padding: 0;
-}
-
-.c56:-moz-focusring,
-.c56[type='button']:-moz-focusring,
-.c56[type='reset']:-moz-focusring,
-.c56[type='submit']:-moz-focusring {
- outline: 0.0625rem dotted ButtonText;
-}
-
-.c21 {
- font-family: sans-serif;
- font-size: 100%;
- line-height: 1.15;
- margin: 0;
- overflow: visible;
-}
-
-.c21[type='checkbox'],
-.c21[type='radio'] {
- box-sizing: border-box;
- padding: 0;
-}
-
-.c21[type='number']::-webkit-inner-spin-button,
-.c21[type='number']::-webkit-outer-spin-button {
- height: auto;
-}
-
-.c21[type='search'] {
- -webkit-appearance: textfield;
- -moz-appearance: textfield;
- appearance: textfield;
- outline-offset: -0.125rem;
-}
-
-.c21[type='search']::-webkit-search-cancel-button,
-.c21[type='search']::-webkit-search-decoration {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
-}
-
-.c21::-webkit-file-upload-button {
- -webkit-appearance: button;
- -moz-appearance: button;
- appearance: button;
- font: inherit;
-}
-
-.c46 {
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-}
-
-.c32 {
- color: rgb(59,70,204);
- -webkit-text-fill-color: currentcolor;
-}
-
-.c32:hover {
- -webkit-text-decoration: none;
- text-decoration: none;
-}
-
-.c55 {
- min-width: 7.5rem;
-}
-
-.c13 {
- display: inline-block;
-}
-
-.c12 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- -webkit-text-decoration: none;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
- background-image: none;
- background-color: rgb(59,70,204);
- border-radius: 0.25rem;
- border: solid 0.0625rem rgb(45,56,132);
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- width: 100%;
- max-width: 100%;
-}
-
-.c12:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c12:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c12:active,
-.c12:active:hover,
-.c12:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c12[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c54 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- -webkit-text-decoration: none;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
- background-image: none;
- background-color: rgb(59,70,204);
- border-radius: 0.25rem;
- border: solid 0.0625rem rgb(45,56,132);
- color: rgb(70,70,70);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- cursor: not-allowed;
- pointer-events: none;
- color: rgb(216,216,216);
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
- padding: 0.625rem 1.125rem;
- font-size: 0.8125rem;
- min-width: 0rem;
- min-height: 0rem;
- height: auto;
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-
-.c54:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c54:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c54:active,
-.c54:active:hover,
-.c54:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c54[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c54:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c54:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c54:active,
-.c54:active:hover,
-.c54:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
-.c54:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
-}
-
-.c54:hover {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c54:active,
-.c54:active:hover,
-.c54:active:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
.c57 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- -webkit-text-decoration: none;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
- background-image: none;
- background-color: rgb(59,70,204);
- border-radius: 0.25rem;
- border: solid 0.0625rem rgb(45,56,132);
- color: rgb(70,70,70);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- cursor: not-allowed;
- pointer-events: none;
- color: rgb(216,216,216);
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-
-.c57:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c57:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c57:active,
-.c57:active:hover,
-.c57:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c57[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c57:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c57:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c57:active,
-.c57:active:hover,
-.c57:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
-.c57:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
-}
-
-.c57:hover {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c57:active,
-.c57:active:hover,
-.c57:active:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c59 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- -webkit-text-decoration: none;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
- background-image: none;
- background-color: rgb(59,70,204);
- border-radius: 0.25rem;
- border: solid 0.0625rem rgb(45,56,132);
- color: rgb(70,70,70);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- color: rgb(210,67,58);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(210,67,58);
- cursor: not-allowed;
- pointer-events: none;
- color: rgb(216,216,216);
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
- padding: 0.625rem 1.125rem;
- font-size: 0.8125rem;
- min-width: 0rem;
- min-height: 0rem;
- height: auto;
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- float: right;
-}
-
-.c59:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c59:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c59:active,
-.c59:active:hover,
-.c59:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c59[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c59:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c59:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c59:active,
-.c59:active:hover,
-.c59:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
-.c59:focus {
- color: rgb(205,37,27);
- background-color: rgb(255,255,255);
- border-color: rgb(205,37,27);
-}
-
-.c59:hover {
- color: rgb(205,37,27);
- background-color: rgb(255,255,255);
- border-color: rgb(205,37,27);
-}
-
-.c59:active,
-.c59:active:hover,
-.c59:active:focus {
- background-color: rgba(210,67,58,0.1);
- border-color: rgb(205,37,27);
-}
-
-.c59:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
-}
-
-.c59:hover {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c59:active,
-.c59:active:hover,
-.c59:active:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c60 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- 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;
-}
-
-.c60:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c60:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c60:active,
-.c60:active:hover,
-.c60:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c60[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c60:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c60:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c60:active,
-.c60:active:hover,
-.c60:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
-.c60:focus {
- color: rgb(205,37,27);
- background-color: rgb(255,255,255);
- border-color: rgb(205,37,27);
-}
-
-.c60:hover {
- color: rgb(205,37,27);
- background-color: rgb(255,255,255);
- border-color: rgb(205,37,27);
-}
-
-.c60:active,
-.c60:active:hover,
-.c60:active:focus {
- background-color: rgba(210,67,58,0.1);
- border-color: rgb(205,37,27);
-}
-
-.c60:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
-}
-
-.c60:hover {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c60:active,
-.c60:active:hover,
-.c60:active:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c33 {
- width: 0.75rem;
- height: 0.75rem;
- border-radius: 50%;
- background-color: rgb(0,152,88);
- display: inline-block;
- margin-right: 0rem;
- margin-left: 0rem;
-}
-
-.c37 {
- cursor: pointer;
- height: 100%;
- width: 100%;
- display: -webkit-box !important;
- display: -webkit-flex !important;
- display: -ms-flexbox !important;
- display: flex !important;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-
-.c8 {
- font-size: 0.9375rem;
- line-height: 1.125rem;
- font-style: normal;
- font-stretch: normal;
- display: block;
- color: rgb(70,70,70);
- text-align: left;
-}
-
-.c1 {
- margin-right: auto;
- margin-left: auto;
-}
-
-.c52 {
- box-sizing: border-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 1 1 auto;
- -ms-flex: 1 1 auto;
- flex: 1 1 auto;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- margin-right: -0.625rem;
- margin-left: -0.625rem;
-}
-
-.c53 {
- box-sizing: border-box;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- padding-right: 0.625rem;
- padding-left: 0.625rem;
- display: block;
-}
-
-.c58 {
- box-sizing: border-box;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- padding-right: 0.625rem;
- padding-left: 0.625rem;
- display: block;
-}
-
-.c0 {
- box-sizing: border-box;
- width: 100%;
- max-width: 78.75rem;
- padding-bottom: 1.125rem;
-}
-
-.c51 {
- box-sizing: border-box;
- width: 100%;
- max-width: 78.75rem;
-}
-
-.c3 {
- margin: 0;
- color: rgb(73,73,73);
- font-weight: normal;
- line-height: 1.625rem;
- font-size: 1.3125rem;
-}
-
-.c50 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-wrap: nowrap;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -webkit-align-content: stretch;
- -ms-flex-line-pack: stretch;
- align-content: stretch;
- -webkit-align-items: stretch;
- -webkit-box-align: stretch;
- -ms-flex-align: stretch;
- align-items: stretch;
- background: rgb(250,250,250);
-}
-
-.c49 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-flex-wrap: nowrap;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -webkit-align-content: stretch;
- -ms-flex-line-pack: stretch;
- align-content: stretch;
- -webkit-align-items: stretch;
- -webkit-box-align: stretch;
- -ms-flex-align: stretch;
- align-items: stretch;
- background-color: rgba(241,241,241,1);
- border-top: 0.0625rem solid rgb(216,216,216);
- max-height: 3.3125rem;
- min-height: 3.3125rem;
- line-height: 1.5625rem;
- height: 4.375rem;
- max-height: 4.375rem;
- z-index: 1;
- position: fixed;
- left: 0;
- right: 0;
- bottom: 0;
-}
-
-.c5 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-flex-wrap: nowrap;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- -webkit-align-content: stretch;
- -ms-flex-line-pack: stretch;
- align-content: stretch;
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
- justify-content: space-between;
- -webkit-align-items: flex-end;
- -webkit-box-align: flex-end;
- -ms-flex-align: flex-end;
- align-items: flex-end;
-}
-
-.c39 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-flex-wrap: nowrap;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- -webkit-align-content: stretch;
- -ms-flex-line-pack: stretch;
- align-content: stretch;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-
-.c20 {
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- display: none;
-}
-
-.c20:checked + label::after {
- opacity: 1;
-}
-
-.c20:selected + label::after {
- opacity: 1;
-}
-
-.c20:checked + label {
- border-color: rgb(59,70,204);
-}
-
-.c20:selected + label {
- border-color: rgb(59,70,204);
-}
-
-.c20:disabled + label {
- background-color: rgb(249,249,249);
- cursor: not-allowed;
-}
-
-.c22 {
- color: rgb(100,100,100);
- position: absolute;
- width: 1.125rem;
- height: 1.125rem;
- box-sizing: border-box;
- top: 0;
- cursor: pointer;
- background-color: rgb(255,255,255);
- box-shadow: none;
- border: 0.0625rem solid rgb(216,216,216);
- cursor: pointer;
- border-radius: 0.25rem;
- width: 1.125rem;
- height: 1.125rem;
-}
-
-.c22::after {
- opacity: 0;
- content: '';
- position: absolute;
- width: 0.375rem;
- height: 0.125rem;
- background: transparent;
- top: 0.3125rem;
- left: 0.25rem;
- border: 0.125rem solid rgb(45,45,45);
- border-top: none;
- border-right: none;
- -webkit-transform: rotate(-45deg);
- -ms-transform: rotate(-45deg);
- transform: rotate(-45deg);
-}
-
-.c19 {
- display: inline-block;
- vertical-align: text-bottom;
- width: 1.125rem;
- height: 1.125rem;
- position: relative;
- cursor: pointer;
-}
-
-.c18 {
- list-style-type: none;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-align-content: center;
- -ms-flex-line-pack: center;
- align-content: center;
- height: 1.5rem;
-}
-
-.c18 label {
- font-weight: 400;
-}
-
-.c18 label::after {
- width: 0.475rem;
- height: 0.205rem;
- top: 0.4125rem;
- left: 0.35rem;
-}
-
-.c18 div[type='checkbox'],
-.c18 div[type='checkbox'] input,
-.c18 div[type='checkbox'] label {
- height: 1.5rem;
- width: 1.5rem;
-}
-
-.c6 {
- display: inline-block;
- padding: 0;
- border: none;
- overflow: hidden;
- height: auto;
- -webkit-padding-before: 0;
- -webkit-padding-start: 0;
- -webkit-padding-end: 0;
- -webkit-padding-after: 0;
-}
-
-.c11 {
- display: inline-block;
- padding: 0;
- border: none;
- overflow: hidden;
- height: auto;
- -webkit-padding-before: 0;
- -webkit-padding-start: 0;
- -webkit-padding-end: 0;
- -webkit-padding-after: 0;
- float: right;
-}
-
-.c10 {
- box-sizing: border-box;
- width: 18.75rem;
- height: 3rem;
- min-height: 3rem;
- padding: 0.8125rem 0.75rem;
- border-radius: 0.25rem;
- background-color: rgb(255,255,255);
- border: 0.0625rem solid rgb(216,216,216);
- color: rgb(73,73,73);
- font-size: 0.9375rem;
- line-height: normal !important;
- font-style: normal;
- font-stretch: normal;
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- outline: 0;
- max-width: 22.1875rem;
- text-overflow: ellipsis;
-}
-
-.c10:focus {
- border-color: rgb(59,70,204);
- outline: 0;
-}
-
-.c10::-webkit-input-placeholder {
- color: rgba(73,73,73,0.5);
-}
-
-.c10::-moz-placeholder {
- color: rgba(73,73,73,0.5);
-}
-
-.c10:-ms-input-placeholder {
- color: rgba(73,73,73,0.5);
-}
-
-.c10:invalid {
- box-shadow: none;
-}
-
-.c10:disabled {
- background-color: rgb(250,250,250);
- color: rgb(216,216,216);
- cursor: not-allowed;
-}
-
-.c10:disabled::-webkit-input-placeholder {
- color: rgba(73,73,73,0.5);
-}
-
-.c10:disabled::-moz-placeholder {
- color: rgba(73,73,73,0.5);
-}
-
-.c10:disabled:-ms-input-placeholder {
- color: rgba(73,73,73,0.5);
-}
-
-.c7 {
- font-weight: 600;
- white-space: pre;
- font-size: 0.8125rem;
-}
-
-.c14 {
- overflow: hidden;
- border-spacing: 0;
- border-collapse: separate;
- table-layout: fixed;
- width: 100%;
- max-width: 100%;
-}
-
-.c40 {
- width: 100%;
- background: rgb(250,250,250);
-}
-
-.c40 th:first-child {
- border-bottom-left-radius: 0.25rem;
-}
-
-.c40 th:last-child {
- border-bottom-right-radius: 0.25rem;
-}
-
-.c40 th {
- border-top-width: 0;
-}
-
-.c15 {
- width: 100%;
- background: rgb(250,250,250);
-}
-
-.c15 th:first-child {
- border-top-left-radius: 0.25rem;
-}
-
-.c15 th:last-child {
- border-top-right-radius: 0.25rem;
-}
-
-.c28 {
- width: 100%;
-}
-
-.c17 {
- border-width: 0.0625rem;
- border-style: solid;
- border-color: rgb(216,216,216);
- border-spacing: 0;
- white-space: nowrap;
- box-sizing: border-box;
- padding: 0 1.5rem;
- height: 3.75rem;
- width: 2rem;
- display: table-cell;
- vertical-align: middle;
- text-align: left;
- height: 2.625rem;
- color: rgb(189,189,189);
- font-weight: 500;
- border-bottom-width: 0;
-}
-
-.c17:not(:first-child) {
- border-left-width: 0;
-}
-
-.c17:not(:last-child) {
- border-right-width: 0;
-}
-
-.c23 {
- border-width: 0.0625rem;
- border-style: solid;
- border-color: rgb(216,216,216);
- border-spacing: 0;
- white-space: nowrap;
- box-sizing: border-box;
- padding: 0 1.5rem;
- height: 3.75rem;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- vertical-align: middle;
- text-align: left;
- height: 2.625rem;
- color: rgb(189,189,189);
- font-weight: 500;
- border-bottom-width: 0;
- color: rgb(73,73,73);
- font-weight: 600;
-}
-
-.c23:not(:first-child) {
- border-left-width: 0;
-}
-
-.c23:not(:last-child) {
- border-right-width: 0;
-}
-
-.c24 {
- border-width: 0.0625rem;
- border-style: solid;
- border-color: rgb(216,216,216);
- border-spacing: 0;
- white-space: nowrap;
- box-sizing: border-box;
- padding: 0 1.5rem;
- height: 3.75rem;
- width: 9.375rem;
- display: table-cell;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- vertical-align: middle;
- text-align: left;
- height: 2.625rem;
- color: rgb(189,189,189);
- font-weight: 500;
- border-bottom-width: 0;
-}
-
-.c24:not(:first-child) {
- border-left-width: 0;
-}
-
-.c24:not(:last-child) {
- border-right-width: 0;
-}
-
-.c25 {
- border-width: 0.0625rem;
- border-style: solid;
- border-color: rgb(216,216,216);
- border-spacing: 0;
- white-space: nowrap;
- box-sizing: border-box;
- padding: 0 1.5rem;
- height: 3.75rem;
- width: 0rem;
- display: none;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- vertical-align: middle;
- text-align: left;
- height: 2.625rem;
- color: rgb(189,189,189);
- font-weight: 500;
- border-bottom-width: 0;
-}
-
-.c25:not(:first-child) {
- border-left-width: 0;
-}
-
-.c25:not(:last-child) {
- border-right-width: 0;
-}
-
-.c26 {
- border-width: 0.0625rem;
- border-style: solid;
- border-color: rgb(216,216,216);
- border-spacing: 0;
- white-space: nowrap;
- box-sizing: border-box;
- padding: 0 1.5rem;
- height: 3.75rem;
- width: 0rem;
- display: none;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- vertical-align: middle;
- text-align: left;
- height: 2.625rem;
- color: rgb(189,189,189);
- font-weight: 500;
- border-bottom-width: 0;
-}
-
-.c26:not(:first-child) {
- border-left-width: 0;
-}
-
-.c26:not(:last-child) {
- border-right-width: 0;
-}
-
-.c27 {
- border-width: 0.0625rem;
- border-style: solid;
- border-color: rgb(216,216,216);
- border-spacing: 0;
- white-space: nowrap;
- box-sizing: border-box;
- padding: 0 1.5rem;
- height: 3.75rem;
- width: 3.75rem;
- display: table-cell;
- height: 2.625rem;
- color: rgb(189,189,189);
- font-weight: 500;
- border-bottom-width: 0;
-}
-
-.c27:not(:first-child) {
- border-left-width: 0;
-}
-
-.c27:not(:last-child) {
- border-right-width: 0;
-}
-
-.c41 {
- border-width: 0.0625rem;
- border-style: solid;
- border-color: rgb(216,216,216);
- border-spacing: 0;
- white-space: nowrap;
- box-sizing: border-box;
- padding: 0 1.5rem;
- height: 3.75rem;
- vertical-align: middle;
- text-align: center;
- height: 2.625rem;
- color: rgb(189,189,189);
- font-weight: 500;
- border-bottom-width: 0;
- border-bottom-width: 0.0625rem !important;
-}
-
-.c41:not(:first-child) {
- border-left-width: 0;
-}
-
-.c41:not(:last-child) {
- border-right-width: 0;
-}
-
-.c30 {
- border-width: 0.0625rem;
- border-style: solid;
- border-color: rgb(216,216,216);
- border-spacing: 0;
- white-space: nowrap;
- box-sizing: border-box;
- padding: 0 1.5rem;
- height: 3.75rem;
- vertical-align: middle;
- text-align: left;
- border-bottom-width: 0;
-}
-
-.c30:not(:first-child) {
- border-left-width: 0;
-}
-
-.c30:not(:last-child) {
- border-right-width: 0;
-}
-
-.c34 {
- border-width: 0.0625rem;
- border-style: solid;
- border-color: rgb(216,216,216);
- border-spacing: 0;
- white-space: nowrap;
- box-sizing: border-box;
- padding: 0 1.5rem;
- height: 3.75rem;
- width: 0rem;
- display: none;
- vertical-align: middle;
- text-align: left;
- border-bottom-width: 0;
-}
-
-.c34:not(:first-child) {
- border-left-width: 0;
-}
-
-.c34:not(:last-child) {
- border-right-width: 0;
-}
-
-.c35 {
- border-width: 0.0625rem;
- border-style: solid;
- border-color: rgb(216,216,216);
- border-spacing: 0;
- white-space: nowrap;
- box-sizing: border-box;
- padding: 0 1.5rem;
- height: 3.75rem;
- width: 0rem;
- display: none;
- vertical-align: middle;
- text-align: left;
- border-bottom-width: 0;
-}
-
-.c35:not(:first-child) {
- border-left-width: 0;
-}
-
-.c35:not(:last-child) {
- border-right-width: 0;
-}
-
-.c36 {
- border-width: 0.0625rem;
- border-style: solid;
- border-color: rgb(216,216,216);
- border-spacing: 0;
- white-space: nowrap;
- box-sizing: border-box;
- padding: 0 1.5rem;
- height: 3.75rem;
- border-bottom-width: 0;
- border-left-width: 0.0625rem !important;
-}
-
-.c36:not(:first-child) {
- border-left-width: 0;
-}
-
-.c36:not(:last-child) {
- border-right-width: 0;
-}
-
-.c16 {
- display: table-row;
- color: rgb(73,73,73);
- background-color: rgb(255,255,255);
- box-shadow: 0 0.125rem 0 rgba(0,0,0,0.05);
- box-sizing: border-box;
- color: rgb(73,73,73);
- background-color: transparent;
- border: none;
- box-shadow: none;
-}
-
-.c16:last-child {
- box-shadow: none;
-}
-
-.c16:last-child td {
- border-bottom-width: 0.0625rem;
-}
-
-.c29 {
- display: table-row;
- color: rgb(73,73,73);
- background-color: rgb(255,255,255);
- box-shadow: 0 0.125rem 0 rgba(0,0,0,0.05);
- box-sizing: border-box;
-}
-
-.c29:last-child {
- box-shadow: none;
-}
-
-.c29:last-child td {
- border-bottom-width: 0.0625rem;
-}
-
-.c42 {
- -webkit-text-decoration: underline;
- text-decoration: underline;
-}
-
-.c45 {
- -webkit-text-decoration: underline;
- text-decoration: underline;
- -webkit-text-decoration: none;
- text-decoration: none;
- padding: 0.375rem;
- background-color: rgb(59,70,204);
- border: 0.0625rem solid rgb(45,56,132);
- border-radius: 0.25rem;
- color: rgb(255,255,255);
-}
-
-.c43 {
- margin-right: 0.1875rem;
-}
-
-.c48 {
- margin-left: 0.1875rem;
-}
-
-.c31 {
- color: rgb(73,73,73);
- -webkit-text-decoration: none;
- text-decoration: none;
- font-weight: 600;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- display: block;
-}
-
-.c44 {
- margin: 0 0.1875rem;
-}
-
-.c38 {
- height: 3rem;
-}
-
-@media only screen and (min-width:48em) {
- .c1 {
- width: 46rem;
- }
-}
-
-@media only screen and (min-width:64em) {
- .c1 {
- width: 56rem;
- }
-}
-
-@media only screen and (min-width:75em) {
- .c1 {
- width: 59rem;
- }
-}
-
-@media only screen and (min-width:0em) {
- .c52 {
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- }
-}
-
-@media only screen and (min-width:0em) {
- .c52 {
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
- justify-content: space-between;
- }
-}
-
-@media only screen and (min-width:0em) {
- .c53 {
- -webkit-flex-basis: 58.333333333333336%;
- -ms-flex-preferred-size: 58.333333333333336%;
- flex-basis: 58.333333333333336%;
- max-width: 58.333333333333336%;
- }
-}
-
-@media only screen and (min-width:0em) {
- .c58 {
- -webkit-flex-basis: 41.66666666666667%;
- -ms-flex-preferred-size: 41.66666666666667%;
- flex-basis: 41.66666666666667%;
- max-width: 41.66666666666667%;
- }
-}
-
-@media only screen and (max-width:37.4375rem) {
- .c0 {
- padding-left: 0.75rem;
- padding-right: 0.75rem;
- }
-}
-
-@media only screen and (min-width:37.5rem) and (max-width:62.4375rem) {
- .c0 {
- padding-left: 1.875rem;
- padding-right: 1.875rem;
- }
-}
-
-@media only screen and (min-width:62.5rem) and (max-width:87.4375rem) {
- .c0 {
- padding-left: 4.375rem;
- padding-right: 4.375rem;
- }
-}
-
-@media only screen and (max-width:37.4375rem) {
- .c51 {
- padding-left: 0.75rem;
- padding-right: 0.75rem;
- }
-}
-
-@media only screen and (min-width:37.5rem) and (max-width:62.4375rem) {
- .c51 {
- padding-left: 1.875rem;
- padding-right: 1.875rem;
- }
-}
-
-@media only screen and (min-width:62.5rem) and (max-width:87.4375rem) {
- .c51 {
- padding-left: 4.375rem;
- padding-right: 4.375rem;
- }
-}
-
-@media only screen and (min-width:37.4375rem) {
- .c25 {
- width: 10rem;
- display: table-cell;
- }
-}
-
-@media only screen and (min-width:37.4375rem) {
- .c26 {
- width: 8.125rem;
- display: table-cell;
- }
-}
-
-@media only screen and (min-width:37.4375rem) {
- .c34 {
- width: 10rem;
- display: table-cell;
- }
-}
-
-@media only screen and (min-width:37.4375rem) {
- .c35 {
- width: 8.125rem;
- display: table-cell;
- }
-}
-
-
-
-
- Instances
-
-
-
-
-
-
-
- Filter instances
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Name
-
-
-
-
-
-
-
- Status
-
-
-
-
- Created
-
-
-
-
- Short ID
-
-
-
-
-
-
-
-
-
-
-
-
- 2252839a
-
-
-
-
-
-
- Running
-
-
-
- almost NaN years
-
-
-
- 2252839
-
-
-
-
-
-
-
-
-
-
-
-
- f1bd1730
-
-
-
-
-
-
- Running
-
-
-
- almost NaN years
-
-
-
- f1bd173
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Prev
-
-
- NaN
-
-
- Next
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Start
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Stop
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Reboot
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Remove
-
-
-
-
-
-
-
-
-`;
-
-exports[`renders
without throwing 1`] = `
-.c2 {
- margin-top: 1.875rem;
-}
-
-.c4 {
- margin-top: 1.125rem;
- margin-bottom: 1.875rem;
-}
-
-.c9 {
- margin-top: 0.1875rem;
-}
-
-.c47 {
- background-color: transparent;
- -webkit-text-decoration-skip: objects;
- text-decoration-skip: objects;
-}
-
-.c56 {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
@@ -6060,18 +3510,18 @@ exports[`renders
without throwing 1`] = `
appearance: button;
}
-.c56::-moz-focus-inner,
-.c56[type='button']::-moz-focus-inner,
-.c56[type='reset']::-moz-focus-inner,
-.c56[type='submit']::-moz-focus-inner {
+.c57::-moz-focus-inner,
+.c57[type='button']::-moz-focus-inner,
+.c57[type='reset']::-moz-focus-inner,
+.c57[type='submit']::-moz-focus-inner {
border-style: none;
padding: 0;
}
-.c56:-moz-focusring,
-.c56[type='button']:-moz-focusring,
-.c56[type='reset']:-moz-focusring,
-.c56[type='submit']:-moz-focusring {
+.c57:-moz-focusring,
+.c57[type='button']:-moz-focusring,
+.c57[type='reset']:-moz-focusring,
+.c57[type='submit']:-moz-focusring {
outline: 0.0625rem dotted ButtonText;
}
@@ -6129,2558 +3579,7 @@ exports[`renders
without throwing 1`] = `
text-decoration: none;
}
-.c55 {
- min-width: 7.5rem;
-}
-
-.c13 {
- display: inline-block;
-}
-
-.c12 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- -webkit-text-decoration: none;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
- background-image: none;
- background-color: rgb(59,70,204);
- border-radius: 0.25rem;
- border: solid 0.0625rem rgb(45,56,132);
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- width: 100%;
- max-width: 100%;
-}
-
-.c12:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c12:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c12:active,
-.c12:active:hover,
-.c12:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c12[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c54 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- -webkit-text-decoration: none;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
- background-image: none;
- background-color: rgb(59,70,204);
- border-radius: 0.25rem;
- border: solid 0.0625rem rgb(45,56,132);
- color: rgb(70,70,70);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- cursor: not-allowed;
- pointer-events: none;
- color: rgb(216,216,216);
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
- padding: 0.625rem 1.125rem;
- font-size: 0.8125rem;
- min-width: 0rem;
- min-height: 0rem;
- height: auto;
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-
-.c54:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c54:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c54:active,
-.c54:active:hover,
-.c54:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c54[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c54:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c54:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c54:active,
-.c54:active:hover,
-.c54:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
-.c54:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
-}
-
-.c54:hover {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c54:active,
-.c54:active:hover,
-.c54:active:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c57 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- -webkit-text-decoration: none;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
- background-image: none;
- background-color: rgb(59,70,204);
- border-radius: 0.25rem;
- border: solid 0.0625rem rgb(45,56,132);
- color: rgb(70,70,70);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- cursor: not-allowed;
- pointer-events: none;
- color: rgb(216,216,216);
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-
-.c57:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c57:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c57:active,
-.c57:active:hover,
-.c57:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c57[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c57:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c57:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c57:active,
-.c57:active:hover,
-.c57:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
-.c57:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
-}
-
-.c57:hover {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c57:active,
-.c57:active:hover,
-.c57:active:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c59 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- -webkit-text-decoration: none;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
- background-image: none;
- background-color: rgb(59,70,204);
- border-radius: 0.25rem;
- border: solid 0.0625rem rgb(45,56,132);
- color: rgb(70,70,70);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- color: rgb(210,67,58);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(210,67,58);
- cursor: not-allowed;
- pointer-events: none;
- color: rgb(216,216,216);
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
- padding: 0.625rem 1.125rem;
- font-size: 0.8125rem;
- min-width: 0rem;
- min-height: 0rem;
- height: auto;
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- float: right;
-}
-
-.c59:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c59:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c59:active,
-.c59:active:hover,
-.c59:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c59[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c59:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c59:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c59:active,
-.c59:active:hover,
-.c59:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
-.c59:focus {
- color: rgb(205,37,27);
- background-color: rgb(255,255,255);
- border-color: rgb(205,37,27);
-}
-
-.c59:hover {
- color: rgb(205,37,27);
- background-color: rgb(255,255,255);
- border-color: rgb(205,37,27);
-}
-
-.c59:active,
-.c59:active:hover,
-.c59:active:focus {
- background-color: rgba(210,67,58,0.1);
- border-color: rgb(205,37,27);
-}
-
-.c59:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
-}
-
-.c59:hover {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c59:active,
-.c59:active:hover,
-.c59:active:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c60 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- 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;
-}
-
-.c60:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c60:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c60:active,
-.c60:active:hover,
-.c60:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c60[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c60:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c60:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c60:active,
-.c60:active:hover,
-.c60:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
-.c60:focus {
- color: rgb(205,37,27);
- background-color: rgb(255,255,255);
- border-color: rgb(205,37,27);
-}
-
-.c60:hover {
- color: rgb(205,37,27);
- background-color: rgb(255,255,255);
- border-color: rgb(205,37,27);
-}
-
-.c60:active,
-.c60:active:hover,
-.c60:active:focus {
- background-color: rgba(210,67,58,0.1);
- border-color: rgb(205,37,27);
-}
-
-.c60:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
-}
-
-.c60:hover {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c60:active,
-.c60:active:hover,
-.c60:active:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c33 {
- width: 0.75rem;
- height: 0.75rem;
- border-radius: 50%;
- background-color: rgb(0,152,88);
- display: inline-block;
- margin-right: 0rem;
- margin-left: 0rem;
-}
-
-.c37 {
- cursor: pointer;
- height: 100%;
- width: 100%;
- display: -webkit-box !important;
- display: -webkit-flex !important;
- display: -ms-flexbox !important;
- display: flex !important;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-
-.c8 {
- font-size: 0.9375rem;
- line-height: 1.125rem;
- font-style: normal;
- font-stretch: normal;
- display: block;
- color: rgb(70,70,70);
- text-align: left;
-}
-
-.c1 {
- margin-right: auto;
- margin-left: auto;
-}
-
-.c52 {
- box-sizing: border-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 1 1 auto;
- -ms-flex: 1 1 auto;
- flex: 1 1 auto;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- margin-right: -0.625rem;
- margin-left: -0.625rem;
-}
-
-.c53 {
- box-sizing: border-box;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- padding-right: 0.625rem;
- padding-left: 0.625rem;
- display: block;
-}
-
-.c58 {
- box-sizing: border-box;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- padding-right: 0.625rem;
- padding-left: 0.625rem;
- display: block;
-}
-
-.c0 {
- box-sizing: border-box;
- width: 100%;
- max-width: 78.75rem;
- padding-bottom: 1.125rem;
-}
-
-.c51 {
- box-sizing: border-box;
- width: 100%;
- max-width: 78.75rem;
-}
-
-.c3 {
- margin: 0;
- color: rgb(73,73,73);
- font-weight: normal;
- line-height: 1.625rem;
- font-size: 1.3125rem;
-}
-
-.c50 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-wrap: nowrap;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -webkit-align-content: stretch;
- -ms-flex-line-pack: stretch;
- align-content: stretch;
- -webkit-align-items: stretch;
- -webkit-box-align: stretch;
- -ms-flex-align: stretch;
- align-items: stretch;
- background: rgb(250,250,250);
-}
-
-.c49 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-flex-wrap: nowrap;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -webkit-align-content: stretch;
- -ms-flex-line-pack: stretch;
- align-content: stretch;
- -webkit-align-items: stretch;
- -webkit-box-align: stretch;
- -ms-flex-align: stretch;
- align-items: stretch;
- background-color: rgba(241,241,241,1);
- border-top: 0.0625rem solid rgb(216,216,216);
- max-height: 3.3125rem;
- min-height: 3.3125rem;
- line-height: 1.5625rem;
- height: 4.375rem;
- max-height: 4.375rem;
- z-index: 1;
- position: fixed;
- left: 0;
- right: 0;
- bottom: 0;
-}
-
-.c5 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-flex-wrap: nowrap;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- -webkit-align-content: stretch;
- -ms-flex-line-pack: stretch;
- align-content: stretch;
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
- justify-content: space-between;
- -webkit-align-items: flex-end;
- -webkit-box-align: flex-end;
- -ms-flex-align: flex-end;
- align-items: flex-end;
-}
-
-.c39 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-flex-wrap: nowrap;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- -webkit-align-content: stretch;
- -ms-flex-line-pack: stretch;
- align-content: stretch;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-
-.c20 {
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- display: none;
-}
-
-.c20:checked + label::after {
- opacity: 1;
-}
-
-.c20:selected + label::after {
- opacity: 1;
-}
-
-.c20:checked + label {
- border-color: rgb(59,70,204);
-}
-
-.c20:selected + label {
- border-color: rgb(59,70,204);
-}
-
-.c20:disabled + label {
- background-color: rgb(249,249,249);
- cursor: not-allowed;
-}
-
-.c22 {
- color: rgb(100,100,100);
- position: absolute;
- width: 1.125rem;
- height: 1.125rem;
- box-sizing: border-box;
- top: 0;
- cursor: pointer;
- background-color: rgb(255,255,255);
- box-shadow: none;
- border: 0.0625rem solid rgb(216,216,216);
- cursor: pointer;
- border-radius: 0.25rem;
- width: 1.125rem;
- height: 1.125rem;
-}
-
-.c22::after {
- opacity: 0;
- content: '';
- position: absolute;
- width: 0.375rem;
- height: 0.125rem;
- background: transparent;
- top: 0.3125rem;
- left: 0.25rem;
- border: 0.125rem solid rgb(45,45,45);
- border-top: none;
- border-right: none;
- -webkit-transform: rotate(-45deg);
- -ms-transform: rotate(-45deg);
- transform: rotate(-45deg);
-}
-
-.c19 {
- display: inline-block;
- vertical-align: text-bottom;
- width: 1.125rem;
- height: 1.125rem;
- position: relative;
- cursor: pointer;
-}
-
-.c18 {
- list-style-type: none;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-align-content: center;
- -ms-flex-line-pack: center;
- align-content: center;
- height: 1.5rem;
-}
-
-.c18 label {
- font-weight: 400;
-}
-
-.c18 label::after {
- width: 0.475rem;
- height: 0.205rem;
- top: 0.4125rem;
- left: 0.35rem;
-}
-
-.c18 div[type='checkbox'],
-.c18 div[type='checkbox'] input,
-.c18 div[type='checkbox'] label {
- height: 1.5rem;
- width: 1.5rem;
-}
-
-.c6 {
- display: inline-block;
- padding: 0;
- border: none;
- overflow: hidden;
- height: auto;
- -webkit-padding-before: 0;
- -webkit-padding-start: 0;
- -webkit-padding-end: 0;
- -webkit-padding-after: 0;
-}
-
-.c11 {
- display: inline-block;
- padding: 0;
- border: none;
- overflow: hidden;
- height: auto;
- -webkit-padding-before: 0;
- -webkit-padding-start: 0;
- -webkit-padding-end: 0;
- -webkit-padding-after: 0;
- float: right;
-}
-
-.c10 {
- box-sizing: border-box;
- width: 18.75rem;
- height: 3rem;
- min-height: 3rem;
- padding: 0.8125rem 0.75rem;
- border-radius: 0.25rem;
- background-color: rgb(255,255,255);
- border: 0.0625rem solid rgb(216,216,216);
- color: rgb(73,73,73);
- font-size: 0.9375rem;
- line-height: normal !important;
- font-style: normal;
- font-stretch: normal;
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- outline: 0;
- max-width: 22.1875rem;
- text-overflow: ellipsis;
-}
-
-.c10:focus {
- border-color: rgb(59,70,204);
- outline: 0;
-}
-
-.c10::-webkit-input-placeholder {
- color: rgba(73,73,73,0.5);
-}
-
-.c10::-moz-placeholder {
- color: rgba(73,73,73,0.5);
-}
-
-.c10:-ms-input-placeholder {
- color: rgba(73,73,73,0.5);
-}
-
-.c10:invalid {
- box-shadow: none;
-}
-
-.c10:disabled {
- background-color: rgb(250,250,250);
- color: rgb(216,216,216);
- cursor: not-allowed;
-}
-
-.c10:disabled::-webkit-input-placeholder {
- color: rgba(73,73,73,0.5);
-}
-
-.c10:disabled::-moz-placeholder {
- color: rgba(73,73,73,0.5);
-}
-
-.c10:disabled:-ms-input-placeholder {
- color: rgba(73,73,73,0.5);
-}
-
-.c7 {
- font-weight: 600;
- white-space: pre;
- font-size: 0.8125rem;
-}
-
-.c14 {
- overflow: hidden;
- border-spacing: 0;
- border-collapse: separate;
- table-layout: fixed;
- width: 100%;
- max-width: 100%;
-}
-
-.c40 {
- width: 100%;
- background: rgb(250,250,250);
-}
-
-.c40 th:first-child {
- border-bottom-left-radius: 0.25rem;
-}
-
-.c40 th:last-child {
- border-bottom-right-radius: 0.25rem;
-}
-
-.c40 th {
- border-top-width: 0;
-}
-
-.c15 {
- width: 100%;
- background: rgb(250,250,250);
-}
-
-.c15 th:first-child {
- border-top-left-radius: 0.25rem;
-}
-
-.c15 th:last-child {
- border-top-right-radius: 0.25rem;
-}
-
-.c28 {
- width: 100%;
-}
-
-.c17 {
- border-width: 0.0625rem;
- border-style: solid;
- border-color: rgb(216,216,216);
- border-spacing: 0;
- white-space: nowrap;
- box-sizing: border-box;
- padding: 0 1.5rem;
- height: 3.75rem;
- width: 2rem;
- display: table-cell;
- vertical-align: middle;
- text-align: left;
- height: 2.625rem;
- color: rgb(189,189,189);
- font-weight: 500;
- border-bottom-width: 0;
-}
-
-.c17:not(:first-child) {
- border-left-width: 0;
-}
-
-.c17:not(:last-child) {
- border-right-width: 0;
-}
-
-.c23 {
- border-width: 0.0625rem;
- border-style: solid;
- border-color: rgb(216,216,216);
- border-spacing: 0;
- white-space: nowrap;
- box-sizing: border-box;
- padding: 0 1.5rem;
- height: 3.75rem;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- vertical-align: middle;
- text-align: left;
- height: 2.625rem;
- color: rgb(189,189,189);
- font-weight: 500;
- border-bottom-width: 0;
- color: rgb(73,73,73);
- font-weight: 600;
-}
-
-.c23:not(:first-child) {
- border-left-width: 0;
-}
-
-.c23:not(:last-child) {
- border-right-width: 0;
-}
-
-.c24 {
- border-width: 0.0625rem;
- border-style: solid;
- border-color: rgb(216,216,216);
- border-spacing: 0;
- white-space: nowrap;
- box-sizing: border-box;
- padding: 0 1.5rem;
- height: 3.75rem;
- width: 9.375rem;
- display: table-cell;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- vertical-align: middle;
- text-align: left;
- height: 2.625rem;
- color: rgb(189,189,189);
- font-weight: 500;
- border-bottom-width: 0;
-}
-
-.c24:not(:first-child) {
- border-left-width: 0;
-}
-
-.c24:not(:last-child) {
- border-right-width: 0;
-}
-
-.c25 {
- border-width: 0.0625rem;
- border-style: solid;
- border-color: rgb(216,216,216);
- border-spacing: 0;
- white-space: nowrap;
- box-sizing: border-box;
- padding: 0 1.5rem;
- height: 3.75rem;
- width: 0rem;
- display: none;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- vertical-align: middle;
- text-align: left;
- height: 2.625rem;
- color: rgb(189,189,189);
- font-weight: 500;
- border-bottom-width: 0;
-}
-
-.c25:not(:first-child) {
- border-left-width: 0;
-}
-
-.c25:not(:last-child) {
- border-right-width: 0;
-}
-
-.c26 {
- border-width: 0.0625rem;
- border-style: solid;
- border-color: rgb(216,216,216);
- border-spacing: 0;
- white-space: nowrap;
- box-sizing: border-box;
- padding: 0 1.5rem;
- height: 3.75rem;
- width: 0rem;
- display: none;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- vertical-align: middle;
- text-align: left;
- height: 2.625rem;
- color: rgb(189,189,189);
- font-weight: 500;
- border-bottom-width: 0;
-}
-
-.c26:not(:first-child) {
- border-left-width: 0;
-}
-
-.c26:not(:last-child) {
- border-right-width: 0;
-}
-
-.c27 {
- border-width: 0.0625rem;
- border-style: solid;
- border-color: rgb(216,216,216);
- border-spacing: 0;
- white-space: nowrap;
- box-sizing: border-box;
- padding: 0 1.5rem;
- height: 3.75rem;
- width: 3.75rem;
- display: table-cell;
- height: 2.625rem;
- color: rgb(189,189,189);
- font-weight: 500;
- border-bottom-width: 0;
-}
-
-.c27:not(:first-child) {
- border-left-width: 0;
-}
-
-.c27:not(:last-child) {
- border-right-width: 0;
-}
-
-.c41 {
- border-width: 0.0625rem;
- border-style: solid;
- border-color: rgb(216,216,216);
- border-spacing: 0;
- white-space: nowrap;
- box-sizing: border-box;
- padding: 0 1.5rem;
- height: 3.75rem;
- vertical-align: middle;
- text-align: center;
- height: 2.625rem;
- color: rgb(189,189,189);
- font-weight: 500;
- border-bottom-width: 0;
- border-bottom-width: 0.0625rem !important;
-}
-
-.c41:not(:first-child) {
- border-left-width: 0;
-}
-
-.c41:not(:last-child) {
- border-right-width: 0;
-}
-
-.c30 {
- border-width: 0.0625rem;
- border-style: solid;
- border-color: rgb(216,216,216);
- border-spacing: 0;
- white-space: nowrap;
- box-sizing: border-box;
- padding: 0 1.5rem;
- height: 3.75rem;
- vertical-align: middle;
- text-align: left;
- border-bottom-width: 0;
-}
-
-.c30:not(:first-child) {
- border-left-width: 0;
-}
-
-.c30:not(:last-child) {
- border-right-width: 0;
-}
-
-.c34 {
- border-width: 0.0625rem;
- border-style: solid;
- border-color: rgb(216,216,216);
- border-spacing: 0;
- white-space: nowrap;
- box-sizing: border-box;
- padding: 0 1.5rem;
- height: 3.75rem;
- width: 0rem;
- display: none;
- vertical-align: middle;
- text-align: left;
- border-bottom-width: 0;
-}
-
-.c34:not(:first-child) {
- border-left-width: 0;
-}
-
-.c34:not(:last-child) {
- border-right-width: 0;
-}
-
-.c35 {
- border-width: 0.0625rem;
- border-style: solid;
- border-color: rgb(216,216,216);
- border-spacing: 0;
- white-space: nowrap;
- box-sizing: border-box;
- padding: 0 1.5rem;
- height: 3.75rem;
- width: 0rem;
- display: none;
- vertical-align: middle;
- text-align: left;
- border-bottom-width: 0;
-}
-
-.c35:not(:first-child) {
- border-left-width: 0;
-}
-
-.c35:not(:last-child) {
- border-right-width: 0;
-}
-
-.c36 {
- border-width: 0.0625rem;
- border-style: solid;
- border-color: rgb(216,216,216);
- border-spacing: 0;
- white-space: nowrap;
- box-sizing: border-box;
- padding: 0 1.5rem;
- height: 3.75rem;
- border-bottom-width: 0;
- border-left-width: 0.0625rem !important;
-}
-
-.c36:not(:first-child) {
- border-left-width: 0;
-}
-
-.c36:not(:last-child) {
- border-right-width: 0;
-}
-
-.c16 {
- display: table-row;
- color: rgb(73,73,73);
- background-color: rgb(255,255,255);
- box-shadow: 0 0.125rem 0 rgba(0,0,0,0.05);
- box-sizing: border-box;
- color: rgb(73,73,73);
- background-color: transparent;
- border: none;
- box-shadow: none;
-}
-
-.c16:last-child {
- box-shadow: none;
-}
-
-.c16:last-child td {
- border-bottom-width: 0.0625rem;
-}
-
-.c29 {
- display: table-row;
- color: rgb(73,73,73);
- background-color: rgb(255,255,255);
- box-shadow: 0 0.125rem 0 rgba(0,0,0,0.05);
- box-sizing: border-box;
-}
-
-.c29:last-child {
- box-shadow: none;
-}
-
-.c29:last-child td {
- border-bottom-width: 0.0625rem;
-}
-
-.c42 {
- -webkit-text-decoration: underline;
- text-decoration: underline;
-}
-
-.c45 {
- -webkit-text-decoration: underline;
- text-decoration: underline;
- -webkit-text-decoration: none;
- text-decoration: none;
- padding: 0.375rem;
- background-color: rgb(59,70,204);
- border: 0.0625rem solid rgb(45,56,132);
- border-radius: 0.25rem;
- color: rgb(255,255,255);
-}
-
-.c43 {
- margin-right: 0.1875rem;
-}
-
-.c48 {
- margin-left: 0.1875rem;
-}
-
-.c31 {
- color: rgb(73,73,73);
- -webkit-text-decoration: none;
- text-decoration: none;
- font-weight: 600;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- display: block;
-}
-
-.c44 {
- margin: 0 0.1875rem;
-}
-
-.c38 {
- height: 3rem;
-}
-
-@media only screen and (min-width:48em) {
- .c1 {
- width: 46rem;
- }
-}
-
-@media only screen and (min-width:64em) {
- .c1 {
- width: 56rem;
- }
-}
-
-@media only screen and (min-width:75em) {
- .c1 {
- width: 59rem;
- }
-}
-
-@media only screen and (min-width:0em) {
- .c52 {
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- }
-}
-
-@media only screen and (min-width:0em) {
- .c52 {
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
- justify-content: space-between;
- }
-}
-
-@media only screen and (min-width:0em) {
- .c53 {
- -webkit-flex-basis: 58.333333333333336%;
- -ms-flex-preferred-size: 58.333333333333336%;
- flex-basis: 58.333333333333336%;
- max-width: 58.333333333333336%;
- }
-}
-
-@media only screen and (min-width:0em) {
- .c58 {
- -webkit-flex-basis: 41.66666666666667%;
- -ms-flex-preferred-size: 41.66666666666667%;
- flex-basis: 41.66666666666667%;
- max-width: 41.66666666666667%;
- }
-}
-
-@media only screen and (max-width:37.4375rem) {
- .c0 {
- padding-left: 0.75rem;
- padding-right: 0.75rem;
- }
-}
-
-@media only screen and (min-width:37.5rem) and (max-width:62.4375rem) {
- .c0 {
- padding-left: 1.875rem;
- padding-right: 1.875rem;
- }
-}
-
-@media only screen and (min-width:62.5rem) and (max-width:87.4375rem) {
- .c0 {
- padding-left: 4.375rem;
- padding-right: 4.375rem;
- }
-}
-
-@media only screen and (max-width:37.4375rem) {
- .c51 {
- padding-left: 0.75rem;
- padding-right: 0.75rem;
- }
-}
-
-@media only screen and (min-width:37.5rem) and (max-width:62.4375rem) {
- .c51 {
- padding-left: 1.875rem;
- padding-right: 1.875rem;
- }
-}
-
-@media only screen and (min-width:62.5rem) and (max-width:87.4375rem) {
- .c51 {
- padding-left: 4.375rem;
- padding-right: 4.375rem;
- }
-}
-
-@media only screen and (min-width:37.4375rem) {
- .c25 {
- width: 10rem;
- display: table-cell;
- }
-}
-
-@media only screen and (min-width:37.4375rem) {
- .c26 {
- width: 8.125rem;
- display: table-cell;
- }
-}
-
-@media only screen and (min-width:37.4375rem) {
- .c34 {
- width: 10rem;
- display: table-cell;
- }
-}
-
-@media only screen and (min-width:37.4375rem) {
- .c35 {
- width: 8.125rem;
- display: table-cell;
- }
-}
-
-
-
-
- Instances
-
-
-
-
-
-
-
- Filter instances
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Name
-
-
-
-
-
-
-
- Status
-
-
-
-
- Created
-
-
-
-
- Short ID
-
-
-
-
-
-
-
-
-
-
-
-
- 2252839a
-
-
-
-
-
-
- Running
-
-
-
- almost NaN years
-
-
-
- 2252839
-
-
-
-
-
-
-
-
-
-
-
-
- f1bd1730
-
-
-
-
-
-
- Running
-
-
-
- almost NaN years
-
-
-
- f1bd173
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Prev
-
-
- NaN
-
-
- Next
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Start
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Stop
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Reboot
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Remove
-
-
-
-
-
-
-
-
-`;
-
-exports[`renders
without throwing 1`] = `
-.c2 {
- margin-top: 1.875rem;
-}
-
-.c4 {
- margin-top: 1.125rem;
- margin-bottom: 1.875rem;
-}
-
-.c9 {
- margin-top: 0.1875rem;
-}
-
-.c47 {
- background-color: transparent;
- -webkit-text-decoration-skip: objects;
- text-decoration-skip: objects;
-}
-
.c56 {
- font-family: sans-serif;
- font-size: 100%;
- line-height: 1.15;
- margin: 0;
- overflow: visible;
- text-transform: none;
- -webkit-appearance: button;
- -moz-appearance: button;
- appearance: button;
-}
-
-.c56::-moz-focus-inner,
-.c56[type='button']::-moz-focus-inner,
-.c56[type='reset']::-moz-focus-inner,
-.c56[type='submit']::-moz-focus-inner {
- border-style: none;
- padding: 0;
-}
-
-.c56:-moz-focusring,
-.c56[type='button']:-moz-focusring,
-.c56[type='reset']:-moz-focusring,
-.c56[type='submit']:-moz-focusring {
- outline: 0.0625rem dotted ButtonText;
-}
-
-.c21 {
- font-family: sans-serif;
- font-size: 100%;
- line-height: 1.15;
- margin: 0;
- overflow: visible;
-}
-
-.c21[type='checkbox'],
-.c21[type='radio'] {
- box-sizing: border-box;
- padding: 0;
-}
-
-.c21[type='number']::-webkit-inner-spin-button,
-.c21[type='number']::-webkit-outer-spin-button {
- height: auto;
-}
-
-.c21[type='search'] {
- -webkit-appearance: textfield;
- -moz-appearance: textfield;
- appearance: textfield;
- outline-offset: -0.125rem;
-}
-
-.c21[type='search']::-webkit-search-cancel-button,
-.c21[type='search']::-webkit-search-decoration {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
-}
-
-.c21::-webkit-file-upload-button {
- -webkit-appearance: button;
- -moz-appearance: button;
- appearance: button;
- font: inherit;
-}
-
-.c46 {
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
-}
-
-.c32 {
- color: rgb(59,70,204);
- -webkit-text-fill-color: currentcolor;
-}
-
-.c32:hover {
- -webkit-text-decoration: none;
- text-decoration: none;
-}
-
-.c55 {
min-width: 7.5rem;
}
@@ -8709,7 +3608,6 @@ exports[`renders
without throwing
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -8765,7 +3663,7 @@ exports[`renders
without throwing
pointer-events: none;
}
-.c58 {
+.c55 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -8786,7 +3684,6 @@ exports[`renders
without throwing
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -8827,7 +3724,7 @@ exports[`renders
without throwing
align-items: center;
}
-.c58:focus {
+.c55:focus {
outline: 0;
-webkit-text-decoration: none;
text-decoration: none;
@@ -8835,55 +3732,55 @@ exports[`renders
without throwing
border-color: rgb(45,56,132);
}
-.c58:hover {
+.c55:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c58:active,
-.c58:active:hover,
-.c58:active:focus {
+.c55:active,
+.c55:active:hover,
+.c55:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c58[disabled] {
+.c55[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c58:focus {
+.c55:focus {
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
-.c58:hover {
+.c55:hover {
background-color: rgb(247,247,247);
border-color: rgb(216,216,216);
}
-.c58:active,
-.c58:active:hover,
-.c58:active:focus {
+.c55:active,
+.c55:active:hover,
+.c55:active:focus {
background-color: rgb(230,230,230);
border-color: rgb(216,216,216);
}
-.c58:focus {
+.c55:focus {
background-color: rgb(250,250,250);
border-color: rgb(216,216,216);
}
-.c58:hover {
+.c55:hover {
background-color: rgb(250,250,250);
border-color: rgb(250,250,250);
}
-.c58:active,
-.c58:active:hover,
-.c58:active:focus {
+.c55:active,
+.c55:active:hover,
+.c55:active:focus {
background-color: rgb(250,250,250);
border-color: rgb(250,250,250);
}
@@ -8909,7 +3806,6 @@ exports[`renders
without throwing
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -9027,7 +3923,6 @@ exports[`renders
without throwing
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -9174,7 +4069,6 @@ exports[`renders
without throwing
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -9295,203 +4189,6 @@ exports[`renders
without throwing
border-color: rgb(250,250,250);
}
-.c54 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- -webkit-text-decoration: none;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
- background-image: none;
- background-color: rgb(59,70,204);
- border-radius: 0.25rem;
- border: solid 0.0625rem rgb(45,56,132);
- color: rgb(70,70,70);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- padding: 0.625rem 1.125rem;
- font-size: 0.8125rem;
- min-width: 0rem;
- min-height: 0rem;
- height: auto;
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-
-.c54:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c54:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c54:active,
-.c54:active:hover,
-.c54:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c54[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c54:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c54:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c54:active,
-.c54:active:hover,
-.c54:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
-.c57 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- -webkit-text-decoration: none;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
- background-image: none;
- background-color: rgb(59,70,204);
- border-radius: 0.25rem;
- border: solid 0.0625rem rgb(45,56,132);
- color: rgb(70,70,70);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-
-.c57:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c57:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c57:active,
-.c57:active:hover,
-.c57:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c57[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c57:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c57:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c57:active,
-.c57:active:hover,
-.c57:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
.c33 {
width: 0.75rem;
height: 0.75rem;
@@ -9631,7 +4328,7 @@ exports[`renders
without throwing
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
- background-color: rgba(241,241,241,1);
+ background-color: #FAFAFA;
border-top: 0.0625rem solid rgb(216,216,216);
max-height: 3.3125rem;
min-height: 3.3125rem;
@@ -9701,6 +4398,26 @@ exports[`renders
without throwing
align-items: center;
}
+.c54 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+}
+
.c20 {
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
display: none;
@@ -10449,6 +5166,5399 @@ exports[`renders
without throwing
}
}
+
+
+
+ Instances
+
+
+
+
+
+
+
+ Filter instances
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Name
+
+
+
+
+
+
+
+ Status
+
+
+
+
+ Created
+
+
+
+
+ Short ID
+
+
+
+
+
+
+
+
+
+
+
+
+ 2252839a
+
+
+
+
+
+
+ Running
+
+
+
+ almost NaN years
+
+
+
+ 2252839
+
+
+
+
+
+
+
+
+
+
+
+
+ f1bd1730
+
+
+
+
+
+
+ Running
+
+
+
+ almost NaN years
+
+
+
+ f1bd173
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Prev
+
+
+ NaN
+
+
+ Next
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Reboot
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Remove
+
+
+
+
+
+
+
+
+`;
+
+exports[`renders
without throwing 1`] = `
+.c2 {
+ margin-top: 1.875rem;
+}
+
+.c4 {
+ margin-top: 1.125rem;
+ margin-bottom: 1.875rem;
+}
+
+.c9 {
+ margin-top: 0.1875rem;
+}
+
+.c58 {
+ margin-right: 0.375rem;
+}
+
+.c47 {
+ background-color: transparent;
+ -webkit-text-decoration-skip: objects;
+ text-decoration-skip: objects;
+}
+
+.c57 {
+ font-family: sans-serif;
+ font-size: 100%;
+ line-height: 1.15;
+ margin: 0;
+ overflow: visible;
+ text-transform: none;
+ -webkit-appearance: button;
+ -moz-appearance: button;
+ appearance: button;
+}
+
+.c57::-moz-focus-inner,
+.c57[type='button']::-moz-focus-inner,
+.c57[type='reset']::-moz-focus-inner,
+.c57[type='submit']::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
+
+.c57:-moz-focusring,
+.c57[type='button']:-moz-focusring,
+.c57[type='reset']:-moz-focusring,
+.c57[type='submit']:-moz-focusring {
+ outline: 0.0625rem dotted ButtonText;
+}
+
+.c21 {
+ font-family: sans-serif;
+ font-size: 100%;
+ line-height: 1.15;
+ margin: 0;
+ overflow: visible;
+}
+
+.c21[type='checkbox'],
+.c21[type='radio'] {
+ box-sizing: border-box;
+ padding: 0;
+}
+
+.c21[type='number']::-webkit-inner-spin-button,
+.c21[type='number']::-webkit-outer-spin-button {
+ height: auto;
+}
+
+.c21[type='search'] {
+ -webkit-appearance: textfield;
+ -moz-appearance: textfield;
+ appearance: textfield;
+ outline-offset: -0.125rem;
+}
+
+.c21[type='search']::-webkit-search-cancel-button,
+.c21[type='search']::-webkit-search-decoration {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+}
+
+.c21::-webkit-file-upload-button {
+ -webkit-appearance: button;
+ -moz-appearance: button;
+ appearance: button;
+ font: inherit;
+}
+
+.c46 {
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+}
+
+.c32 {
+ color: rgb(59,70,204);
+ -webkit-text-fill-color: currentcolor;
+}
+
+.c32:hover {
+ -webkit-text-decoration: none;
+ text-decoration: none;
+}
+
+.c56 {
+ min-width: 7.5rem;
+}
+
+.c13 {
+ display: inline-block;
+}
+
+.c12 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ width: 100%;
+ max-width: 100%;
+}
+
+.c12:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c12:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c12:active,
+.c12:active:hover,
+.c12:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c12[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c55 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ color: rgb(70,70,70);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+ cursor: not-allowed;
+ pointer-events: none;
+ color: rgb(216,216,216);
+ background-color: rgb(250,250,250);
+ border-color: rgb(216,216,216);
+ padding: 0.625rem 1.125rem;
+ font-size: 0.8125rem;
+ min-width: 0rem;
+ min-height: 0rem;
+ height: auto;
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+
+.c55:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c55:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c55:active,
+.c55:active:hover,
+.c55:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c55[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c55:focus {
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c55:hover {
+ background-color: rgb(247,247,247);
+ border-color: rgb(216,216,216);
+}
+
+.c55:active,
+.c55:active:hover,
+.c55:active:focus {
+ background-color: rgb(230,230,230);
+ border-color: rgb(216,216,216);
+}
+
+.c55:focus {
+ background-color: rgb(250,250,250);
+ border-color: rgb(216,216,216);
+}
+
+.c55:hover {
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
+}
+
+.c55:active,
+.c55:active:hover,
+.c55:active:focus {
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
+}
+
+.c59 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ color: rgb(70,70,70);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+ cursor: not-allowed;
+ pointer-events: none;
+ color: rgb(216,216,216);
+ background-color: rgb(250,250,250);
+ border-color: rgb(216,216,216);
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+
+.c59:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c59:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c59:active,
+.c59:active:hover,
+.c59:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c59[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c59:focus {
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c59:hover {
+ background-color: rgb(247,247,247);
+ border-color: rgb(216,216,216);
+}
+
+.c59:active,
+.c59:active:hover,
+.c59:active:focus {
+ background-color: rgb(230,230,230);
+ border-color: rgb(216,216,216);
+}
+
+.c59:focus {
+ background-color: rgb(250,250,250);
+ border-color: rgb(216,216,216);
+}
+
+.c59:hover {
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
+}
+
+.c59:active,
+.c59:active:hover,
+.c59:active:focus {
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
+}
+
+.c61 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ color: rgb(70,70,70);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+ color: rgb(210,67,58);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(210,67,58);
+ cursor: not-allowed;
+ pointer-events: none;
+ color: rgb(216,216,216);
+ background-color: rgb(250,250,250);
+ border-color: rgb(216,216,216);
+ padding: 0.625rem 1.125rem;
+ font-size: 0.8125rem;
+ min-width: 0rem;
+ min-height: 0rem;
+ height: auto;
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ float: right;
+}
+
+.c61:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c61:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c61:active,
+.c61:active:hover,
+.c61:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c61[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c61:focus {
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c61:hover {
+ background-color: rgb(247,247,247);
+ border-color: rgb(216,216,216);
+}
+
+.c61:active,
+.c61:active:hover,
+.c61:active:focus {
+ background-color: rgb(230,230,230);
+ border-color: rgb(216,216,216);
+}
+
+.c61:focus {
+ color: rgb(205,37,27);
+ background-color: rgb(255,255,255);
+ border-color: rgb(205,37,27);
+}
+
+.c61:hover {
+ color: rgb(205,37,27);
+ background-color: rgb(255,255,255);
+ border-color: rgb(205,37,27);
+}
+
+.c61:active,
+.c61:active:hover,
+.c61:active:focus {
+ background-color: rgba(210,67,58,0.1);
+ border-color: rgb(205,37,27);
+}
+
+.c61:focus {
+ background-color: rgb(250,250,250);
+ border-color: rgb(216,216,216);
+}
+
+.c61:hover {
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
+}
+
+.c61:active,
+.c61:active:hover,
+.c61:active:focus {
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
+}
+
+.c62 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ color: rgb(70,70,70);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+ color: rgb(210,67,58);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(210,67,58);
+ cursor: not-allowed;
+ pointer-events: none;
+ color: rgb(216,216,216);
+ background-color: rgb(250,250,250);
+ border-color: rgb(216,216,216);
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ float: right;
+}
+
+.c62:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c62:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c62:active,
+.c62:active:hover,
+.c62:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c62[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c62:focus {
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c62:hover {
+ background-color: rgb(247,247,247);
+ border-color: rgb(216,216,216);
+}
+
+.c62:active,
+.c62:active:hover,
+.c62:active:focus {
+ background-color: rgb(230,230,230);
+ border-color: rgb(216,216,216);
+}
+
+.c62:focus {
+ color: rgb(205,37,27);
+ background-color: rgb(255,255,255);
+ border-color: rgb(205,37,27);
+}
+
+.c62:hover {
+ color: rgb(205,37,27);
+ background-color: rgb(255,255,255);
+ border-color: rgb(205,37,27);
+}
+
+.c62:active,
+.c62:active:hover,
+.c62:active:focus {
+ background-color: rgba(210,67,58,0.1);
+ border-color: rgb(205,37,27);
+}
+
+.c62:focus {
+ background-color: rgb(250,250,250);
+ border-color: rgb(216,216,216);
+}
+
+.c62:hover {
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
+}
+
+.c62:active,
+.c62:active:hover,
+.c62:active:focus {
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
+}
+
+.c33 {
+ width: 0.75rem;
+ height: 0.75rem;
+ border-radius: 50%;
+ background-color: rgb(0,152,88);
+ display: inline-block;
+ margin-right: 0rem;
+ margin-left: 0rem;
+}
+
+.c37 {
+ cursor: pointer;
+ height: 100%;
+ width: 100%;
+ display: -webkit-box !important;
+ display: -webkit-flex !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+
+.c8 {
+ font-size: 0.9375rem;
+ line-height: 1.125rem;
+ font-style: normal;
+ font-stretch: normal;
+ display: block;
+ color: rgb(70,70,70);
+ text-align: left;
+}
+
+.c1 {
+ margin-right: auto;
+ margin-left: auto;
+}
+
+.c52 {
+ box-sizing: border-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-right: -0.625rem;
+ margin-left: -0.625rem;
+}
+
+.c53 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c60 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c0 {
+ box-sizing: border-box;
+ width: 100%;
+ max-width: 78.75rem;
+ padding-bottom: 1.125rem;
+}
+
+.c51 {
+ box-sizing: border-box;
+ width: 100%;
+ max-width: 78.75rem;
+}
+
+.c3 {
+ margin: 0;
+ color: rgb(73,73,73);
+ font-weight: normal;
+ line-height: 1.625rem;
+ font-size: 1.3125rem;
+}
+
+.c50 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+ -webkit-align-items: stretch;
+ -webkit-box-align: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+ background: rgb(250,250,250);
+}
+
+.c49 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+ -webkit-align-items: stretch;
+ -webkit-box-align: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+ background-color: #FAFAFA;
+ border-top: 0.0625rem solid rgb(216,216,216);
+ max-height: 3.3125rem;
+ min-height: 3.3125rem;
+ line-height: 1.5625rem;
+ height: 4.375rem;
+ max-height: 4.375rem;
+ z-index: 1;
+ position: fixed;
+ left: 0;
+ right: 0;
+ bottom: 0;
+}
+
+.c5 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -webkit-align-items: flex-end;
+ -webkit-box-align: flex-end;
+ -ms-flex-align: flex-end;
+ align-items: flex-end;
+}
+
+.c39 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+
+.c54 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+}
+
+.c20 {
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ display: none;
+}
+
+.c20:checked + label::after {
+ opacity: 1;
+}
+
+.c20:selected + label::after {
+ opacity: 1;
+}
+
+.c20:checked + label {
+ border-color: rgb(59,70,204);
+}
+
+.c20:selected + label {
+ border-color: rgb(59,70,204);
+}
+
+.c20:disabled + label {
+ background-color: rgb(249,249,249);
+ cursor: not-allowed;
+}
+
+.c22 {
+ color: rgb(100,100,100);
+ position: absolute;
+ width: 1.125rem;
+ height: 1.125rem;
+ box-sizing: border-box;
+ top: 0;
+ cursor: pointer;
+ background-color: rgb(255,255,255);
+ box-shadow: none;
+ border: 0.0625rem solid rgb(216,216,216);
+ cursor: pointer;
+ border-radius: 0.25rem;
+ width: 1.125rem;
+ height: 1.125rem;
+}
+
+.c22::after {
+ opacity: 0;
+ content: '';
+ position: absolute;
+ width: 0.375rem;
+ height: 0.125rem;
+ background: transparent;
+ top: 0.3125rem;
+ left: 0.25rem;
+ border: 0.125rem solid rgb(45,45,45);
+ border-top: none;
+ border-right: none;
+ -webkit-transform: rotate(-45deg);
+ -ms-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+}
+
+.c19 {
+ display: inline-block;
+ vertical-align: text-bottom;
+ width: 1.125rem;
+ height: 1.125rem;
+ position: relative;
+ cursor: pointer;
+}
+
+.c18 {
+ list-style-type: none;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-align-content: center;
+ -ms-flex-line-pack: center;
+ align-content: center;
+ height: 1.5rem;
+}
+
+.c18 label {
+ font-weight: 400;
+}
+
+.c18 label::after {
+ width: 0.475rem;
+ height: 0.205rem;
+ top: 0.4125rem;
+ left: 0.35rem;
+}
+
+.c18 div[type='checkbox'],
+.c18 div[type='checkbox'] input,
+.c18 div[type='checkbox'] label {
+ height: 1.5rem;
+ width: 1.5rem;
+}
+
+.c6 {
+ display: inline-block;
+ padding: 0;
+ border: none;
+ overflow: hidden;
+ height: auto;
+ -webkit-padding-before: 0;
+ -webkit-padding-start: 0;
+ -webkit-padding-end: 0;
+ -webkit-padding-after: 0;
+}
+
+.c11 {
+ display: inline-block;
+ padding: 0;
+ border: none;
+ overflow: hidden;
+ height: auto;
+ -webkit-padding-before: 0;
+ -webkit-padding-start: 0;
+ -webkit-padding-end: 0;
+ -webkit-padding-after: 0;
+ float: right;
+}
+
+.c10 {
+ box-sizing: border-box;
+ width: 18.75rem;
+ height: 3rem;
+ min-height: 3rem;
+ padding: 0.8125rem 0.75rem;
+ border-radius: 0.25rem;
+ background-color: rgb(255,255,255);
+ border: 0.0625rem solid rgb(216,216,216);
+ color: rgb(73,73,73);
+ font-size: 0.9375rem;
+ line-height: normal !important;
+ font-style: normal;
+ font-stretch: normal;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ outline: 0;
+ max-width: 22.1875rem;
+ text-overflow: ellipsis;
+}
+
+.c10:focus {
+ border-color: rgb(59,70,204);
+ outline: 0;
+}
+
+.c10::-webkit-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c10::-moz-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c10:-ms-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c10:invalid {
+ box-shadow: none;
+}
+
+.c10:disabled {
+ background-color: rgb(250,250,250);
+ color: rgb(216,216,216);
+ cursor: not-allowed;
+}
+
+.c10:disabled::-webkit-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c10:disabled::-moz-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c10:disabled:-ms-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c7 {
+ font-weight: 600;
+ white-space: pre;
+ font-size: 0.8125rem;
+}
+
+.c14 {
+ overflow: hidden;
+ border-spacing: 0;
+ border-collapse: separate;
+ table-layout: fixed;
+ width: 100%;
+ max-width: 100%;
+}
+
+.c40 {
+ width: 100%;
+ background: rgb(250,250,250);
+}
+
+.c40 th:first-child {
+ border-bottom-left-radius: 0.25rem;
+}
+
+.c40 th:last-child {
+ border-bottom-right-radius: 0.25rem;
+}
+
+.c40 th {
+ border-top-width: 0;
+}
+
+.c15 {
+ width: 100%;
+ background: rgb(250,250,250);
+}
+
+.c15 th:first-child {
+ border-top-left-radius: 0.25rem;
+}
+
+.c15 th:last-child {
+ border-top-right-radius: 0.25rem;
+}
+
+.c28 {
+ width: 100%;
+}
+
+.c17 {
+ border-width: 0.0625rem;
+ border-style: solid;
+ border-color: rgb(216,216,216);
+ border-spacing: 0;
+ white-space: nowrap;
+ box-sizing: border-box;
+ padding: 0 1.5rem;
+ height: 3.75rem;
+ width: 2rem;
+ display: table-cell;
+ vertical-align: middle;
+ text-align: left;
+ height: 2.625rem;
+ color: rgb(189,189,189);
+ font-weight: 500;
+ border-bottom-width: 0;
+}
+
+.c17:not(:first-child) {
+ border-left-width: 0;
+}
+
+.c17:not(:last-child) {
+ border-right-width: 0;
+}
+
+.c23 {
+ border-width: 0.0625rem;
+ border-style: solid;
+ border-color: rgb(216,216,216);
+ border-spacing: 0;
+ white-space: nowrap;
+ box-sizing: border-box;
+ padding: 0 1.5rem;
+ height: 3.75rem;
+ cursor: pointer;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ vertical-align: middle;
+ text-align: left;
+ height: 2.625rem;
+ color: rgb(189,189,189);
+ font-weight: 500;
+ border-bottom-width: 0;
+ color: rgb(73,73,73);
+ font-weight: 600;
+}
+
+.c23:not(:first-child) {
+ border-left-width: 0;
+}
+
+.c23:not(:last-child) {
+ border-right-width: 0;
+}
+
+.c24 {
+ border-width: 0.0625rem;
+ border-style: solid;
+ border-color: rgb(216,216,216);
+ border-spacing: 0;
+ white-space: nowrap;
+ box-sizing: border-box;
+ padding: 0 1.5rem;
+ height: 3.75rem;
+ width: 9.375rem;
+ display: table-cell;
+ cursor: pointer;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ vertical-align: middle;
+ text-align: left;
+ height: 2.625rem;
+ color: rgb(189,189,189);
+ font-weight: 500;
+ border-bottom-width: 0;
+}
+
+.c24:not(:first-child) {
+ border-left-width: 0;
+}
+
+.c24:not(:last-child) {
+ border-right-width: 0;
+}
+
+.c25 {
+ border-width: 0.0625rem;
+ border-style: solid;
+ border-color: rgb(216,216,216);
+ border-spacing: 0;
+ white-space: nowrap;
+ box-sizing: border-box;
+ padding: 0 1.5rem;
+ height: 3.75rem;
+ width: 0rem;
+ display: none;
+ cursor: pointer;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ vertical-align: middle;
+ text-align: left;
+ height: 2.625rem;
+ color: rgb(189,189,189);
+ font-weight: 500;
+ border-bottom-width: 0;
+}
+
+.c25:not(:first-child) {
+ border-left-width: 0;
+}
+
+.c25:not(:last-child) {
+ border-right-width: 0;
+}
+
+.c26 {
+ border-width: 0.0625rem;
+ border-style: solid;
+ border-color: rgb(216,216,216);
+ border-spacing: 0;
+ white-space: nowrap;
+ box-sizing: border-box;
+ padding: 0 1.5rem;
+ height: 3.75rem;
+ width: 0rem;
+ display: none;
+ cursor: pointer;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ vertical-align: middle;
+ text-align: left;
+ height: 2.625rem;
+ color: rgb(189,189,189);
+ font-weight: 500;
+ border-bottom-width: 0;
+}
+
+.c26:not(:first-child) {
+ border-left-width: 0;
+}
+
+.c26:not(:last-child) {
+ border-right-width: 0;
+}
+
+.c27 {
+ border-width: 0.0625rem;
+ border-style: solid;
+ border-color: rgb(216,216,216);
+ border-spacing: 0;
+ white-space: nowrap;
+ box-sizing: border-box;
+ padding: 0 1.5rem;
+ height: 3.75rem;
+ width: 3.75rem;
+ display: table-cell;
+ height: 2.625rem;
+ color: rgb(189,189,189);
+ font-weight: 500;
+ border-bottom-width: 0;
+}
+
+.c27:not(:first-child) {
+ border-left-width: 0;
+}
+
+.c27:not(:last-child) {
+ border-right-width: 0;
+}
+
+.c41 {
+ border-width: 0.0625rem;
+ border-style: solid;
+ border-color: rgb(216,216,216);
+ border-spacing: 0;
+ white-space: nowrap;
+ box-sizing: border-box;
+ padding: 0 1.5rem;
+ height: 3.75rem;
+ vertical-align: middle;
+ text-align: center;
+ height: 2.625rem;
+ color: rgb(189,189,189);
+ font-weight: 500;
+ border-bottom-width: 0;
+ border-bottom-width: 0.0625rem !important;
+}
+
+.c41:not(:first-child) {
+ border-left-width: 0;
+}
+
+.c41:not(:last-child) {
+ border-right-width: 0;
+}
+
+.c30 {
+ border-width: 0.0625rem;
+ border-style: solid;
+ border-color: rgb(216,216,216);
+ border-spacing: 0;
+ white-space: nowrap;
+ box-sizing: border-box;
+ padding: 0 1.5rem;
+ height: 3.75rem;
+ vertical-align: middle;
+ text-align: left;
+ border-bottom-width: 0;
+}
+
+.c30:not(:first-child) {
+ border-left-width: 0;
+}
+
+.c30:not(:last-child) {
+ border-right-width: 0;
+}
+
+.c34 {
+ border-width: 0.0625rem;
+ border-style: solid;
+ border-color: rgb(216,216,216);
+ border-spacing: 0;
+ white-space: nowrap;
+ box-sizing: border-box;
+ padding: 0 1.5rem;
+ height: 3.75rem;
+ width: 0rem;
+ display: none;
+ vertical-align: middle;
+ text-align: left;
+ border-bottom-width: 0;
+}
+
+.c34:not(:first-child) {
+ border-left-width: 0;
+}
+
+.c34:not(:last-child) {
+ border-right-width: 0;
+}
+
+.c35 {
+ border-width: 0.0625rem;
+ border-style: solid;
+ border-color: rgb(216,216,216);
+ border-spacing: 0;
+ white-space: nowrap;
+ box-sizing: border-box;
+ padding: 0 1.5rem;
+ height: 3.75rem;
+ width: 0rem;
+ display: none;
+ vertical-align: middle;
+ text-align: left;
+ border-bottom-width: 0;
+}
+
+.c35:not(:first-child) {
+ border-left-width: 0;
+}
+
+.c35:not(:last-child) {
+ border-right-width: 0;
+}
+
+.c36 {
+ border-width: 0.0625rem;
+ border-style: solid;
+ border-color: rgb(216,216,216);
+ border-spacing: 0;
+ white-space: nowrap;
+ box-sizing: border-box;
+ padding: 0 1.5rem;
+ height: 3.75rem;
+ border-bottom-width: 0;
+ border-left-width: 0.0625rem !important;
+}
+
+.c36:not(:first-child) {
+ border-left-width: 0;
+}
+
+.c36:not(:last-child) {
+ border-right-width: 0;
+}
+
+.c16 {
+ display: table-row;
+ color: rgb(73,73,73);
+ background-color: rgb(255,255,255);
+ box-shadow: 0 0.125rem 0 rgba(0,0,0,0.05);
+ box-sizing: border-box;
+ color: rgb(73,73,73);
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+.c16:last-child {
+ box-shadow: none;
+}
+
+.c16:last-child td {
+ border-bottom-width: 0.0625rem;
+}
+
+.c29 {
+ display: table-row;
+ color: rgb(73,73,73);
+ background-color: rgb(255,255,255);
+ box-shadow: 0 0.125rem 0 rgba(0,0,0,0.05);
+ box-sizing: border-box;
+}
+
+.c29:last-child {
+ box-shadow: none;
+}
+
+.c29:last-child td {
+ border-bottom-width: 0.0625rem;
+}
+
+.c42 {
+ -webkit-text-decoration: underline;
+ text-decoration: underline;
+}
+
+.c45 {
+ -webkit-text-decoration: underline;
+ text-decoration: underline;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ padding: 0.375rem;
+ background-color: rgb(59,70,204);
+ border: 0.0625rem solid rgb(45,56,132);
+ border-radius: 0.25rem;
+ color: rgb(255,255,255);
+}
+
+.c43 {
+ margin-right: 0.1875rem;
+}
+
+.c48 {
+ margin-left: 0.1875rem;
+}
+
+.c31 {
+ color: rgb(73,73,73);
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ font-weight: 600;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ max-width: 100%;
+ display: block;
+}
+
+.c44 {
+ margin: 0 0.1875rem;
+}
+
+.c38 {
+ height: 3rem;
+}
+
+@media only screen and (min-width:48em) {
+ .c1 {
+ width: 46rem;
+ }
+}
+
+@media only screen and (min-width:64em) {
+ .c1 {
+ width: 56rem;
+ }
+}
+
+@media only screen and (min-width:75em) {
+ .c1 {
+ width: 59rem;
+ }
+}
+
+@media only screen and (min-width:0em) {
+ .c52 {
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ }
+}
+
+@media only screen and (min-width:0em) {
+ .c52 {
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ }
+}
+
+@media only screen and (min-width:0em) {
+ .c53 {
+ -webkit-flex-basis: 58.333333333333336%;
+ -ms-flex-preferred-size: 58.333333333333336%;
+ flex-basis: 58.333333333333336%;
+ max-width: 58.333333333333336%;
+ }
+}
+
+@media only screen and (min-width:0em) {
+ .c60 {
+ -webkit-flex-basis: 41.66666666666667%;
+ -ms-flex-preferred-size: 41.66666666666667%;
+ flex-basis: 41.66666666666667%;
+ max-width: 41.66666666666667%;
+ }
+}
+
+@media only screen and (max-width:37.4375rem) {
+ .c0 {
+ padding-left: 0.75rem;
+ padding-right: 0.75rem;
+ }
+}
+
+@media only screen and (min-width:37.5rem) and (max-width:62.4375rem) {
+ .c0 {
+ padding-left: 1.875rem;
+ padding-right: 1.875rem;
+ }
+}
+
+@media only screen and (min-width:62.5rem) and (max-width:87.4375rem) {
+ .c0 {
+ padding-left: 4.375rem;
+ padding-right: 4.375rem;
+ }
+}
+
+@media only screen and (max-width:37.4375rem) {
+ .c51 {
+ padding-left: 0.75rem;
+ padding-right: 0.75rem;
+ }
+}
+
+@media only screen and (min-width:37.5rem) and (max-width:62.4375rem) {
+ .c51 {
+ padding-left: 1.875rem;
+ padding-right: 1.875rem;
+ }
+}
+
+@media only screen and (min-width:62.5rem) and (max-width:87.4375rem) {
+ .c51 {
+ padding-left: 4.375rem;
+ padding-right: 4.375rem;
+ }
+}
+
+@media only screen and (min-width:37.4375rem) {
+ .c25 {
+ width: 10rem;
+ display: table-cell;
+ }
+}
+
+@media only screen and (min-width:37.4375rem) {
+ .c26 {
+ width: 8.125rem;
+ display: table-cell;
+ }
+}
+
+@media only screen and (min-width:37.4375rem) {
+ .c34 {
+ width: 10rem;
+ display: table-cell;
+ }
+}
+
+@media only screen and (min-width:37.4375rem) {
+ .c35 {
+ width: 8.125rem;
+ display: table-cell;
+ }
+}
+
+
+
+
+ Instances
+
+
+
+
+
+
+
+ Filter instances
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Name
+
+
+
+
+
+
+
+ Status
+
+
+
+
+ Created
+
+
+
+
+ Short ID
+
+
+
+
+
+
+
+
+
+
+
+
+ 2252839a
+
+
+
+
+
+
+ Running
+
+
+
+ almost NaN years
+
+
+
+ 2252839
+
+
+
+
+
+
+
+
+
+
+
+
+ f1bd1730
+
+
+
+
+
+
+ Running
+
+
+
+ almost NaN years
+
+
+
+ f1bd173
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Prev
+
+
+ NaN
+
+
+ Next
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Reboot
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Remove
+
+
+
+
+
+
+
+
+`;
+
+exports[`renders
without throwing 1`] = `
+.c2 {
+ margin-top: 1.875rem;
+}
+
+.c4 {
+ margin-top: 1.125rem;
+ margin-bottom: 1.875rem;
+}
+
+.c9 {
+ margin-top: 0.1875rem;
+}
+
+.c58 {
+ margin-right: 0.375rem;
+}
+
+.c47 {
+ background-color: transparent;
+ -webkit-text-decoration-skip: objects;
+ text-decoration-skip: objects;
+}
+
+.c57 {
+ font-family: sans-serif;
+ font-size: 100%;
+ line-height: 1.15;
+ margin: 0;
+ overflow: visible;
+ text-transform: none;
+ -webkit-appearance: button;
+ -moz-appearance: button;
+ appearance: button;
+}
+
+.c57::-moz-focus-inner,
+.c57[type='button']::-moz-focus-inner,
+.c57[type='reset']::-moz-focus-inner,
+.c57[type='submit']::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
+
+.c57:-moz-focusring,
+.c57[type='button']:-moz-focusring,
+.c57[type='reset']:-moz-focusring,
+.c57[type='submit']:-moz-focusring {
+ outline: 0.0625rem dotted ButtonText;
+}
+
+.c21 {
+ font-family: sans-serif;
+ font-size: 100%;
+ line-height: 1.15;
+ margin: 0;
+ overflow: visible;
+}
+
+.c21[type='checkbox'],
+.c21[type='radio'] {
+ box-sizing: border-box;
+ padding: 0;
+}
+
+.c21[type='number']::-webkit-inner-spin-button,
+.c21[type='number']::-webkit-outer-spin-button {
+ height: auto;
+}
+
+.c21[type='search'] {
+ -webkit-appearance: textfield;
+ -moz-appearance: textfield;
+ appearance: textfield;
+ outline-offset: -0.125rem;
+}
+
+.c21[type='search']::-webkit-search-cancel-button,
+.c21[type='search']::-webkit-search-decoration {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+}
+
+.c21::-webkit-file-upload-button {
+ -webkit-appearance: button;
+ -moz-appearance: button;
+ appearance: button;
+ font: inherit;
+}
+
+.c46 {
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+}
+
+.c32 {
+ color: rgb(59,70,204);
+ -webkit-text-fill-color: currentcolor;
+}
+
+.c32:hover {
+ -webkit-text-decoration: none;
+ text-decoration: none;
+}
+
+.c56 {
+ min-width: 7.5rem;
+}
+
+.c13 {
+ display: inline-block;
+}
+
+.c12 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ width: 100%;
+ max-width: 100%;
+}
+
+.c12:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c12:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c12:active,
+.c12:active:hover,
+.c12:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c12[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c60 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ color: rgb(70,70,70);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+ cursor: not-allowed;
+ pointer-events: none;
+ color: rgb(216,216,216);
+ background-color: rgb(250,250,250);
+ border-color: rgb(216,216,216);
+ padding: 0.625rem 1.125rem;
+ font-size: 0.8125rem;
+ min-width: 0rem;
+ min-height: 0rem;
+ height: auto;
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+
+.c60:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c60:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c60:active,
+.c60:active:hover,
+.c60:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c60[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c60:focus {
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c60:hover {
+ background-color: rgb(247,247,247);
+ border-color: rgb(216,216,216);
+}
+
+.c60:active,
+.c60:active:hover,
+.c60:active:focus {
+ background-color: rgb(230,230,230);
+ border-color: rgb(216,216,216);
+}
+
+.c60:focus {
+ background-color: rgb(250,250,250);
+ border-color: rgb(216,216,216);
+}
+
+.c60:hover {
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
+}
+
+.c60:active,
+.c60:active:hover,
+.c60:active:focus {
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
+}
+
+.c61 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ color: rgb(70,70,70);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+ cursor: not-allowed;
+ pointer-events: none;
+ color: rgb(216,216,216);
+ background-color: rgb(250,250,250);
+ border-color: rgb(216,216,216);
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+
+.c61:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c61:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c61:active,
+.c61:active:hover,
+.c61:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c61[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c61:focus {
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c61:hover {
+ background-color: rgb(247,247,247);
+ border-color: rgb(216,216,216);
+}
+
+.c61:active,
+.c61:active:hover,
+.c61:active:focus {
+ background-color: rgb(230,230,230);
+ border-color: rgb(216,216,216);
+}
+
+.c61:focus {
+ background-color: rgb(250,250,250);
+ border-color: rgb(216,216,216);
+}
+
+.c61:hover {
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
+}
+
+.c61:active,
+.c61:active:hover,
+.c61:active:focus {
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
+}
+
+.c63 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ color: rgb(70,70,70);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+ color: rgb(210,67,58);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(210,67,58);
+ cursor: not-allowed;
+ pointer-events: none;
+ color: rgb(216,216,216);
+ background-color: rgb(250,250,250);
+ border-color: rgb(216,216,216);
+ padding: 0.625rem 1.125rem;
+ font-size: 0.8125rem;
+ min-width: 0rem;
+ min-height: 0rem;
+ height: auto;
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ float: right;
+}
+
+.c63:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c63:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c63:active,
+.c63:active:hover,
+.c63:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c63[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c63:focus {
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c63:hover {
+ background-color: rgb(247,247,247);
+ border-color: rgb(216,216,216);
+}
+
+.c63:active,
+.c63:active:hover,
+.c63:active:focus {
+ background-color: rgb(230,230,230);
+ border-color: rgb(216,216,216);
+}
+
+.c63:focus {
+ color: rgb(205,37,27);
+ background-color: rgb(255,255,255);
+ border-color: rgb(205,37,27);
+}
+
+.c63:hover {
+ color: rgb(205,37,27);
+ background-color: rgb(255,255,255);
+ border-color: rgb(205,37,27);
+}
+
+.c63:active,
+.c63:active:hover,
+.c63:active:focus {
+ background-color: rgba(210,67,58,0.1);
+ border-color: rgb(205,37,27);
+}
+
+.c63:focus {
+ background-color: rgb(250,250,250);
+ border-color: rgb(216,216,216);
+}
+
+.c63:hover {
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
+}
+
+.c63:active,
+.c63:active:hover,
+.c63:active:focus {
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
+}
+
+.c64 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ color: rgb(70,70,70);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+ color: rgb(210,67,58);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(210,67,58);
+ cursor: not-allowed;
+ pointer-events: none;
+ color: rgb(216,216,216);
+ background-color: rgb(250,250,250);
+ border-color: rgb(216,216,216);
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ float: right;
+}
+
+.c64:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c64:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c64:active,
+.c64:active:hover,
+.c64:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c64[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c64:focus {
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c64:hover {
+ background-color: rgb(247,247,247);
+ border-color: rgb(216,216,216);
+}
+
+.c64:active,
+.c64:active:hover,
+.c64:active:focus {
+ background-color: rgb(230,230,230);
+ border-color: rgb(216,216,216);
+}
+
+.c64:focus {
+ color: rgb(205,37,27);
+ background-color: rgb(255,255,255);
+ border-color: rgb(205,37,27);
+}
+
+.c64:hover {
+ color: rgb(205,37,27);
+ background-color: rgb(255,255,255);
+ border-color: rgb(205,37,27);
+}
+
+.c64:active,
+.c64:active:hover,
+.c64:active:focus {
+ background-color: rgba(210,67,58,0.1);
+ border-color: rgb(205,37,27);
+}
+
+.c64:focus {
+ background-color: rgb(250,250,250);
+ border-color: rgb(216,216,216);
+}
+
+.c64:hover {
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
+}
+
+.c64:active,
+.c64:active:hover,
+.c64:active:focus {
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
+}
+
+.c55 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ color: rgb(70,70,70);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+ padding: 0.625rem 1.125rem;
+ font-size: 0.8125rem;
+ min-width: 0rem;
+ min-height: 0rem;
+ height: auto;
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+
+.c55:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c55:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c55:active,
+.c55:active:hover,
+.c55:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c55[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c55:focus {
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c55:hover {
+ background-color: rgb(247,247,247);
+ border-color: rgb(216,216,216);
+}
+
+.c55:active,
+.c55:active:hover,
+.c55:active:focus {
+ background-color: rgb(230,230,230);
+ border-color: rgb(216,216,216);
+}
+
+.c59 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ color: rgb(70,70,70);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+
+.c59:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c59:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c59:active,
+.c59:active:hover,
+.c59:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c59[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c59:focus {
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c59:hover {
+ background-color: rgb(247,247,247);
+ border-color: rgb(216,216,216);
+}
+
+.c59:active,
+.c59:active:hover,
+.c59:active:focus {
+ background-color: rgb(230,230,230);
+ border-color: rgb(216,216,216);
+}
+
+.c33 {
+ width: 0.75rem;
+ height: 0.75rem;
+ border-radius: 50%;
+ background-color: rgb(0,152,88);
+ display: inline-block;
+ margin-right: 0rem;
+ margin-left: 0rem;
+}
+
+.c37 {
+ cursor: pointer;
+ height: 100%;
+ width: 100%;
+ display: -webkit-box !important;
+ display: -webkit-flex !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+
+.c8 {
+ font-size: 0.9375rem;
+ line-height: 1.125rem;
+ font-style: normal;
+ font-stretch: normal;
+ display: block;
+ color: rgb(70,70,70);
+ text-align: left;
+}
+
+.c1 {
+ margin-right: auto;
+ margin-left: auto;
+}
+
+.c52 {
+ box-sizing: border-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-right: -0.625rem;
+ margin-left: -0.625rem;
+}
+
+.c53 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c62 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c0 {
+ box-sizing: border-box;
+ width: 100%;
+ max-width: 78.75rem;
+ padding-bottom: 1.125rem;
+}
+
+.c51 {
+ box-sizing: border-box;
+ width: 100%;
+ max-width: 78.75rem;
+}
+
+.c3 {
+ margin: 0;
+ color: rgb(73,73,73);
+ font-weight: normal;
+ line-height: 1.625rem;
+ font-size: 1.3125rem;
+}
+
+.c50 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+ -webkit-align-items: stretch;
+ -webkit-box-align: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+ background: rgb(250,250,250);
+}
+
+.c49 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+ -webkit-align-items: stretch;
+ -webkit-box-align: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+ background-color: #FAFAFA;
+ border-top: 0.0625rem solid rgb(216,216,216);
+ max-height: 3.3125rem;
+ min-height: 3.3125rem;
+ line-height: 1.5625rem;
+ height: 4.375rem;
+ max-height: 4.375rem;
+ z-index: 1;
+ position: fixed;
+ left: 0;
+ right: 0;
+ bottom: 0;
+}
+
+.c5 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -webkit-align-items: flex-end;
+ -webkit-box-align: flex-end;
+ -ms-flex-align: flex-end;
+ align-items: flex-end;
+}
+
+.c39 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+
+.c54 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+}
+
+.c20 {
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ display: none;
+}
+
+.c20:checked + label::after {
+ opacity: 1;
+}
+
+.c20:selected + label::after {
+ opacity: 1;
+}
+
+.c20:checked + label {
+ border-color: rgb(59,70,204);
+}
+
+.c20:selected + label {
+ border-color: rgb(59,70,204);
+}
+
+.c20:disabled + label {
+ background-color: rgb(249,249,249);
+ cursor: not-allowed;
+}
+
+.c22 {
+ color: rgb(100,100,100);
+ position: absolute;
+ width: 1.125rem;
+ height: 1.125rem;
+ box-sizing: border-box;
+ top: 0;
+ cursor: pointer;
+ background-color: rgb(255,255,255);
+ box-shadow: none;
+ border: 0.0625rem solid rgb(216,216,216);
+ cursor: pointer;
+ border-radius: 0.25rem;
+ width: 1.125rem;
+ height: 1.125rem;
+}
+
+.c22::after {
+ opacity: 0;
+ content: '';
+ position: absolute;
+ width: 0.375rem;
+ height: 0.125rem;
+ background: transparent;
+ top: 0.3125rem;
+ left: 0.25rem;
+ border: 0.125rem solid rgb(45,45,45);
+ border-top: none;
+ border-right: none;
+ -webkit-transform: rotate(-45deg);
+ -ms-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+}
+
+.c19 {
+ display: inline-block;
+ vertical-align: text-bottom;
+ width: 1.125rem;
+ height: 1.125rem;
+ position: relative;
+ cursor: pointer;
+}
+
+.c18 {
+ list-style-type: none;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-align-content: center;
+ -ms-flex-line-pack: center;
+ align-content: center;
+ height: 1.5rem;
+}
+
+.c18 label {
+ font-weight: 400;
+}
+
+.c18 label::after {
+ width: 0.475rem;
+ height: 0.205rem;
+ top: 0.4125rem;
+ left: 0.35rem;
+}
+
+.c18 div[type='checkbox'],
+.c18 div[type='checkbox'] input,
+.c18 div[type='checkbox'] label {
+ height: 1.5rem;
+ width: 1.5rem;
+}
+
+.c6 {
+ display: inline-block;
+ padding: 0;
+ border: none;
+ overflow: hidden;
+ height: auto;
+ -webkit-padding-before: 0;
+ -webkit-padding-start: 0;
+ -webkit-padding-end: 0;
+ -webkit-padding-after: 0;
+}
+
+.c11 {
+ display: inline-block;
+ padding: 0;
+ border: none;
+ overflow: hidden;
+ height: auto;
+ -webkit-padding-before: 0;
+ -webkit-padding-start: 0;
+ -webkit-padding-end: 0;
+ -webkit-padding-after: 0;
+ float: right;
+}
+
+.c10 {
+ box-sizing: border-box;
+ width: 18.75rem;
+ height: 3rem;
+ min-height: 3rem;
+ padding: 0.8125rem 0.75rem;
+ border-radius: 0.25rem;
+ background-color: rgb(255,255,255);
+ border: 0.0625rem solid rgb(216,216,216);
+ color: rgb(73,73,73);
+ font-size: 0.9375rem;
+ line-height: normal !important;
+ font-style: normal;
+ font-stretch: normal;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ outline: 0;
+ max-width: 22.1875rem;
+ text-overflow: ellipsis;
+}
+
+.c10:focus {
+ border-color: rgb(59,70,204);
+ outline: 0;
+}
+
+.c10::-webkit-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c10::-moz-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c10:-ms-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c10:invalid {
+ box-shadow: none;
+}
+
+.c10:disabled {
+ background-color: rgb(250,250,250);
+ color: rgb(216,216,216);
+ cursor: not-allowed;
+}
+
+.c10:disabled::-webkit-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c10:disabled::-moz-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c10:disabled:-ms-input-placeholder {
+ color: rgba(73,73,73,0.5);
+}
+
+.c7 {
+ font-weight: 600;
+ white-space: pre;
+ font-size: 0.8125rem;
+}
+
+.c14 {
+ overflow: hidden;
+ border-spacing: 0;
+ border-collapse: separate;
+ table-layout: fixed;
+ width: 100%;
+ max-width: 100%;
+}
+
+.c40 {
+ width: 100%;
+ background: rgb(250,250,250);
+}
+
+.c40 th:first-child {
+ border-bottom-left-radius: 0.25rem;
+}
+
+.c40 th:last-child {
+ border-bottom-right-radius: 0.25rem;
+}
+
+.c40 th {
+ border-top-width: 0;
+}
+
+.c15 {
+ width: 100%;
+ background: rgb(250,250,250);
+}
+
+.c15 th:first-child {
+ border-top-left-radius: 0.25rem;
+}
+
+.c15 th:last-child {
+ border-top-right-radius: 0.25rem;
+}
+
+.c28 {
+ width: 100%;
+}
+
+.c17 {
+ border-width: 0.0625rem;
+ border-style: solid;
+ border-color: rgb(216,216,216);
+ border-spacing: 0;
+ white-space: nowrap;
+ box-sizing: border-box;
+ padding: 0 1.5rem;
+ height: 3.75rem;
+ width: 2rem;
+ display: table-cell;
+ vertical-align: middle;
+ text-align: left;
+ height: 2.625rem;
+ color: rgb(189,189,189);
+ font-weight: 500;
+ border-bottom-width: 0;
+}
+
+.c17:not(:first-child) {
+ border-left-width: 0;
+}
+
+.c17:not(:last-child) {
+ border-right-width: 0;
+}
+
+.c23 {
+ border-width: 0.0625rem;
+ border-style: solid;
+ border-color: rgb(216,216,216);
+ border-spacing: 0;
+ white-space: nowrap;
+ box-sizing: border-box;
+ padding: 0 1.5rem;
+ height: 3.75rem;
+ cursor: pointer;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ vertical-align: middle;
+ text-align: left;
+ height: 2.625rem;
+ color: rgb(189,189,189);
+ font-weight: 500;
+ border-bottom-width: 0;
+ color: rgb(73,73,73);
+ font-weight: 600;
+}
+
+.c23:not(:first-child) {
+ border-left-width: 0;
+}
+
+.c23:not(:last-child) {
+ border-right-width: 0;
+}
+
+.c24 {
+ border-width: 0.0625rem;
+ border-style: solid;
+ border-color: rgb(216,216,216);
+ border-spacing: 0;
+ white-space: nowrap;
+ box-sizing: border-box;
+ padding: 0 1.5rem;
+ height: 3.75rem;
+ width: 9.375rem;
+ display: table-cell;
+ cursor: pointer;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ vertical-align: middle;
+ text-align: left;
+ height: 2.625rem;
+ color: rgb(189,189,189);
+ font-weight: 500;
+ border-bottom-width: 0;
+}
+
+.c24:not(:first-child) {
+ border-left-width: 0;
+}
+
+.c24:not(:last-child) {
+ border-right-width: 0;
+}
+
+.c25 {
+ border-width: 0.0625rem;
+ border-style: solid;
+ border-color: rgb(216,216,216);
+ border-spacing: 0;
+ white-space: nowrap;
+ box-sizing: border-box;
+ padding: 0 1.5rem;
+ height: 3.75rem;
+ width: 0rem;
+ display: none;
+ cursor: pointer;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ vertical-align: middle;
+ text-align: left;
+ height: 2.625rem;
+ color: rgb(189,189,189);
+ font-weight: 500;
+ border-bottom-width: 0;
+}
+
+.c25:not(:first-child) {
+ border-left-width: 0;
+}
+
+.c25:not(:last-child) {
+ border-right-width: 0;
+}
+
+.c26 {
+ border-width: 0.0625rem;
+ border-style: solid;
+ border-color: rgb(216,216,216);
+ border-spacing: 0;
+ white-space: nowrap;
+ box-sizing: border-box;
+ padding: 0 1.5rem;
+ height: 3.75rem;
+ width: 0rem;
+ display: none;
+ cursor: pointer;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ vertical-align: middle;
+ text-align: left;
+ height: 2.625rem;
+ color: rgb(189,189,189);
+ font-weight: 500;
+ border-bottom-width: 0;
+}
+
+.c26:not(:first-child) {
+ border-left-width: 0;
+}
+
+.c26:not(:last-child) {
+ border-right-width: 0;
+}
+
+.c27 {
+ border-width: 0.0625rem;
+ border-style: solid;
+ border-color: rgb(216,216,216);
+ border-spacing: 0;
+ white-space: nowrap;
+ box-sizing: border-box;
+ padding: 0 1.5rem;
+ height: 3.75rem;
+ width: 3.75rem;
+ display: table-cell;
+ height: 2.625rem;
+ color: rgb(189,189,189);
+ font-weight: 500;
+ border-bottom-width: 0;
+}
+
+.c27:not(:first-child) {
+ border-left-width: 0;
+}
+
+.c27:not(:last-child) {
+ border-right-width: 0;
+}
+
+.c41 {
+ border-width: 0.0625rem;
+ border-style: solid;
+ border-color: rgb(216,216,216);
+ border-spacing: 0;
+ white-space: nowrap;
+ box-sizing: border-box;
+ padding: 0 1.5rem;
+ height: 3.75rem;
+ vertical-align: middle;
+ text-align: center;
+ height: 2.625rem;
+ color: rgb(189,189,189);
+ font-weight: 500;
+ border-bottom-width: 0;
+ border-bottom-width: 0.0625rem !important;
+}
+
+.c41:not(:first-child) {
+ border-left-width: 0;
+}
+
+.c41:not(:last-child) {
+ border-right-width: 0;
+}
+
+.c30 {
+ border-width: 0.0625rem;
+ border-style: solid;
+ border-color: rgb(216,216,216);
+ border-spacing: 0;
+ white-space: nowrap;
+ box-sizing: border-box;
+ padding: 0 1.5rem;
+ height: 3.75rem;
+ vertical-align: middle;
+ text-align: left;
+ border-bottom-width: 0;
+}
+
+.c30:not(:first-child) {
+ border-left-width: 0;
+}
+
+.c30:not(:last-child) {
+ border-right-width: 0;
+}
+
+.c34 {
+ border-width: 0.0625rem;
+ border-style: solid;
+ border-color: rgb(216,216,216);
+ border-spacing: 0;
+ white-space: nowrap;
+ box-sizing: border-box;
+ padding: 0 1.5rem;
+ height: 3.75rem;
+ width: 0rem;
+ display: none;
+ vertical-align: middle;
+ text-align: left;
+ border-bottom-width: 0;
+}
+
+.c34:not(:first-child) {
+ border-left-width: 0;
+}
+
+.c34:not(:last-child) {
+ border-right-width: 0;
+}
+
+.c35 {
+ border-width: 0.0625rem;
+ border-style: solid;
+ border-color: rgb(216,216,216);
+ border-spacing: 0;
+ white-space: nowrap;
+ box-sizing: border-box;
+ padding: 0 1.5rem;
+ height: 3.75rem;
+ width: 0rem;
+ display: none;
+ vertical-align: middle;
+ text-align: left;
+ border-bottom-width: 0;
+}
+
+.c35:not(:first-child) {
+ border-left-width: 0;
+}
+
+.c35:not(:last-child) {
+ border-right-width: 0;
+}
+
+.c36 {
+ border-width: 0.0625rem;
+ border-style: solid;
+ border-color: rgb(216,216,216);
+ border-spacing: 0;
+ white-space: nowrap;
+ box-sizing: border-box;
+ padding: 0 1.5rem;
+ height: 3.75rem;
+ border-bottom-width: 0;
+ border-left-width: 0.0625rem !important;
+}
+
+.c36:not(:first-child) {
+ border-left-width: 0;
+}
+
+.c36:not(:last-child) {
+ border-right-width: 0;
+}
+
+.c16 {
+ display: table-row;
+ color: rgb(73,73,73);
+ background-color: rgb(255,255,255);
+ box-shadow: 0 0.125rem 0 rgba(0,0,0,0.05);
+ box-sizing: border-box;
+ color: rgb(73,73,73);
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+.c16:last-child {
+ box-shadow: none;
+}
+
+.c16:last-child td {
+ border-bottom-width: 0.0625rem;
+}
+
+.c29 {
+ display: table-row;
+ color: rgb(73,73,73);
+ background-color: rgb(255,255,255);
+ box-shadow: 0 0.125rem 0 rgba(0,0,0,0.05);
+ box-sizing: border-box;
+}
+
+.c29:last-child {
+ box-shadow: none;
+}
+
+.c29:last-child td {
+ border-bottom-width: 0.0625rem;
+}
+
+.c42 {
+ -webkit-text-decoration: underline;
+ text-decoration: underline;
+}
+
+.c45 {
+ -webkit-text-decoration: underline;
+ text-decoration: underline;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ padding: 0.375rem;
+ background-color: rgb(59,70,204);
+ border: 0.0625rem solid rgb(45,56,132);
+ border-radius: 0.25rem;
+ color: rgb(255,255,255);
+}
+
+.c43 {
+ margin-right: 0.1875rem;
+}
+
+.c48 {
+ margin-left: 0.1875rem;
+}
+
+.c31 {
+ color: rgb(73,73,73);
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ font-weight: 600;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ max-width: 100%;
+ display: block;
+}
+
+.c44 {
+ margin: 0 0.1875rem;
+}
+
+.c38 {
+ height: 3rem;
+}
+
+@media only screen and (min-width:48em) {
+ .c1 {
+ width: 46rem;
+ }
+}
+
+@media only screen and (min-width:64em) {
+ .c1 {
+ width: 56rem;
+ }
+}
+
+@media only screen and (min-width:75em) {
+ .c1 {
+ width: 59rem;
+ }
+}
+
+@media only screen and (min-width:0em) {
+ .c52 {
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ }
+}
+
+@media only screen and (min-width:0em) {
+ .c52 {
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ }
+}
+
+@media only screen and (min-width:0em) {
+ .c53 {
+ -webkit-flex-basis: 58.333333333333336%;
+ -ms-flex-preferred-size: 58.333333333333336%;
+ flex-basis: 58.333333333333336%;
+ max-width: 58.333333333333336%;
+ }
+}
+
+@media only screen and (min-width:0em) {
+ .c62 {
+ -webkit-flex-basis: 41.66666666666667%;
+ -ms-flex-preferred-size: 41.66666666666667%;
+ flex-basis: 41.66666666666667%;
+ max-width: 41.66666666666667%;
+ }
+}
+
+@media only screen and (max-width:37.4375rem) {
+ .c0 {
+ padding-left: 0.75rem;
+ padding-right: 0.75rem;
+ }
+}
+
+@media only screen and (min-width:37.5rem) and (max-width:62.4375rem) {
+ .c0 {
+ padding-left: 1.875rem;
+ padding-right: 1.875rem;
+ }
+}
+
+@media only screen and (min-width:62.5rem) and (max-width:87.4375rem) {
+ .c0 {
+ padding-left: 4.375rem;
+ padding-right: 4.375rem;
+ }
+}
+
+@media only screen and (max-width:37.4375rem) {
+ .c51 {
+ padding-left: 0.75rem;
+ padding-right: 0.75rem;
+ }
+}
+
+@media only screen and (min-width:37.5rem) and (max-width:62.4375rem) {
+ .c51 {
+ padding-left: 1.875rem;
+ padding-right: 1.875rem;
+ }
+}
+
+@media only screen and (min-width:62.5rem) and (max-width:87.4375rem) {
+ .c51 {
+ padding-left: 4.375rem;
+ padding-right: 4.375rem;
+ }
+}
+
+@media only screen and (min-width:37.4375rem) {
+ .c25 {
+ width: 10rem;
+ display: table-cell;
+ }
+}
+
+@media only screen and (min-width:37.4375rem) {
+ .c26 {
+ width: 8.125rem;
+ display: table-cell;
+ }
+}
+
+@media only screen and (min-width:37.4375rem) {
+ .c34 {
+ width: 10rem;
+ display: table-cell;
+ }
+}
+
+@media only screen and (min-width:37.4375rem) {
+ .c35 {
+ width: 8.125rem;
+ display: table-cell;
+ }
+}
+
@@ -11014,6 +11124,7 @@ exports[`renders
without throwing
without throwing
-
-
-
-
-
-
-
-
-
-
-
-
-
- Start
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Stop
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
-
-
-
-
-
-
-
-
-
-
-
- Reboot
+
+
+ Start
+
+
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Reboot
+
+
+
+
+
without throwing
query="only screen and (min-width: 37.5rem)"
>
without throwing
onClick={[Function]}
type="button"
>
-
-
-
+
+
+
+
Remove
@@ -11428,7 +11567,6 @@ exports[`renders
without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
diff --git a/consoles/my-joy-instances/src/containers/instances/__tests__/__snapshots__/metadata.spec.js.snap b/consoles/my-joy-instances/src/containers/instances/__tests__/__snapshots__/metadata.spec.js.snap
index bf2abaac..7f599c54 100644
--- a/consoles/my-joy-instances/src/containers/instances/__tests__/__snapshots__/metadata.spec.js.snap
+++ b/consoles/my-joy-instances/src/containers/instances/__tests__/__snapshots__/metadata.spec.js.snap
@@ -70,7 +70,6 @@ exports[`renders
without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -446,20 +445,20 @@ exports[`renders
without throwing 1`] = `
margin-bottom: 1.125rem;
}
-.c38 {
+.c39 {
margin-top: 0.75rem;
}
-.c45 {
+.c46 {
margin-right: 0.75rem;
}
-.c25 {
+.c26 {
padding-right: 1.125rem;
padding-left: 1.125rem;
}
-.c32 {
+.c33 {
padding-left: 1.125rem;
padding-right: 1.125rem;
padding-top: 1.125rem;
@@ -522,7 +521,6 @@ exports[`renders
without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -578,94 +576,6 @@ exports[`renders
without throwing 1`] = `
pointer-events: none;
}
-.c41 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-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);
-}
-
-.c41:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c41:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c41:active,
-.c41:active:hover,
-.c41:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c41[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c41:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c41:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c41:active,
-.c41:active:hover,
-.c41:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
.c42 {
box-sizing: border-box;
display: inline-block;
@@ -687,7 +597,6 @@ exports[`renders
without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -704,10 +613,9 @@ exports[`renders
without throwing 1`] = `
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);
+ color: rgb(70,70,70);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
@@ -739,23 +647,111 @@ exports[`renders
without throwing 1`] = `
}
.c42:focus {
- background-color: rgb(250,250,250);
+ background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
.c42:hover {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
+ background-color: rgb(247,247,247);
+ border-color: rgb(216,216,216);
}
.c42:active,
.c42:active:hover,
.c42:active:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
+ background-color: rgb(230,230,230);
+ border-color: rgb(216,216,216);
}
-.c44 {
+.c43 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ cursor: not-allowed;
+ pointer-events: none;
+ color: rgb(216,216,216);
+ background-color: rgb(250,250,250);
+ border-color: rgb(216,216,216);
+}
+
+.c43:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c43:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c43:active,
+.c43:active:hover,
+.c43:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c43[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c43:focus {
+ background-color: rgb(250,250,250);
+ border-color: rgb(216,216,216);
+}
+
+.c43:hover {
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
+}
+
+.c43:active,
+.c43:active:hover,
+.c43:active:focus {
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
+}
+
+.c45 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -776,7 +772,6 @@ exports[`renders
without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -812,7 +807,7 @@ exports[`renders
without throwing 1`] = `
float: right;
}
-.c44:focus {
+.c45:focus {
outline: 0;
-webkit-text-decoration: none;
text-decoration: none;
@@ -820,57 +815,57 @@ exports[`renders
without throwing 1`] = `
border-color: rgb(45,56,132);
}
-.c44:hover {
+.c45:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c44:active,
-.c44:active:hover,
-.c44:active:focus {
+.c45:active,
+.c45:active:hover,
+.c45:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c44[disabled] {
+.c45[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c44:focus {
+.c45:focus {
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
-.c44:hover {
+.c45:hover {
background-color: rgb(247,247,247);
border-color: rgb(216,216,216);
}
-.c44:active,
-.c44:active:hover,
-.c44:active:focus {
+.c45:active,
+.c45:active:hover,
+.c45:active:focus {
background-color: rgb(230,230,230);
border-color: rgb(216,216,216);
}
-.c44:focus {
+.c45:focus {
color: rgb(205,37,27);
background-color: rgb(255,255,255);
border-color: rgb(205,37,27);
}
-.c44:hover {
+.c45:hover {
color: rgb(205,37,27);
background-color: rgb(255,255,255);
border-color: rgb(205,37,27);
}
-.c44:active,
-.c44:active:hover,
-.c44:active:focus {
+.c45:active,
+.c45:active:hover,
+.c45:active:focus {
background-color: rgba(210,67,58,0.1);
border-color: rgb(205,37,27);
}
@@ -909,7 +904,7 @@ exports[`renders
without throwing 1`] = `
margin-left: -0.625rem;
}
-.c39 {
+.c40 {
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
@@ -928,7 +923,7 @@ exports[`renders
without throwing 1`] = `
margin-left: -0.625rem;
}
-.c33 {
+.c34 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
@@ -938,7 +933,7 @@ exports[`renders
without throwing 1`] = `
display: block;
}
-.c35 {
+.c36 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
@@ -948,7 +943,7 @@ exports[`renders
without throwing 1`] = `
display: block;
}
-.c43 {
+.c44 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
@@ -973,7 +968,7 @@ exports[`renders
without throwing 1`] = `
font-size: 1.3125rem;
}
-.c29 {
+.c30 {
margin: 0;
color: rgb(73,73,73);
font-weight: 600;
@@ -1020,7 +1015,7 @@ exports[`renders
without throwing 1`] = `
align-items: flex-end;
}
-.c26 {
+.c27 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -1048,7 +1043,7 @@ exports[`renders
without throwing 1`] = `
align-items: center;
}
-.c20 {
+.c21 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
@@ -1071,7 +1066,7 @@ exports[`renders
without throwing 1`] = `
box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
}
-.c23 {
+.c24 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
@@ -1098,7 +1093,7 @@ exports[`renders
without throwing 1`] = `
flex: 0 0 2.875rem;
}
-.c31 {
+.c32 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
@@ -1120,7 +1115,7 @@ exports[`renders
without throwing 1`] = `
border-color: rgb(216,216,216);
}
-.c30 {
+.c31 {
box-sizing: border-box;
display: -webkit-inline-box;
display: -webkit-inline-flex;
@@ -1136,7 +1131,7 @@ exports[`renders
without throwing 1`] = `
background-color: transparent;
}
-.c22 {
+.c23 {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
@@ -1148,7 +1143,7 @@ exports[`renders
without throwing 1`] = `
border-right: 0;
}
-.c28 {
+.c29 {
box-sizing: border-box;
min-height: 2.9375rem;
max-width: 100%;
@@ -1207,7 +1202,7 @@ exports[`renders
without throwing 1`] = `
float: right;
}
-.c34 {
+.c35 {
display: inline-block;
padding: 0;
border: none;
@@ -1281,7 +1276,7 @@ exports[`renders
without throwing 1`] = `
color: rgba(73,73,73,0.5);
}
-.c37 {
+.c38 {
box-sizing: border-box;
width: 18.75rem;
height: 6rem;
@@ -1306,62 +1301,62 @@ exports[`renders
without throwing 1`] = `
resize: vertical;
}
-.c37:focus {
+.c38:focus {
border-color: rgb(59,70,204);
outline: 0;
}
-.c37::-webkit-input-placeholder {
+.c38::-webkit-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c37::-moz-placeholder {
+.c38::-moz-placeholder {
color: rgba(73,73,73,0.5);
}
-.c37:-ms-input-placeholder {
+.c38:-ms-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c37:invalid {
+.c38:invalid {
box-shadow: none;
}
-.c37:disabled {
+.c38:disabled {
background-color: rgb(250,250,250);
color: rgb(216,216,216);
cursor: not-allowed;
}
-.c37:disabled::-webkit-input-placeholder {
+.c38:disabled::-webkit-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c37:disabled::-moz-placeholder {
+.c38:disabled::-moz-placeholder {
color: rgba(73,73,73,0.5);
}
-.c37:disabled:-ms-input-placeholder {
+.c38:disabled:-ms-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c37:disabled {
+.c38:disabled {
color: rgb(73,73,73);
}
-.c37:disabled::-webkit-input-placeholder {
+.c38:disabled::-webkit-input-placeholder {
color: rgb(73,73,73);
}
-.c37:disabled::-moz-placeholder {
+.c38:disabled::-moz-placeholder {
color: rgb(73,73,73);
}
-.c37:disabled:-ms-input-placeholder {
+.c38:disabled:-ms-input-placeholder {
color: rgb(73,73,73);
}
-.c36 {
+.c37 {
position: relative;
display: -webkit-inline-box;
display: -webkit-inline-flex;
@@ -1380,24 +1375,28 @@ exports[`renders
without throwing 1`] = `
font-size: 0.8125rem;
}
-.c21 {
+.c20 {
+ margin-bottom: 0;
+}
+
+.c22 {
border-top: 0;
border-left: 0;
border-right: 0;
}
-.c40 {
+.c41 {
margin-right: 0.375rem;
}
-.c24 {
+.c25 {
word-wrap: break-word;
overflow-wrap: break-word;
width: 100%;
box-sizing: border-box;
}
-.c27 {
+.c28 {
height: 2.9375rem;
max-width: 98%;
}
@@ -1421,7 +1420,7 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c39 {
+ .c40 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
@@ -1430,7 +1429,7 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c39 {
+ .c40 {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
@@ -1439,7 +1438,7 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c33 {
+ .c34 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
@@ -1448,7 +1447,7 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:48em) {
- .c35 {
+ .c36 {
-webkit-flex-basis: 58.333333333333336%;
-ms-flex-preferred-size: 58.333333333333336%;
flex-basis: 58.333333333333336%;
@@ -1457,7 +1456,7 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c43 {
+ .c44 {
display: none;
}
}
@@ -1567,32 +1566,33 @@ exports[`renders
without throwing 1`] = `
className="c19"
>
Add metadata
@@ -1601,28 +1601,29 @@ exports[`renders without throwing 1`] = `
@@ -1655,17 +1656,18 @@ exports[`renders
without throwing 1`] = `
className="c15"
>
Metadata
value
@@ -1674,9 +1676,9 @@ exports[`renders without throwing 1`] = `
className="c7"
>
@@ -1685,7 +1687,7 @@ exports[`renders without throwing 1`] = `
className="c15"
>
@@ -1696,19 +1698,20 @@ exports[`renders
without throwing 1`] = `
@@ -1717,10 +1720,11 @@ exports[`renders without throwing 1`] = `
@@ -1729,19 +1733,20 @@ exports[`renders without throwing 1`] = `
without throwing 1`] = `
- Remove
+ Delete
@@ -1852,7 +1857,6 @@ exports[`renders
without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -2399,7 +2403,6 @@ exports[`renders
without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -2811,11 +2814,11 @@ exports[`renders
without throwing 1`] = `
margin-bottom: 1.125rem;
}
-.c38 {
+.c39 {
margin-top: 0.75rem;
}
-.c46 {
+.c47 {
margin-right: 0.75rem;
}
@@ -2823,12 +2826,12 @@ exports[`renders
without throwing 1`] = `
margin-bottom: 0.75rem;
}
-.c25 {
+.c26 {
padding-right: 1.125rem;
padding-left: 1.125rem;
}
-.c32 {
+.c33 {
padding-left: 1.125rem;
padding-right: 1.125rem;
padding-top: 1.125rem;
@@ -2862,24 +2865,24 @@ exports[`renders
without throwing 1`] = `
outline: 0.0625rem dotted ButtonText;
}
-.c49 {
+.c50 {
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;
}
-.c50 {
+.c51 {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
-.c51 {
+.c52 {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
-.c48 {
+.c49 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -2936,7 +2939,6 @@ exports[`renders
without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -2992,94 +2994,6 @@ exports[`renders
without throwing 1`] = `
pointer-events: none;
}
-.c42 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-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);
-}
-
-.c42:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c42:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c42:active,
-.c42:active:hover,
-.c42:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c42[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c42:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c42:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c42:active,
-.c42:active:hover,
-.c42:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
.c43 {
box-sizing: border-box;
display: inline-block;
@@ -3101,7 +3015,6 @@ exports[`renders
without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -3118,10 +3031,9 @@ exports[`renders
without throwing 1`] = `
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);
+ color: rgb(70,70,70);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
@@ -3153,23 +3065,111 @@ exports[`renders
without throwing 1`] = `
}
.c43:focus {
- background-color: rgb(250,250,250);
+ background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
.c43:hover {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
+ background-color: rgb(247,247,247);
+ border-color: rgb(216,216,216);
}
.c43:active,
.c43:active:hover,
.c43:active:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
+ background-color: rgb(230,230,230);
+ border-color: rgb(216,216,216);
}
-.c45 {
+.c44 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ cursor: not-allowed;
+ pointer-events: none;
+ color: rgb(216,216,216);
+ background-color: rgb(250,250,250);
+ border-color: rgb(216,216,216);
+}
+
+.c44:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c44:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c44:active,
+.c44:active:hover,
+.c44:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c44[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c44:focus {
+ background-color: rgb(250,250,250);
+ border-color: rgb(216,216,216);
+}
+
+.c44:hover {
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
+}
+
+.c44:active,
+.c44:active:hover,
+.c44:active:focus {
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
+}
+
+.c46 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -3190,7 +3190,6 @@ exports[`renders
without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -3226,7 +3225,7 @@ exports[`renders
without throwing 1`] = `
float: right;
}
-.c45:focus {
+.c46:focus {
outline: 0;
-webkit-text-decoration: none;
text-decoration: none;
@@ -3234,62 +3233,62 @@ exports[`renders
without throwing 1`] = `
border-color: rgb(45,56,132);
}
-.c45:hover {
+.c46:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c45:active,
-.c45:active:hover,
-.c45:active:focus {
+.c46:active,
+.c46:active:hover,
+.c46:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c45[disabled] {
+.c46[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c45:focus {
+.c46:focus {
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
-.c45:hover {
+.c46:hover {
background-color: rgb(247,247,247);
border-color: rgb(216,216,216);
}
-.c45:active,
-.c45:active:hover,
-.c45:active:focus {
+.c46:active,
+.c46:active:hover,
+.c46:active:focus {
background-color: rgb(230,230,230);
border-color: rgb(216,216,216);
}
-.c45:focus {
+.c46:focus {
color: rgb(205,37,27);
background-color: rgb(255,255,255);
border-color: rgb(205,37,27);
}
-.c45:hover {
+.c46:hover {
color: rgb(205,37,27);
background-color: rgb(255,255,255);
border-color: rgb(205,37,27);
}
-.c45:active,
-.c45:active:hover,
-.c45:active:focus {
+.c46:active,
+.c46:active:hover,
+.c46:active:focus {
background-color: rgba(210,67,58,0.1);
border-color: rgb(205,37,27);
}
-.c47 {
+.c48 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -3310,7 +3309,6 @@ exports[`renders
without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -3351,7 +3349,7 @@ exports[`renders
without throwing 1`] = `
float: right;
}
-.c47:focus {
+.c48:focus {
outline: 0;
-webkit-text-decoration: none;
text-decoration: none;
@@ -3359,74 +3357,74 @@ exports[`renders
without throwing 1`] = `
border-color: rgb(45,56,132);
}
-.c47:hover {
+.c48:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c47:active,
-.c47:active:hover,
-.c47:active:focus {
+.c48:active,
+.c48:active:hover,
+.c48:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c47[disabled] {
+.c48[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c47:focus {
+.c48:focus {
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
-.c47:hover {
+.c48:hover {
background-color: rgb(247,247,247);
border-color: rgb(216,216,216);
}
-.c47:active,
-.c47:active:hover,
-.c47:active:focus {
+.c48:active,
+.c48:active:hover,
+.c48:active:focus {
background-color: rgb(230,230,230);
border-color: rgb(216,216,216);
}
-.c47:focus {
+.c48:focus {
color: rgb(205,37,27);
background-color: rgb(255,255,255);
border-color: rgb(205,37,27);
}
-.c47:hover {
+.c48:hover {
color: rgb(205,37,27);
background-color: rgb(255,255,255);
border-color: rgb(205,37,27);
}
-.c47:active,
-.c47:active:hover,
-.c47:active:focus {
+.c48:active,
+.c48:active:hover,
+.c48:active:focus {
background-color: rgba(210,67,58,0.1);
border-color: rgb(205,37,27);
}
-.c47:focus {
+.c48:focus {
background-color: rgb(250,250,250);
border-color: rgb(216,216,216);
}
-.c47:hover {
+.c48:hover {
background-color: rgb(250,250,250);
border-color: rgb(250,250,250);
}
-.c47:active,
-.c47:active:hover,
-.c47:active:focus {
+.c48:active,
+.c48:active:hover,
+.c48:active:focus {
background-color: rgb(250,250,250);
border-color: rgb(250,250,250);
}
@@ -3465,7 +3463,7 @@ exports[`renders
without throwing 1`] = `
margin-left: -0.625rem;
}
-.c39 {
+.c40 {
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
@@ -3484,7 +3482,7 @@ exports[`renders
without throwing 1`] = `
margin-left: -0.625rem;
}
-.c33 {
+.c34 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
@@ -3494,7 +3492,7 @@ exports[`renders
without throwing 1`] = `
display: block;
}
-.c35 {
+.c36 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
@@ -3504,7 +3502,7 @@ exports[`renders
without throwing 1`] = `
display: block;
}
-.c40 {
+.c41 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
@@ -3514,7 +3512,7 @@ exports[`renders
without throwing 1`] = `
display: block;
}
-.c44 {
+.c45 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
@@ -3578,7 +3576,7 @@ exports[`renders
without throwing 1`] = `
align-items: flex-end;
}
-.c26 {
+.c27 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -3606,7 +3604,7 @@ exports[`renders
without throwing 1`] = `
align-items: center;
}
-.c31 {
+.c32 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
@@ -3628,7 +3626,7 @@ exports[`renders
without throwing 1`] = `
border-color: rgb(216,216,216);
}
-.c20 {
+.c21 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
@@ -3652,7 +3650,7 @@ exports[`renders
without throwing 1`] = `
cursor: pointer;
}
-.c23 {
+.c24 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
@@ -3680,7 +3678,7 @@ exports[`renders
without throwing 1`] = `
flex: 0 0 2.875rem;
}
-.c30 {
+.c31 {
box-sizing: border-box;
display: -webkit-inline-box;
display: -webkit-inline-flex;
@@ -3696,7 +3694,7 @@ exports[`renders
without throwing 1`] = `
background-color: transparent;
}
-.c22 {
+.c23 {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
@@ -3708,7 +3706,7 @@ exports[`renders
without throwing 1`] = `
border-right: 0;
}
-.c28 {
+.c29 {
box-sizing: border-box;
min-height: 2.9375rem;
max-width: 100%;
@@ -3767,7 +3765,7 @@ exports[`renders
without throwing 1`] = `
float: right;
}
-.c34 {
+.c35 {
display: inline-block;
padding: 0;
border: none;
@@ -3841,7 +3839,7 @@ exports[`renders
without throwing 1`] = `
color: rgba(73,73,73,0.5);
}
-.c37 {
+.c38 {
box-sizing: border-box;
width: 18.75rem;
height: 6rem;
@@ -3866,62 +3864,62 @@ exports[`renders
without throwing 1`] = `
resize: vertical;
}
-.c37:focus {
+.c38:focus {
border-color: rgb(59,70,204);
outline: 0;
}
-.c37::-webkit-input-placeholder {
+.c38::-webkit-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c37::-moz-placeholder {
+.c38::-moz-placeholder {
color: rgba(73,73,73,0.5);
}
-.c37:-ms-input-placeholder {
+.c38:-ms-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c37:invalid {
+.c38:invalid {
box-shadow: none;
}
-.c37:disabled {
+.c38:disabled {
background-color: rgb(250,250,250);
color: rgb(216,216,216);
cursor: not-allowed;
}
-.c37:disabled::-webkit-input-placeholder {
+.c38:disabled::-webkit-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c37:disabled::-moz-placeholder {
+.c38:disabled::-moz-placeholder {
color: rgba(73,73,73,0.5);
}
-.c37:disabled:-ms-input-placeholder {
+.c38:disabled:-ms-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c37:disabled {
+.c38:disabled {
color: rgb(73,73,73);
}
-.c37:disabled::-webkit-input-placeholder {
+.c38:disabled::-webkit-input-placeholder {
color: rgb(73,73,73);
}
-.c37:disabled::-moz-placeholder {
+.c38:disabled::-moz-placeholder {
color: rgb(73,73,73);
}
-.c37:disabled:-ms-input-placeholder {
+.c38:disabled:-ms-input-placeholder {
color: rgb(73,73,73);
}
-.c36 {
+.c37 {
position: relative;
display: -webkit-inline-box;
display: -webkit-inline-flex;
@@ -3940,7 +3938,11 @@ exports[`renders
without throwing 1`] = `
font-size: 0.8125rem;
}
-.c29 {
+.c20 {
+ margin-bottom: 0;
+}
+
+.c30 {
word-break: break-all;
line-height: 1.5;
white-space: nowrap;
@@ -3949,24 +3951,24 @@ exports[`renders
without throwing 1`] = `
display: block;
}
-.c21 {
+.c22 {
border-top: 0;
border-left: 0;
border-right: 0;
}
-.c41 {
+.c42 {
margin-right: 0.375rem;
}
-.c24 {
+.c25 {
word-wrap: break-word;
overflow-wrap: break-word;
width: 100%;
box-sizing: border-box;
}
-.c27 {
+.c28 {
height: 2.9375rem;
max-width: 98%;
}
@@ -3990,7 +3992,7 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c39 {
+ .c40 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
@@ -3999,7 +4001,7 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c39 {
+ .c40 {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
@@ -4008,7 +4010,7 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c33 {
+ .c34 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
@@ -4017,7 +4019,7 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:48em) {
- .c35 {
+ .c36 {
-webkit-flex-basis: 58.333333333333336%;
-ms-flex-preferred-size: 58.333333333333336%;
flex-basis: 58.333333333333336%;
@@ -4026,7 +4028,7 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c40 {
+ .c41 {
-webkit-flex-basis: 58.333333333333336%;
-ms-flex-preferred-size: 58.333333333333336%;
flex-basis: 58.333333333333336%;
@@ -4035,7 +4037,7 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c44 {
+ .c45 {
-webkit-flex-basis: 41.66666666666667%;
-ms-flex-preferred-size: 41.66666666666667%;
flex-basis: 41.66666666666667%;
@@ -4148,32 +4150,33 @@ exports[`renders
without throwing 1`] = `
className="c19"
>
@@ -4251,17 +4255,18 @@ exports[`renders
without throwing 1`] = `
className="c15"
>
Metadata
value
@@ -4270,9 +4275,9 @@ exports[`renders without throwing 1`] = `
className="c7"
>
@@ -4281,7 +4286,7 @@ exports[`renders without throwing 1`] = `
className="c15"
>
@@ -4292,19 +4297,20 @@ exports[`renders
without throwing 1`] = `
@@ -4313,10 +4319,11 @@ exports[`renders without throwing 1`] = `
@@ -4325,19 +4332,20 @@ exports[`renders without throwing 1`] = `
without throwing 1`] = `
- Remove
+ Delete
@@ -4372,32 +4380,33 @@ exports[`renders
without throwing 1`] = `
className="c19"
>
@@ -4475,17 +4485,18 @@ exports[`renders
without throwing 1`] = `
className="c15"
>
Metadata
value
@@ -4494,9 +4505,9 @@ exports[`renders without throwing 1`] = `
className="c7"
>
@@ -4505,7 +4516,7 @@ exports[`renders without throwing 1`] = `
className="c15"
>
@@ -4516,19 +4527,20 @@ exports[`renders
without throwing 1`] = `
@@ -4537,10 +4549,11 @@ exports[`renders without throwing 1`] = `
@@ -4549,19 +4562,20 @@ exports[`renders without throwing 1`] = `
without throwing 1`] = `
- Remove
+ Delete
@@ -4596,32 +4610,33 @@ exports[`renders
without throwing 1`] = `
className="c19"
>
@@ -4699,17 +4715,18 @@ exports[`renders
without throwing 1`] = `
className="c15"
>
Metadata
value
@@ -4718,9 +4735,9 @@ exports[`renders without throwing 1`] = `
className="c7"
>
@@ -4729,7 +4746,7 @@ exports[`renders without throwing 1`] = `
className="c15"
>
@@ -4740,19 +4757,20 @@ exports[`renders
without throwing 1`] = `
@@ -4761,10 +4779,11 @@ exports[`renders without throwing 1`] = `
@@ -4773,40 +4792,41 @@ exports[`renders without throwing 1`] = `
-
- Networks attached to this instance
-
+
+ Networks attached to this instance
+
+
without throwing 1`] = `
className="c12"
>
-
- Guilty_Salamander
-
-
- Created using Figma
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Empty-state-illustration
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
without throwing 1`] = `
-
- Networks attached to this instance
-
+
+ Networks attached to this instance
+
+
@@ -904,11 +974,15 @@ exports[`renders without throwing 1`] = `
-
- Networks attached to this instance
-
+
+ Networks attached to this instance
+
+
@@ -1432,11 +1506,15 @@ exports[`renders without throwing 1`] = `
-
- Networks attached to this instance
-
+
+ Networks attached to this instance
+
+
diff --git a/consoles/my-joy-instances/src/containers/instances/__tests__/__snapshots__/summary.spec.js.snap b/consoles/my-joy-instances/src/containers/instances/__tests__/__snapshots__/summary.spec.js.snap
index 115220ed..966eab49 100644
--- a/consoles/my-joy-instances/src/containers/instances/__tests__/__snapshots__/summary.spec.js.snap
+++ b/consoles/my-joy-instances/src/containers/instances/__tests__/__snapshots__/summary.spec.js.snap
@@ -837,15 +837,19 @@ exports[`renders
without throwi
margin-bottom: 0.375rem;
}
-.c20 {
+.c21 {
margin-top: 0.375rem;
}
-.c22 {
+.c23 {
margin-top: 1.125rem;
}
-.c36 {
+.c27 {
+ margin-right: 0.375rem;
+}
+
+.c33 {
margin-right: 0.75rem;
}
@@ -866,21 +870,13 @@ exports[`renders
without throwi
padding: 1.875rem;
}
-.c31 {
- padding-top: 0.1875rem;
-}
-
-.c32 {
- padding-top: 0rem;
-}
-
-.c30 {
+.c39 {
background-color: transparent;
-webkit-text-decoration-skip: objects;
text-decoration-skip: objects;
}
-.c35 {
+.c32 {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
@@ -892,390 +888,46 @@ exports[`renders
without throwi
appearance: button;
}
-.c35::-moz-focus-inner,
-.c35[type='button']::-moz-focus-inner,
-.c35[type='reset']::-moz-focus-inner,
-.c35[type='submit']::-moz-focus-inner {
+.c32::-moz-focus-inner,
+.c32[type='button']::-moz-focus-inner,
+.c32[type='reset']::-moz-focus-inner,
+.c32[type='submit']::-moz-focus-inner {
border-style: none;
padding: 0;
}
-.c35:-moz-focusring,
-.c35[type='button']:-moz-focusring,
-.c35[type='reset']:-moz-focusring,
-.c35[type='submit']:-moz-focusring {
+.c32:-moz-focusring,
+.c32[type='button']:-moz-focusring,
+.c32[type='reset']:-moz-focusring,
+.c32[type='submit']:-moz-focusring {
outline: 0.0625rem dotted ButtonText;
}
-.c29 {
+.c38 {
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
}
-.c28 {
+.c37 {
color: rgb(59,70,204);
-webkit-text-fill-color: currentcolor;
color: rgb(255,255,255);
-webkit-text-fill-color: currentcolor;
}
-.c28:hover {
- -webkit-text-decoration: none;
- text-decoration: none;
-}
-
-.c34 {
- min-width: 7.5rem;
-}
-
-.c27 {
- display: inline-block;
-}
-
-.c26 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- -webkit-text-decoration: none;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
- background-image: none;
- background-color: rgb(59,70,204);
- border-radius: 0.25rem;
- border: solid 0.0625rem rgb(45,56,132);
- color: rgb(70,70,70);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- padding: 0.625rem 1.125rem;
- font-size: 0.8125rem;
- min-width: 0rem;
- min-height: 0rem;
- height: auto;
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- font-weight: 500;
-}
-
-.c26:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c26:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c26:active,
-.c26:active:hover,
-.c26:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c26[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c26:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c26:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c26:active,
-.c26:active:hover,
-.c26:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
-.c33 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- -webkit-text-decoration: none;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
- background-image: none;
- background-color: rgb(59,70,204);
- border-radius: 0.25rem;
- border: solid 0.0625rem rgb(45,56,132);
- color: rgb(70,70,70);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- cursor: not-allowed;
- pointer-events: none;
- color: rgb(216,216,216);
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
- padding: 0.625rem 1.125rem;
- font-size: 0.8125rem;
- min-width: 0rem;
- min-height: 0rem;
- height: auto;
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-
-.c33:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c33:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c33:active,
-.c33:active:hover,
-.c33:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c33[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c33:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c33:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c33:active,
-.c33:active:hover,
-.c33:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
-.c33:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
-}
-
-.c33:hover {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c33:active,
-.c33:active:hover,
-.c33:active:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c37 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- -webkit-text-decoration: none;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
- background-image: none;
- background-color: rgb(59,70,204);
- border-radius: 0.25rem;
- border: solid 0.0625rem rgb(45,56,132);
- color: rgb(70,70,70);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- cursor: not-allowed;
- pointer-events: none;
- color: rgb(216,216,216);
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- font-weight: 500;
-}
-
-.c37:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
.c37:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
+ -webkit-text-decoration: none;
+ text-decoration: none;
}
-.c37:active,
-.c37:active:hover,
-.c37:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
+.c31 {
+ min-width: 7.5rem;
}
-.c37[disabled] {
- cursor: not-allowed;
- pointer-events: none;
+.c30 {
+ display: inline-block;
}
-.c37:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c37:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c37:active,
-.c37:active:hover,
-.c37:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
-.c37:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
-}
-
-.c37:hover {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c37:active,
-.c37:active:hover,
-.c37:active:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c38 {
+.c29 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -1296,108 +948,6 @@ exports[`renders
without throwi
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- -webkit-text-decoration: none;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
- background-image: none;
- background-color: rgb(59,70,204);
- border-radius: 0.25rem;
- border: solid 0.0625rem rgb(45,56,132);
- color: rgb(70,70,70);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- padding: 0.625rem 1.125rem;
- font-size: 0.8125rem;
- min-width: 0rem;
- min-height: 0rem;
- height: auto;
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-
-.c38:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c38:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c38:active,
-.c38:active:hover,
-.c38:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c38[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c38:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c38:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c38:active,
-.c38:active:hover,
-.c38:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
-.c39 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -1429,7 +979,7 @@ exports[`renders
without throwi
font-weight: 500;
}
-.c39:focus {
+.c29:focus {
outline: 0;
-webkit-text-decoration: none;
text-decoration: none;
@@ -1437,38 +987,125 @@ exports[`renders
without throwi
border-color: rgb(45,56,132);
}
-.c39:hover {
+.c29:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c39:active,
-.c39:active:hover,
-.c39:active:focus {
+.c29:active,
+.c29:active:hover,
+.c29:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c39[disabled] {
+.c29[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c39:focus {
+.c29:focus {
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
-.c39:hover {
+.c29:hover {
background-color: rgb(247,247,247);
border-color: rgb(216,216,216);
}
-.c39:active,
-.c39:active:hover,
-.c39:active:focus {
+.c29:active,
+.c29:active:hover,
+.c29:active:focus {
+ background-color: rgb(230,230,230);
+ border-color: rgb(216,216,216);
+}
+
+.c35 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ color: rgb(70,70,70);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c35:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c35:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c35:active,
+.c35:active:hover,
+.c35:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c35[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c35:focus {
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c35:hover {
+ background-color: rgb(247,247,247);
+ border-color: rgb(216,216,216);
+}
+
+.c35:active,
+.c35:active:hover,
+.c35:active:focus {
background-color: rgb(230,230,230);
border-color: rgb(216,216,216);
}
@@ -1494,7 +1131,6 @@ exports[`renders
without throwi
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -1619,7 +1255,6 @@ exports[`renders
without throwi
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -1719,7 +1354,7 @@ exports[`renders
without throwi
border-color: rgb(205,37,27);
}
-.c19 {
+.c20 {
width: 0.9375rem;
height: 0.9375rem;
border-radius: 50%;
@@ -1729,7 +1364,33 @@ exports[`renders
without throwi
margin-left: 0rem;
}
-.c17 {
+.c34 {
+ padding: 0;
+ min-width: 2.9375rem;
+ max-width: 2.9375rem;
+ width: 2.9375rem;
+}
+
+.c36 {
+ padding: 0.9375rem 1.125rem;
+}
+
+.c28 {
+ display: inline-block;
+}
+
+.c28 [data-ui-button='true']:not(:first-child) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ border-left: none;
+}
+
+.c28 [data-ui-button='true']:not(:last-child) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.c18 {
font-size: 0.9375rem;
line-height: 1.125rem;
font-style: normal;
@@ -1782,7 +1443,7 @@ exports[`renders
without throwi
margin-left: -0.625rem;
}
-.c23 {
+.c24 {
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
@@ -1821,7 +1482,7 @@ exports[`renders
without throwi
display: block;
}
-.c24 {
+.c25 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
@@ -1871,6 +1532,43 @@ exports[`renders
without throwi
background-color: rgb(216,216,216);
}
+.c12 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+}
+
+.c26 {
+ -webkit-order: 0;
+ -ms-flex-order: 0;
+ order: 0;
+ -webkit-flex-basis: auto;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+ -webkit-box-flex: 0;
+ -webkit-flex-grow: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ -webkit-flex-shrink: 1;
+ -ms-flex-negative: 1;
+ flex-shrink: 1;
+ display: block;
+}
+
.c4 {
box-sizing: content-box;
display: -webkit-box;
@@ -2017,7 +1715,11 @@ exports[`renders
without throwi
cursor: pointer;
}
-.c21 {
+.c17 {
+ font-weight: 200;
+}
+
+.c22 {
opacity: 0.5;
padding-right: 0.1875rem;
}
@@ -2028,26 +1730,11 @@ exports[`renders
without throwi
text-overflow: ellipsis;
}
-.c12 {
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
-}
-
.c13 {
cursor: pointer;
}
-.c18 {
+.c19 {
width: 0.0625rem;
background: rgb(216,216,216);
height: 1.5rem;
@@ -2065,10 +1752,6 @@ exports[`renders
without throwi
margin: 0;
}
-.c25 {
- margin-right: 0.375rem;
-}
-
@media only screen and (min-width:48em) {
.c1 {
width: 46rem;
@@ -2097,7 +1780,7 @@ exports[`renders
without throwi
}
@media only screen and (min-width:0em) {
- .c23 {
+ .c24 {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
@@ -2142,7 +1825,7 @@ exports[`renders
without throwi
}
@media only screen and (min-width:0em) {
- .c24 {
+ .c25 {
-webkit-flex-basis: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
@@ -2185,13 +1868,7 @@ exports[`renders
without throwi
}
@media (max-width:47.9375rem) {
- .c12 {
- display: block;
- }
-}
-
-@media (max-width:47.9375rem) {
- .c18 {
+ .c19 {
display: none;
}
}
@@ -2261,34 +1938,34 @@ exports[`renders
without throwi
className="c12"
>
Alpine 3
Hardware virtual machine
g4-highcpu-128M
@@ -2296,7 +1973,7 @@ exports[`renders without throwi
without throwi
className="c12"
>
Created:
almost NaN years
@@ -2318,18 +1995,18 @@ exports[`renders without throwi
Updated:
almost NaN years
@@ -2340,328 +2017,117 @@ exports[`renders without throwi
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Start
-
-
-
-
-
-
-
-
-
-
-
-
- Stop
-
-
-
-
-
-
-
-
-
-
-
-
- Reboot
-
-
-
+ Create Image
+
+
+
without throwi
query="only screen and (max-width: 47.9375rem)"
>
without throwi
type="button"
>
without throwi
query="only screen and (min-width: 48rem)"
>
without throwi
type="button"
>
without throwi
- Remove
+ Delete
@@ -2763,7 +2229,7 @@ exports[`renders
without throwi
className="c47"
>
Short ID
@@ -2826,7 +2292,7 @@ exports[`renders without throwi
className="c47"
>
ID
@@ -2889,7 +2355,7 @@ exports[`renders without throwi
className="c47"
>
CN UUID
@@ -2952,7 +2418,7 @@ exports[`renders without throwi
className="c47"
>
Image UUID
@@ -3015,7 +2481,7 @@ exports[`renders without throwi
className="c47"
>
Login
@@ -3078,7 +2544,7 @@ exports[`renders without throwi
className="c47"
>
Public IP address 1
@@ -3141,7 +2607,7 @@ exports[`renders without throwi
className="c47"
>
Public IP address 2
@@ -3204,7 +2670,7 @@ exports[`renders without throwi
className="c47"
>
Private IP address 1
@@ -3267,7 +2733,7 @@ exports[`renders without throwi
className="c47"
>
Private IP address 2
@@ -3339,15 +2805,19 @@ exports[`renders without throwi
margin-bottom: 0.375rem;
}
-.c20 {
+.c21 {
margin-top: 0.375rem;
}
-.c22 {
+.c23 {
margin-top: 1.125rem;
}
-.c36 {
+.c27 {
+ margin-right: 0.375rem;
+}
+
+.c33 {
margin-right: 0.75rem;
}
@@ -3368,21 +2838,13 @@ exports[`renders without throwi
padding: 1.875rem;
}
-.c31 {
- padding-top: 0.1875rem;
-}
-
-.c32 {
- padding-top: 0rem;
-}
-
-.c30 {
+.c39 {
background-color: transparent;
-webkit-text-decoration-skip: objects;
text-decoration-skip: objects;
}
-.c35 {
+.c32 {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
@@ -3394,390 +2856,46 @@ exports[`renders without throwi
appearance: button;
}
-.c35::-moz-focus-inner,
-.c35[type='button']::-moz-focus-inner,
-.c35[type='reset']::-moz-focus-inner,
-.c35[type='submit']::-moz-focus-inner {
+.c32::-moz-focus-inner,
+.c32[type='button']::-moz-focus-inner,
+.c32[type='reset']::-moz-focus-inner,
+.c32[type='submit']::-moz-focus-inner {
border-style: none;
padding: 0;
}
-.c35:-moz-focusring,
-.c35[type='button']:-moz-focusring,
-.c35[type='reset']:-moz-focusring,
-.c35[type='submit']:-moz-focusring {
+.c32:-moz-focusring,
+.c32[type='button']:-moz-focusring,
+.c32[type='reset']:-moz-focusring,
+.c32[type='submit']:-moz-focusring {
outline: 0.0625rem dotted ButtonText;
}
-.c29 {
+.c38 {
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
}
-.c28 {
+.c37 {
color: rgb(59,70,204);
-webkit-text-fill-color: currentcolor;
color: rgb(255,255,255);
-webkit-text-fill-color: currentcolor;
}
-.c28:hover {
- -webkit-text-decoration: none;
- text-decoration: none;
-}
-
-.c34 {
- min-width: 7.5rem;
-}
-
-.c27 {
- display: inline-block;
-}
-
-.c26 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- -webkit-text-decoration: none;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
- background-image: none;
- background-color: rgb(59,70,204);
- border-radius: 0.25rem;
- border: solid 0.0625rem rgb(45,56,132);
- color: rgb(70,70,70);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- padding: 0.625rem 1.125rem;
- font-size: 0.8125rem;
- min-width: 0rem;
- min-height: 0rem;
- height: auto;
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- font-weight: 500;
-}
-
-.c26:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c26:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c26:active,
-.c26:active:hover,
-.c26:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c26[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c26:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c26:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c26:active,
-.c26:active:hover,
-.c26:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
-.c33 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- -webkit-text-decoration: none;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
- background-image: none;
- background-color: rgb(59,70,204);
- border-radius: 0.25rem;
- border: solid 0.0625rem rgb(45,56,132);
- color: rgb(70,70,70);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- cursor: not-allowed;
- pointer-events: none;
- color: rgb(216,216,216);
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
- padding: 0.625rem 1.125rem;
- font-size: 0.8125rem;
- min-width: 0rem;
- min-height: 0rem;
- height: auto;
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-
-.c33:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c33:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c33:active,
-.c33:active:hover,
-.c33:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c33[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c33:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c33:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c33:active,
-.c33:active:hover,
-.c33:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
-.c33:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
-}
-
-.c33:hover {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c33:active,
-.c33:active:hover,
-.c33:active:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c37 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- -webkit-text-decoration: none;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
- background-image: none;
- background-color: rgb(59,70,204);
- border-radius: 0.25rem;
- border: solid 0.0625rem rgb(45,56,132);
- color: rgb(70,70,70);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- cursor: not-allowed;
- pointer-events: none;
- color: rgb(216,216,216);
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- font-weight: 500;
-}
-
-.c37:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
.c37:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
+ -webkit-text-decoration: none;
+ text-decoration: none;
}
-.c37:active,
-.c37:active:hover,
-.c37:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
+.c31 {
+ min-width: 7.5rem;
}
-.c37[disabled] {
- cursor: not-allowed;
- pointer-events: none;
+.c30 {
+ display: inline-block;
}
-.c37:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c37:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c37:active,
-.c37:active:hover,
-.c37:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
-.c37:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
-}
-
-.c37:hover {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c37:active,
-.c37:active:hover,
-.c37:active:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c38 {
+.c29 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -3798,108 +2916,6 @@ exports[`renders without throwi
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- -webkit-text-decoration: none;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: rgb(255,255,255);
- -webkit-text-fill-color: currentcolor;
- background-image: none;
- background-color: rgb(59,70,204);
- border-radius: 0.25rem;
- border: solid 0.0625rem rgb(45,56,132);
- color: rgb(70,70,70);
- -webkit-text-fill-color: currentcolor;
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
- padding: 0.625rem 1.125rem;
- font-size: 0.8125rem;
- min-width: 0rem;
- min-height: 0rem;
- height: auto;
- display: -webkit-inline-box;
- display: -webkit-inline-flex;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-
-.c38:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c38:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c38:active,
-.c38:active:hover,
-.c38:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c38[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c38:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c38:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c38:active,
-.c38:active:hover,
-.c38:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
-.c39 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -3931,7 +2947,7 @@ exports[`renders without throwi
font-weight: 500;
}
-.c39:focus {
+.c29:focus {
outline: 0;
-webkit-text-decoration: none;
text-decoration: none;
@@ -3939,38 +2955,125 @@ exports[`renders without throwi
border-color: rgb(45,56,132);
}
-.c39:hover {
+.c29:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c39:active,
-.c39:active:hover,
-.c39:active:focus {
+.c29:active,
+.c29:active:hover,
+.c29:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c39[disabled] {
+.c29[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c39:focus {
+.c29:focus {
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
-.c39:hover {
+.c29:hover {
background-color: rgb(247,247,247);
border-color: rgb(216,216,216);
}
-.c39:active,
-.c39:active:hover,
-.c39:active:focus {
+.c29:active,
+.c29:active:hover,
+.c29:active:focus {
+ background-color: rgb(230,230,230);
+ border-color: rgb(216,216,216);
+}
+
+.c35 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ color: rgb(70,70,70);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c35:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c35:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c35:active,
+.c35:active:hover,
+.c35:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c35[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c35:focus {
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c35:hover {
+ background-color: rgb(247,247,247);
+ border-color: rgb(216,216,216);
+}
+
+.c35:active,
+.c35:active:hover,
+.c35:active:focus {
background-color: rgb(230,230,230);
border-color: rgb(216,216,216);
}
@@ -3996,7 +3099,6 @@ exports[`renders without throwi
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -4121,7 +3223,6 @@ exports[`renders without throwi
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -4221,7 +3322,7 @@ exports[`renders without throwi
border-color: rgb(205,37,27);
}
-.c19 {
+.c20 {
width: 0.9375rem;
height: 0.9375rem;
border-radius: 50%;
@@ -4231,7 +3332,33 @@ exports[`renders without throwi
margin-left: 0rem;
}
-.c17 {
+.c34 {
+ padding: 0;
+ min-width: 2.9375rem;
+ max-width: 2.9375rem;
+ width: 2.9375rem;
+}
+
+.c36 {
+ padding: 0.9375rem 1.125rem;
+}
+
+.c28 {
+ display: inline-block;
+}
+
+.c28 [data-ui-button='true']:not(:first-child) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ border-left: none;
+}
+
+.c28 [data-ui-button='true']:not(:last-child) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.c18 {
font-size: 0.9375rem;
line-height: 1.125rem;
font-style: normal;
@@ -4284,7 +3411,7 @@ exports[`renders without throwi
margin-left: -0.625rem;
}
-.c23 {
+.c24 {
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
@@ -4323,7 +3450,7 @@ exports[`renders without throwi
display: block;
}
-.c24 {
+.c25 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
@@ -4373,6 +3500,43 @@ exports[`renders without throwi
background-color: rgb(216,216,216);
}
+.c12 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+}
+
+.c26 {
+ -webkit-order: 0;
+ -ms-flex-order: 0;
+ order: 0;
+ -webkit-flex-basis: auto;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+ -webkit-box-flex: 0;
+ -webkit-flex-grow: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ -webkit-flex-shrink: 1;
+ -ms-flex-negative: 1;
+ flex-shrink: 1;
+ display: block;
+}
+
.c4 {
box-sizing: content-box;
display: -webkit-box;
@@ -4519,7 +3683,11 @@ exports[`renders without throwi
cursor: pointer;
}
-.c21 {
+.c17 {
+ font-weight: 200;
+}
+
+.c22 {
opacity: 0.5;
padding-right: 0.1875rem;
}
@@ -4530,26 +3698,11 @@ exports[`renders without throwi
text-overflow: ellipsis;
}
-.c12 {
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
-}
-
.c13 {
cursor: pointer;
}
-.c18 {
+.c19 {
width: 0.0625rem;
background: rgb(216,216,216);
height: 1.5rem;
@@ -4567,10 +3720,6 @@ exports[`renders without throwi
margin: 0;
}
-.c25 {
- margin-right: 0.375rem;
-}
-
@media only screen and (min-width:48em) {
.c1 {
width: 46rem;
@@ -4599,7 +3748,7 @@ exports[`renders without throwi
}
@media only screen and (min-width:0em) {
- .c23 {
+ .c24 {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
@@ -4644,7 +3793,7 @@ exports[`renders without throwi
}
@media only screen and (min-width:0em) {
- .c24 {
+ .c25 {
-webkit-flex-basis: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
@@ -4687,13 +3836,7 @@ exports[`renders without throwi
}
@media (max-width:47.9375rem) {
- .c12 {
- display: block;
- }
-}
-
-@media (max-width:47.9375rem) {
- .c18 {
+ .c19 {
display: none;
}
}
@@ -4763,34 +3906,34 @@ exports[`renders without throwi
className="c12"
>
Custom Image
Infrastructure container
g4-highcpu-128M
@@ -4798,7 +3941,7 @@ exports[`renders without throwi
without throwi
className="c12"
>
Created:
almost NaN years
@@ -4820,18 +3963,18 @@ exports[`renders without throwi
Updated:
almost NaN years
@@ -4842,328 +3985,117 @@ exports[`renders without throwi
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Start
-
-
-
-
-
-
-
-
-
-
-
-
- Stop
-
-
-
-
-
-
-
-
-
-
-
-
- Reboot
-
-
-
+ Create Image
+
+
+
without throwi
query="only screen and (max-width: 47.9375rem)"
>
without throwi
type="button"
>
without throwi
query="only screen and (min-width: 48rem)"
>
without throwi
type="button"
>
without throwi
- Remove
+ Delete
@@ -5265,7 +4197,7 @@ exports[`renders
without throwi
className="c47"
>
Short ID
@@ -5328,7 +4260,7 @@ exports[`renders without throwi
className="c47"
>
ID
@@ -5391,7 +4323,7 @@ exports[`renders without throwi
className="c47"
>
CN UUID
@@ -5454,7 +4386,7 @@ exports[`renders without throwi
className="c47"
>
Image UUID
@@ -5517,7 +4449,7 @@ exports[`renders without throwi
className="c47"
>
Login
@@ -5580,7 +4512,7 @@ exports[`renders without throwi
className="c47"
>
Public IP address 1
@@ -5643,7 +4575,7 @@ exports[`renders without throwi
className="c47"
>
Public IP address 2
@@ -5706,7 +4638,7 @@ exports[`renders without throwi
className="c47"
>
Private IP address 1
@@ -5769,7 +4701,7 @@ exports[`renders without throwi
className="c47"
>
Private IP address 2
diff --git a/consoles/my-joy-instances/src/containers/instances/__tests__/__snapshots__/tags.spec.js.snap b/consoles/my-joy-instances/src/containers/instances/__tests__/__snapshots__/tags.spec.js.snap
index 7246f9e5..fa6824e8 100644
--- a/consoles/my-joy-instances/src/containers/instances/__tests__/__snapshots__/tags.spec.js.snap
+++ b/consoles/my-joy-instances/src/containers/instances/__tests__/__snapshots__/tags.spec.js.snap
@@ -70,7 +70,6 @@ exports[`renders without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -453,30 +452,30 @@ exports[`renders without throwing 1`] = `
margin-top: 0.1875rem;
}
-.c43 {
+.c44 {
margin-top: 1.875rem;
margin-bottom: 1.125rem;
}
-.c32 {
+.c33 {
margin-top: 0.1875rem;
margin-right: 1.125rem;
}
-.c34 {
+.c35 {
margin-top: 0.75rem;
}
-.c42 {
+.c43 {
margin-right: 0.75rem;
}
-.c21 {
+.c22 {
padding-right: 1.125rem;
padding-left: 1.125rem;
}
-.c28 {
+.c29 {
padding-left: 1.125rem;
padding-right: 1.125rem;
padding-top: 1.125rem;
@@ -539,7 +538,6 @@ exports[`renders without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -595,94 +593,6 @@ exports[`renders without throwing 1`] = `
pointer-events: none;
}
-.c38 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- 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);
-}
-
-.c38:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c38:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c38:active,
-.c38:active:hover,
-.c38:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c38[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c38:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c38:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c38:active,
-.c38:active:hover,
-.c38:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
.c39 {
box-sizing: border-box;
display: inline-block;
@@ -704,7 +614,6 @@ exports[`renders without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -721,10 +630,9 @@ exports[`renders without throwing 1`] = `
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);
+ color: rgb(70,70,70);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
@@ -756,23 +664,111 @@ exports[`renders without throwing 1`] = `
}
.c39:focus {
- background-color: rgb(250,250,250);
+ background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
.c39:hover {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
+ background-color: rgb(247,247,247);
+ border-color: rgb(216,216,216);
}
.c39:active,
.c39:active:hover,
.c39:active:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
+ background-color: rgb(230,230,230);
+ border-color: rgb(216,216,216);
}
-.c41 {
+.c40 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ cursor: not-allowed;
+ pointer-events: none;
+ color: rgb(216,216,216);
+ background-color: rgb(250,250,250);
+ border-color: rgb(216,216,216);
+}
+
+.c40:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c40:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c40:active,
+.c40:active:hover,
+.c40:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c40[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c40:focus {
+ background-color: rgb(250,250,250);
+ border-color: rgb(216,216,216);
+}
+
+.c40:hover {
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
+}
+
+.c40:active,
+.c40:active:hover,
+.c40:active:focus {
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
+}
+
+.c42 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -793,7 +789,6 @@ exports[`renders without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -829,7 +824,7 @@ exports[`renders without throwing 1`] = `
float: right;
}
-.c41:focus {
+.c42:focus {
outline: 0;
-webkit-text-decoration: none;
text-decoration: none;
@@ -837,57 +832,57 @@ exports[`renders without throwing 1`] = `
border-color: rgb(45,56,132);
}
-.c41:hover {
+.c42:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c41:active,
-.c41:active:hover,
-.c41:active:focus {
+.c42:active,
+.c42:active:hover,
+.c42:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c41[disabled] {
+.c42[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c41:focus {
+.c42:focus {
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
-.c41:hover {
+.c42:hover {
background-color: rgb(247,247,247);
border-color: rgb(216,216,216);
}
-.c41:active,
-.c41:active:hover,
-.c41:active:focus {
+.c42:active,
+.c42:active:hover,
+.c42:active:focus {
background-color: rgb(230,230,230);
border-color: rgb(216,216,216);
}
-.c41:focus {
+.c42:focus {
color: rgb(205,37,27);
background-color: rgb(255,255,255);
border-color: rgb(205,37,27);
}
-.c41:hover {
+.c42:hover {
color: rgb(205,37,27);
background-color: rgb(255,255,255);
border-color: rgb(205,37,27);
}
-.c41:active,
-.c41:active:hover,
-.c41:active:focus {
+.c42:active,
+.c42:active:hover,
+.c42:active:focus {
background-color: rgba(210,67,58,0.1);
border-color: rgb(205,37,27);
}
@@ -926,7 +921,7 @@ exports[`renders without throwing 1`] = `
margin-left: -0.625rem;
}
-.c35 {
+.c36 {
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
@@ -945,7 +940,7 @@ exports[`renders without throwing 1`] = `
margin-left: -0.625rem;
}
-.c33 {
+.c34 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
@@ -955,7 +950,7 @@ exports[`renders without throwing 1`] = `
display: block;
}
-.c36 {
+.c37 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
@@ -965,7 +960,7 @@ exports[`renders without throwing 1`] = `
display: block;
}
-.c40 {
+.c41 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
@@ -982,7 +977,7 @@ exports[`renders without throwing 1`] = `
padding-bottom: 1.125rem;
}
-.c44 {
+.c45 {
margin: 0;
color: rgb(73,73,73);
font-weight: normal;
@@ -990,7 +985,7 @@ exports[`renders without throwing 1`] = `
font-size: 1.3125rem;
}
-.c25 {
+.c26 {
margin: 0;
color: rgb(73,73,73);
font-weight: 600;
@@ -1032,7 +1027,7 @@ exports[`renders without throwing 1`] = `
align-items: flex-end;
}
-.c22 {
+.c23 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -1060,7 +1055,7 @@ exports[`renders without throwing 1`] = `
align-items: center;
}
-.c29 {
+.c30 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -1090,7 +1085,7 @@ exports[`renders without throwing 1`] = `
align-content: stretch;
}
-.c30 {
+.c31 {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
@@ -1110,7 +1105,7 @@ exports[`renders without throwing 1`] = `
flex-basis: auto;
}
-.c16 {
+.c17 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
@@ -1133,7 +1128,7 @@ exports[`renders without throwing 1`] = `
box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
}
-.c19 {
+.c20 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
@@ -1160,7 +1155,7 @@ exports[`renders without throwing 1`] = `
flex: 0 0 2.875rem;
}
-.c27 {
+.c28 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
@@ -1182,7 +1177,7 @@ exports[`renders without throwing 1`] = `
border-color: rgb(216,216,216);
}
-.c26 {
+.c27 {
box-sizing: border-box;
display: -webkit-inline-box;
display: -webkit-inline-flex;
@@ -1198,7 +1193,7 @@ exports[`renders without throwing 1`] = `
background-color: transparent;
}
-.c18 {
+.c19 {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
@@ -1210,7 +1205,7 @@ exports[`renders without throwing 1`] = `
border-right: 0;
}
-.c24 {
+.c25 {
box-sizing: border-box;
min-height: 2.9375rem;
max-width: 100%;
@@ -1269,7 +1264,7 @@ exports[`renders without throwing 1`] = `
float: right;
}
-.c31 {
+.c32 {
display: inline-block;
padding: 0;
border: none;
@@ -1349,29 +1344,33 @@ exports[`renders without throwing 1`] = `
font-size: 0.8125rem;
}
-.c17 {
+.c16 {
+ margin-bottom: 0;
+}
+
+.c18 {
border-top: 0;
border-left: 0;
border-right: 0;
}
-.c37 {
+.c38 {
margin-right: 0.375rem;
}
-.c20 {
+.c21 {
word-wrap: break-word;
overflow-wrap: break-word;
width: 100%;
box-sizing: border-box;
}
-.c23 {
+.c24 {
height: 2.9375rem;
max-width: 98%;
}
-.c45 {
+.c46 {
margin: 0;
padding: 0;
display: -webkit-box;
@@ -1403,7 +1402,7 @@ exports[`renders without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c35 {
+ .c36 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
@@ -1412,7 +1411,7 @@ exports[`renders without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c35 {
+ .c36 {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
@@ -1421,7 +1420,7 @@ exports[`renders without throwing 1`] = `
}
@media only screen and (min-width:48em) {
- .c33 {
+ .c34 {
-webkit-flex-basis: 58.333333333333336%;
-ms-flex-preferred-size: 58.333333333333336%;
flex-basis: 58.333333333333336%;
@@ -1430,7 +1429,7 @@ exports[`renders without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c36 {
+ .c37 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
@@ -1439,7 +1438,7 @@ exports[`renders without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c40 {
+ .c41 {
display: none;
}
}
@@ -1527,32 +1526,33 @@ exports[`renders without throwing 1`] = `
height="0.6875rem"
/>
Add tag
@@ -1561,65 +1561,67 @@ exports[`renders without throwing 1`] = `
@@ -1645,19 +1647,20 @@ exports[`renders
without throwing 1`] = `
@@ -1666,10 +1669,11 @@ exports[`renders without throwing 1`] = `
@@ -1678,19 +1682,20 @@ exports[`renders without throwing 1`] = `
without throwing 1`] = `
- Remove
+ Delete
@@ -1721,10 +1726,10 @@ exports[`renders
without throwing 1`] = `
0
tag
@@ -1732,7 +1737,7 @@ exports[`renders without throwing 1`] = `
`;
@@ -1807,7 +1812,6 @@ exports[`renders
without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -2190,30 +2194,30 @@ exports[`renders
without throwing 1`] = `
margin-top: 0.1875rem;
}
-.c44 {
+.c45 {
margin-top: 1.875rem;
margin-bottom: 1.125rem;
}
-.c33 {
+.c34 {
margin-top: 0.1875rem;
margin-right: 1.125rem;
}
-.c35 {
+.c36 {
margin-top: 0.75rem;
}
-.c43 {
+.c44 {
margin-right: 0.75rem;
}
-.c22 {
+.c23 {
padding-right: 1.125rem;
padding-left: 1.125rem;
}
-.c29 {
+.c30 {
padding-left: 1.125rem;
padding-right: 1.125rem;
padding-top: 1.125rem;
@@ -2255,94 +2259,6 @@ exports[`renders
without throwing 1`] = `
display: inline-block;
}
-.c39 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- 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);
-}
-
-.c39:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c39:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c39:active,
-.c39:active:hover,
-.c39:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c39[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c39:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c39:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c39:active,
-.c39:active:hover,
-.c39:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
.c40 {
box-sizing: border-box;
display: inline-block;
@@ -2364,7 +2280,6 @@ exports[`renders
without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -2381,10 +2296,9 @@ exports[`renders
without throwing 1`] = `
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);
+ color: rgb(70,70,70);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
@@ -2416,23 +2330,111 @@ exports[`renders
without throwing 1`] = `
}
.c40:focus {
- background-color: rgb(250,250,250);
+ background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
.c40:hover {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
+ background-color: rgb(247,247,247);
+ border-color: rgb(216,216,216);
}
.c40:active,
.c40:active:hover,
.c40:active:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
+ background-color: rgb(230,230,230);
+ border-color: rgb(216,216,216);
}
-.c42 {
+.c41 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ cursor: not-allowed;
+ pointer-events: none;
+ color: rgb(216,216,216);
+ background-color: rgb(250,250,250);
+ border-color: rgb(216,216,216);
+}
+
+.c41:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c41:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c41:active,
+.c41:active:hover,
+.c41:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c41[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c41:focus {
+ background-color: rgb(250,250,250);
+ border-color: rgb(216,216,216);
+}
+
+.c41:hover {
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
+}
+
+.c41:active,
+.c41:active:hover,
+.c41:active:focus {
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
+}
+
+.c43 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -2453,7 +2455,6 @@ exports[`renders
without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -2489,7 +2490,7 @@ exports[`renders
without throwing 1`] = `
float: right;
}
-.c42:focus {
+.c43:focus {
outline: 0;
-webkit-text-decoration: none;
text-decoration: none;
@@ -2497,57 +2498,57 @@ exports[`renders
without throwing 1`] = `
border-color: rgb(45,56,132);
}
-.c42:hover {
+.c43:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c42:active,
-.c42:active:hover,
-.c42:active:focus {
+.c43:active,
+.c43:active:hover,
+.c43:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c42[disabled] {
+.c43[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c42:focus {
+.c43:focus {
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
-.c42:hover {
+.c43:hover {
background-color: rgb(247,247,247);
border-color: rgb(216,216,216);
}
-.c42:active,
-.c42:active:hover,
-.c42:active:focus {
+.c43:active,
+.c43:active:hover,
+.c43:active:focus {
background-color: rgb(230,230,230);
border-color: rgb(216,216,216);
}
-.c42:focus {
+.c43:focus {
color: rgb(205,37,27);
background-color: rgb(255,255,255);
border-color: rgb(205,37,27);
}
-.c42:hover {
+.c43:hover {
color: rgb(205,37,27);
background-color: rgb(255,255,255);
border-color: rgb(205,37,27);
}
-.c42:active,
-.c42:active:hover,
-.c42:active:focus {
+.c43:active,
+.c43:active:hover,
+.c43:active:focus {
background-color: rgba(210,67,58,0.1);
border-color: rgb(205,37,27);
}
@@ -2573,7 +2574,6 @@ exports[`renders
without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -2685,7 +2685,7 @@ exports[`renders
without throwing 1`] = `
margin-left: -0.625rem;
}
-.c36 {
+.c37 {
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
@@ -2704,7 +2704,7 @@ exports[`renders
without throwing 1`] = `
margin-left: -0.625rem;
}
-.c34 {
+.c35 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
@@ -2714,7 +2714,7 @@ exports[`renders
without throwing 1`] = `
display: block;
}
-.c37 {
+.c38 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
@@ -2724,7 +2724,7 @@ exports[`renders
without throwing 1`] = `
display: block;
}
-.c41 {
+.c42 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
@@ -2741,7 +2741,7 @@ exports[`renders
without throwing 1`] = `
padding-bottom: 1.125rem;
}
-.c45 {
+.c46 {
margin: 0;
color: rgb(73,73,73);
font-weight: normal;
@@ -2788,7 +2788,7 @@ exports[`renders
without throwing 1`] = `
align-items: flex-end;
}
-.c23 {
+.c24 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -2816,7 +2816,7 @@ exports[`renders
without throwing 1`] = `
align-items: center;
}
-.c30 {
+.c31 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -2846,7 +2846,7 @@ exports[`renders
without throwing 1`] = `
align-content: stretch;
}
-.c31 {
+.c32 {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
@@ -2866,7 +2866,7 @@ exports[`renders
without throwing 1`] = `
flex-basis: auto;
}
-.c28 {
+.c29 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
@@ -2888,7 +2888,7 @@ exports[`renders
without throwing 1`] = `
border-color: rgb(216,216,216);
}
-.c17 {
+.c18 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
@@ -2912,7 +2912,7 @@ exports[`renders
without throwing 1`] = `
cursor: pointer;
}
-.c20 {
+.c21 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
@@ -2940,7 +2940,7 @@ exports[`renders
without throwing 1`] = `
flex: 0 0 2.875rem;
}
-.c27 {
+.c28 {
box-sizing: border-box;
display: -webkit-inline-box;
display: -webkit-inline-flex;
@@ -2956,7 +2956,7 @@ exports[`renders
without throwing 1`] = `
background-color: transparent;
}
-.c19 {
+.c20 {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
@@ -2968,7 +2968,7 @@ exports[`renders
without throwing 1`] = `
border-right: 0;
}
-.c25 {
+.c26 {
box-sizing: border-box;
min-height: 2.9375rem;
max-width: 100%;
@@ -3027,7 +3027,7 @@ exports[`renders
without throwing 1`] = `
float: right;
}
-.c32 {
+.c33 {
display: inline-block;
padding: 0;
border: none;
@@ -3107,7 +3107,11 @@ exports[`renders
without throwing 1`] = `
font-size: 0.8125rem;
}
-.c26 {
+.c17 {
+ margin-bottom: 0;
+}
+
+.c27 {
word-break: break-all;
line-height: 1.5;
white-space: nowrap;
@@ -3116,29 +3120,29 @@ exports[`renders
without throwing 1`] = `
display: block;
}
-.c18 {
+.c19 {
border-top: 0;
border-left: 0;
border-right: 0;
}
-.c38 {
+.c39 {
margin-right: 0.375rem;
}
-.c21 {
+.c22 {
word-wrap: break-word;
overflow-wrap: break-word;
width: 100%;
box-sizing: border-box;
}
-.c24 {
+.c25 {
height: 2.9375rem;
max-width: 98%;
}
-.c46 {
+.c47 {
margin: 0;
padding: 0;
display: -webkit-box;
@@ -3170,7 +3174,7 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c36 {
+ .c37 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
@@ -3179,7 +3183,7 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c36 {
+ .c37 {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
@@ -3188,7 +3192,7 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:48em) {
- .c34 {
+ .c35 {
-webkit-flex-basis: 58.333333333333336%;
-ms-flex-preferred-size: 58.333333333333336%;
flex-basis: 58.333333333333336%;
@@ -3197,7 +3201,7 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c37 {
+ .c38 {
-webkit-flex-basis: 58.333333333333336%;
-ms-flex-preferred-size: 58.333333333333336%;
flex-basis: 58.333333333333336%;
@@ -3206,7 +3210,7 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c41 {
+ .c42 {
-webkit-flex-basis: 41.66666666666667%;
-ms-flex-preferred-size: 41.66666666666667%;
flex-basis: 41.66666666666667%;
@@ -3305,32 +3309,33 @@ exports[`renders
without throwing 1`] = `
height="1.5rem"
/>
name1:
@@ -3361,65 +3366,67 @@ exports[`renders without throwing 1`] = `
@@ -3445,19 +3452,20 @@ exports[`renders
without throwing 1`] = `
@@ -3466,10 +3474,11 @@ exports[`renders without throwing 1`] = `
@@ -3478,19 +3487,20 @@ exports[`renders without throwing 1`] = `
without throwing 1`] = `
- Remove
+ Delete
@@ -3521,10 +3531,10 @@ exports[`renders
without throwing 1`] = `
0
tag
@@ -3532,7 +3542,7 @@ exports[`renders without throwing 1`] = `
`;
@@ -3546,26 +3556,26 @@ exports[`renders
without throwing 1`] = `
margin-top: 0.1875rem;
}
-.c47 {
+.c48 {
margin-top: 1.875rem;
margin-bottom: 1.125rem;
}
-.c33 {
+.c34 {
margin-top: 0.1875rem;
margin-right: 1.125rem;
}
-.c35 {
+.c36 {
margin-top: 0.75rem;
}
-.c22 {
+.c23 {
padding-right: 1.125rem;
padding-left: 1.125rem;
}
-.c29 {
+.c30 {
padding-left: 1.125rem;
padding-right: 1.125rem;
padding-top: 1.125rem;
@@ -3599,24 +3609,24 @@ exports[`renders
without throwing 1`] = `
outline: 0.0625rem dotted ButtonText;
}
-.c44 {
+.c45 {
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;
}
-.c45 {
+.c46 {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
-.c46 {
+.c47 {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
-.c43 {
+.c44 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -3652,94 +3662,6 @@ exports[`renders
without throwing 1`] = `
display: inline-block;
}
-.c39 {
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- min-height: 3rem;
- height: 3rem;
- min-width: 7.5rem;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- 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);
-}
-
-.c39:focus {
- outline: 0;
- -webkit-text-decoration: none;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c39:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c39:active,
-.c39:active:hover,
-.c39:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c39[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c39:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c39:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c39:active,
-.c39:active:hover,
-.c39:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
.c40 {
box-sizing: border-box;
display: inline-block;
@@ -3761,7 +3683,6 @@ exports[`renders
without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -3778,10 +3699,9 @@ exports[`renders
without throwing 1`] = `
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);
+ color: rgb(70,70,70);
+ -webkit-text-fill-color: currentcolor;
+ background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
@@ -3813,18 +3733,106 @@ exports[`renders
without throwing 1`] = `
}
.c40:focus {
- background-color: rgb(250,250,250);
+ background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
.c40:hover {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
+ background-color: rgb(247,247,247);
+ border-color: rgb(216,216,216);
}
.c40:active,
.c40:active:hover,
.c40:active:focus {
+ background-color: rgb(230,230,230);
+ border-color: rgb(216,216,216);
+}
+
+.c41 {
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: 3rem;
+ height: 3rem;
+ min-width: 7.5rem;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ color: rgb(255,255,255);
+ -webkit-text-fill-color: currentcolor;
+ background-image: none;
+ background-color: rgb(59,70,204);
+ border-radius: 0.25rem;
+ border: solid 0.0625rem rgb(45,56,132);
+ cursor: not-allowed;
+ pointer-events: none;
+ color: rgb(216,216,216);
+ background-color: rgb(250,250,250);
+ border-color: rgb(216,216,216);
+}
+
+.c41:focus {
+ outline: 0;
+ -webkit-text-decoration: none;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c41:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c41:active,
+.c41:active:hover,
+.c41:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c41[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c41:focus {
+ background-color: rgb(250,250,250);
+ border-color: rgb(216,216,216);
+}
+
+.c41:hover {
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
+}
+
+.c41:active,
+.c41:active:hover,
+.c41:active:focus {
background-color: rgb(250,250,250);
border-color: rgb(250,250,250);
}
@@ -3850,7 +3858,6 @@ exports[`renders
without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -3928,7 +3935,7 @@ exports[`renders
without throwing 1`] = `
border-color: rgb(250,250,250);
}
-.c42 {
+.c43 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -3949,7 +3956,6 @@ exports[`renders
without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -3990,7 +3996,7 @@ exports[`renders
without throwing 1`] = `
float: right;
}
-.c42:focus {
+.c43:focus {
outline: 0;
-webkit-text-decoration: none;
text-decoration: none;
@@ -3998,74 +4004,74 @@ exports[`renders
without throwing 1`] = `
border-color: rgb(45,56,132);
}
-.c42:hover {
+.c43:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c42:active,
-.c42:active:hover,
-.c42:active:focus {
+.c43:active,
+.c43:active:hover,
+.c43:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c42[disabled] {
+.c43[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c42:focus {
+.c43:focus {
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
-.c42:hover {
+.c43:hover {
background-color: rgb(247,247,247);
border-color: rgb(216,216,216);
}
-.c42:active,
-.c42:active:hover,
-.c42:active:focus {
+.c43:active,
+.c43:active:hover,
+.c43:active:focus {
background-color: rgb(230,230,230);
border-color: rgb(216,216,216);
}
-.c42:focus {
+.c43:focus {
color: rgb(205,37,27);
background-color: rgb(255,255,255);
border-color: rgb(205,37,27);
}
-.c42:hover {
+.c43:hover {
color: rgb(205,37,27);
background-color: rgb(255,255,255);
border-color: rgb(205,37,27);
}
-.c42:active,
-.c42:active:hover,
-.c42:active:focus {
+.c43:active,
+.c43:active:hover,
+.c43:active:focus {
background-color: rgba(210,67,58,0.1);
border-color: rgb(205,37,27);
}
-.c42:focus {
+.c43:focus {
background-color: rgb(250,250,250);
border-color: rgb(216,216,216);
}
-.c42:hover {
+.c43:hover {
background-color: rgb(250,250,250);
border-color: rgb(250,250,250);
}
-.c42:active,
-.c42:active:hover,
-.c42:active:focus {
+.c43:active,
+.c43:active:hover,
+.c43:active:focus {
background-color: rgb(250,250,250);
border-color: rgb(250,250,250);
}
@@ -4104,7 +4110,7 @@ exports[`renders
without throwing 1`] = `
margin-left: -0.625rem;
}
-.c36 {
+.c37 {
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
@@ -4123,7 +4129,7 @@ exports[`renders
without throwing 1`] = `
margin-left: -0.625rem;
}
-.c34 {
+.c35 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
@@ -4133,7 +4139,7 @@ exports[`renders
without throwing 1`] = `
display: block;
}
-.c37 {
+.c38 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
@@ -4143,7 +4149,7 @@ exports[`renders
without throwing 1`] = `
display: block;
}
-.c41 {
+.c42 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
@@ -4160,7 +4166,7 @@ exports[`renders
without throwing 1`] = `
padding-bottom: 1.125rem;
}
-.c48 {
+.c49 {
margin: 0;
color: rgb(73,73,73);
font-weight: normal;
@@ -4207,7 +4213,7 @@ exports[`renders
without throwing 1`] = `
align-items: flex-end;
}
-.c23 {
+.c24 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -4235,7 +4241,7 @@ exports[`renders
without throwing 1`] = `
align-items: center;
}
-.c30 {
+.c31 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -4265,7 +4271,7 @@ exports[`renders
without throwing 1`] = `
align-content: stretch;
}
-.c31 {
+.c32 {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
@@ -4285,7 +4291,7 @@ exports[`renders
without throwing 1`] = `
flex-basis: auto;
}
-.c28 {
+.c29 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
@@ -4307,7 +4313,7 @@ exports[`renders
without throwing 1`] = `
border-color: rgb(216,216,216);
}
-.c17 {
+.c18 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
@@ -4331,7 +4337,7 @@ exports[`renders
without throwing 1`] = `
cursor: pointer;
}
-.c20 {
+.c21 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
@@ -4359,7 +4365,7 @@ exports[`renders
without throwing 1`] = `
flex: 0 0 2.875rem;
}
-.c27 {
+.c28 {
box-sizing: border-box;
display: -webkit-inline-box;
display: -webkit-inline-flex;
@@ -4375,7 +4381,7 @@ exports[`renders
without throwing 1`] = `
background-color: transparent;
}
-.c19 {
+.c20 {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
@@ -4387,7 +4393,7 @@ exports[`renders
without throwing 1`] = `
border-right: 0;
}
-.c25 {
+.c26 {
box-sizing: border-box;
min-height: 2.9375rem;
max-width: 100%;
@@ -4446,7 +4452,7 @@ exports[`renders
without throwing 1`] = `
float: right;
}
-.c32 {
+.c33 {
display: inline-block;
padding: 0;
border: none;
@@ -4526,7 +4532,11 @@ exports[`renders
without throwing 1`] = `
font-size: 0.8125rem;
}
-.c26 {
+.c17 {
+ margin-bottom: 0;
+}
+
+.c27 {
word-break: break-all;
line-height: 1.5;
white-space: nowrap;
@@ -4535,29 +4545,29 @@ exports[`renders
without throwing 1`] = `
display: block;
}
-.c18 {
+.c19 {
border-top: 0;
border-left: 0;
border-right: 0;
}
-.c38 {
+.c39 {
margin-right: 0.375rem;
}
-.c21 {
+.c22 {
word-wrap: break-word;
overflow-wrap: break-word;
width: 100%;
box-sizing: border-box;
}
-.c24 {
+.c25 {
height: 2.9375rem;
max-width: 98%;
}
-.c49 {
+.c50 {
margin: 0;
padding: 0;
display: -webkit-box;
@@ -4589,7 +4599,7 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c36 {
+ .c37 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
@@ -4598,7 +4608,7 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c36 {
+ .c37 {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
@@ -4607,7 +4617,7 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:48em) {
- .c34 {
+ .c35 {
-webkit-flex-basis: 58.333333333333336%;
-ms-flex-preferred-size: 58.333333333333336%;
flex-basis: 58.333333333333336%;
@@ -4616,7 +4626,7 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c37 {
+ .c38 {
-webkit-flex-basis: 58.333333333333336%;
-ms-flex-preferred-size: 58.333333333333336%;
flex-basis: 58.333333333333336%;
@@ -4625,7 +4635,7 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c41 {
+ .c42 {
-webkit-flex-basis: 41.66666666666667%;
-ms-flex-preferred-size: 41.66666666666667%;
flex-basis: 41.66666666666667%;
@@ -4724,32 +4734,33 @@ exports[`renders
without throwing 1`] = `
height="1.5rem"
/>
name1:
@@ -4780,65 +4791,67 @@ exports[`renders without throwing 1`] = `
@@ -4864,19 +4877,20 @@ exports[`renders
without throwing 1`] = `
@@ -4885,10 +4899,11 @@ exports[`renders without throwing 1`] = `
@@ -4897,40 +4912,41 @@ exports[`renders without throwing 1`] = `
without throwing 1`] = `
0
tag
@@ -4958,7 +4974,7 @@ exports[`renders without throwing 1`] = `
`;
@@ -5033,7 +5049,6 @@ exports[`renders
without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -5534,7 +5549,6 @@ exports[`renders
without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -5985,7 +5999,6 @@ exports[`renders
without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -6222,21 +6235,6 @@ exports[`renders
without throwing 1`] = `
}
.c21 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-flex: 1;
- -webkit-flex-grow: 1;
- -ms-flex-positive: 1;
- flex-grow: 1;
-}
-
-.c22 {
border: 0.0625rem solid rgb(216,216,216);
box-sizing: border-box;
border-radius: 0.125rem;
@@ -6395,47 +6393,35 @@ exports[`renders
without throwing 1`] = `
-
-
- name1: value1
-
-
+ name1: value1
+
-
-
- name2: value2
-
-
+ name2: value2
+
-
-
- name3: value3
-
-
+ name3: value3
+
diff --git a/consoles/my-joy-instances/src/containers/instances/firewall.js b/consoles/my-joy-instances/src/containers/instances/firewall.js
index eb872e3f..6d4c3615 100644
--- a/consoles/my-joy-instances/src/containers/instances/firewall.js
+++ b/consoles/my-joy-instances/src/containers/instances/firewall.js
@@ -1,12 +1,12 @@
/* eslint-disable camelcase */
-import React, { Fragment } from 'react';
+import React from 'react';
import intercept from 'apr-intercept';
import { connect } from 'react-redux';
import { compose, graphql } from 'react-apollo';
import ReduxForm from 'declarative-redux-form';
import { SubmissionError } from 'redux-form';
import { Margin } from 'styled-components-spacing';
-import remcalc from 'remcalc';
+import { default as Flex, FlexItem } from 'styled-flex-component';
import isBoolean from 'lodash.isboolean';
import get from 'lodash.get';
@@ -15,8 +15,7 @@ import {
Message,
MessageTitle,
MessageDescription,
- StatusLoader,
- Divider
+ StatusLoader
} from 'joyent-ui-toolkit';
import {
@@ -70,38 +69,37 @@ export const Firewall = ({
) : null}
-
- {props =>
- loading ? null : (
-
-
-
-
-
-
- )
- }
-
-
- {props =>
- !enabled || loading ? null : (
-
-
-
- )
- }
-
+
+
+
+ {props =>
+ loading ? null : (
+
+
+
+ )
+ }
+
+
+
+
+ {props =>
+ !enabled || loading ? null :
+ }
+
+
+
{!loading && !defaultRules.length && !tagRules.length ? (
diff --git a/consoles/my-joy-instances/src/containers/instances/list.js b/consoles/my-joy-instances/src/containers/instances/list.js
index 409b73ad..e00ae8de 100644
--- a/consoles/my-joy-instances/src/containers/instances/list.js
+++ b/consoles/my-joy-instances/src/containers/instances/list.js
@@ -259,8 +259,12 @@ export default compose(
const sortBy = get(values, 'instance-list-sort-by', 'name');
const sortOrder = get(values, 'instance-list-sort-order', 'asc');
+ console.log(index, filter);
// if user is searching something, get items that match that query
- const filtered = filter ? index.search(filter) : instances;
+ const filtered =
+ filter && index.list.length
+ ? index.list.filter(i => i.name.includes(filter))
+ : instances;
// from filtered instances, sort asc
// set's mutating flag
diff --git a/consoles/my-joy-instances/src/containers/instances/networks.js b/consoles/my-joy-instances/src/containers/instances/networks.js
index 55e132fb..bf284c14 100644
--- a/consoles/my-joy-instances/src/containers/instances/networks.js
+++ b/consoles/my-joy-instances/src/containers/instances/networks.js
@@ -37,7 +37,9 @@ export const Networks = ({
complete control over the network environment. Read more on fabrics.
-
Networks attached to this instance
+
+ Networks attached to this instance
+
{loading ?
: null}
{!loading && error && !networks.length ? (
@@ -79,14 +81,14 @@ export default compose(
}
}),
props: ({ data }) => {
+ console.log(data);
const { loading, error, variables } = data;
const { id } = variables;
- const machines = get(data, 'machines.results', []);
+ const machines = get(data, 'machine', []);
const instance = find(forceArray(machines), ['id', id]);
const values = get(instance, 'networks', []);
const networks = reverse(sortBy(values, 'public'));
-
return {
networks,
instance,
diff --git a/packages/icons/src/empty-state.js b/packages/icons/src/empty-state.js
new file mode 100644
index 00000000..f5e0e758
--- /dev/null
+++ b/packages/icons/src/empty-state.js
@@ -0,0 +1,126 @@
+import React from 'react';
+
+export default ({
+ fill = null,
+ light = false,
+ disabled = false,
+ colors = {},
+ ...rest
+}) => (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Empty-state-illustration
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+);
diff --git a/packages/icons/src/index.js b/packages/icons/src/index.js
index 6fa67379..88385213 100644
--- a/packages/icons/src/index.js
+++ b/packages/icons/src/index.js
@@ -12,6 +12,7 @@ export { default as Delete } from './delete';
export { default as Dot } from './dot';
export { default as Duplicate } from './duplicate';
export { default as Edit } from './edit';
+export { default as EmptyState } from './empty-state';
export { default as Fabric } from './fabric';
// export { default as Filter } from './filter';
export { default as Firewall } from './firewall';
diff --git a/packages/instance-steps/src/affinity/components.js b/packages/instance-steps/src/affinity/components.js
index 981b1c9b..75aec815 100644
--- a/packages/instance-steps/src/affinity/components.js
+++ b/packages/instance-steps/src/affinity/components.js
@@ -34,9 +34,19 @@ const Input = styled(BaseInput)`
const Values = touched => (
-
- equalling
- starting with
+
+
+ equalling
+
+
+ starting with
+
);
@@ -54,9 +64,14 @@ export const Rule = ({ valid, ...rule }) => (
touched={rule.conditional}
width={remcalc(86)}
embedded
+ id={'affinity-rule-0-select'}
>
- should
- must
+
+ should
+
+
+ must
+
@@ -70,9 +85,14 @@ export const Rule = ({ valid, ...rule }) => (
touched={rule.placement}
width={remcalc(100)}
embedded
+ id={'affinity-rule-1-select'}
>
-
the same
-
a different
+
+ the same
+
+
+ a different
+
@@ -82,21 +102,26 @@ export const Rule = ({ valid, ...rule }) => (
- instance name
- tag
+
+ instance name
+
+
+ tag
+
{Values(rule.pattern)}
-
+
handleChangeAddOpen(false)}
/>
@@ -169,7 +170,12 @@ const Affinity = ({
) : null}
{!addOpen && exitingRule ? (
-
+
Next
diff --git a/packages/instance-steps/src/cns/index.js b/packages/instance-steps/src/cns/index.js
index 3e204890..757e4fd7 100644
--- a/packages/instance-steps/src/cns/index.js
+++ b/packages/instance-steps/src/cns/index.js
@@ -83,7 +83,12 @@ const CnsContainer = ({
-
+
Next
diff --git a/packages/instance-steps/src/firewall/index.js b/packages/instance-steps/src/firewall/index.js
index 302593cb..330c53d9 100644
--- a/packages/instance-steps/src/firewall/index.js
+++ b/packages/instance-steps/src/firewall/index.js
@@ -5,6 +5,7 @@ import { compose, graphql } from 'react-apollo';
import { Link } from 'react-router-dom';
import ReduxForm from 'declarative-redux-form';
import { connect } from 'react-redux';
+import { change } from 'redux-form';
import get from 'lodash.get';
import forceArray from 'force-array';
@@ -39,6 +40,8 @@ const Firewall = ({
tagRules = [],
loading = false,
enabled = false,
+ showInactiveRules = null,
+ showInactive = false,
...props
}) => (
@@ -98,6 +101,15 @@ const Firewall = ({
can potentially affect your instance
+
+
+ View Inactive Rules
+
+
@@ -129,7 +141,12 @@ const Firewall = ({
) : null}
-
+
Next
@@ -142,7 +159,9 @@ const Firewall = ({
export default compose(
connect(({ form, values }, ownProps) => ({
...ownProps,
- enabled: get(form, `${IC_FW_F_ENABLED}.values.enabled`, false),
+ enabled:
+ console.log(form, values) ||
+ get(form, `${IC_FW_F_ENABLED}.values.enabled`, false),
showInactive: get(form, `${IC_FW_F_INACTIVE}.values.inactive`, false),
tags: get(values, IC_TAG_V_TAGS, [])
})),
@@ -184,5 +203,9 @@ export default compose(
handleGetValue: () => ({ enabled, defaultRules, tagRules })
};
}
- })
+ }),
+ connect(null, (dispatch, { ...args }) => ({
+ showInactiveRules: () =>
+ dispatch(change(IC_FW_F_INACTIVE, 'inactive', true))
+ }))
)(Firewall);
diff --git a/packages/instance-steps/src/image/components.js b/packages/instance-steps/src/image/components.js
index b107deeb..5d873ac4 100644
--- a/packages/instance-steps/src/image/components.js
+++ b/packages/instance-steps/src/image/components.js
@@ -137,12 +137,20 @@ export const ImageType = ({ setImageType, vms }) => (
- setImageType(true)}>
+ setImageType(true)}
+ >
Hardware virtual machine
- setImageType(false)}>
+ setImageType(false)}
+ >
Infrastructure container
diff --git a/packages/instance-steps/src/image/index.js b/packages/instance-steps/src/image/index.js
index 8ca449ad..d8bbd2c9 100644
--- a/packages/instance-steps/src/image/index.js
+++ b/packages/instance-steps/src/image/index.js
@@ -79,7 +79,12 @@ const Image = ({
onSelectLatest={handleSelectLatest}
/>
-
+
Next
diff --git a/packages/instance-steps/src/metadata/index.js b/packages/instance-steps/src/metadata/index.js
index a870944b..2f1f5613 100644
--- a/packages/instance-steps/src/metadata/index.js
+++ b/packages/instance-steps/src/metadata/index.js
@@ -89,6 +89,7 @@ const Metadata = ({
method="add"
input="textarea"
type="metadata"
+ id="metadata"
onCancel={() => handleChangeAddOpen(false)}
editor={Editor}
expanded
@@ -101,6 +102,7 @@ const Metadata = ({
handleChangeAddOpen(true)}
secondary
@@ -110,7 +112,12 @@ const Metadata = ({
-
+
Next
diff --git a/packages/instance-steps/src/name/index.js b/packages/instance-steps/src/name/index.js
index b5169d6a..bcb576c8 100644
--- a/packages/instance-steps/src/name/index.js
+++ b/packages/instance-steps/src/name/index.js
@@ -42,6 +42,10 @@ const RandomizeIcon = styled(BaseRandomizeIcon)`
width: ${remcalc(16)};
`;
+const Form = styled.form`
+ margin-bottom: 0;
+`;
+
const Name = ({
initialValues,
handleValidate,
@@ -79,8 +83,8 @@ const Name = ({
keepDirtyOnReinitialize
>
{props => (
-
-
+
+
Instance name
@@ -90,6 +94,7 @@ const Name = ({
-
+
Next
-
+
)}
diff --git a/packages/instance-steps/src/networks/index.js b/packages/instance-steps/src/networks/index.js
index 9003b6ca..6fee14a0 100644
--- a/packages/instance-steps/src/networks/index.js
+++ b/packages/instance-steps/src/networks/index.js
@@ -113,7 +113,12 @@ const Networks = ({
)}
-
+
Next
diff --git a/packages/instance-steps/src/package/components.js b/packages/instance-steps/src/package/components.js
index 9b257901..278ea7c8 100644
--- a/packages/instance-steps/src/package/components.js
+++ b/packages/instance-steps/src/package/components.js
@@ -32,6 +32,7 @@ import {
import { NoPackages } from 'joyent-logo-assets';
import { breakpoints } from 'joyent-ui-toolkit/dist/es/breakpoints/screens';
+import { EmptyState } from 'joyent-icons';
const GroupIcons = {
MEMORY: ,
@@ -461,7 +462,7 @@ export const Empty = ({ children, ...rest }) => (
-
+
{children}
diff --git a/packages/instance-steps/src/package/index.js b/packages/instance-steps/src/package/index.js
index 0184b211..94c663e1 100644
--- a/packages/instance-steps/src/package/index.js
+++ b/packages/instance-steps/src/package/index.js
@@ -124,7 +124,12 @@ const PackageComponent = ({
-
+
Next
diff --git a/packages/instance-steps/src/tags/index.js b/packages/instance-steps/src/tags/index.js
index db4527c8..6476ab5c 100644
--- a/packages/instance-steps/src/tags/index.js
+++ b/packages/instance-steps/src/tags/index.js
@@ -96,6 +96,7 @@ const TagsContainer = ({
name={name}
value={value}
onRemoveClick={() => handleRemoveTag(index)}
+ id={'tag-' + index}
/>
))}
@@ -119,6 +120,7 @@ const TagsContainer = ({
method="add"
input="input"
type="tag"
+ id="tag"
expanded
borderless
onCancel={() => handleChangeAddOpen(false)}
@@ -134,6 +136,7 @@ const TagsContainer = ({
handleChangeAddOpen(true)}
secondary
@@ -143,7 +146,12 @@ const TagsContainer = ({
-
+
Next
diff --git a/packages/instance-steps/src/user-script/components.js b/packages/instance-steps/src/user-script/components.js
index c4536c79..1fd1bdd4 100644
--- a/packages/instance-steps/src/user-script/components.js
+++ b/packages/instance-steps/src/user-script/components.js
@@ -17,7 +17,7 @@ class EditorField extends PureComponent {
export default () => (
-
+
diff --git a/packages/instance-steps/src/user-script/index.js b/packages/instance-steps/src/user-script/index.js
index 627c42fb..7cd7abda 100644
--- a/packages/instance-steps/src/user-script/index.js
+++ b/packages/instance-steps/src/user-script/index.js
@@ -54,7 +54,12 @@ const UserScript = ({
-
+
Next
diff --git a/packages/logos/assets/empty-state.svg b/packages/logos/assets/empty-state.svg
new file mode 100644
index 00000000..96fe5421
--- /dev/null
+++ b/packages/logos/assets/empty-state.svg
@@ -0,0 +1 @@
+Empty-state-illustration
\ No newline at end of file
diff --git a/packages/resource-step/src/index.js b/packages/resource-step/src/index.js
index 6acbb833..cc583d1e 100644
--- a/packages/resource-step/src/index.js
+++ b/packages/resource-step/src/index.js
@@ -46,46 +46,42 @@ export const Header = ({ icon = null, children }) => (
- {icon}
-
+ {icon}
{children}
-
-
-
-
-
-
- {expanded ? 'Save and Collase' : 'Expand'}
-
-
-
-
+ {/* improve this */}
+ {optional ? (
+
+
+
+
-
-
-
+
+
+ Optional
+
+
+ ) : null}
- {isValid && !expanded && saved ? (
-
-
-
- ) : null}
- {/* improve this */}
- {!saved && optional ? (
-
- Optional
-
- ) : null}
+
+
+
+ {expanded ? 'Save and Collapse' : 'Edit'}
+
+
+
+
+
+
+
+
{!expanded && !isValid ? (
@@ -93,7 +89,7 @@ export const Header = ({ icon = null, children }) => (
) : null}
{expanded || saved ? (
-
+
) : null}
@@ -172,7 +168,7 @@ export default class Step extends PureComponent {
>
- {children}
+ {children}
diff --git a/packages/resource-widgets/src/__tests__/__snapshots__/cns.spec.js.snap b/packages/resource-widgets/src/__tests__/__snapshots__/cns.spec.js.snap
index 20099da2..52791ed6 100644
--- a/packages/resource-widgets/src/__tests__/__snapshots__/cns.spec.js.snap
+++ b/packages/resource-widgets/src/__tests__/__snapshots__/cns.spec.js.snap
@@ -1,15 +1,19 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders without throwing 1`] = `
-.c6 {
- margin-top: 0.1875rem;
+.c0 {
+ margin-bottom: 1.125rem;
}
.c8 {
+ margin-top: 0.1875rem;
+}
+
+.c10 {
margin-left: 0.75rem;
}
-.c0 {
+.c2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -36,7 +40,7 @@ exports[`renders without throwing 1`] = `
align-items: flex-end;
}
-.c2 {
+.c4 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -56,7 +60,7 @@ exports[`renders without throwing 1`] = `
align-content: stretch;
}
-.c1 {
+.c3 {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
@@ -73,7 +77,7 @@ exports[`renders without throwing 1`] = `
display: block;
}
-.c12 {
+.c14 {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
@@ -85,30 +89,30 @@ exports[`renders without throwing 1`] = `
appearance: button;
}
-.c12::-moz-focus-inner,
-.c12[type='button']::-moz-focus-inner,
-.c12[type='reset']::-moz-focus-inner,
-.c12[type='submit']::-moz-focus-inner {
+.c14::-moz-focus-inner,
+.c14[type='button']::-moz-focus-inner,
+.c14[type='reset']::-moz-focus-inner,
+.c14[type='submit']::-moz-focus-inner {
border-style: none;
padding: 0;
}
-.c12:-moz-focusring,
-.c12[type='button']:-moz-focusring,
-.c12[type='reset']:-moz-focusring,
-.c12[type='submit']:-moz-focusring {
+.c14:-moz-focusring,
+.c14[type='button']:-moz-focusring,
+.c14[type='reset']:-moz-focusring,
+.c14[type='submit']:-moz-focusring {
outline: 0.0625rem dotted ButtonText;
}
-.c11 {
+.c13 {
min-width: 7.5rem;
}
-.c10 {
+.c12 {
display: inline-block;
}
-.c9 {
+.c11 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -129,7 +133,6 @@ exports[`renders without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -148,7 +151,7 @@ exports[`renders without throwing 1`] = `
border: solid 0.0625rem rgb(45,56,132);
}
-.c9:focus {
+.c11:focus {
outline: 0;
-webkit-text-decoration: none;
text-decoration: none;
@@ -156,26 +159,26 @@ exports[`renders without throwing 1`] = `
border-color: rgb(45,56,132);
}
-.c9:hover {
+.c11:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c9:active,
-.c9:active:hover,
-.c9:active:focus {
+.c11:active,
+.c11:active:hover,
+.c11:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c9[disabled] {
+.c11[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c5 {
+.c7 {
font-size: 0.9375rem;
line-height: 1.125rem;
font-style: normal;
@@ -185,7 +188,7 @@ exports[`renders without throwing 1`] = `
text-align: left;
}
-.c3 {
+.c5 {
display: inline-block;
padding: 0;
border: none;
@@ -197,7 +200,7 @@ exports[`renders without throwing 1`] = `
-webkit-padding-after: 0;
}
-.c7 {
+.c9 {
box-sizing: border-box;
width: 18.75rem;
height: 3rem;
@@ -219,121 +222,134 @@ exports[`renders without throwing 1`] = `
text-overflow: ellipsis;
}
-.c7:focus {
+.c9:focus {
border-color: rgb(59,70,204);
outline: 0;
}
-.c7::-webkit-input-placeholder {
+.c9::-webkit-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c7::-moz-placeholder {
+.c9::-moz-placeholder {
color: rgba(73,73,73,0.5);
}
-.c7:-ms-input-placeholder {
+.c9:-ms-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c7:invalid {
+.c9:invalid {
box-shadow: none;
}
-.c7:disabled {
+.c9:disabled {
background-color: rgb(250,250,250);
color: rgb(216,216,216);
cursor: not-allowed;
}
-.c7:disabled::-webkit-input-placeholder {
+.c9:disabled::-webkit-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c7:disabled::-moz-placeholder {
+.c9:disabled::-moz-placeholder {
color: rgba(73,73,73,0.5);
}
-.c7:disabled:-ms-input-placeholder {
+.c9:disabled:-ms-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c4 {
+.c6 {
font-weight: 600;
white-space: pre;
font-size: 0.8125rem;
}
-
-
-
- Attach to new CNS service name
-
-
-
-
-
+
+
`;
exports[`renders
without throwing 1`] = `
-.c6 {
- margin-top: 0.1875rem;
+.c0 {
+ margin-bottom: 1.125rem;
}
.c8 {
+ margin-top: 0.1875rem;
+}
+
+.c10 {
margin-left: 0.75rem;
}
-.c0 {
+.c2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -360,7 +376,7 @@ exports[`renders
without throwing 1`] = `
align-items: flex-end;
}
-.c2 {
+.c4 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -380,7 +396,7 @@ exports[`renders
without throwing 1`] = `
align-content: stretch;
}
-.c1 {
+.c3 {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
@@ -397,7 +413,7 @@ exports[`renders
without throwing 1`] = `
display: block;
}
-.c12 {
+.c14 {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
@@ -409,30 +425,30 @@ exports[`renders
without throwing 1`] = `
appearance: button;
}
-.c12::-moz-focus-inner,
-.c12[type='button']::-moz-focus-inner,
-.c12[type='reset']::-moz-focus-inner,
-.c12[type='submit']::-moz-focus-inner {
+.c14::-moz-focus-inner,
+.c14[type='button']::-moz-focus-inner,
+.c14[type='reset']::-moz-focus-inner,
+.c14[type='submit']::-moz-focus-inner {
border-style: none;
padding: 0;
}
-.c12:-moz-focusring,
-.c12[type='button']:-moz-focusring,
-.c12[type='reset']:-moz-focusring,
-.c12[type='submit']:-moz-focusring {
+.c14:-moz-focusring,
+.c14[type='button']:-moz-focusring,
+.c14[type='reset']:-moz-focusring,
+.c14[type='submit']:-moz-focusring {
outline: 0.0625rem dotted ButtonText;
}
-.c11 {
+.c13 {
min-width: 7.5rem;
}
-.c10 {
+.c12 {
display: inline-block;
}
-.c9 {
+.c11 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -453,7 +469,6 @@ exports[`renders
without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -472,7 +487,7 @@ exports[`renders
without throwing 1`] = `
border: solid 0.0625rem rgb(45,56,132);
}
-.c9:focus {
+.c11:focus {
outline: 0;
-webkit-text-decoration: none;
text-decoration: none;
@@ -480,26 +495,26 @@ exports[`renders
without throwing 1`] = `
border-color: rgb(45,56,132);
}
-.c9:hover {
+.c11:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c9:active,
-.c9:active:hover,
-.c9:active:focus {
+.c11:active,
+.c11:active:hover,
+.c11:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c9[disabled] {
+.c11[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c5 {
+.c7 {
font-size: 0.9375rem;
line-height: 1.125rem;
font-style: normal;
@@ -509,7 +524,7 @@ exports[`renders
without throwing 1`] = `
text-align: left;
}
-.c3 {
+.c5 {
display: inline-block;
padding: 0;
border: none;
@@ -521,7 +536,7 @@ exports[`renders
without throwing 1`] = `
-webkit-padding-after: 0;
}
-.c7 {
+.c9 {
box-sizing: border-box;
width: 18.75rem;
height: 3rem;
@@ -543,109 +558,118 @@ exports[`renders
without throwing 1`] = `
text-overflow: ellipsis;
}
-.c7:focus {
+.c9:focus {
border-color: rgb(59,70,204);
outline: 0;
}
-.c7::-webkit-input-placeholder {
+.c9::-webkit-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c7::-moz-placeholder {
+.c9::-moz-placeholder {
color: rgba(73,73,73,0.5);
}
-.c7:-ms-input-placeholder {
+.c9:-ms-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c7:invalid {
+.c9:invalid {
box-shadow: none;
}
-.c7:disabled {
+.c9:disabled {
background-color: rgb(250,250,250);
color: rgb(216,216,216);
cursor: not-allowed;
}
-.c7:disabled::-webkit-input-placeholder {
+.c9:disabled::-webkit-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c7:disabled::-moz-placeholder {
+.c9:disabled::-moz-placeholder {
color: rgba(73,73,73,0.5);
}
-.c7:disabled:-ms-input-placeholder {
+.c9:disabled:-ms-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c4 {
+.c6 {
font-weight: 600;
white-space: pre;
font-size: 0.8125rem;
}
-
-
-
- Attach to new CNS service name
-
-
-
-
-
+
+
`;
exports[`renders
without throwing 1`] = `
@@ -824,14 +848,14 @@ exports[`renders
without throwing 1`] = `
`;
exports[`renders
without throwing 1`] = `
-.c10 {
- margin-top: 0.1875rem;
-}
-
.c0 {
margin-bottom: 1.125rem;
}
+.c10 {
+ margin-top: 0.1875rem;
+}
+
.c6 {
margin-right: 0.375rem;
margin-bottom: 0.1875rem;
diff --git a/packages/resource-widgets/src/__tests__/__snapshots__/firewall.spec.js.snap b/packages/resource-widgets/src/__tests__/__snapshots__/firewall.spec.js.snap
index 6de8eca6..a455292f 100644
--- a/packages/resource-widgets/src/__tests__/__snapshots__/firewall.spec.js.snap
+++ b/packages/resource-widgets/src/__tests__/__snapshots__/firewall.spec.js.snap
@@ -96,11 +96,6 @@ Array [
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
- width: 100%;
- height: 100%;
- -webkit-flex-basis: 100%;
- -ms-flex-preferred-size: 100%;
- flex-basis: 100%;
}
.c10 {
@@ -246,21 +241,6 @@ Array [
}
.c17 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-flex: 1;
- -webkit-flex-grow: 1;
- -ms-flex-positive: 1;
- flex-grow: 1;
-}
-
-.c18 {
border: 0.0625rem solid rgb(216,216,216);
box-sizing: border-box;
border-radius: 0.125rem;
@@ -1274,21 +1254,17 @@ Array [
-
-
-
+ fill={null}
+ name="wat"
+ style={
+ Object {
+ "color": "#D8D8D8",
+ }
+ }
+ value=""
+ />
@@ -1468,11 +1444,6 @@ Array [
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
- width: 100%;
- height: 100%;
- -webkit-flex-basis: 100%;
- -ms-flex-preferred-size: 100%;
- flex-basis: 100%;
}
.c9 {
@@ -1871,11 +1842,6 @@ Array [
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
- width: 100%;
- height: 100%;
- -webkit-flex-basis: 100%;
- -ms-flex-preferred-size: 100%;
- flex-basis: 100%;
}
.c9 {
@@ -2274,11 +2240,6 @@ Array [
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
- width: 100%;
- height: 100%;
- -webkit-flex-basis: 100%;
- -ms-flex-preferred-size: 100%;
- flex-basis: 100%;
}
.c9 {
@@ -2681,11 +2642,6 @@ Array [
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
- width: 100%;
- height: 100%;
- -webkit-flex-basis: 100%;
- -ms-flex-preferred-size: 100%;
- flex-basis: 100%;
}
.c9 {
@@ -3092,11 +3048,6 @@ Array [
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
- width: 100%;
- height: 100%;
- -webkit-flex-basis: 100%;
- -ms-flex-preferred-size: 100%;
- flex-basis: 100%;
}
.c9 {
@@ -3169,7 +3120,7 @@ Array [
display: block;
}
-.c15 {
+.c14 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
@@ -3220,21 +3171,6 @@ Array [
}
.c13 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-flex: 1;
- -webkit-flex-grow: 1;
- -ms-flex-positive: 1;
- flex-grow: 1;
-}
-
-.c14 {
border: 0.0625rem solid rgb(216,216,216);
box-sizing: border-box;
border-radius: 0.125rem;
@@ -3278,7 +3214,7 @@ Array [
}
@media only screen and (min-width:0em) {
- .c15 {
+ .c14 {
-webkit-flex-basis: 16.666666666666668%;
-ms-flex-preferred-size: 16.666666666666668%;
flex-basis: 16.666666666666668%;
@@ -3373,28 +3309,24 @@ Array [
-
-
-
+ fill={null}
+ name="wat"
+ style={
+ Object {
+ "color": "#D8D8D8",
+ }
+ }
+ value=""
+ />
-
-
-
+ fill={null}
+ name="wat"
+ style={
+ Object {
+ "color": "#D8D8D8",
+ }
+ }
+ value=""
+ />
@@ -5146,6 +5054,7 @@ exports[`renders
without throwing 1`] = `
>
without throwing 1`] = `
checked={false}
className="c3"
disabled={false}
- id="k"
+ id="fw-toggle-firewall"
onBlur={undefined}
type="checkbox"
>
@@ -5179,7 +5088,7 @@ exports[`renders
without throwing 1`] = `
checked={false}
className="c7"
disabled={false}
- id="k"
+ id="fw-toggle-firewall"
onBlur={undefined}
>
without throwing 1`] = `
>
without throwing 1`] = `
checked={false}
className="c3"
disabled={true}
- id="m"
+ id="fw-toggle-firewall"
onBlur={undefined}
type="checkbox"
>
@@ -5433,7 +5343,7 @@ exports[`renders
without throwing 1`] = `
checked={false}
className="c7"
disabled={true}
- id="m"
+ id="fw-toggle-firewall"
onBlur={undefined}
>
without throwing 1`] = `
>
without throwing 1`] = `
checked={false}
className="c3"
disabled={false}
- id="o"
+ id="fw-toggle-inactive"
onBlur={undefined}
type="checkbox"
>
@@ -5686,7 +5597,7 @@ exports[`renders
without throwing 1`] = `
checked={false}
className="c7"
disabled={false}
- id="o"
+ id="fw-toggle-inactive"
onBlur={undefined}
>
without throwing 1`] = `
>
without throwing 1`] = `
checked={false}
className="c10"
disabled={false}
- id="l"
+ id="network-checkbox-"
onBlur={undefined}
type="checkbox"
>
@@ -1389,6 +1390,7 @@ exports[`renders
without throwing 1`] = `
>
without throwing 1`] = `
checked={false}
className="c10"
disabled={false}
- id="n"
+ id="network-checkbox-name"
onBlur={undefined}
type="checkbox"
>
@@ -2312,6 +2314,7 @@ exports[`renders
without throwing 3`] = `
>
without throwing 3`] = `
checked={false}
className="c10"
disabled={false}
- id="p"
+ id="network-checkbox-name"
onBlur={undefined}
type="checkbox"
>
@@ -3285,6 +3288,7 @@ exports[`renders
without throwing 1`] = `
>
without throwing 1`] = `
checked={false}
className="c10"
disabled={false}
- id="t"
+ id="network-checkbox-name"
onBlur={undefined}
type="checkbox"
>
@@ -4533,6 +4537,7 @@ exports[`renders
without throwing 1`] = `
>
without throwing 1`] = `
checked={false}
className="c10"
disabled={false}
- id="v"
+ id="network-checkbox-name"
onBlur={undefined}
type="checkbox"
>
@@ -5744,6 +5749,7 @@ exports[`renders
without throwing 1`] = `
>
without throwing 1`] = `
checked={false}
className="c10"
disabled={false}
- id="r"
+ id="network-checkbox-name"
onBlur={undefined}
type="checkbox"
>
diff --git a/packages/resource-widgets/src/cns/index.js b/packages/resource-widgets/src/cns/index.js
index 2cdc6c32..0e7defe3 100644
--- a/packages/resource-widgets/src/cns/index.js
+++ b/packages/resource-widgets/src/cns/index.js
@@ -9,7 +9,7 @@ import {
P as BaseP,
H3 as BaseH3,
Divider,
- TagList,
+ TagList as BaseTagList,
Input,
Toggle as BaseToggle,
Small,
@@ -23,6 +23,10 @@ import {
TagItem
} from 'joyent-ui-toolkit';
+const TagList = styled(BaseTagList)`
+ margin-bottom: ${remcalc(-6)};
+`;
+
const SmallBordered = styled(Small)`
padding-right: ${remcalc(12)};
margin-right: ${remcalc(12)};
@@ -46,6 +50,10 @@ const ShortDivider = styled(Divider)`
margin-right: 0;
`;
+const Form = styled.form`
+ margin-bottom: 0;
+`;
+
export const Header = () => (
CNS Default Hostnames
@@ -95,38 +103,40 @@ export const AddServiceForm = ({
pristine,
invalid
}) => (
-
-
-
-
-
- Attach to new CNS service name
-
-
-
-
-
-
-
-
-
-
- Add
-
-
-
-
-
+
+
+
+
+
+
+ Attach to new CNS service name
+
+
+
+
+
+
+
+
+
+
+ Add
+
+
+
+
+
+
);
export const Hostname = ({
@@ -195,28 +205,31 @@ const CnsHostnames = ({
}) => (
+ {children}
{services.length ? (
Existing CNS service name(s)
- {services.map(value => (
- onRemoveService(value))
- }
- >
- {value}
-
+ {services.map((value, index) => (
+
+ onRemoveService(value))
+ }
+ id={'cns-tag-' + index}
+ >
+ {value}
+
+
))}
) : null}
- {children}
{hostnames.length &&
hostnames.filter(({ values }) => values.length).length ? (
diff --git a/packages/resource-widgets/src/empty/index.js b/packages/resource-widgets/src/empty/index.js
index 7d101792..7dc51012 100644
--- a/packages/resource-widgets/src/empty/index.js
+++ b/packages/resource-widgets/src/empty/index.js
@@ -6,7 +6,7 @@ import is, { isNot } from 'styled-is';
import remcalc from 'remcalc';
import { H3, Card } from 'joyent-ui-toolkit';
-import { NoPackages } from 'joyent-logo-assets';
+import { EmptyState } from 'joyent-icons';
const NoPackagesTitle = styled(H3)`
color: ${props => props.theme.greyDark};
@@ -28,7 +28,7 @@ export default ({ children, ...rest }) => (
-
+
{children}
diff --git a/packages/resource-widgets/src/firewall/index.js b/packages/resource-widgets/src/firewall/index.js
index fc573d8f..35b79c95 100644
--- a/packages/resource-widgets/src/firewall/index.js
+++ b/packages/resource-widgets/src/firewall/index.js
@@ -76,7 +76,7 @@ const Rule = ({ enabled, rule_obj }) => {
-
+
From:
@@ -86,7 +86,7 @@ const Rule = ({ enabled, rule_obj }) => {
-
+
To:
@@ -96,7 +96,7 @@ const Rule = ({ enabled, rule_obj }) => {
-
+
Protocol:
@@ -108,7 +108,7 @@ const Rule = ({ enabled, rule_obj }) => {
-
+
Ports:
@@ -120,7 +120,7 @@ const Rule = ({ enabled, rule_obj }) => {
-
+
Action:
@@ -177,7 +177,12 @@ export const ToggleFirewallForm = ({
return (
-
+
@@ -192,7 +197,12 @@ export const ToggleFirewallForm = ({
export const ToggleInactiveForm = () => (
-
+
diff --git a/packages/resource-widgets/src/network/index.js b/packages/resource-widgets/src/network/index.js
index 984befb9..4405035a 100644
--- a/packages/resource-widgets/src/network/index.js
+++ b/packages/resource-widgets/src/network/index.js
@@ -7,6 +7,7 @@ import styled from 'styled-components';
import Flex, { FlexItem } from 'styled-flex-component';
import remcalc from 'remcalc';
import { isNot } from 'styled-is';
+import paramCase from 'param-case';
import {
H4,
@@ -121,7 +122,11 @@ export const Expanded = ({
{readOnly ? null : (
-
+
diff --git a/packages/ui-toolkit/src/base/global.js b/packages/ui-toolkit/src/base/global.js
index 7586c71e..fa4de3b6 100644
--- a/packages/ui-toolkit/src/base/global.js
+++ b/packages/ui-toolkit/src/base/global.js
@@ -26,6 +26,7 @@ export default ({ theme }) => css`
padding: 0;
background: ${theme.background};
color: ${theme.text};
+ -webkit-font-smoothing: antialiased;
}
html,
diff --git a/packages/ui-toolkit/src/button/__tests___/__snapshots__/button.spec.js.snap b/packages/ui-toolkit/src/button/__tests___/__snapshots__/button.spec.js.snap
index 66e0a6f5..9c704622 100644
--- a/packages/ui-toolkit/src/button/__tests___/__snapshots__/button.spec.js.snap
+++ b/packages/ui-toolkit/src/button/__tests___/__snapshots__/button.spec.js.snap
@@ -46,7 +46,6 @@ exports[`Button Default Button 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -155,7 +154,6 @@ exports[`Button Disabled Button 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -279,7 +277,6 @@ exports[`Button Error Button 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -411,7 +408,6 @@ exports[`Button Loading Button 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -537,7 +533,6 @@ exports[`Button Secondary Button 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
diff --git a/packages/ui-toolkit/src/button/group.js b/packages/ui-toolkit/src/button/group.js
index 087ce293..24beae84 100644
--- a/packages/ui-toolkit/src/button/group.js
+++ b/packages/ui-toolkit/src/button/group.js
@@ -6,6 +6,7 @@ export default styled.span`
& [data-ui-button='true']:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
+ border-left: none;
}
& [data-ui-button='true']:not(:last-child) {
diff --git a/packages/ui-toolkit/src/button/index.js b/packages/ui-toolkit/src/button/index.js
index a2d940f1..def39919 100644
--- a/packages/ui-toolkit/src/button/index.js
+++ b/packages/ui-toolkit/src/button/index.js
@@ -87,7 +87,6 @@ const Button = styled(BaseButton)`
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
letter-spacing: normal;
text-decoration: none;
diff --git a/packages/ui-toolkit/src/footer/sticky-footer.js b/packages/ui-toolkit/src/footer/sticky-footer.js
index 705d74ab..b8f1c7fe 100644
--- a/packages/ui-toolkit/src/footer/sticky-footer.js
+++ b/packages/ui-toolkit/src/footer/sticky-footer.js
@@ -19,7 +19,8 @@ const Footer = styled.div`
flex-wrap: nowrap;
align-content: stretch;
align-items: stretch;
- background-color: rgba(241, 241, 241, 1);
+ background-color: ${props =>
+ props.fill ? props => props.fill : 'rgba(241, 241, 241, 1)'};
border-top: ${remcalc(1)} solid ${props => props.theme.grey};
max-height: ${remcalc(53)};
min-height: ${remcalc(53)};
diff --git a/packages/ui-toolkit/src/form/copiable-field.js b/packages/ui-toolkit/src/form/copiable-field.js
index 2f82bbcd..4f44afae 100644
--- a/packages/ui-toolkit/src/form/copiable-field.js
+++ b/packages/ui-toolkit/src/form/copiable-field.js
@@ -8,7 +8,7 @@ import { Margin } from 'styled-components-spacing';
import { FormLabel, Input } from '..';
import {
- default as Tooltip,
+ default as BaseTooltip,
Container as TooltipContainer,
Target as TooltipTarget
} from '../tooltip';
@@ -29,6 +29,10 @@ const InputIconWrapper = styled.div`
}
`;
+const Tooltip = styled(BaseTooltip)`
+ top: ${remcalc(-6)} !important;
+`;
+
const ClipboardIconActionable = styled(Clipboard)`
cursor: pointer;
`;
diff --git a/packages/ui-toolkit/src/key-value/__tests__/__snapshots__/key-value.spec.js.snap b/packages/ui-toolkit/src/key-value/__tests__/__snapshots__/key-value.spec.js.snap
index ca9be177..571c51b1 100644
--- a/packages/ui-toolkit/src/key-value/__tests__/__snapshots__/key-value.spec.js.snap
+++ b/packages/ui-toolkit/src/key-value/__tests__/__snapshots__/key-value.spec.js.snap
@@ -1,94 +1,74 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders without throwing 1`] = `
-.c18 {
+.c19 {
margin-top: 0.1875rem;
margin-right: 1.125rem;
}
-.c22 {
+.c23 {
margin-top: 0.1875rem;
}
-.c23 {
+.c24 {
margin-top: 0.75rem;
}
-.c34 {
+.c35 {
margin-right: 0.75rem;
}
-.c5 {
+.c6 {
padding-right: 1.125rem;
padding-left: 1.125rem;
}
-.c12 {
+.c13 {
padding-left: 1.125rem;
padding-right: 1.125rem;
padding-top: 1.125rem;
padding-bottom: 1.125rem;
}
-.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;
+ 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;
- -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;
}
-.c32 {
+.c22 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
@@ -98,7 +78,27 @@ exports[`renders without throwing 1`] = `
display: block;
}
-.c6 {
+.c26 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c33 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c7 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -126,7 +126,7 @@ exports[`renders without throwing 1`] = `
align-items: center;
}
-.c13 {
+.c14 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -156,7 +156,7 @@ exports[`renders without throwing 1`] = `
align-content: stretch;
}
-.c14 {
+.c15 {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
@@ -176,7 +176,7 @@ exports[`renders without throwing 1`] = `
flex-basis: auto;
}
-.c30 {
+.c31 {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
@@ -188,22 +188,22 @@ exports[`renders without throwing 1`] = `
appearance: button;
}
-.c30::-moz-focus-inner,
-.c30[type='button']::-moz-focus-inner,
-.c30[type='reset']::-moz-focus-inner,
-.c30[type='submit']::-moz-focus-inner {
+.c31::-moz-focus-inner,
+.c31[type='button']::-moz-focus-inner,
+.c31[type='reset']::-moz-focus-inner,
+.c31[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 {
+.c31:-moz-focusring,
+.c31[type='button']:-moz-focusring,
+.c31[type='reset']:-moz-focusring,
+.c31[type='submit']:-moz-focusring {
outline: 0.0625rem dotted ButtonText;
}
-.c9 {
+.c10 {
margin: 0;
color: rgb(73,73,73);
font-weight: 600;
@@ -211,7 +211,7 @@ exports[`renders without throwing 1`] = `
font-size: 0.9375rem;
}
-.c0 {
+.c1 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
@@ -234,7 +234,7 @@ exports[`renders without throwing 1`] = `
box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
}
-.c3 {
+.c4 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
@@ -261,7 +261,7 @@ exports[`renders without throwing 1`] = `
flex: 0 0 2.875rem;
}
-.c11 {
+.c12 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
@@ -283,7 +283,7 @@ exports[`renders without throwing 1`] = `
border-color: rgb(216,216,216);
}
-.c10 {
+.c11 {
box-sizing: border-box;
display: -webkit-inline-box;
display: -webkit-inline-flex;
@@ -299,7 +299,7 @@ exports[`renders without throwing 1`] = `
background-color: transparent;
}
-.c2 {
+.c3 {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
@@ -311,7 +311,7 @@ exports[`renders without throwing 1`] = `
border-right: 0;
}
-.c8 {
+.c9 {
box-sizing: border-box;
min-height: 2.9375rem;
max-width: 100%;
@@ -345,7 +345,7 @@ exports[`renders without throwing 1`] = `
color: inherit;
}
-.c15 {
+.c16 {
display: inline-block;
padding: 0;
border: none;
@@ -358,7 +358,7 @@ exports[`renders without throwing 1`] = `
width: 100%;
}
-.c19 {
+.c20 {
box-sizing: border-box;
width: 18.75rem;
height: 3rem;
@@ -380,46 +380,46 @@ exports[`renders without throwing 1`] = `
text-overflow: ellipsis;
}
-.c19:focus {
+.c20:focus {
border-color: rgb(59,70,204);
outline: 0;
}
-.c19::-webkit-input-placeholder {
+.c20::-webkit-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c19::-moz-placeholder {
+.c20::-moz-placeholder {
color: rgba(73,73,73,0.5);
}
-.c19:-ms-input-placeholder {
+.c20:-ms-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c19:invalid {
+.c20:invalid {
box-shadow: none;
}
-.c19:disabled {
+.c20:disabled {
background-color: rgb(250,250,250);
color: rgb(216,216,216);
cursor: not-allowed;
}
-.c19:disabled::-webkit-input-placeholder {
+.c20:disabled::-webkit-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c19:disabled::-moz-placeholder {
+.c20:disabled::-moz-placeholder {
color: rgba(73,73,73,0.5);
}
-.c19:disabled:-ms-input-placeholder {
+.c20:disabled:-ms-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c17 {
+.c18 {
font-size: 0.9375rem;
line-height: 1.125rem;
font-style: normal;
@@ -429,21 +429,21 @@ exports[`renders without throwing 1`] = `
text-align: left;
}
-.c16 {
+.c17 {
font-weight: 600;
white-space: pre;
font-size: 0.8125rem;
}
-.c29 {
+.c30 {
min-width: 7.5rem;
}
-.c28 {
+.c29 {
display: inline-block;
}
-.c27 {
+.c28 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -464,7 +464,6 @@ exports[`renders without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -487,7 +486,7 @@ exports[`renders without throwing 1`] = `
border-color: rgb(216,216,216);
}
-.c27:focus {
+.c28:focus {
outline: 0;
-webkit-text-decoration: none;
text-decoration: none;
@@ -495,43 +494,43 @@ exports[`renders without throwing 1`] = `
border-color: rgb(45,56,132);
}
-.c27:hover {
+.c28:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c27:active,
-.c27:active:hover,
-.c27:active:focus {
+.c28:active,
+.c28:active:hover,
+.c28:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c27[disabled] {
+.c28[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c27:focus {
+.c28:focus {
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
-.c27:hover {
+.c28:hover {
background-color: rgb(247,247,247);
border-color: rgb(216,216,216);
}
-.c27:active,
-.c27:active:hover,
-.c27:active:focus {
+.c28:active,
+.c28:active:hover,
+.c28:active:focus {
background-color: rgb(230,230,230);
border-color: rgb(216,216,216);
}
-.c31 {
+.c32 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -552,7 +551,6 @@ exports[`renders without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -576,7 +574,7 @@ exports[`renders without throwing 1`] = `
border-color: rgb(216,216,216);
}
-.c31:focus {
+.c32:focus {
outline: 0;
-webkit-text-decoration: none;
text-decoration: none;
@@ -584,43 +582,43 @@ exports[`renders without throwing 1`] = `
border-color: rgb(45,56,132);
}
-.c31:hover {
+.c32:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
+.c32:active,
+.c32:active:hover,
+.c32:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c31[disabled] {
+.c32[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c31:focus {
+.c32:focus {
background-color: rgb(250,250,250);
border-color: rgb(216,216,216);
}
-.c31:hover {
+.c32:hover {
background-color: rgb(250,250,250);
border-color: rgb(250,250,250);
}
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
+.c32:active,
+.c32:active:hover,
+.c32:active:focus {
background-color: rgb(250,250,250);
border-color: rgb(250,250,250);
}
-.c33 {
+.c34 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -641,7 +639,6 @@ exports[`renders without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -677,7 +674,7 @@ exports[`renders without throwing 1`] = `
float: right;
}
-.c33:focus {
+.c34:focus {
outline: 0;
-webkit-text-decoration: none;
text-decoration: none;
@@ -685,85 +682,89 @@ exports[`renders without throwing 1`] = `
border-color: rgb(45,56,132);
}
-.c33:hover {
+.c34:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c33:active,
-.c33:active:hover,
-.c33:active:focus {
+.c34:active,
+.c34:active:hover,
+.c34:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c33[disabled] {
+.c34[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c33:focus {
+.c34:focus {
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
-.c33:hover {
+.c34:hover {
background-color: rgb(247,247,247);
border-color: rgb(216,216,216);
}
-.c33:active,
-.c33:active:hover,
-.c33:active:focus {
+.c34:active,
+.c34:active:hover,
+.c34:active:focus {
background-color: rgb(230,230,230);
border-color: rgb(216,216,216);
}
-.c33:focus {
+.c34:focus {
color: rgb(205,37,27);
background-color: rgb(255,255,255);
border-color: rgb(205,37,27);
}
-.c33:hover {
+.c34: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 {
+.c34:active,
+.c34:active:hover,
+.c34:active:focus {
background-color: rgba(210,67,58,0.1);
border-color: rgb(205,37,27);
}
-.c1 {
+.c0 {
+ margin-bottom: 0;
+}
+
+.c2 {
border-top: 0;
border-left: 0;
border-right: 0;
}
-.c26 {
+.c27 {
margin-right: 0.375rem;
}
-.c4 {
+.c5 {
word-wrap: break-word;
overflow-wrap: break-word;
width: 100%;
box-sizing: border-box;
}
-.c7 {
+.c8 {
height: 2.9375rem;
max-width: 98%;
}
@media only screen and (min-width:0em) {
- .c24 {
+ .c25 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
@@ -772,7 +773,7 @@ exports[`renders without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c24 {
+ .c25 {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
@@ -781,7 +782,7 @@ exports[`renders without throwing 1`] = `
}
@media only screen and (min-width:48em) {
- .c21 {
+ .c22 {
-webkit-flex-basis: 58.333333333333336%;
-ms-flex-preferred-size: 58.333333333333336%;
flex-basis: 58.333333333333336%;
@@ -790,7 +791,7 @@ exports[`renders without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c25 {
+ .c26 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
@@ -799,38 +800,39 @@ exports[`renders without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c32 {
+ .c33 {
display: none;
}
}
Add metadata
@@ -839,83 +841,85 @@ exports[`renders without throwing 1`] = `
Metadata
value
@@ -923,19 +927,20 @@ exports[`renders
without throwing 1`] = `
@@ -944,10 +949,11 @@ exports[`renders without throwing 1`] = `
@@ -956,19 +962,20 @@ exports[`renders without throwing 1`] = `
without throwing 1`] = `
- Remove
+ Delete
@@ -1001,12 +1008,12 @@ exports[`renders
without throwing 1`] = `
`;
exports[`renders
without throwing 1`] = `
-.c5 {
+.c6 {
padding-right: 1.125rem;
padding-left: 1.125rem;
}
-.c6 {
+.c7 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -1034,7 +1041,7 @@ exports[`renders
without throwing 1`] = `
align-items: center;
}
-.c9 {
+.c10 {
margin: 0;
color: rgb(73,73,73);
font-weight: 600;
@@ -1042,7 +1049,7 @@ exports[`renders
without throwing 1`] = `
font-size: 0.9375rem;
}
-.c3 {
+.c4 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
@@ -1069,7 +1076,7 @@ exports[`renders
without throwing 1`] = `
flex: 0 0 2.875rem;
}
-.c0 {
+.c1 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
@@ -1097,7 +1104,7 @@ exports[`renders
without throwing 1`] = `
flex: 0 0 2.875rem;
}
-.c2 {
+.c3 {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
@@ -1110,7 +1117,7 @@ exports[`renders
without throwing 1`] = `
box-shadow: none;
}
-.c8 {
+.c9 {
box-sizing: border-box;
min-height: 2.9375rem;
max-width: 100%;
@@ -1144,51 +1151,56 @@ exports[`renders
without throwing 1`] = `
color: inherit;
}
-.c1 {
+.c0 {
+ margin-bottom: 0;
+}
+
+.c2 {
border-top: 0;
border-left: 0;
border-right: 0;
}
-.c4 {
+.c5 {
word-wrap: break-word;
overflow-wrap: break-word;
width: 100%;
box-sizing: border-box;
}
-.c7 {
+.c8 {
height: 2.9375rem;
max-width: 98%;
}
Add metadata
@@ -1201,94 +1213,74 @@ exports[`renders
without throwing 1`] = `
`;
exports[`renders
without throwing 1`] = `
-.c18 {
+.c19 {
margin-top: 0.1875rem;
margin-right: 1.125rem;
}
-.c22 {
+.c23 {
margin-top: 0.1875rem;
}
-.c23 {
+.c24 {
margin-top: 0.75rem;
}
-.c34 {
+.c35 {
margin-right: 0.75rem;
}
-.c5 {
+.c6 {
padding-right: 1.125rem;
padding-left: 1.125rem;
}
-.c12 {
+.c13 {
padding-left: 1.125rem;
padding-right: 1.125rem;
padding-top: 1.125rem;
padding-bottom: 1.125rem;
}
-.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;
+ 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;
- -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;
}
-.c32 {
+.c22 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
@@ -1298,7 +1290,27 @@ exports[`renders
without throwing 1`] = `
display: block;
}
-.c6 {
+.c26 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c33 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c7 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -1326,7 +1338,7 @@ exports[`renders
without throwing 1`] = `
align-items: center;
}
-.c13 {
+.c14 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -1356,7 +1368,7 @@ exports[`renders
without throwing 1`] = `
align-content: stretch;
}
-.c14 {
+.c15 {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
@@ -1376,7 +1388,7 @@ exports[`renders
without throwing 1`] = `
flex-basis: auto;
}
-.c30 {
+.c31 {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
@@ -1388,22 +1400,22 @@ exports[`renders
without throwing 1`] = `
appearance: button;
}
-.c30::-moz-focus-inner,
-.c30[type='button']::-moz-focus-inner,
-.c30[type='reset']::-moz-focus-inner,
-.c30[type='submit']::-moz-focus-inner {
+.c31::-moz-focus-inner,
+.c31[type='button']::-moz-focus-inner,
+.c31[type='reset']::-moz-focus-inner,
+.c31[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 {
+.c31:-moz-focusring,
+.c31[type='button']:-moz-focusring,
+.c31[type='reset']:-moz-focusring,
+.c31[type='submit']:-moz-focusring {
outline: 0.0625rem dotted ButtonText;
}
-.c9 {
+.c10 {
margin: 0;
color: rgb(73,73,73);
font-weight: 600;
@@ -1411,7 +1423,7 @@ exports[`renders
without throwing 1`] = `
font-size: 0.9375rem;
}
-.c0 {
+.c1 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
@@ -1434,7 +1446,7 @@ exports[`renders
without throwing 1`] = `
box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
}
-.c3 {
+.c4 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
@@ -1461,7 +1473,7 @@ exports[`renders
without throwing 1`] = `
flex: 0 0 2.875rem;
}
-.c11 {
+.c12 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
@@ -1483,7 +1495,7 @@ exports[`renders
without throwing 1`] = `
border-color: rgb(216,216,216);
}
-.c10 {
+.c11 {
box-sizing: border-box;
display: -webkit-inline-box;
display: -webkit-inline-flex;
@@ -1499,7 +1511,7 @@ exports[`renders
without throwing 1`] = `
background-color: transparent;
}
-.c2 {
+.c3 {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
@@ -1511,7 +1523,7 @@ exports[`renders
without throwing 1`] = `
border-right: 0;
}
-.c8 {
+.c9 {
box-sizing: border-box;
min-height: 2.9375rem;
max-width: 100%;
@@ -1545,7 +1557,7 @@ exports[`renders
without throwing 1`] = `
color: inherit;
}
-.c15 {
+.c16 {
display: inline-block;
padding: 0;
border: none;
@@ -1558,7 +1570,7 @@ exports[`renders
without throwing 1`] = `
width: 100%;
}
-.c19 {
+.c20 {
box-sizing: border-box;
width: 18.75rem;
height: 3rem;
@@ -1580,46 +1592,46 @@ exports[`renders
without throwing 1`] = `
text-overflow: ellipsis;
}
-.c19:focus {
+.c20:focus {
border-color: rgb(59,70,204);
outline: 0;
}
-.c19::-webkit-input-placeholder {
+.c20::-webkit-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c19::-moz-placeholder {
+.c20::-moz-placeholder {
color: rgba(73,73,73,0.5);
}
-.c19:-ms-input-placeholder {
+.c20:-ms-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c19:invalid {
+.c20:invalid {
box-shadow: none;
}
-.c19:disabled {
+.c20:disabled {
background-color: rgb(250,250,250);
color: rgb(216,216,216);
cursor: not-allowed;
}
-.c19:disabled::-webkit-input-placeholder {
+.c20:disabled::-webkit-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c19:disabled::-moz-placeholder {
+.c20:disabled::-moz-placeholder {
color: rgba(73,73,73,0.5);
}
-.c19:disabled:-ms-input-placeholder {
+.c20:disabled:-ms-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c17 {
+.c18 {
font-size: 0.9375rem;
line-height: 1.125rem;
font-style: normal;
@@ -1629,21 +1641,21 @@ exports[`renders
without throwing 1`] = `
text-align: left;
}
-.c16 {
+.c17 {
font-weight: 600;
white-space: pre;
font-size: 0.8125rem;
}
-.c29 {
+.c30 {
min-width: 7.5rem;
}
-.c28 {
+.c29 {
display: inline-block;
}
-.c27 {
+.c28 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -1664,7 +1676,6 @@ exports[`renders
without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -1687,7 +1698,7 @@ exports[`renders
without throwing 1`] = `
border-color: rgb(216,216,216);
}
-.c27:focus {
+.c28:focus {
outline: 0;
-webkit-text-decoration: none;
text-decoration: none;
@@ -1695,43 +1706,43 @@ exports[`renders
without throwing 1`] = `
border-color: rgb(45,56,132);
}
-.c27:hover {
+.c28:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c27:active,
-.c27:active:hover,
-.c27:active:focus {
+.c28:active,
+.c28:active:hover,
+.c28:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c27[disabled] {
+.c28[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c27:focus {
+.c28:focus {
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
-.c27:hover {
+.c28:hover {
background-color: rgb(247,247,247);
border-color: rgb(216,216,216);
}
-.c27:active,
-.c27:active:hover,
-.c27:active:focus {
+.c28:active,
+.c28:active:hover,
+.c28:active:focus {
background-color: rgb(230,230,230);
border-color: rgb(216,216,216);
}
-.c31 {
+.c32 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -1752,7 +1763,6 @@ exports[`renders
without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -1776,7 +1786,7 @@ exports[`renders
without throwing 1`] = `
border-color: rgb(216,216,216);
}
-.c31:focus {
+.c32:focus {
outline: 0;
-webkit-text-decoration: none;
text-decoration: none;
@@ -1784,43 +1794,43 @@ exports[`renders
without throwing 1`] = `
border-color: rgb(45,56,132);
}
-.c31:hover {
+.c32:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
+.c32:active,
+.c32:active:hover,
+.c32:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c31[disabled] {
+.c32[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c31:focus {
+.c32:focus {
background-color: rgb(250,250,250);
border-color: rgb(216,216,216);
}
-.c31:hover {
+.c32:hover {
background-color: rgb(250,250,250);
border-color: rgb(250,250,250);
}
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
+.c32:active,
+.c32:active:hover,
+.c32:active:focus {
background-color: rgb(250,250,250);
border-color: rgb(250,250,250);
}
-.c33 {
+.c34 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -1841,7 +1851,6 @@ exports[`renders
without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -1877,7 +1886,7 @@ exports[`renders
without throwing 1`] = `
float: right;
}
-.c33:focus {
+.c34:focus {
outline: 0;
-webkit-text-decoration: none;
text-decoration: none;
@@ -1885,85 +1894,89 @@ exports[`renders
without throwing 1`] = `
border-color: rgb(45,56,132);
}
-.c33:hover {
+.c34:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c33:active,
-.c33:active:hover,
-.c33:active:focus {
+.c34:active,
+.c34:active:hover,
+.c34:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c33[disabled] {
+.c34[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c33:focus {
+.c34:focus {
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
-.c33:hover {
+.c34:hover {
background-color: rgb(247,247,247);
border-color: rgb(216,216,216);
}
-.c33:active,
-.c33:active:hover,
-.c33:active:focus {
+.c34:active,
+.c34:active:hover,
+.c34:active:focus {
background-color: rgb(230,230,230);
border-color: rgb(216,216,216);
}
-.c33:focus {
+.c34:focus {
color: rgb(205,37,27);
background-color: rgb(255,255,255);
border-color: rgb(205,37,27);
}
-.c33:hover {
+.c34: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 {
+.c34:active,
+.c34:active:hover,
+.c34:active:focus {
background-color: rgba(210,67,58,0.1);
border-color: rgb(205,37,27);
}
-.c1 {
+.c0 {
+ margin-bottom: 0;
+}
+
+.c2 {
border-top: 0;
border-left: 0;
border-right: 0;
}
-.c26 {
+.c27 {
margin-right: 0.375rem;
}
-.c4 {
+.c5 {
word-wrap: break-word;
overflow-wrap: break-word;
width: 100%;
box-sizing: border-box;
}
-.c7 {
+.c8 {
height: 2.9375rem;
max-width: 98%;
}
@media only screen and (min-width:0em) {
- .c24 {
+ .c25 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
@@ -1972,7 +1985,7 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c24 {
+ .c25 {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
@@ -1981,7 +1994,7 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:48em) {
- .c21 {
+ .c22 {
-webkit-flex-basis: 58.333333333333336%;
-ms-flex-preferred-size: 58.333333333333336%;
flex-basis: 58.333333333333336%;
@@ -1990,7 +2003,7 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c25 {
+ .c26 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
@@ -1999,38 +2012,39 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c32 {
+ .c33 {
display: none;
}
}
Add metadata
@@ -2039,83 +2053,85 @@ exports[`renders without throwing 1`] = `
Metadata
value
@@ -2123,19 +2139,20 @@ exports[`renders
without throwing 1`] = `
@@ -2144,10 +2161,11 @@ exports[`renders without throwing 1`] = `
@@ -2156,19 +2174,20 @@ exports[`renders without throwing 1`] = `
without throwing 1`] = `
- Remove
+ Delete
@@ -2201,89 +2220,69 @@ exports[`renders
without throwing 1`] = `
`;
exports[`renders
without throwing 1`] = `
-.c18 {
+.c19 {
margin-top: 0.1875rem;
}
-.c24 {
+.c25 {
margin-top: 0.75rem;
}
-.c34 {
+.c35 {
margin-right: 0.75rem;
}
-.c5 {
+.c6 {
padding-right: 1.125rem;
padding-left: 1.125rem;
}
-.c12 {
+.c13 {
padding-left: 1.125rem;
padding-right: 1.125rem;
padding-top: 1.125rem;
padding-bottom: 1.125rem;
}
-.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;
+ 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;
}
-.c32 {
+.c26 {
+ 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;
@@ -2293,7 +2292,27 @@ exports[`renders
without throwing 1`] = `
display: block;
}
-.c6 {
+.c15 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c33 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c7 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -2321,7 +2340,7 @@ exports[`renders
without throwing 1`] = `
align-items: center;
}
-.c30 {
+.c31 {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
@@ -2333,22 +2352,22 @@ exports[`renders
without throwing 1`] = `
appearance: button;
}
-.c30::-moz-focus-inner,
-.c30[type='button']::-moz-focus-inner,
-.c30[type='reset']::-moz-focus-inner,
-.c30[type='submit']::-moz-focus-inner {
+.c31::-moz-focus-inner,
+.c31[type='button']::-moz-focus-inner,
+.c31[type='reset']::-moz-focus-inner,
+.c31[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 {
+.c31:-moz-focusring,
+.c31[type='button']:-moz-focusring,
+.c31[type='reset']:-moz-focusring,
+.c31[type='submit']:-moz-focusring {
outline: 0.0625rem dotted ButtonText;
}
-.c9 {
+.c10 {
margin: 0;
color: rgb(73,73,73);
font-weight: 600;
@@ -2356,7 +2375,7 @@ exports[`renders
without throwing 1`] = `
font-size: 0.9375rem;
}
-.c0 {
+.c1 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
@@ -2379,7 +2398,7 @@ exports[`renders
without throwing 1`] = `
box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
}
-.c3 {
+.c4 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
@@ -2406,7 +2425,7 @@ exports[`renders
without throwing 1`] = `
flex: 0 0 2.875rem;
}
-.c11 {
+.c12 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
@@ -2428,7 +2447,7 @@ exports[`renders
without throwing 1`] = `
border-color: rgb(216,216,216);
}
-.c10 {
+.c11 {
box-sizing: border-box;
display: -webkit-inline-box;
display: -webkit-inline-flex;
@@ -2444,7 +2463,7 @@ exports[`renders
without throwing 1`] = `
background-color: transparent;
}
-.c2 {
+.c3 {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
@@ -2456,7 +2475,7 @@ exports[`renders
without throwing 1`] = `
border-right: 0;
}
-.c8 {
+.c9 {
box-sizing: border-box;
min-height: 2.9375rem;
max-width: 100%;
@@ -2490,7 +2509,7 @@ exports[`renders
without throwing 1`] = `
color: inherit;
}
-.c15 {
+.c16 {
display: inline-block;
padding: 0;
border: none;
@@ -2503,7 +2522,7 @@ exports[`renders
without throwing 1`] = `
width: 100%;
}
-.c19 {
+.c20 {
box-sizing: border-box;
width: 18.75rem;
height: 3rem;
@@ -2525,46 +2544,46 @@ exports[`renders
without throwing 1`] = `
text-overflow: ellipsis;
}
-.c19:focus {
+.c20:focus {
border-color: rgb(59,70,204);
outline: 0;
}
-.c19::-webkit-input-placeholder {
+.c20::-webkit-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c19::-moz-placeholder {
+.c20::-moz-placeholder {
color: rgba(73,73,73,0.5);
}
-.c19:-ms-input-placeholder {
+.c20:-ms-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c19:invalid {
+.c20:invalid {
box-shadow: none;
}
-.c19:disabled {
+.c20:disabled {
background-color: rgb(250,250,250);
color: rgb(216,216,216);
cursor: not-allowed;
}
-.c19:disabled::-webkit-input-placeholder {
+.c20:disabled::-webkit-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c19:disabled::-moz-placeholder {
+.c20:disabled::-moz-placeholder {
color: rgba(73,73,73,0.5);
}
-.c19:disabled:-ms-input-placeholder {
+.c20:disabled:-ms-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c23 {
+.c24 {
box-sizing: border-box;
width: 18.75rem;
height: 6rem;
@@ -2589,62 +2608,62 @@ exports[`renders
without throwing 1`] = `
resize: vertical;
}
-.c23:focus {
+.c24:focus {
border-color: rgb(59,70,204);
outline: 0;
}
-.c23::-webkit-input-placeholder {
+.c24::-webkit-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c23::-moz-placeholder {
+.c24::-moz-placeholder {
color: rgba(73,73,73,0.5);
}
-.c23:-ms-input-placeholder {
+.c24:-ms-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c23:invalid {
+.c24:invalid {
box-shadow: none;
}
-.c23:disabled {
+.c24:disabled {
background-color: rgb(250,250,250);
color: rgb(216,216,216);
cursor: not-allowed;
}
-.c23:disabled::-webkit-input-placeholder {
+.c24:disabled::-webkit-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c23:disabled::-moz-placeholder {
+.c24:disabled::-moz-placeholder {
color: rgba(73,73,73,0.5);
}
-.c23:disabled:-ms-input-placeholder {
+.c24:disabled:-ms-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c23:disabled {
+.c24:disabled {
color: rgb(73,73,73);
}
-.c23:disabled::-webkit-input-placeholder {
+.c24:disabled::-webkit-input-placeholder {
color: rgb(73,73,73);
}
-.c23:disabled::-moz-placeholder {
+.c24:disabled::-moz-placeholder {
color: rgb(73,73,73);
}
-.c23:disabled:-ms-input-placeholder {
+.c24:disabled:-ms-input-placeholder {
color: rgb(73,73,73);
}
-.c22 {
+.c23 {
position: relative;
display: -webkit-inline-box;
display: -webkit-inline-flex;
@@ -2657,7 +2676,7 @@ exports[`renders
without throwing 1`] = `
max-width: 100%;
}
-.c17 {
+.c18 {
font-size: 0.9375rem;
line-height: 1.125rem;
font-style: normal;
@@ -2667,21 +2686,21 @@ exports[`renders
without throwing 1`] = `
text-align: left;
}
-.c16 {
+.c17 {
font-weight: 600;
white-space: pre;
font-size: 0.8125rem;
}
-.c29 {
+.c30 {
min-width: 7.5rem;
}
-.c28 {
+.c29 {
display: inline-block;
}
-.c27 {
+.c28 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -2702,7 +2721,6 @@ exports[`renders
without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -2725,7 +2743,7 @@ exports[`renders
without throwing 1`] = `
border-color: rgb(216,216,216);
}
-.c27:focus {
+.c28:focus {
outline: 0;
-webkit-text-decoration: none;
text-decoration: none;
@@ -2733,43 +2751,43 @@ exports[`renders
without throwing 1`] = `
border-color: rgb(45,56,132);
}
-.c27:hover {
+.c28:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c27:active,
-.c27:active:hover,
-.c27:active:focus {
+.c28:active,
+.c28:active:hover,
+.c28:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c27[disabled] {
+.c28[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c27:focus {
+.c28:focus {
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
-.c27:hover {
+.c28:hover {
background-color: rgb(247,247,247);
border-color: rgb(216,216,216);
}
-.c27:active,
-.c27:active:hover,
-.c27:active:focus {
+.c28:active,
+.c28:active:hover,
+.c28:active:focus {
background-color: rgb(230,230,230);
border-color: rgb(216,216,216);
}
-.c31 {
+.c32 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -2790,7 +2808,6 @@ exports[`renders
without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -2814,7 +2831,7 @@ exports[`renders
without throwing 1`] = `
border-color: rgb(216,216,216);
}
-.c31:focus {
+.c32:focus {
outline: 0;
-webkit-text-decoration: none;
text-decoration: none;
@@ -2822,43 +2839,43 @@ exports[`renders
without throwing 1`] = `
border-color: rgb(45,56,132);
}
-.c31:hover {
+.c32:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
+.c32:active,
+.c32:active:hover,
+.c32:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c31[disabled] {
+.c32[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c31:focus {
+.c32:focus {
background-color: rgb(250,250,250);
border-color: rgb(216,216,216);
}
-.c31:hover {
+.c32:hover {
background-color: rgb(250,250,250);
border-color: rgb(250,250,250);
}
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
+.c32:active,
+.c32:active:hover,
+.c32:active:focus {
background-color: rgb(250,250,250);
border-color: rgb(250,250,250);
}
-.c33 {
+.c34 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -2879,7 +2896,6 @@ exports[`renders
without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -2915,7 +2931,7 @@ exports[`renders
without throwing 1`] = `
float: right;
}
-.c33:focus {
+.c34:focus {
outline: 0;
-webkit-text-decoration: none;
text-decoration: none;
@@ -2923,91 +2939,95 @@ exports[`renders
without throwing 1`] = `
border-color: rgb(45,56,132);
}
-.c33:hover {
+.c34:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c33:active,
-.c33:active:hover,
-.c33:active:focus {
+.c34:active,
+.c34:active:hover,
+.c34:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c33[disabled] {
+.c34[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c33:focus {
+.c34:focus {
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
-.c33:hover {
+.c34:hover {
background-color: rgb(247,247,247);
border-color: rgb(216,216,216);
}
-.c33:active,
-.c33:active:hover,
-.c33:active:focus {
+.c34:active,
+.c34:active:hover,
+.c34:active:focus {
background-color: rgb(230,230,230);
border-color: rgb(216,216,216);
}
-.c33:focus {
+.c34:focus {
color: rgb(205,37,27);
background-color: rgb(255,255,255);
border-color: rgb(205,37,27);
}
-.c33:hover {
+.c34: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 {
+.c34:active,
+.c34:active:hover,
+.c34:active:focus {
background-color: rgba(210,67,58,0.1);
border-color: rgb(205,37,27);
}
-.c21 {
+.c22 {
height: 1px;
background-color: rgb(216,216,216);
background-color: transparent;
}
-.c1 {
+.c0 {
+ margin-bottom: 0;
+}
+
+.c2 {
border-top: 0;
border-left: 0;
border-right: 0;
}
-.c26 {
+.c27 {
margin-right: 0.375rem;
}
-.c4 {
+.c5 {
word-wrap: break-word;
overflow-wrap: break-word;
width: 100%;
box-sizing: border-box;
}
-.c7 {
+.c8 {
height: 2.9375rem;
max-width: 98%;
}
@media only screen and (min-width:0em) {
- .c25 {
+ .c26 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
@@ -3016,7 +3036,7 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c25 {
+ .c26 {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
@@ -3025,7 +3045,7 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:48em) {
- .c20 {
+ .c21 {
-webkit-flex-basis: 58.333333333333336%;
-ms-flex-preferred-size: 58.333333333333336%;
flex-basis: 58.333333333333336%;
@@ -3034,7 +3054,7 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c14 {
+ .c15 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
@@ -3043,38 +3063,39 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c32 {
+ .c33 {
display: none;
}
}
Add metadata
@@ -3083,114 +3104,117 @@ exports[`renders without throwing 1`] = `
@@ -3199,10 +3223,11 @@ exports[`renders without throwing 1`] = `
@@ -3211,19 +3236,20 @@ exports[`renders without throwing 1`] = `
without throwing 1`] = `
- Remove
+ Delete
@@ -3256,94 +3282,74 @@ exports[`renders
without throwing 1`] = `
`;
exports[`renders
without throwing 1`] = `
-.c18 {
+.c19 {
margin-top: 0.1875rem;
margin-right: 1.125rem;
}
-.c22 {
+.c23 {
margin-top: 0.1875rem;
}
-.c23 {
+.c24 {
margin-top: 0.75rem;
}
-.c34 {
+.c35 {
margin-right: 0.75rem;
}
-.c5 {
+.c6 {
padding-right: 1.125rem;
padding-left: 1.125rem;
}
-.c12 {
+.c13 {
padding-left: 1.125rem;
padding-right: 1.125rem;
padding-top: 1.125rem;
padding-bottom: 1.125rem;
}
-.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;
+ 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;
- -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;
}
-.c32 {
+.c22 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
@@ -3353,7 +3359,27 @@ exports[`renders
without throwing 1`] = `
display: block;
}
-.c6 {
+.c26 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c33 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c7 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -3381,7 +3407,7 @@ exports[`renders
without throwing 1`] = `
align-items: center;
}
-.c13 {
+.c14 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -3411,7 +3437,7 @@ exports[`renders
without throwing 1`] = `
align-content: stretch;
}
-.c14 {
+.c15 {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
@@ -3431,7 +3457,7 @@ exports[`renders
without throwing 1`] = `
flex-basis: auto;
}
-.c30 {
+.c31 {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
@@ -3443,22 +3469,22 @@ exports[`renders
without throwing 1`] = `
appearance: button;
}
-.c30::-moz-focus-inner,
-.c30[type='button']::-moz-focus-inner,
-.c30[type='reset']::-moz-focus-inner,
-.c30[type='submit']::-moz-focus-inner {
+.c31::-moz-focus-inner,
+.c31[type='button']::-moz-focus-inner,
+.c31[type='reset']::-moz-focus-inner,
+.c31[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 {
+.c31:-moz-focusring,
+.c31[type='button']:-moz-focusring,
+.c31[type='reset']:-moz-focusring,
+.c31[type='submit']:-moz-focusring {
outline: 0.0625rem dotted ButtonText;
}
-.c9 {
+.c10 {
margin: 0;
color: rgb(73,73,73);
font-weight: 600;
@@ -3466,7 +3492,7 @@ exports[`renders
without throwing 1`] = `
font-size: 0.9375rem;
}
-.c0 {
+.c1 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
@@ -3489,7 +3515,7 @@ exports[`renders
without throwing 1`] = `
box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
}
-.c3 {
+.c4 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
@@ -3516,7 +3542,7 @@ exports[`renders
without throwing 1`] = `
flex: 0 0 2.875rem;
}
-.c11 {
+.c12 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
@@ -3538,7 +3564,7 @@ exports[`renders
without throwing 1`] = `
border-color: rgb(216,216,216);
}
-.c10 {
+.c11 {
box-sizing: border-box;
display: -webkit-inline-box;
display: -webkit-inline-flex;
@@ -3554,7 +3580,7 @@ exports[`renders
without throwing 1`] = `
background-color: transparent;
}
-.c2 {
+.c3 {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
@@ -3566,7 +3592,7 @@ exports[`renders
without throwing 1`] = `
border-right: 0;
}
-.c8 {
+.c9 {
box-sizing: border-box;
min-height: 2.9375rem;
max-width: 100%;
@@ -3600,7 +3626,7 @@ exports[`renders
without throwing 1`] = `
color: inherit;
}
-.c15 {
+.c16 {
display: inline-block;
padding: 0;
border: none;
@@ -3613,7 +3639,7 @@ exports[`renders
without throwing 1`] = `
width: 100%;
}
-.c19 {
+.c20 {
box-sizing: border-box;
width: 18.75rem;
height: 3rem;
@@ -3635,46 +3661,46 @@ exports[`renders
without throwing 1`] = `
text-overflow: ellipsis;
}
-.c19:focus {
+.c20:focus {
border-color: rgb(59,70,204);
outline: 0;
}
-.c19::-webkit-input-placeholder {
+.c20::-webkit-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c19::-moz-placeholder {
+.c20::-moz-placeholder {
color: rgba(73,73,73,0.5);
}
-.c19:-ms-input-placeholder {
+.c20:-ms-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c19:invalid {
+.c20:invalid {
box-shadow: none;
}
-.c19:disabled {
+.c20:disabled {
background-color: rgb(250,250,250);
color: rgb(216,216,216);
cursor: not-allowed;
}
-.c19:disabled::-webkit-input-placeholder {
+.c20:disabled::-webkit-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c19:disabled::-moz-placeholder {
+.c20:disabled::-moz-placeholder {
color: rgba(73,73,73,0.5);
}
-.c19:disabled:-ms-input-placeholder {
+.c20:disabled:-ms-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c17 {
+.c18 {
font-size: 0.9375rem;
line-height: 1.125rem;
font-style: normal;
@@ -3684,21 +3710,21 @@ exports[`renders
without throwing 1`] = `
text-align: left;
}
-.c16 {
+.c17 {
font-weight: 600;
white-space: pre;
font-size: 0.8125rem;
}
-.c29 {
+.c30 {
min-width: 7.5rem;
}
-.c28 {
+.c29 {
display: inline-block;
}
-.c27 {
+.c28 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -3719,7 +3745,6 @@ exports[`renders
without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -3742,7 +3767,7 @@ exports[`renders
without throwing 1`] = `
border-color: rgb(216,216,216);
}
-.c27:focus {
+.c28:focus {
outline: 0;
-webkit-text-decoration: none;
text-decoration: none;
@@ -3750,43 +3775,43 @@ exports[`renders
without throwing 1`] = `
border-color: rgb(45,56,132);
}
-.c27:hover {
+.c28:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c27:active,
-.c27:active:hover,
-.c27:active:focus {
+.c28:active,
+.c28:active:hover,
+.c28:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c27[disabled] {
+.c28[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c27:focus {
+.c28:focus {
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
-.c27:hover {
+.c28:hover {
background-color: rgb(247,247,247);
border-color: rgb(216,216,216);
}
-.c27:active,
-.c27:active:hover,
-.c27:active:focus {
+.c28:active,
+.c28:active:hover,
+.c28:active:focus {
background-color: rgb(230,230,230);
border-color: rgb(216,216,216);
}
-.c31 {
+.c32 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -3807,7 +3832,6 @@ exports[`renders
without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -3831,7 +3855,7 @@ exports[`renders
without throwing 1`] = `
border-color: rgb(216,216,216);
}
-.c31:focus {
+.c32:focus {
outline: 0;
-webkit-text-decoration: none;
text-decoration: none;
@@ -3839,43 +3863,43 @@ exports[`renders
without throwing 1`] = `
border-color: rgb(45,56,132);
}
-.c31:hover {
+.c32:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
+.c32:active,
+.c32:active:hover,
+.c32:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c31[disabled] {
+.c32[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c31:focus {
+.c32:focus {
background-color: rgb(250,250,250);
border-color: rgb(216,216,216);
}
-.c31:hover {
+.c32:hover {
background-color: rgb(250,250,250);
border-color: rgb(250,250,250);
}
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
+.c32:active,
+.c32:active:hover,
+.c32:active:focus {
background-color: rgb(250,250,250);
border-color: rgb(250,250,250);
}
-.c33 {
+.c34 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -3896,7 +3920,6 @@ exports[`renders
without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -3932,7 +3955,7 @@ exports[`renders
without throwing 1`] = `
float: right;
}
-.c33:focus {
+.c34:focus {
outline: 0;
-webkit-text-decoration: none;
text-decoration: none;
@@ -3940,85 +3963,89 @@ exports[`renders
without throwing 1`] = `
border-color: rgb(45,56,132);
}
-.c33:hover {
+.c34:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c33:active,
-.c33:active:hover,
-.c33:active:focus {
+.c34:active,
+.c34:active:hover,
+.c34:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c33[disabled] {
+.c34[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c33:focus {
+.c34:focus {
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
-.c33:hover {
+.c34:hover {
background-color: rgb(247,247,247);
border-color: rgb(216,216,216);
}
-.c33:active,
-.c33:active:hover,
-.c33:active:focus {
+.c34:active,
+.c34:active:hover,
+.c34:active:focus {
background-color: rgb(230,230,230);
border-color: rgb(216,216,216);
}
-.c33:focus {
+.c34:focus {
color: rgb(205,37,27);
background-color: rgb(255,255,255);
border-color: rgb(205,37,27);
}
-.c33:hover {
+.c34: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 {
+.c34:active,
+.c34:active:hover,
+.c34:active:focus {
background-color: rgba(210,67,58,0.1);
border-color: rgb(205,37,27);
}
-.c1 {
+.c0 {
+ margin-bottom: 0;
+}
+
+.c2 {
border-top: 0;
border-left: 0;
border-right: 0;
}
-.c26 {
+.c27 {
margin-right: 0.375rem;
}
-.c4 {
+.c5 {
word-wrap: break-word;
overflow-wrap: break-word;
width: 100%;
box-sizing: border-box;
}
-.c7 {
+.c8 {
height: 2.9375rem;
max-width: 98%;
}
@media only screen and (min-width:0em) {
- .c24 {
+ .c25 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
@@ -4027,7 +4054,7 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c24 {
+ .c25 {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
@@ -4036,7 +4063,7 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:48em) {
- .c21 {
+ .c22 {
-webkit-flex-basis: 58.333333333333336%;
-ms-flex-preferred-size: 58.333333333333336%;
flex-basis: 58.333333333333336%;
@@ -4045,7 +4072,7 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c25 {
+ .c26 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
@@ -4054,38 +4081,39 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c32 {
+ .c33 {
display: none;
}
}
Add metadata
@@ -4094,83 +4122,85 @@ exports[`renders without throwing 1`] = `
Metadata
value
@@ -4178,19 +4208,20 @@ exports[`renders
without throwing 1`] = `
@@ -4199,10 +4230,11 @@ exports[`renders without throwing 1`] = `
@@ -4211,19 +4243,20 @@ exports[`renders without throwing 1`] = `
without throwing 1`] = `
- Remove
+ Delete
@@ -4256,94 +4289,74 @@ exports[`renders
without throwing 1`] = `
`;
exports[`renders
without throwing 1`] = `
-.c18 {
+.c19 {
margin-top: 0.1875rem;
margin-right: 1.125rem;
}
-.c22 {
+.c23 {
margin-top: 0.1875rem;
}
-.c23 {
+.c24 {
margin-top: 0.75rem;
}
-.c34 {
+.c35 {
margin-right: 0.75rem;
}
-.c5 {
+.c6 {
padding-right: 1.125rem;
padding-left: 1.125rem;
}
-.c12 {
+.c13 {
padding-left: 1.125rem;
padding-right: 1.125rem;
padding-top: 1.125rem;
padding-bottom: 1.125rem;
}
-.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;
+ 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;
- -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;
}
-.c32 {
+.c22 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
@@ -4353,7 +4366,27 @@ exports[`renders
without throwing 1`] = `
display: block;
}
-.c6 {
+.c26 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c33 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c7 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -4381,7 +4414,7 @@ exports[`renders
without throwing 1`] = `
align-items: center;
}
-.c13 {
+.c14 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -4411,7 +4444,7 @@ exports[`renders
without throwing 1`] = `
align-content: stretch;
}
-.c14 {
+.c15 {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
@@ -4431,7 +4464,7 @@ exports[`renders
without throwing 1`] = `
flex-basis: auto;
}
-.c30 {
+.c31 {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
@@ -4443,22 +4476,22 @@ exports[`renders
without throwing 1`] = `
appearance: button;
}
-.c30::-moz-focus-inner,
-.c30[type='button']::-moz-focus-inner,
-.c30[type='reset']::-moz-focus-inner,
-.c30[type='submit']::-moz-focus-inner {
+.c31::-moz-focus-inner,
+.c31[type='button']::-moz-focus-inner,
+.c31[type='reset']::-moz-focus-inner,
+.c31[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 {
+.c31:-moz-focusring,
+.c31[type='button']:-moz-focusring,
+.c31[type='reset']:-moz-focusring,
+.c31[type='submit']:-moz-focusring {
outline: 0.0625rem dotted ButtonText;
}
-.c0 {
+.c1 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
@@ -4481,7 +4514,7 @@ exports[`renders
without throwing 1`] = `
box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
}
-.c3 {
+.c4 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
@@ -4508,7 +4541,7 @@ exports[`renders
without throwing 1`] = `
flex: 0 0 2.875rem;
}
-.c11 {
+.c12 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
@@ -4530,7 +4563,7 @@ exports[`renders
without throwing 1`] = `
border-color: rgb(216,216,216);
}
-.c10 {
+.c11 {
box-sizing: border-box;
display: -webkit-inline-box;
display: -webkit-inline-flex;
@@ -4546,7 +4579,7 @@ exports[`renders
without throwing 1`] = `
background-color: transparent;
}
-.c2 {
+.c3 {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
@@ -4558,7 +4591,7 @@ exports[`renders
without throwing 1`] = `
border-right: 0;
}
-.c8 {
+.c9 {
box-sizing: border-box;
min-height: 2.9375rem;
max-width: 100%;
@@ -4592,7 +4625,7 @@ exports[`renders
without throwing 1`] = `
color: inherit;
}
-.c15 {
+.c16 {
display: inline-block;
padding: 0;
border: none;
@@ -4605,7 +4638,7 @@ exports[`renders
without throwing 1`] = `
width: 100%;
}
-.c19 {
+.c20 {
box-sizing: border-box;
width: 18.75rem;
height: 3rem;
@@ -4627,46 +4660,46 @@ exports[`renders
without throwing 1`] = `
text-overflow: ellipsis;
}
-.c19:focus {
+.c20:focus {
border-color: rgb(59,70,204);
outline: 0;
}
-.c19::-webkit-input-placeholder {
+.c20::-webkit-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c19::-moz-placeholder {
+.c20::-moz-placeholder {
color: rgba(73,73,73,0.5);
}
-.c19:-ms-input-placeholder {
+.c20:-ms-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c19:invalid {
+.c20:invalid {
box-shadow: none;
}
-.c19:disabled {
+.c20:disabled {
background-color: rgb(250,250,250);
color: rgb(216,216,216);
cursor: not-allowed;
}
-.c19:disabled::-webkit-input-placeholder {
+.c20:disabled::-webkit-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c19:disabled::-moz-placeholder {
+.c20:disabled::-moz-placeholder {
color: rgba(73,73,73,0.5);
}
-.c19:disabled:-ms-input-placeholder {
+.c20:disabled:-ms-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c17 {
+.c18 {
font-size: 0.9375rem;
line-height: 1.125rem;
font-style: normal;
@@ -4676,21 +4709,21 @@ exports[`renders
without throwing 1`] = `
text-align: left;
}
-.c16 {
+.c17 {
font-weight: 600;
white-space: pre;
font-size: 0.8125rem;
}
-.c29 {
+.c30 {
min-width: 7.5rem;
}
-.c28 {
+.c29 {
display: inline-block;
}
-.c27 {
+.c28 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -4711,7 +4744,6 @@ exports[`renders
without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -4734,7 +4766,7 @@ exports[`renders
without throwing 1`] = `
border-color: rgb(216,216,216);
}
-.c27:focus {
+.c28:focus {
outline: 0;
-webkit-text-decoration: none;
text-decoration: none;
@@ -4742,43 +4774,43 @@ exports[`renders
without throwing 1`] = `
border-color: rgb(45,56,132);
}
-.c27:hover {
+.c28:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c27:active,
-.c27:active:hover,
-.c27:active:focus {
+.c28:active,
+.c28:active:hover,
+.c28:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c27[disabled] {
+.c28[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c27:focus {
+.c28:focus {
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
-.c27:hover {
+.c28:hover {
background-color: rgb(247,247,247);
border-color: rgb(216,216,216);
}
-.c27:active,
-.c27:active:hover,
-.c27:active:focus {
+.c28:active,
+.c28:active:hover,
+.c28:active:focus {
background-color: rgb(230,230,230);
border-color: rgb(216,216,216);
}
-.c31 {
+.c32 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -4799,7 +4831,6 @@ exports[`renders
without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -4823,7 +4854,7 @@ exports[`renders
without throwing 1`] = `
border-color: rgb(216,216,216);
}
-.c31:focus {
+.c32:focus {
outline: 0;
-webkit-text-decoration: none;
text-decoration: none;
@@ -4831,43 +4862,43 @@ exports[`renders
without throwing 1`] = `
border-color: rgb(45,56,132);
}
-.c31:hover {
+.c32:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
+.c32:active,
+.c32:active:hover,
+.c32:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c31[disabled] {
+.c32[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c31:focus {
+.c32:focus {
background-color: rgb(250,250,250);
border-color: rgb(216,216,216);
}
-.c31:hover {
+.c32:hover {
background-color: rgb(250,250,250);
border-color: rgb(250,250,250);
}
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
+.c32:active,
+.c32:active:hover,
+.c32:active:focus {
background-color: rgb(250,250,250);
border-color: rgb(250,250,250);
}
-.c33 {
+.c34 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -4888,7 +4919,6 @@ exports[`renders
without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -4924,7 +4954,7 @@ exports[`renders
without throwing 1`] = `
float: right;
}
-.c33:focus {
+.c34:focus {
outline: 0;
-webkit-text-decoration: none;
text-decoration: none;
@@ -4932,62 +4962,66 @@ exports[`renders
without throwing 1`] = `
border-color: rgb(45,56,132);
}
-.c33:hover {
+.c34:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c33:active,
-.c33:active:hover,
-.c33:active:focus {
+.c34:active,
+.c34:active:hover,
+.c34:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c33[disabled] {
+.c34[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c33:focus {
+.c34:focus {
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
-.c33:hover {
+.c34:hover {
background-color: rgb(247,247,247);
border-color: rgb(216,216,216);
}
-.c33:active,
-.c33:active:hover,
-.c33:active:focus {
+.c34:active,
+.c34:active:hover,
+.c34:active:focus {
background-color: rgb(230,230,230);
border-color: rgb(216,216,216);
}
-.c33:focus {
+.c34:focus {
color: rgb(205,37,27);
background-color: rgb(255,255,255);
border-color: rgb(205,37,27);
}
-.c33:hover {
+.c34: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 {
+.c34:active,
+.c34:active:hover,
+.c34:active:focus {
background-color: rgba(210,67,58,0.1);
border-color: rgb(205,37,27);
}
-.c9 {
+.c0 {
+ margin-bottom: 0;
+}
+
+.c10 {
word-break: break-all;
line-height: 1.5;
white-space: nowrap;
@@ -4996,30 +5030,30 @@ exports[`renders
without throwing 1`] = `
display: block;
}
-.c1 {
+.c2 {
border-top: 0;
border-left: 0;
border-right: 0;
}
-.c26 {
+.c27 {
margin-right: 0.375rem;
}
-.c4 {
+.c5 {
word-wrap: break-word;
overflow-wrap: break-word;
width: 100%;
box-sizing: border-box;
}
-.c7 {
+.c8 {
height: 2.9375rem;
max-width: 98%;
}
@media only screen and (min-width:0em) {
- .c24 {
+ .c25 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
@@ -5028,7 +5062,7 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c24 {
+ .c25 {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
@@ -5037,7 +5071,7 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:48em) {
- .c21 {
+ .c22 {
-webkit-flex-basis: 58.333333333333336%;
-ms-flex-preferred-size: 58.333333333333336%;
flex-basis: 58.333333333333336%;
@@ -5046,7 +5080,7 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c25 {
+ .c26 {
-webkit-flex-basis: 58.333333333333336%;
-ms-flex-preferred-size: 58.333333333333336%;
flex-basis: 58.333333333333336%;
@@ -5055,7 +5089,7 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c32 {
+ .c33 {
-webkit-flex-basis: 41.66666666666667%;
-ms-flex-preferred-size: 41.66666666666667%;
flex-basis: 41.66666666666667%;
@@ -5064,115 +5098,118 @@ exports[`renders
without throwing 1`] = `
}
Metadata
value
@@ -5180,19 +5217,20 @@ exports[`renders
without throwing 1`] = `
@@ -5201,10 +5239,11 @@ exports[`renders without throwing 1`] = `
@@ -5213,19 +5252,20 @@ exports[`renders without throwing 1`] = `
without throwing 1`] = `
- Remove
+ Delete
@@ -5258,90 +5298,70 @@ exports[`renders
without throwing 1`] = `
`;
exports[`renders
without throwing 1`] = `
-.c18 {
+.c19 {
margin-top: 0.1875rem;
margin-right: 1.125rem;
}
-.c22 {
+.c23 {
margin-top: 0.1875rem;
}
-.c23 {
+.c24 {
margin-top: 0.75rem;
}
-.c5 {
+.c6 {
padding-right: 1.125rem;
padding-left: 1.125rem;
}
-.c12 {
+.c13 {
padding-left: 1.125rem;
padding-right: 1.125rem;
padding-top: 1.125rem;
padding-bottom: 1.125rem;
}
-.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;
+ 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;
- -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;
}
-.c32 {
+.c22 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
@@ -5351,7 +5371,27 @@ exports[`renders
without throwing 1`] = `
display: block;
}
-.c6 {
+.c26 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c33 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c7 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -5379,7 +5419,7 @@ exports[`renders
without throwing 1`] = `
align-items: center;
}
-.c13 {
+.c14 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -5409,7 +5449,7 @@ exports[`renders
without throwing 1`] = `
align-content: stretch;
}
-.c14 {
+.c15 {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
@@ -5429,7 +5469,7 @@ exports[`renders
without throwing 1`] = `
flex-basis: auto;
}
-.c30 {
+.c31 {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
@@ -5441,22 +5481,22 @@ exports[`renders
without throwing 1`] = `
appearance: button;
}
-.c30::-moz-focus-inner,
-.c30[type='button']::-moz-focus-inner,
-.c30[type='reset']::-moz-focus-inner,
-.c30[type='submit']::-moz-focus-inner {
+.c31::-moz-focus-inner,
+.c31[type='button']::-moz-focus-inner,
+.c31[type='reset']::-moz-focus-inner,
+.c31[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 {
+.c31:-moz-focusring,
+.c31[type='button']:-moz-focusring,
+.c31[type='reset']:-moz-focusring,
+.c31[type='submit']:-moz-focusring {
outline: 0.0625rem dotted ButtonText;
}
-.c9 {
+.c10 {
margin: 0;
color: rgb(73,73,73);
font-weight: 600;
@@ -5464,7 +5504,7 @@ exports[`renders
without throwing 1`] = `
font-size: 0.9375rem;
}
-.c0 {
+.c1 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
@@ -5487,7 +5527,7 @@ exports[`renders
without throwing 1`] = `
box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
}
-.c3 {
+.c4 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
@@ -5514,7 +5554,7 @@ exports[`renders
without throwing 1`] = `
flex: 0 0 2.875rem;
}
-.c11 {
+.c12 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
@@ -5536,7 +5576,7 @@ exports[`renders
without throwing 1`] = `
border-color: rgb(216,216,216);
}
-.c10 {
+.c11 {
box-sizing: border-box;
display: -webkit-inline-box;
display: -webkit-inline-flex;
@@ -5552,7 +5592,7 @@ exports[`renders
without throwing 1`] = `
background-color: transparent;
}
-.c2 {
+.c3 {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
@@ -5564,7 +5604,7 @@ exports[`renders
without throwing 1`] = `
border-right: 0;
}
-.c8 {
+.c9 {
box-sizing: border-box;
min-height: 2.9375rem;
max-width: 100%;
@@ -5598,7 +5638,7 @@ exports[`renders
without throwing 1`] = `
color: inherit;
}
-.c15 {
+.c16 {
display: inline-block;
padding: 0;
border: none;
@@ -5611,7 +5651,7 @@ exports[`renders
without throwing 1`] = `
width: 100%;
}
-.c19 {
+.c20 {
box-sizing: border-box;
width: 18.75rem;
height: 3rem;
@@ -5633,46 +5673,46 @@ exports[`renders
without throwing 1`] = `
text-overflow: ellipsis;
}
-.c19:focus {
+.c20:focus {
border-color: rgb(59,70,204);
outline: 0;
}
-.c19::-webkit-input-placeholder {
+.c20::-webkit-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c19::-moz-placeholder {
+.c20::-moz-placeholder {
color: rgba(73,73,73,0.5);
}
-.c19:-ms-input-placeholder {
+.c20:-ms-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c19:invalid {
+.c20:invalid {
box-shadow: none;
}
-.c19:disabled {
+.c20:disabled {
background-color: rgb(250,250,250);
color: rgb(216,216,216);
cursor: not-allowed;
}
-.c19:disabled::-webkit-input-placeholder {
+.c20:disabled::-webkit-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c19:disabled::-moz-placeholder {
+.c20:disabled::-moz-placeholder {
color: rgba(73,73,73,0.5);
}
-.c19:disabled:-ms-input-placeholder {
+.c20:disabled:-ms-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c17 {
+.c18 {
font-size: 0.9375rem;
line-height: 1.125rem;
font-style: normal;
@@ -5682,30 +5722,30 @@ exports[`renders
without throwing 1`] = `
text-align: left;
}
-.c16 {
+.c17 {
font-weight: 600;
white-space: pre;
font-size: 0.8125rem;
}
-.c35 {
+.c36 {
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 {
+.c37 {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
-.c37 {
+.c38 {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
-.c34 {
+.c35 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -5733,15 +5773,15 @@ exports[`renders
without throwing 1`] = `
flex: 1 0 auto;
}
-.c29 {
+.c30 {
min-width: 7.5rem;
}
-.c28 {
+.c29 {
display: inline-block;
}
-.c27 {
+.c28 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -5762,7 +5802,6 @@ exports[`renders
without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -5785,7 +5824,7 @@ exports[`renders
without throwing 1`] = `
border-color: rgb(216,216,216);
}
-.c27:focus {
+.c28:focus {
outline: 0;
-webkit-text-decoration: none;
text-decoration: none;
@@ -5793,43 +5832,43 @@ exports[`renders
without throwing 1`] = `
border-color: rgb(45,56,132);
}
-.c27:hover {
+.c28:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c27:active,
-.c27:active:hover,
-.c27:active:focus {
+.c28:active,
+.c28:active:hover,
+.c28:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c27[disabled] {
+.c28[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c27:focus {
+.c28:focus {
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
-.c27:hover {
+.c28:hover {
background-color: rgb(247,247,247);
border-color: rgb(216,216,216);
}
-.c27:active,
-.c27:active:hover,
-.c27:active:focus {
+.c28:active,
+.c28:active:hover,
+.c28:active:focus {
background-color: rgb(230,230,230);
border-color: rgb(216,216,216);
}
-.c31 {
+.c32 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -5850,7 +5889,6 @@ exports[`renders
without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -5874,7 +5912,7 @@ exports[`renders
without throwing 1`] = `
border-color: rgb(216,216,216);
}
-.c31:focus {
+.c32:focus {
outline: 0;
-webkit-text-decoration: none;
text-decoration: none;
@@ -5882,43 +5920,43 @@ exports[`renders
without throwing 1`] = `
border-color: rgb(45,56,132);
}
-.c31:hover {
+.c32:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
+.c32:active,
+.c32:active:hover,
+.c32:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c31[disabled] {
+.c32[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c31:focus {
+.c32:focus {
background-color: rgb(250,250,250);
border-color: rgb(216,216,216);
}
-.c31:hover {
+.c32:hover {
background-color: rgb(250,250,250);
border-color: rgb(250,250,250);
}
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
+.c32:active,
+.c32:active:hover,
+.c32:active:focus {
background-color: rgb(250,250,250);
border-color: rgb(250,250,250);
}
-.c33 {
+.c34 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -5939,7 +5977,6 @@ exports[`renders
without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -5980,7 +6017,7 @@ exports[`renders
without throwing 1`] = `
float: right;
}
-.c33:focus {
+.c34:focus {
outline: 0;
-webkit-text-decoration: none;
text-decoration: none;
@@ -5988,102 +6025,106 @@ exports[`renders
without throwing 1`] = `
border-color: rgb(45,56,132);
}
-.c33:hover {
+.c34:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c33:active,
-.c33:active:hover,
-.c33:active:focus {
+.c34:active,
+.c34:active:hover,
+.c34:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c33[disabled] {
+.c34[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c33:focus {
+.c34:focus {
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
-.c33:hover {
+.c34:hover {
background-color: rgb(247,247,247);
border-color: rgb(216,216,216);
}
-.c33:active,
-.c33:active:hover,
-.c33:active:focus {
+.c34:active,
+.c34:active:hover,
+.c34:active:focus {
background-color: rgb(230,230,230);
border-color: rgb(216,216,216);
}
-.c33:focus {
+.c34:focus {
color: rgb(205,37,27);
background-color: rgb(255,255,255);
border-color: rgb(205,37,27);
}
-.c33:hover {
+.c34: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 {
+.c34:active,
+.c34:active:hover,
+.c34:active:focus {
background-color: rgba(210,67,58,0.1);
border-color: rgb(205,37,27);
}
-.c33:focus {
+.c34:focus {
background-color: rgb(250,250,250);
border-color: rgb(216,216,216);
}
-.c33:hover {
+.c34:hover {
background-color: rgb(250,250,250);
border-color: rgb(250,250,250);
}
-.c33:active,
-.c33:active:hover,
-.c33:active:focus {
+.c34:active,
+.c34:active:hover,
+.c34:active:focus {
background-color: rgb(250,250,250);
border-color: rgb(250,250,250);
}
-.c1 {
+.c0 {
+ margin-bottom: 0;
+}
+
+.c2 {
border-top: 0;
border-left: 0;
border-right: 0;
}
-.c26 {
+.c27 {
margin-right: 0.375rem;
}
-.c4 {
+.c5 {
word-wrap: break-word;
overflow-wrap: break-word;
width: 100%;
box-sizing: border-box;
}
-.c7 {
+.c8 {
height: 2.9375rem;
max-width: 98%;
}
@media only screen and (min-width:0em) {
- .c24 {
+ .c25 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
@@ -6092,7 +6133,7 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c24 {
+ .c25 {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
@@ -6101,7 +6142,7 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:48em) {
- .c21 {
+ .c22 {
-webkit-flex-basis: 58.333333333333336%;
-ms-flex-preferred-size: 58.333333333333336%;
flex-basis: 58.333333333333336%;
@@ -6110,7 +6151,7 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c25 {
+ .c26 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
@@ -6119,38 +6160,39 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c32 {
+ .c33 {
display: none;
}
}
Add metadata
@@ -6159,83 +6201,85 @@ exports[`renders without throwing 1`] = `
Metadata
value
@@ -6243,19 +6287,20 @@ exports[`renders
without throwing 1`] = `
@@ -6264,10 +6309,11 @@ exports[`renders without throwing 1`] = `
@@ -6276,40 +6322,41 @@ exports[`renders without throwing 1`] = `
without throwing 1`] = `
`;
exports[`renders without throwing 1`] = `
-.c18 {
+.c19 {
margin-top: 0.1875rem;
margin-right: 1.125rem;
}
-.c22 {
+.c23 {
margin-top: 0.1875rem;
}
-.c23 {
+.c24 {
margin-top: 0.75rem;
}
-.c38 {
+.c39 {
margin-right: 0.75rem;
}
-.c5 {
+.c6 {
padding-right: 1.125rem;
padding-left: 1.125rem;
}
-.c12 {
+.c13 {
padding-left: 1.125rem;
padding-right: 1.125rem;
padding-top: 1.125rem;
padding-bottom: 1.125rem;
}
-.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;
+ 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;
- -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;
}
-.c36 {
+.c22 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
@@ -6425,7 +6452,27 @@ exports[`renders without throwing 1`] = `
display: block;
}
-.c6 {
+.c26 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c37 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c7 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -6453,7 +6500,7 @@ exports[`renders without throwing 1`] = `
align-items: center;
}
-.c13 {
+.c14 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -6483,7 +6530,7 @@ exports[`renders without throwing 1`] = `
align-content: stretch;
}
-.c14 {
+.c15 {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
@@ -6503,7 +6550,7 @@ exports[`renders without throwing 1`] = `
flex-basis: auto;
}
-.c30 {
+.c31 {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
@@ -6515,22 +6562,22 @@ exports[`renders without throwing 1`] = `
appearance: button;
}
-.c30::-moz-focus-inner,
-.c30[type='button']::-moz-focus-inner,
-.c30[type='reset']::-moz-focus-inner,
-.c30[type='submit']::-moz-focus-inner {
+.c31::-moz-focus-inner,
+.c31[type='button']::-moz-focus-inner,
+.c31[type='reset']::-moz-focus-inner,
+.c31[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 {
+.c31:-moz-focusring,
+.c31[type='button']:-moz-focusring,
+.c31[type='reset']:-moz-focusring,
+.c31[type='submit']:-moz-focusring {
outline: 0.0625rem dotted ButtonText;
}
-.c9 {
+.c10 {
margin: 0;
color: rgb(73,73,73);
font-weight: 600;
@@ -6538,7 +6585,7 @@ exports[`renders without throwing 1`] = `
font-size: 0.9375rem;
}
-.c0 {
+.c1 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
@@ -6561,7 +6608,7 @@ exports[`renders without throwing 1`] = `
box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
}
-.c3 {
+.c4 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
@@ -6588,7 +6635,7 @@ exports[`renders without throwing 1`] = `
flex: 0 0 2.875rem;
}
-.c11 {
+.c12 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
@@ -6610,7 +6657,7 @@ exports[`renders without throwing 1`] = `
border-color: rgb(216,216,216);
}
-.c10 {
+.c11 {
box-sizing: border-box;
display: -webkit-inline-box;
display: -webkit-inline-flex;
@@ -6626,7 +6673,7 @@ exports[`renders without throwing 1`] = `
background-color: transparent;
}
-.c2 {
+.c3 {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
@@ -6638,7 +6685,7 @@ exports[`renders without throwing 1`] = `
border-right: 0;
}
-.c8 {
+.c9 {
box-sizing: border-box;
min-height: 2.9375rem;
max-width: 100%;
@@ -6672,7 +6719,7 @@ exports[`renders without throwing 1`] = `
color: inherit;
}
-.c15 {
+.c16 {
display: inline-block;
padding: 0;
border: none;
@@ -6685,7 +6732,7 @@ exports[`renders without throwing 1`] = `
width: 100%;
}
-.c19 {
+.c20 {
box-sizing: border-box;
width: 18.75rem;
height: 3rem;
@@ -6710,58 +6757,58 @@ exports[`renders without throwing 1`] = `
text-overflow: ellipsis;
}
-.c19:focus {
+.c20:focus {
border-color: rgb(59,70,204);
outline: 0;
}
-.c19::-webkit-input-placeholder {
+.c20::-webkit-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c19::-moz-placeholder {
+.c20::-moz-placeholder {
color: rgba(73,73,73,0.5);
}
-.c19:-ms-input-placeholder {
+.c20:-ms-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c19:invalid {
+.c20:invalid {
box-shadow: none;
}
-.c19::-webkit-input-placeholder {
+.c20::-webkit-input-placeholder {
color: rgb(216,216,216);
}
-.c19::-moz-placeholder {
+.c20::-moz-placeholder {
color: rgb(216,216,216);
}
-.c19:-ms-input-placeholder {
+.c20:-ms-input-placeholder {
color: rgb(216,216,216);
}
-.c19:disabled {
+.c20:disabled {
background-color: rgb(250,250,250);
color: rgb(216,216,216);
cursor: not-allowed;
}
-.c19:disabled::-webkit-input-placeholder {
+.c20:disabled::-webkit-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c19:disabled::-moz-placeholder {
+.c20:disabled::-moz-placeholder {
color: rgba(73,73,73,0.5);
}
-.c19:disabled:-ms-input-placeholder {
+.c20:disabled:-ms-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c17 {
+.c18 {
font-size: 0.9375rem;
line-height: 1.125rem;
font-style: normal;
@@ -6771,30 +6818,30 @@ exports[`renders without throwing 1`] = `
text-align: left;
}
-.c16 {
+.c17 {
font-weight: 600;
white-space: pre;
font-size: 0.8125rem;
}
-.c33 {
+.c34 {
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 {
+.c35 {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
-.c35 {
+.c36 {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
-.c32 {
+.c33 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -6822,15 +6869,15 @@ exports[`renders without throwing 1`] = `
flex: 1 0 auto;
}
-.c29 {
+.c30 {
min-width: 7.5rem;
}
-.c28 {
+.c29 {
display: inline-block;
}
-.c31 {
+.c32 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -6851,7 +6898,6 @@ exports[`renders without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -6875,7 +6921,7 @@ exports[`renders without throwing 1`] = `
border-color: rgb(216,216,216);
}
-.c31:focus {
+.c32:focus {
outline: 0;
-webkit-text-decoration: none;
text-decoration: none;
@@ -6883,43 +6929,43 @@ exports[`renders without throwing 1`] = `
border-color: rgb(45,56,132);
}
-.c31:hover {
+.c32:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
+.c32:active,
+.c32:active:hover,
+.c32:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c31[disabled] {
+.c32[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c31:focus {
+.c32:focus {
background-color: rgb(250,250,250);
border-color: rgb(216,216,216);
}
-.c31:hover {
+.c32:hover {
background-color: rgb(250,250,250);
border-color: rgb(250,250,250);
}
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
+.c32:active,
+.c32:active:hover,
+.c32:active:focus {
background-color: rgb(250,250,250);
border-color: rgb(250,250,250);
}
-.c37 {
+.c38 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -6940,7 +6986,6 @@ exports[`renders without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -6981,7 +7026,7 @@ exports[`renders without throwing 1`] = `
float: right;
}
-.c37:focus {
+.c38:focus {
outline: 0;
-webkit-text-decoration: none;
text-decoration: none;
@@ -6989,79 +7034,79 @@ exports[`renders without throwing 1`] = `
border-color: rgb(45,56,132);
}
-.c37:hover {
+.c38:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c37:active,
-.c37:active:hover,
-.c37:active:focus {
+.c38:active,
+.c38:active:hover,
+.c38:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c37[disabled] {
+.c38[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c37:focus {
+.c38:focus {
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
-.c37:hover {
+.c38:hover {
background-color: rgb(247,247,247);
border-color: rgb(216,216,216);
}
-.c37:active,
-.c37:active:hover,
-.c37:active:focus {
+.c38:active,
+.c38:active:hover,
+.c38:active:focus {
background-color: rgb(230,230,230);
border-color: rgb(216,216,216);
}
-.c37:focus {
+.c38:focus {
color: rgb(205,37,27);
background-color: rgb(255,255,255);
border-color: rgb(205,37,27);
}
-.c37:hover {
+.c38: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 {
+.c38:active,
+.c38:active:hover,
+.c38:active:focus {
background-color: rgba(210,67,58,0.1);
border-color: rgb(205,37,27);
}
-.c37:focus {
+.c38:focus {
background-color: rgb(250,250,250);
border-color: rgb(216,216,216);
}
-.c37:hover {
+.c38:hover {
background-color: rgb(250,250,250);
border-color: rgb(250,250,250);
}
-.c37:active,
-.c37:active:hover,
-.c37:active:focus {
+.c38:active,
+.c38:active:hover,
+.c38:active:focus {
background-color: rgb(250,250,250);
border-color: rgb(250,250,250);
}
-.c27 {
+.c28 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -7082,7 +7127,6 @@ exports[`renders without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -7110,7 +7154,7 @@ exports[`renders without throwing 1`] = `
border-color: rgb(216,216,216);
}
-.c27:focus {
+.c28:focus {
outline: 0;
-webkit-text-decoration: none;
text-decoration: none;
@@ -7118,83 +7162,87 @@ exports[`renders without throwing 1`] = `
border-color: rgb(45,56,132);
}
-.c27:hover {
+.c28:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c27:active,
-.c27:active:hover,
-.c27:active:focus {
+.c28:active,
+.c28:active:hover,
+.c28:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c27[disabled] {
+.c28[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c27:focus {
+.c28:focus {
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
-.c27:hover {
+.c28:hover {
background-color: rgb(247,247,247);
border-color: rgb(216,216,216);
}
-.c27:active,
-.c27:active:hover,
-.c27:active:focus {
+.c28:active,
+.c28:active:hover,
+.c28:active:focus {
background-color: rgb(230,230,230);
border-color: rgb(216,216,216);
}
-.c27:focus {
+.c28:focus {
background-color: rgb(250,250,250);
border-color: rgb(216,216,216);
}
-.c27:hover {
+.c28:hover {
background-color: rgb(250,250,250);
border-color: rgb(250,250,250);
}
-.c27:active,
-.c27:active:hover,
-.c27:active:focus {
+.c28:active,
+.c28:active:hover,
+.c28:active:focus {
background-color: rgb(250,250,250);
border-color: rgb(250,250,250);
}
-.c1 {
+.c0 {
+ margin-bottom: 0;
+}
+
+.c2 {
border-top: 0;
border-left: 0;
border-right: 0;
}
-.c26 {
+.c27 {
margin-right: 0.375rem;
}
-.c4 {
+.c5 {
word-wrap: break-word;
overflow-wrap: break-word;
width: 100%;
box-sizing: border-box;
}
-.c7 {
+.c8 {
height: 2.9375rem;
max-width: 98%;
}
@media only screen and (min-width:0em) {
- .c24 {
+ .c25 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
@@ -7203,7 +7251,7 @@ exports[`renders without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c24 {
+ .c25 {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
@@ -7212,7 +7260,7 @@ exports[`renders without throwing 1`] = `
}
@media only screen and (min-width:48em) {
- .c21 {
+ .c22 {
-webkit-flex-basis: 58.333333333333336%;
-ms-flex-preferred-size: 58.333333333333336%;
flex-basis: 58.333333333333336%;
@@ -7221,7 +7269,7 @@ exports[`renders without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c25 {
+ .c26 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
@@ -7230,38 +7278,39 @@ exports[`renders without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c36 {
+ .c37 {
display: none;
}
}
Add metadata
@@ -7270,83 +7319,85 @@ exports[`renders without throwing 1`] = `
Metadata
value
@@ -7354,19 +7405,20 @@ exports[`renders
without throwing 1`] = `
@@ -7375,35 +7427,36 @@ exports[`renders without throwing 1`] = `
without throwing 1`] = `
without throwing 1`] = `
- Remove
+ Delete
@@ -7459,94 +7513,74 @@ exports[`renders without throwing 1`] = `
`;
exports[`renders without throwing 1`] = `
-.c18 {
+.c19 {
margin-top: 0.1875rem;
margin-right: 1.125rem;
}
-.c22 {
+.c23 {
margin-top: 0.1875rem;
}
-.c23 {
+.c24 {
margin-top: 0.75rem;
}
-.c34 {
+.c35 {
margin-right: 0.75rem;
}
-.c5 {
+.c6 {
padding-right: 1.125rem;
padding-left: 1.125rem;
}
-.c12 {
+.c13 {
padding-left: 1.125rem;
padding-right: 1.125rem;
padding-top: 1.125rem;
padding-bottom: 1.125rem;
}
-.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;
+ 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;
- -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;
}
-.c32 {
+.c22 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
@@ -7556,7 +7590,27 @@ exports[`renders without throwing 1`] = `
display: block;
}
-.c6 {
+.c26 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c33 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c7 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -7584,7 +7638,7 @@ exports[`renders without throwing 1`] = `
align-items: center;
}
-.c13 {
+.c14 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -7614,7 +7668,7 @@ exports[`renders without throwing 1`] = `
align-content: stretch;
}
-.c14 {
+.c15 {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
@@ -7634,7 +7688,7 @@ exports[`renders without throwing 1`] = `
flex-basis: auto;
}
-.c30 {
+.c31 {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
@@ -7646,22 +7700,22 @@ exports[`renders without throwing 1`] = `
appearance: button;
}
-.c30::-moz-focus-inner,
-.c30[type='button']::-moz-focus-inner,
-.c30[type='reset']::-moz-focus-inner,
-.c30[type='submit']::-moz-focus-inner {
+.c31::-moz-focus-inner,
+.c31[type='button']::-moz-focus-inner,
+.c31[type='reset']::-moz-focus-inner,
+.c31[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 {
+.c31:-moz-focusring,
+.c31[type='button']:-moz-focusring,
+.c31[type='reset']:-moz-focusring,
+.c31[type='submit']:-moz-focusring {
outline: 0.0625rem dotted ButtonText;
}
-.c9 {
+.c10 {
margin: 0;
color: rgb(73,73,73);
font-weight: 600;
@@ -7669,7 +7723,7 @@ exports[`renders without throwing 1`] = `
font-size: 0.9375rem;
}
-.c0 {
+.c1 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
@@ -7692,7 +7746,7 @@ exports[`renders without throwing 1`] = `
box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
}
-.c3 {
+.c4 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
@@ -7719,7 +7773,7 @@ exports[`renders without throwing 1`] = `
flex: 0 0 2.875rem;
}
-.c11 {
+.c12 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
@@ -7741,7 +7795,7 @@ exports[`renders without throwing 1`] = `
border-color: rgb(216,216,216);
}
-.c10 {
+.c11 {
box-sizing: border-box;
display: -webkit-inline-box;
display: -webkit-inline-flex;
@@ -7757,7 +7811,7 @@ exports[`renders without throwing 1`] = `
background-color: transparent;
}
-.c2 {
+.c3 {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
@@ -7769,7 +7823,7 @@ exports[`renders without throwing 1`] = `
border-right: 0;
}
-.c8 {
+.c9 {
box-sizing: border-box;
min-height: 2.9375rem;
max-width: 100%;
@@ -7803,7 +7857,7 @@ exports[`renders without throwing 1`] = `
color: inherit;
}
-.c15 {
+.c16 {
display: inline-block;
padding: 0;
border: none;
@@ -7816,7 +7870,7 @@ exports[`renders without throwing 1`] = `
width: 100%;
}
-.c19 {
+.c20 {
box-sizing: border-box;
width: 18.75rem;
height: 3rem;
@@ -7838,46 +7892,46 @@ exports[`renders without throwing 1`] = `
text-overflow: ellipsis;
}
-.c19:focus {
+.c20:focus {
border-color: rgb(59,70,204);
outline: 0;
}
-.c19::-webkit-input-placeholder {
+.c20::-webkit-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c19::-moz-placeholder {
+.c20::-moz-placeholder {
color: rgba(73,73,73,0.5);
}
-.c19:-ms-input-placeholder {
+.c20:-ms-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c19:invalid {
+.c20:invalid {
box-shadow: none;
}
-.c19:disabled {
+.c20:disabled {
background-color: rgb(250,250,250);
color: rgb(216,216,216);
cursor: not-allowed;
}
-.c19:disabled::-webkit-input-placeholder {
+.c20:disabled::-webkit-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c19:disabled::-moz-placeholder {
+.c20:disabled::-moz-placeholder {
color: rgba(73,73,73,0.5);
}
-.c19:disabled:-ms-input-placeholder {
+.c20:disabled:-ms-input-placeholder {
color: rgba(73,73,73,0.5);
}
-.c17 {
+.c18 {
font-size: 0.9375rem;
line-height: 1.125rem;
font-style: normal;
@@ -7887,21 +7941,21 @@ exports[`renders without throwing 1`] = `
text-align: left;
}
-.c16 {
+.c17 {
font-weight: 600;
white-space: pre;
font-size: 0.8125rem;
}
-.c29 {
+.c30 {
min-width: 7.5rem;
}
-.c28 {
+.c29 {
display: inline-block;
}
-.c27 {
+.c28 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -7922,7 +7976,6 @@ exports[`renders without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -7945,7 +7998,7 @@ exports[`renders without throwing 1`] = `
border-color: rgb(216,216,216);
}
-.c27:focus {
+.c28:focus {
outline: 0;
-webkit-text-decoration: none;
text-decoration: none;
@@ -7953,43 +8006,43 @@ exports[`renders without throwing 1`] = `
border-color: rgb(45,56,132);
}
-.c27:hover {
+.c28:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c27:active,
-.c27:active:hover,
-.c27:active:focus {
+.c28:active,
+.c28:active:hover,
+.c28:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c27[disabled] {
+.c28[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c27:focus {
+.c28:focus {
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
-.c27:hover {
+.c28:hover {
background-color: rgb(247,247,247);
border-color: rgb(216,216,216);
}
-.c27:active,
-.c27:active:hover,
-.c27:active:focus {
+.c28:active,
+.c28:active:hover,
+.c28:active:focus {
background-color: rgb(230,230,230);
border-color: rgb(216,216,216);
}
-.c31 {
+.c32 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -8010,7 +8063,6 @@ exports[`renders without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -8034,7 +8086,7 @@ exports[`renders without throwing 1`] = `
border-color: rgb(216,216,216);
}
-.c31:focus {
+.c32:focus {
outline: 0;
-webkit-text-decoration: none;
text-decoration: none;
@@ -8042,43 +8094,43 @@ exports[`renders without throwing 1`] = `
border-color: rgb(45,56,132);
}
-.c31:hover {
+.c32:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
+.c32:active,
+.c32:active:hover,
+.c32:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c31[disabled] {
+.c32[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c31:focus {
+.c32:focus {
background-color: rgb(250,250,250);
border-color: rgb(216,216,216);
}
-.c31:hover {
+.c32:hover {
background-color: rgb(250,250,250);
border-color: rgb(250,250,250);
}
-.c31:active,
-.c31:active:hover,
-.c31:active:focus {
+.c32:active,
+.c32:active:hover,
+.c32:active:focus {
background-color: rgb(250,250,250);
border-color: rgb(250,250,250);
}
-.c33 {
+.c34 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -8099,7 +8151,6 @@ exports[`renders without throwing 1`] = `
text-align: center;
font-style: normal;
font-stretch: normal;
- line-height: normal;
-webkit-letter-spacing: normal;
-moz-letter-spacing: normal;
-ms-letter-spacing: normal;
@@ -8135,7 +8186,7 @@ exports[`renders without throwing 1`] = `
float: right;
}
-.c33:focus {
+.c34:focus {
outline: 0;
-webkit-text-decoration: none;
text-decoration: none;
@@ -8143,85 +8194,89 @@ exports[`renders without throwing 1`] = `
border-color: rgb(45,56,132);
}
-.c33:hover {
+.c34:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c33:active,
-.c33:active:hover,
-.c33:active:focus {
+.c34:active,
+.c34:active:hover,
+.c34:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c33[disabled] {
+.c34[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c33:focus {
+.c34:focus {
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
-.c33:hover {
+.c34:hover {
background-color: rgb(247,247,247);
border-color: rgb(216,216,216);
}
-.c33:active,
-.c33:active:hover,
-.c33:active:focus {
+.c34:active,
+.c34:active:hover,
+.c34:active:focus {
background-color: rgb(230,230,230);
border-color: rgb(216,216,216);
}
-.c33:focus {
+.c34:focus {
color: rgb(205,37,27);
background-color: rgb(255,255,255);
border-color: rgb(205,37,27);
}
-.c33:hover {
+.c34: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 {
+.c34:active,
+.c34:active:hover,
+.c34:active:focus {
background-color: rgba(210,67,58,0.1);
border-color: rgb(205,37,27);
}
-.c1 {
+.c0 {
+ margin-bottom: 0;
+}
+
+.c2 {
border-top: 0;
border-left: 0;
border-right: 0;
}
-.c26 {
+.c27 {
margin-right: 0.375rem;
}
-.c4 {
+.c5 {
word-wrap: break-word;
overflow-wrap: break-word;
width: 100%;
box-sizing: border-box;
}
-.c7 {
+.c8 {
height: 2.9375rem;
max-width: 98%;
}
@media only screen and (min-width:0em) {
- .c24 {
+ .c25 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
@@ -8230,7 +8285,7 @@ exports[`renders without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c24 {
+ .c25 {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
@@ -8239,7 +8294,7 @@ exports[`renders without throwing 1`] = `
}
@media only screen and (min-width:48em) {
- .c21 {
+ .c22 {
-webkit-flex-basis: 58.333333333333336%;
-ms-flex-preferred-size: 58.333333333333336%;
flex-basis: 58.333333333333336%;
@@ -8248,7 +8303,7 @@ exports[`renders without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c25 {
+ .c26 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
@@ -8257,38 +8312,39 @@ exports[`renders without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c32 {
+ .c33 {
display: none;
}
}
Add tag
@@ -8297,83 +8353,85 @@ exports[`renders without throwing 1`] = `
Tag
value
@@ -8381,19 +8439,20 @@ exports[`renders
without throwing 1`] = `
@@ -8402,10 +8461,11 @@ exports[`renders without throwing 1`] = `
@@ -8414,19 +8474,20 @@ exports[`renders without throwing 1`] = `
without throwing 1`] = `
- Remove
+ Delete
diff --git a/packages/ui-toolkit/src/key-value/index.js b/packages/ui-toolkit/src/key-value/index.js
index ccf2bd55..52a21f0b 100644
--- a/packages/ui-toolkit/src/key-value/index.js
+++ b/packages/ui-toolkit/src/key-value/index.js
@@ -27,6 +27,10 @@ import { H4 } from '../text/headings';
import Button from '../button';
import Divider from '../divider';
+const Form = styled.form`
+ margin-bottom: 0;
+`;
+
const CollapsedKeyValue = styled.div`
word-break: break-all;
line-height: 1.5;
@@ -70,6 +74,7 @@ const Bold = styled.span`
`;
const TextareaKeyValue = ({
+ id = null,
type,
submitting,
onlyName,
@@ -80,7 +85,12 @@ const TextareaKeyValue = ({
{!onlyValue ? (
-
+
{titleCase(type)} key
@@ -98,7 +108,12 @@ const TextareaKeyValue = ({
{!onlyName ? (
-
+
{titleCase(type)} value
{!onlyValue ? (
-
+
{titleCase(type)} {typeLabel}
@@ -150,7 +171,12 @@ const InputKeyValue = ({
{!onlyName ? (
-
+
{titleCase(type)} value
@@ -168,6 +194,7 @@ const InputKeyValue = ({
);
export const KeyValue = ({
+ id = null,
disabled = false,
input = 'input',
type = 'metadata',
@@ -262,6 +289,7 @@ export const KeyValue = ({
) : null}
{input === 'input' ? (
Cancel
- Remove
+ Delete
)}
@@ -348,7 +380,7 @@ KeyValue.propTypes = {
};
export default withTheme(({ handleSubmit, ...rest }) => (
-
+
-
+
));
diff --git a/packages/ui-toolkit/src/popover/__tests__/__snapshots__/popover.spec.js.snap b/packages/ui-toolkit/src/popover/__tests__/__snapshots__/popover.spec.js.snap
index b6f22c43..d7932cbd 100644
--- a/packages/ui-toolkit/src/popover/__tests__/__snapshots__/popover.spec.js.snap
+++ b/packages/ui-toolkit/src/popover/__tests__/__snapshots__/popover.spec.js.snap
@@ -36,6 +36,7 @@ Array [
.c1 {
display: block;
text-align: left;
+ font-size: 1rem;
cursor: pointer;
}
@@ -110,7 +111,7 @@ Array [
.c0[data-placement='top'] .b,
.c0[data-placement='bottom'] .b {
- left: calc(50% - 0.6875rem);
+ left: calc(50% - 0.375rem);
}
.c0[data-placement^='left'] .b {
diff --git a/packages/ui-toolkit/src/popover/item.js b/packages/ui-toolkit/src/popover/item.js
index 4db58ea0..37e17eb2 100644
--- a/packages/ui-toolkit/src/popover/item.js
+++ b/packages/ui-toolkit/src/popover/item.js
@@ -2,12 +2,12 @@ import React, { Component } from 'react';
import is, { isNot } from 'styled-is';
import PropTypes from 'prop-types';
import styled from 'styled-components';
+import remcalc from 'remcalc';
const BaseItem = styled.span`
display: block;
text-align: left;
-
- ${isNot('disabled')`
+ font-size: ${remcalc(16)} ${isNot('disabled')`
cursor: pointer;
&:hover {
diff --git a/packages/ui-toolkit/src/tags/item.js b/packages/ui-toolkit/src/tags/item.js
index 93d20937..20468188 100644
--- a/packages/ui-toolkit/src/tags/item.js
+++ b/packages/ui-toolkit/src/tags/item.js
@@ -11,12 +11,6 @@ const CloseIcon = styled(Close)`
`};
`;
-const Container = styled.div`
- display: flex;
- align-items: center;
- flex-grow: 1;
-`;
-
const Tag = styled.li`
border: ${remcalc(1)} solid ${props => props.theme.grey};
box-sizing: border-box;
@@ -59,19 +53,15 @@ export default withTheme(
iconFill = null,
...rest
}) => (
-
-
- {children}
- {onRemoveClick ? (
-
- ) : null}
-
-
+
+ {children}
+ {onRemoveClick ? (
+
+ ) : null}
+
)
);
diff --git a/packages/ui-toolkit/src/tags/list.js b/packages/ui-toolkit/src/tags/list.js
index 7a0a4b1c..64129bf7 100644
--- a/packages/ui-toolkit/src/tags/list.js
+++ b/packages/ui-toolkit/src/tags/list.js
@@ -1,4 +1,5 @@
import styled from 'styled-components';
+import remcalc from 'remcalc';
export default styled.ul`
margin: 0;
diff --git a/packages/ui-toolkit/src/tooltip/__tests__/__snapshots__/tooltip.spec.js.snap b/packages/ui-toolkit/src/tooltip/__tests__/__snapshots__/tooltip.spec.js.snap
index 932a6e2a..dfbc4bdc 100644
--- a/packages/ui-toolkit/src/tooltip/__tests__/__snapshots__/tooltip.spec.js.snap
+++ b/packages/ui-toolkit/src/tooltip/__tests__/__snapshots__/tooltip.spec.js.snap
@@ -79,7 +79,7 @@ Array [
.c0[data-placement='top'] .b,
.c0[data-placement='bottom'] .b {
- left: calc(50% - 0.6875rem);
+ left: calc(50% - 0.375rem);
}
.c0[data-placement^='left'] .b {
diff --git a/packages/ui-toolkit/src/tooltip/style.js b/packages/ui-toolkit/src/tooltip/style.js
index 69d99124..fbc57e58 100644
--- a/packages/ui-toolkit/src/tooltip/style.js
+++ b/packages/ui-toolkit/src/tooltip/style.js
@@ -73,7 +73,7 @@ export default ({ background, color, border, arrow }) => css`
}
&[data-placement='top'] .${arrow}, &[data-placement='bottom'] .${arrow} {
- left: calc(50% - ${remcalc(11)});
+ left: calc(50% - ${remcalc(6)});
}
&[data-placement^='left'] .${arrow} {