- .c1 {
- font-size: 0.9375rem;
- line-height: 1.5;
- color: ;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 600;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- -webkit-flex-grow: 2;
- -ms-flex-grow: 2;
- flex-grow: 2;
- -webkit-flex-basis: 5.625rem;
- -ms-flex-basis: 5.625rem;
- flex-basis: 5.625rem;
- width: 100%;
- padding: 0.75rem 1.125rem 0 1.125rem;
-}
-
-.c0 {
- box-sizing: border-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 0 1 auto;
- -ms-flex: 0 1 auto;
- flex: 0 1 auto;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- margin-right: -0.5rem;
- margin-left: -0.5rem;
- display: block;
- height: 100%;
- position: absolute;
- top: 50%;
- -webkit-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
-}
-
-.c3 {
- display: inline-block;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
- font-style: normal;
- font-stretch: normal;
- font-size: 0.875rem;
- -webkit-box-pack: end;
- -webkit-justify-content: flex-end;
- -ms-flex-pack: end;
- justify-content: flex-end;
-}
-
-.c2 {
- display: inline-block;
- padding: 0 1.125rem;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
-}
-
-.c4 {
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
- -webkit-flex-grow: 1;
- -ms-flex-grow: 1;
- flex-grow: 1;
- -webkit-flex-basis: 5.625rem;
- -ms-flex-basis: 5.625rem;
- flex-basis: 5.625rem;
-}
-
-.c5 {
- display: inline-block;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
- font-size: 0.8125rem;
- font-weight: 500;
- text-transform: uppercase;
- color: rgba(73,73,73,0.5);
-}
-
-
- .c0 {
- font-size: 0.9375rem;
- line-height: 1.5;
- color: ;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 600;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- -webkit-flex-grow: 2;
- -ms-flex-grow: 2;
- flex-grow: 2;
- -webkit-flex-basis: 5.625rem;
- -ms-flex-basis: 5.625rem;
- flex-basis: 5.625rem;
- width: 100%;
- padding: 0.75rem 1.125rem 0 1.125rem;
-}
-
-
$
0.525
per hour
- .c1 {
- font-size: 0.9375rem;
- line-height: 1.5;
- color: ;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 600;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- -webkit-flex-grow: 2;
- -ms-flex-grow: 2;
- flex-grow: 2;
- -webkit-flex-basis: 5.625rem;
- -ms-flex-basis: 5.625rem;
- flex-basis: 5.625rem;
- width: 100%;
- padding: 0.75rem 1.125rem 0 1.125rem;
-}
-
-.c2 {
- display: inline-block;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
- font-style: normal;
- font-stretch: normal;
- font-size: 0.875rem;
- -webkit-box-pack: end;
- -webkit-justify-content: flex-end;
- -ms-flex-pack: end;
- justify-content: flex-end;
-}
-
-.c0 {
- display: inline-block;
- padding: 0 1.125rem;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
-}
-
-
- .c0 {
- display: inline-block;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
- font-style: normal;
- font-stretch: normal;
- font-size: 0.875rem;
- -webkit-box-pack: end;
- -webkit-justify-content: flex-end;
- -ms-flex-pack: end;
- justify-content: flex-end;
-}
-
-
15.8
GB RAM
- .c1 {
- font-size: 0.9375rem;
- line-height: 1.5;
- color: ;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 600;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- -webkit-flex-grow: 2;
- -ms-flex-grow: 2;
- flex-grow: 2;
- -webkit-flex-basis: 5.625rem;
- -ms-flex-basis: 5.625rem;
- flex-basis: 5.625rem;
- width: 100%;
- padding: 0.75rem 1.125rem 0 1.125rem;
-}
-
-.c2 {
- display: inline-block;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
- font-style: normal;
- font-stretch: normal;
- font-size: 0.875rem;
- -webkit-box-pack: end;
- -webkit-justify-content: flex-end;
- -ms-flex-pack: end;
- justify-content: flex-end;
-}
-
-.c0 {
- display: inline-block;
- padding: 0 1.125rem;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
-}
-
-
- .c0 {
- display: inline-block;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
- font-style: normal;
- font-stretch: normal;
- font-size: 0.875rem;
- -webkit-box-pack: end;
- -webkit-justify-content: flex-end;
- -ms-flex-pack: end;
- justify-content: flex-end;
-}
-
-
8
vCPUs
- .c1 {
- font-size: 0.9375rem;
- line-height: 1.5;
- color: ;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 600;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- -webkit-flex-grow: 2;
- -ms-flex-grow: 2;
- flex-grow: 2;
- -webkit-flex-basis: 5.625rem;
- -ms-flex-basis: 5.625rem;
- flex-basis: 5.625rem;
- width: 100%;
- padding: 0.75rem 1.125rem 0 1.125rem;
-}
-
-.c2 {
- display: inline-block;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
- font-style: normal;
- font-stretch: normal;
- font-size: 0.875rem;
- -webkit-box-pack: end;
- -webkit-justify-content: flex-end;
- -ms-flex-pack: end;
- justify-content: flex-end;
-}
-
-.c0 {
- display: inline-block;
- padding: 0 1.125rem;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
-}
-
-
- .c0 {
- display: inline-block;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
- font-style: normal;
- font-stretch: normal;
- font-size: 0.875rem;
- -webkit-box-pack: end;
- -webkit-justify-content: flex-end;
- -ms-flex-pack: end;
- justify-content: flex-end;
-}
-
-
4
TB disk
- .c1 {
- font-size: 0.9375rem;
- line-height: 1.5;
- color: ;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 600;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- -webkit-flex-grow: 2;
- -ms-flex-grow: 2;
- flex-grow: 2;
- -webkit-flex-basis: 5.625rem;
- -ms-flex-basis: 5.625rem;
- flex-basis: 5.625rem;
- width: 100%;
- padding: 0.75rem 1.125rem 0 1.125rem;
-}
-
-.c2 {
- display: inline-block;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
- font-style: normal;
- font-stretch: normal;
- font-size: 0.875rem;
- -webkit-box-pack: end;
- -webkit-justify-content: flex-end;
- -ms-flex-pack: end;
- justify-content: flex-end;
-}
-
-.c0 {
- display: inline-block;
- padding: 0 1.125rem;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
-}
-
-
- .c0 {
- display: inline-block;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
- font-style: normal;
- font-stretch: normal;
- font-size: 0.875rem;
- -webkit-box-pack: end;
- -webkit-justify-content: flex-end;
- -ms-flex-pack: end;
- justify-content: flex-end;
-}
-
-
SSD
- .c1 {
- font-size: 0.9375rem;
- line-height: 1.5;
- color: ;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 600;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- -webkit-flex-grow: 2;
- -ms-flex-grow: 2;
- flex-grow: 2;
- -webkit-flex-basis: 5.625rem;
- -ms-flex-basis: 5.625rem;
- flex-basis: 5.625rem;
- width: 100%;
- padding: 0.75rem 1.125rem 0 1.125rem;
-}
-
-.c0 {
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
- -webkit-flex-grow: 1;
- -ms-flex-grow: 1;
- flex-grow: 1;
- -webkit-flex-basis: 5.625rem;
- -ms-flex-basis: 5.625rem;
- flex-basis: 5.625rem;
-}
-
-.c2 {
- display: inline-block;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
- font-size: 0.8125rem;
- font-weight: 500;
- text-transform: uppercase;
- color: rgba(73,73,73,0.5);
-}
-
-
- .c0 {
- display: inline-block;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
- font-size: 0.8125rem;
- font-weight: 500;
- text-transform: uppercase;
- color: rgba(73,73,73,0.5);
-}
-
-
Compute Optimized
diff --git a/packages/my-joyent/src/components/packages/list.js b/packages/my-joyent/src/components/packages/list.js
index 7e15243e..d662b21a 100644
--- a/packages/my-joyent/src/components/packages/list.js
+++ b/packages/my-joyent/src/components/packages/list.js
@@ -10,16 +10,15 @@ const ListStyled = styled.ul`
list-style: none;
padding: 0;
flex-wrap: wrap;
- justify-content: space-between;
margin-top: ${remcalc(36)};
`;
const Packages = ({ packages }) => (
- {packages.map(pack => (
+ {packages.length > 0 ? packages.map(pack => (
- ))}
+ )) : 'There are no packages that meet your criteria'}
);
diff --git a/packages/my-joyent/src/components/sliders/index.js b/packages/my-joyent/src/components/sliders/index.js
new file mode 100644
index 00000000..d6e4d698
--- /dev/null
+++ b/packages/my-joyent/src/components/sliders/index.js
@@ -0,0 +1,65 @@
+import React from 'react';
+import { Slider } from 'joyent-ui-toolkit';
+import styled from 'styled-components';
+import remcalc from 'remcalc';
+
+const FilterWrapper = styled.section`
+ display: flex;
+
+ > div {
+ flex-grow: 1;
+
+ &:not(:last-child) {
+ margin-right: ${remcalc(36)};
+ }
+ }
+`;
+
+const Sliders = ({
+ filters: { cpu, cost, ram, disk },
+ ramSliderChange,
+ cpuSliderChange,
+ diskSliderChange,
+ costSliderChange
+}) => (
+
+ ramSliderChange(value)}
+ >
+ GB RAM
+
+ cpuSliderChange(value)}
+ >
+ vCPUs
+
+ diskSliderChange(value)}
+ >
+ TB Disk
+
+ costSliderChange(value)}
+ >
+ $/hr
+
+
+);
+
+export default Sliders;
diff --git a/packages/my-joyent/src/containers/home/__tests__/__snapshots__/index.spec.js.snap b/packages/my-joyent/src/containers/home/__tests__/__snapshots__/index.spec.js.snap
index af10feee..56689ef4 100644
--- a/packages/my-joyent/src/containers/home/__tests__/__snapshots__/index.spec.js.snap
+++ b/packages/my-joyent/src/containers/home/__tests__/__snapshots__/index.spec.js.snap
@@ -20,16 +20,7 @@ exports[`renders
without throwing 1`] = `
margin-left: -0.5rem;
}
-.c18 {
- box-sizing: border-box;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- padding-right: 0.5rem;
- padding-left: 0.5rem;
-}
-
-.c26 {
+.c30 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
@@ -54,7 +45,6 @@ exports[`renders
without throwing 1`] = `
.c14 {
background-color: transparent;
text-decoration-skip: objects;
- color: ;
}
.c17 {
@@ -97,9 +87,7 @@ exports[`renders
without throwing 1`] = `
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
- color: ;
background-image: none;
- background-color: ;
border-radius: 0.25rem;
border: solid 0.0625rem;
}
@@ -122,12 +110,9 @@ exports[`renders
without throwing 1`] = `
.c17:focus {
outline: 0;
text-decoration: none;
- background-color: ;
- border-color: ;
}
.c17:hover {
- background-color: ;
border: solid 0.0625rem;
}
@@ -136,8 +121,6 @@ exports[`renders
without throwing 1`] = `
.c17:active:focus {
background-image: none;
outline: 0;
- background-color: ;
- border-color: ;
}
.c17[disabled] {
@@ -149,6 +132,181 @@ exports[`renders
without throwing 1`] = `
margin-left: 1.25rem;
}
+.c24 {
+ font-family: sans-serif;
+ font-size: 100%;
+ line-height: 1.15;
+ margin: 0;
+ overflow: visible;
+ text-transform: none;
+ -webkit-appearance: button;
+ -moz-appearance: button;
+ appearance: button;
+ min-width: 7.5rem;
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ margin: 0;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-weight: 400;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ line-height: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ background-image: none;
+ border-radius: 0.25rem;
+ border: solid 0.0625rem;
+ font-weight: 600;
+ padding: 0.5625rem 1.125rem;
+ font-weight: 600;
+}
+
+.c24::-moz-focus-inner,
+.c24[type='button']::-moz-focus-inner,
+.c24[type='reset']::-moz-focus-inner,
+.c24[type='submit']::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
+
+.c24:-moz-focusring,
+.c24[type='button']:-moz-focusring,
+.c24[type='reset']:-moz-focusring,
+.c24[type='submit']:-moz-focusring {
+ outline: 0.0625rem dotted ButtonText;
+}
+
+.c24:focus {
+ outline: 0;
+ text-decoration: none;
+}
+
+.c24:hover {
+ border: solid 0.0625rem;
+}
+
+.c24:active,
+.c24:active:hover,
+.c24:active:focus {
+ background-image: none;
+ outline: 0;
+}
+
+.c24[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c24 + button {
+ margin-left: 1.25rem;
+}
+
+.c25 {
+ font-family: sans-serif;
+ font-size: 100%;
+ line-height: 1.15;
+ margin: 0;
+ overflow: visible;
+ text-transform: none;
+ -webkit-appearance: button;
+ -moz-appearance: button;
+ appearance: button;
+ min-width: 7.5rem;
+ box-sizing: border-box;
+ display: inline-block;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ margin: 0;
+ padding: 0.9375rem 1.125rem;
+ position: relative;
+ font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
+ font-weight: 400;
+ font-size: 0.9375rem;
+ text-align: center;
+ font-style: normal;
+ font-stretch: normal;
+ line-height: normal;
+ -webkit-letter-spacing: normal;
+ -moz-letter-spacing: normal;
+ -ms-letter-spacing: normal;
+ letter-spacing: normal;
+ text-decoration: none;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ background-image: none;
+ border-radius: 0.25rem;
+ border: solid 0.0625rem;
+ padding: 0.5625rem 1.125rem;
+ font-weight: 600;
+}
+
+.c25::-moz-focus-inner,
+.c25[type='button']::-moz-focus-inner,
+.c25[type='reset']::-moz-focus-inner,
+.c25[type='submit']::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
+
+.c25:-moz-focusring,
+.c25[type='button']:-moz-focusring,
+.c25[type='reset']:-moz-focusring,
+.c25[type='submit']:-moz-focusring {
+ outline: 0.0625rem dotted ButtonText;
+}
+
+.c25:focus {
+ outline: 0;
+ text-decoration: none;
+}
+
+.c25:hover {
+ border: solid 0.0625rem;
+}
+
+.c25:active,
+.c25:active:hover,
+.c25:active:focus {
+ background-image: none;
+ outline: 0;
+}
+
+.c25[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c25 + button {
+ margin-left: 1.25rem;
+}
+
.c11 {
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-weight: 500;
@@ -160,7 +318,6 @@ exports[`renders
without throwing 1`] = `
font-weight: 500;
font-size: 1.5rem;
font-weight: 400;
- color: ;
margin: 1.25rem 0 1.125rem 0;
display: inline-block;
}
@@ -208,7 +365,6 @@ exports[`renders
without throwing 1`] = `
font-style: normal;
font-stretch: normal;
display: block;
- color: ;
margin-right: 0.75rem;
font-weight: bold;
}
@@ -216,9 +372,9 @@ exports[`renders
without throwing 1`] = `
.c7 {
position: relative;
margin-bottom: 0.75rem;
- background-color: ;
box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
border: 0.0625rem solid;
+ width: 100%;
}
.c8 {
@@ -227,7 +383,6 @@ exports[`renders
without throwing 1`] = `
left: 0;
width: 2.25rem;
height: 100%;
- background-color: ;
}
.c9 {
@@ -336,10 +491,9 @@ exports[`renders
without throwing 1`] = `
margin-top: 0.75rem;
}
-.c28 {
+.c32 {
font-size: 0.9375rem;
line-height: 1.5;
- color: ;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-weight: 600;
display: -webkit-box;
@@ -363,7 +517,7 @@ exports[`renders
without throwing 1`] = `
padding: 0.75rem 1.125rem 0 1.125rem;
}
-.c24 {
+.c28 {
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
@@ -385,21 +539,20 @@ exports[`renders
without throwing 1`] = `
min-height: 7.875rem;
margin-bottom: 0.625rem;
border: 0.0625rem solid;
- background-color: ;
box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-right: 0rem;
margin-left: 0rem;
- border-radius: 0.25rem background: border:1px solid;
- background: ;
+ border-radius: 4px;
+ border: 1px solid;
box-shadow: 0px 2px 0px rgba(0,0,0,0.05);
min-height: 11.5625rem;
- min-width: 200px;
+ min-width: 237px;
}
-.c25 {
+.c29 {
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
@@ -428,7 +581,7 @@ exports[`renders
without throwing 1`] = `
flex-direction: row;
}
-.c27 {
+.c31 {
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
@@ -454,7 +607,7 @@ exports[`renders
without throwing 1`] = `
transform: translateY(-50%);
}
-.c30 {
+.c34 {
display: inline-block;
-webkit-flex-direction: column;
-ms-flex-direction: column;
@@ -470,14 +623,14 @@ exports[`renders
without throwing 1`] = `
justify-content: flex-end;
}
-.c29 {
+.c33 {
display: inline-block;
padding: 0 1.125rem;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-weight: 400;
}
-.c31 {
+.c35 {
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-weight: 400;
-webkit-flex-grow: 1;
@@ -488,7 +641,7 @@ exports[`renders
without throwing 1`] = `
flex-basis: 5.625rem;
}
-.c32 {
+.c36 {
display: inline-block;
-webkit-flex-direction: column;
-ms-flex-direction: column;
@@ -513,13 +666,11 @@ exports[`renders
without throwing 1`] = `
.c4 {
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-weight: 400;
- color: ;
text-decoration: none;
cursor: pointer;
}
.c4.active {
- color: ;
cursor: default;
}
@@ -534,7 +685,6 @@ exports[`renders
without throwing 1`] = `
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
- width: 100%;
}
.c20 > div {
@@ -548,6 +698,28 @@ exports[`renders
without throwing 1`] = `
}
.c23 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ width: 100%;
+ margin-top: 2.25rem;
+}
+
+.c18 {
+ width: 100%;
+}
+
+.c27 {
+ margin-right: 1.125rem;
+ margin-bottom: 1.125rem;
+}
+
+.c26 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -558,25 +730,11 @@ exports[`renders
without throwing 1`] = `
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
- -webkit-box-pack: space-between;
- -webkit-justify-content: space-between;
- -ms-flex-pack: space-between;
- justify-content: space-between;
margin-top: 2.25rem;
}
@media only screen and (min-width:0em) {
- .c18 {
- -webkit-flex-basis: 100%;
- -ms-flex-basis: 100%;
- flex-basis: 100%;
- max-width: 100%;
- display: block;
- }
-}
-
-@media only screen and (min-width:0em) {
- .c26 {
+ .c30 {
-webkit-flex-basis: 50%;
-ms-flex-basis: 50%;
flex-basis: 50%;
@@ -606,700 +764,19 @@ exports[`renders
without throwing 1`] = `
- .c0 {
- box-sizing: border-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 0 1 auto;
- -ms-flex: 0 1 auto;
- flex: 0 1 auto;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- margin-right: -0.5rem;
- margin-left: -0.5rem;
-}
-
-.c17 {
- box-sizing: border-box;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- padding-right: 0.5rem;
- padding-left: 0.5rem;
-}
-
-.c25 {
- box-sizing: border-box;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- padding-right: 0.5rem;
- padding-left: 0.5rem;
-}
-
-.c13 {
- background-color: transparent;
- text-decoration-skip: objects;
- color: ;
-}
-
-.c16 {
- font-family: sans-serif;
- font-size: 100%;
- line-height: 1.15;
- margin: 0;
- overflow: visible;
- text-transform: none;
- -webkit-appearance: button;
- -moz-appearance: button;
- appearance: button;
- min-width: 7.5rem;
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- margin: 0;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: ;
- background-image: none;
- background-color: ;
- border-radius: 0.25rem;
- border: solid 0.0625rem;
-}
-
-.c16::-moz-focus-inner,
-.c16[type='button']::-moz-focus-inner,
-.c16[type='reset']::-moz-focus-inner,
-.c16[type='submit']::-moz-focus-inner {
- border-style: none;
- padding: 0;
-}
-
-.c16:-moz-focusring,
-.c16[type='button']:-moz-focusring,
-.c16[type='reset']:-moz-focusring,
-.c16[type='submit']:-moz-focusring {
- outline: 0.0625rem dotted ButtonText;
-}
-
-.c16:focus {
- outline: 0;
- text-decoration: none;
- background-color: ;
- border-color: ;
-}
-
-.c16:hover {
- background-color: ;
- border: solid 0.0625rem;
-}
-
-.c16:active,
-.c16:active:hover,
-.c16:active:focus {
- background-image: none;
- outline: 0;
- background-color: ;
- border-color: ;
-}
-
-.c16[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c16 + button {
- margin-left: 1.25rem;
-}
-
-.c10 {
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 500;
- font-size: 0.9375rem;
-}
-
-.c4 {
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 500;
- font-size: 1.5rem;
- font-weight: 400;
- color: ;
- margin: 1.25rem 0 1.125rem 0;
- display: inline-block;
-}
-
-.c5 {
- border: solid;
- border-width: 0 0.125rem 0.125rem 0;
- display: inline-block;
- padding: 0.125rem;
- -webkit-transform: rotate(-45deg);
- -ms-transform: rotate(-45deg);
- transform: rotate(-45deg);
- margin: 0.1875rem 0.625rem 0.1875rem 0.625rem;
-}
-
-.c12 {
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
- line-height: 1.5rem;
- font-size: 0.9375rem;
-}
-
-.c15 {
- background-color: #FFFFFF;
- padding: 0.75rem;
- min-width: auto;
- border: none;
- box-shadow: none;
-}
-
-.c15:hover,
-.c15:focus,
-.c15:active,
-.c15:active:hover,
-.c15:active:focus {
- background-color: #FFFFFF;
- border: none;
- box-shadow: none;
-}
-
-.c18 {
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
- font-size: 0.9375rem;
- font-style: normal;
- font-stretch: normal;
- display: block;
- color: ;
- margin-right: 0.75rem;
- font-weight: bold;
-}
-
-.c6 {
- position: relative;
- margin-bottom: 0.75rem;
- background-color: ;
- box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
- border: 0.0625rem solid;
-}
-
-.c7 {
- position: absolute;
- top: 0;
- left: 0;
- width: 2.25rem;
- height: 100%;
- background-color: ;
-}
-
-.c8 {
- padding: 0.75rem 0 0.84375rem 0;
-}
-
-.c9 {
- margin: 0 3.375rem 0.09375rem 3.375rem;
- font-weight: 600;
-}
-
-.c11 {
- margin: 0.09375rem 3.375rem 0 3.375rem;
-}
-
-.c14 {
- position: absolute;
- right: 0.1875rem;
- top: 0.1875rem;
-}
-
-.c20 .input-range {
- position: relative;
- width: calc(100% - 18px);
- margin: auto;
- min-height: 0.625rem;
-}
-
-.c20 .slider {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- background: #FFFFFF;
- border: 2px solid #bdbdbd;
- border-radius: 50%;
- cursor: pointer;
- display: block;
- height: 0.875rem;
- width: 0.875rem;
- -webkit-transform: translateY(-50%) translateX(-50%);
- -ms-transform: translateY(-50%) translateX(-50%);
- transform: translateY(-50%) translateX(-50%);
- outline: none;
- position: absolute;
- top: 50%;
- margin-top: 0.125rem;
-}
-
-.c20 .slider::active {
- -webkit-transform: scale(1.3);
- -ms-transform: scale(1.3);
- transform: scale(1.3);
-}
-
-.c20 .slider::focus {
- box-shadow: 0 0 0 5px rgba(63,81,181,0.2);
-}
-
-.c20 .disabled .track {
- background: #D8D8D8;
-}
-
-.c20 .disabled .slider {
- background: #CCC;
- border: 1px solid #CCC;
- box-shadow: none;
- -webkit-transform: none;
- -ms-transform: none;
- transform: none;
-}
-
-.c20 .min,
-.c20 .max {
- display: none;
-}
-
-.c20 .value {
- top: 0.5rem;
- position: absolute;
-}
-
-.c20 .value .label-container {
- font-weight: 600;
- font-size: 0.625rem;
- color: #464646;
- left: -50%;
- position: relative;
-}
-
-.c20 .track {
- background: #D8D8D8;
- cursor: pointer;
- display: block;
- height: 0.25rem;
- position: relative;
-}
-
-.c20 .active-track {
- background: #364ACD;
- height: 100%;
- position: absolute;
-}
-
-.c21 {
- margin-bottom: 0.625rem;
- margin-top: 0.75rem;
-}
-
-.c27 {
- font-size: 0.9375rem;
- line-height: 1.5;
- color: ;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 600;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- -webkit-flex-grow: 2;
- -ms-flex-grow: 2;
- flex-grow: 2;
- -webkit-flex-basis: 5.625rem;
- -ms-flex-basis: 5.625rem;
- flex-basis: 5.625rem;
- width: 100%;
- padding: 0.75rem 1.125rem 0 1.125rem;
-}
-
-.c23 {
- box-sizing: border-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 0 1 auto;
- -ms-flex: 0 1 auto;
- flex: 0 1 auto;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- margin-right: -0.5rem;
- margin-left: -0.5rem;
- position: relative;
- height: auto;
- min-height: 7.875rem;
- margin-bottom: 0.625rem;
- border: 0.0625rem solid;
- background-color: ;
- box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- margin-right: 0rem;
- margin-left: 0rem;
- border-radius: 0.25rem background: border:1px solid;
- background: ;
- box-shadow: 0px 2px 0px rgba(0,0,0,0.05);
- min-height: 11.5625rem;
- min-width: 200px;
-}
-
-.c24 {
- box-sizing: border-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 0 1 auto;
- -ms-flex: 0 1 auto;
- flex: 0 1 auto;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- margin-right: -0.5rem;
- margin-left: -0.5rem;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- margin: 0;
- height: auto;
- padding-top: 0;
- min-width: auto;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
-}
-
-.c26 {
- box-sizing: border-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 0 1 auto;
- -ms-flex: 0 1 auto;
- flex: 0 1 auto;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- margin-right: -0.5rem;
- margin-left: -0.5rem;
- display: block;
- height: 100%;
- position: absolute;
- top: 50%;
- -webkit-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
-}
-
-.c29 {
- display: inline-block;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
- font-style: normal;
- font-stretch: normal;
- font-size: 0.875rem;
- -webkit-box-pack: end;
- -webkit-justify-content: flex-end;
- -ms-flex-pack: end;
- justify-content: flex-end;
-}
-
-.c28 {
- display: inline-block;
- padding: 0 1.125rem;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
-}
-
-.c30 {
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
- -webkit-flex-grow: 1;
- -ms-flex-grow: 1;
- flex-grow: 1;
- -webkit-flex-basis: 5.625rem;
- -ms-flex-basis: 5.625rem;
- flex-basis: 5.625rem;
-}
-
-.c31 {
- display: inline-block;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
- font-size: 0.8125rem;
- font-weight: 500;
- text-transform: uppercase;
- color: rgba(73,73,73,0.5);
-}
-
-.c2 {
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
- display: inline-block;
- font-size: 0.9375rem;
- line-height: 1.6;
- margin-right: 1.4375rem;
-}
-
-.c3 {
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
- color: ;
- text-decoration: none;
- cursor: pointer;
-}
-
-.c3.active {
- color: ;
- cursor: default;
-}
-
-.c1 {
- list-style-type: none;
- padding: 0;
- margin: 0;
-}
-
-.c19 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- width: 100%;
-}
-
-.c19 > div {
- -webkit-flex-grow: 1;
- -ms-flex-grow: 1;
- flex-grow: 1;
-}
-
-.c19 > div:not(:last-child) {
- margin-right: 2.25rem;
-}
-
-.c22 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- width: 100%;
- list-style: none;
- padding: 0;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- -webkit-box-pack: space-between;
- -webkit-justify-content: space-between;
- -ms-flex-pack: space-between;
- justify-content: space-between;
- margin-top: 2.25rem;
-}
-
-@media only screen and (min-width:0em) {
- .c17 {
- -webkit-flex-basis: 100%;
- -ms-flex-basis: 100%;
- flex-basis: 100%;
- max-width: 100%;
- display: block;
- }
-}
-
-@media only screen and (min-width:0em) {
- .c25 {
- -webkit-flex-basis: 50%;
- -ms-flex-basis: 50%;
- flex-basis: 50%;
- max-width: 50%;
- display: block;
- }
-}
-
-
- .c0 {
- box-sizing: border-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 0 1 auto;
- -ms-flex: 0 1 auto;
- flex: 0 1 auto;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- margin-right: -0.5rem;
- margin-left: -0.5rem;
-}
-
-.c2 {
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
- display: inline-block;
- font-size: 0.9375rem;
- line-height: 1.6;
- margin-right: 1.4375rem;
-}
-
-.c3 {
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
- color: ;
- text-decoration: none;
- cursor: pointer;
-}
-
-.c3.active {
- color: ;
- cursor: default;
-}
-
-.c1 {
- list-style-type: none;
- padding: 0;
- margin: 0;
-}
-
-
+
- .c1 {
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
- display: inline-block;
- font-size: 0.9375rem;
- line-height: 1.6;
- margin-right: 1.4375rem;
-}
-
-.c2 {
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
- color: ;
- text-decoration: none;
- cursor: pointer;
-}
-
-.c2.active {
- color: ;
- cursor: default;
-}
-
-.c0 {
- list-style-type: none;
- padding: 0;
- margin: 0;
-}
-
-
- .c0 {
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
- display: inline-block;
- font-size: 0.9375rem;
- line-height: 1.6;
- margin-right: 1.4375rem;
-}
-
-.c1 {
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
- color: ;
- text-decoration: none;
- cursor: pointer;
-}
-
-.c1.active {
- color: ;
- cursor: default;
-}
-
-
- .c0 {
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
- color: ;
- text-decoration: none;
- cursor: pointer;
-}
-
-.c0.active {
- color: ;
- cursor: default;
-}
-
- without throwing 1`] = `
Instances
- .c0 {
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
- display: inline-block;
- font-size: 0.9375rem;
- line-height: 1.6;
- margin-right: 1.4375rem;
-}
-
-
Custom images
- .c0 {
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
- display: inline-block;
- font-size: 0.9375rem;
- line-height: 1.6;
- margin-right: 1.4375rem;
-}
-
-
Docker images
- .c0 {
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
- display: inline-block;
- font-size: 0.9375rem;
- line-height: 1.6;
- margin-right: 1.4375rem;
-}
-
-
Docker registries
- .c0 {
- box-sizing: border-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 0 1 auto;
- -ms-flex: 0 1 auto;
- flex: 0 1 auto;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- margin-right: -0.5rem;
- margin-left: -0.5rem;
-}
-
-.c1 {
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 500;
- font-size: 1.5rem;
- font-weight: 400;
- color: ;
- margin: 1.25rem 0 1.125rem 0;
- display: inline-block;
-}
-
-.c2 {
- border: solid;
- border-width: 0 0.125rem 0.125rem 0;
- display: inline-block;
- padding: 0.125rem;
- -webkit-transform: rotate(-45deg);
- -ms-transform: rotate(-45deg);
- transform: rotate(-45deg);
- margin: 0.1875rem 0.625rem 0.1875rem 0.625rem;
-}
-
-
- .c0 {
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 500;
- font-size: 1.5rem;
- font-weight: 400;
- color: ;
- margin: 1.25rem 0 1.125rem 0;
- display: inline-block;
-}
-
-.c1 {
- border: solid;
- border-width: 0 0.125rem 0.125rem 0;
- display: inline-block;
- padding: 0.125rem;
- -webkit-transform: rotate(-45deg);
- -ms-transform: rotate(-45deg);
- transform: rotate(-45deg);
- margin: 0.1875rem 0.625rem 0.1875rem 0.625rem;
-}
-
-
- .c0 {
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 500;
- font-size: 1.5rem;
- font-weight: 400;
- color: ;
- margin: 1.25rem 0 1.125rem 0;
- display: inline-block;
-}
-
-
+
Instances
- .c0 {
- border: solid;
- border-width: 0 0.125rem 0.125rem 0;
- display: inline-block;
- padding: 0.125rem;
- -webkit-transform: rotate(-45deg);
- -ms-transform: rotate(-45deg);
- transform: rotate(-45deg);
- margin: 0.1875rem 0.625rem 0.1875rem 0.625rem;
-}
-
-
- .c0 {
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 500;
- font-size: 1.5rem;
- font-weight: 400;
- color: ;
- margin: 1.25rem 0 1.125rem 0;
- display: inline-block;
-}
-
-.c1 {
- border: solid;
- border-width: 0 0.125rem 0.125rem 0;
- display: inline-block;
- padding: 0.125rem;
- -webkit-transform: rotate(-45deg);
- -ms-transform: rotate(-45deg);
- transform: rotate(-45deg);
- margin: 0.1875rem 0.625rem 0.1875rem 0.625rem;
-}
-
-
- .c0 {
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 500;
- font-size: 1.5rem;
- font-weight: 400;
- color: ;
- margin: 1.25rem 0 1.125rem 0;
- display: inline-block;
-}
-
-
+
Create Instance
- .c0 {
- border: solid;
- border-width: 0 0.125rem 0.125rem 0;
- display: inline-block;
- padding: 0.125rem;
- -webkit-transform: rotate(-45deg);
- -ms-transform: rotate(-45deg);
- transform: rotate(-45deg);
- margin: 0.1875rem 0.625rem 0.1875rem 0.625rem;
-}
-
-
- .c0 {
- box-sizing: border-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 0 1 auto;
- -ms-flex: 0 1 auto;
- flex: 0 1 auto;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- margin-right: -0.5rem;
- margin-left: -0.5rem;
-}
-
-.c8 {
- background-color: transparent;
- text-decoration-skip: objects;
- color: ;
-}
-
-.c11 {
- font-family: sans-serif;
- font-size: 100%;
- line-height: 1.15;
- margin: 0;
- overflow: visible;
- text-transform: none;
- -webkit-appearance: button;
- -moz-appearance: button;
- appearance: button;
- min-width: 7.5rem;
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- margin: 0;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: ;
- background-image: none;
- background-color: ;
- border-radius: 0.25rem;
- border: solid 0.0625rem;
-}
-
-.c11::-moz-focus-inner,
-.c11[type='button']::-moz-focus-inner,
-.c11[type='reset']::-moz-focus-inner,
-.c11[type='submit']::-moz-focus-inner {
- border-style: none;
- padding: 0;
-}
-
-.c11:-moz-focusring,
-.c11[type='button']:-moz-focusring,
-.c11[type='reset']:-moz-focusring,
-.c11[type='submit']:-moz-focusring {
- outline: 0.0625rem dotted ButtonText;
-}
-
-.c11:focus {
- outline: 0;
- text-decoration: none;
- background-color: ;
- border-color: ;
-}
-
-.c11:hover {
- background-color: ;
- border: solid 0.0625rem;
-}
-
-.c11:active,
-.c11:active:hover,
-.c11:active:focus {
- background-image: none;
- outline: 0;
- background-color: ;
- border-color: ;
-}
-
-.c11[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c11 + button {
- margin-left: 1.25rem;
-}
-
-.c5 {
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 500;
- font-size: 0.9375rem;
-}
-
-.c7 {
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
- line-height: 1.5rem;
- font-size: 0.9375rem;
-}
-
-.c10 {
- background-color: #FFFFFF;
- padding: 0.75rem;
- min-width: auto;
- border: none;
- box-shadow: none;
-}
-
-.c10:hover,
-.c10:focus,
-.c10:active,
-.c10:active:hover,
-.c10:active:focus {
- background-color: #FFFFFF;
- border: none;
- box-shadow: none;
-}
-
-.c1 {
- position: relative;
- margin-bottom: 0.75rem;
- background-color: ;
- box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
- border: 0.0625rem solid;
-}
-
-.c2 {
- position: absolute;
- top: 0;
- left: 0;
- width: 2.25rem;
- height: 100%;
- background-color: ;
-}
-
-.c3 {
- padding: 0.75rem 0 0.84375rem 0;
-}
-
-.c4 {
- margin: 0 3.375rem 0.09375rem 3.375rem;
- font-weight: 600;
-}
-
-.c6 {
- margin: 0.09375rem 3.375rem 0 3.375rem;
-}
-
-.c9 {
- position: absolute;
- right: 0.1875rem;
- top: 0.1875rem;
-}
-
-
- .c7 {
- background-color: transparent;
- text-decoration-skip: objects;
- color: ;
-}
-
-.c10 {
- font-family: sans-serif;
- font-size: 100%;
- line-height: 1.15;
- margin: 0;
- overflow: visible;
- text-transform: none;
- -webkit-appearance: button;
- -moz-appearance: button;
- appearance: button;
- min-width: 7.5rem;
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- margin: 0;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: ;
- background-image: none;
- background-color: ;
- border-radius: 0.25rem;
- border: solid 0.0625rem;
-}
-
-.c10::-moz-focus-inner,
-.c10[type='button']::-moz-focus-inner,
-.c10[type='reset']::-moz-focus-inner,
-.c10[type='submit']::-moz-focus-inner {
- border-style: none;
- padding: 0;
-}
-
-.c10:-moz-focusring,
-.c10[type='button']:-moz-focusring,
-.c10[type='reset']:-moz-focusring,
-.c10[type='submit']:-moz-focusring {
- outline: 0.0625rem dotted ButtonText;
-}
-
-.c10:focus {
- outline: 0;
- text-decoration: none;
- background-color: ;
- border-color: ;
-}
-
-.c10:hover {
- background-color: ;
- border: solid 0.0625rem;
-}
-
-.c10:active,
-.c10:active:hover,
-.c10:active:focus {
- background-image: none;
- outline: 0;
- background-color: ;
- border-color: ;
-}
-
-.c10[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c10 + button {
- margin-left: 1.25rem;
-}
-
-.c4 {
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 500;
- font-size: 0.9375rem;
-}
-
-.c6 {
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
- line-height: 1.5rem;
- font-size: 0.9375rem;
-}
-
-.c9 {
- background-color: #FFFFFF;
- padding: 0.75rem;
- min-width: auto;
- border: none;
- box-shadow: none;
-}
-
-.c9:hover,
-.c9:focus,
-.c9:active,
-.c9:active:hover,
-.c9:active:focus {
- background-color: #FFFFFF;
- border: none;
- box-shadow: none;
-}
-
-.c0 {
- position: relative;
- margin-bottom: 0.75rem;
- background-color: ;
- box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
- border: 0.0625rem solid;
-}
-
-.c1 {
- position: absolute;
- top: 0;
- left: 0;
- width: 2.25rem;
- height: 100%;
- background-color: ;
-}
-
-.c2 {
- padding: 0.75rem 0 0.84375rem 0;
-}
-
-.c3 {
- margin: 0 3.375rem 0.09375rem 3.375rem;
- font-weight: 600;
-}
-
-.c5 {
- margin: 0.09375rem 3.375rem 0 3.375rem;
-}
-
-.c8 {
- position: absolute;
- right: 0.1875rem;
- top: 0.1875rem;
-}
-
-
- .c0 {
- position: absolute;
- top: 0;
- left: 0;
- width: 2.25rem;
- height: 100%;
- background-color: ;
-}
-
-
- .c5 {
- background-color: transparent;
- text-decoration-skip: objects;
- color: ;
-}
-
-.c2 {
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 500;
- font-size: 0.9375rem;
-}
-
-.c4 {
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
- line-height: 1.5rem;
- font-size: 0.9375rem;
-}
-
-.c0 {
- padding: 0.75rem 0 0.84375rem 0;
-}
-
-.c1 {
- margin: 0 3.375rem 0.09375rem 3.375rem;
- font-weight: 600;
-}
-
-.c3 {
- margin: 0.09375rem 3.375rem 0 3.375rem;
-}
-
-
- .c1 {
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 500;
- font-size: 0.9375rem;
-}
-
-.c0 {
- margin: 0 3.375rem 0.09375rem 3.375rem;
- font-weight: 600;
-}
-
-
Choosing deployement data center
- .c2 {
- background-color: transparent;
- text-decoration-skip: objects;
- color: ;
-}
-
-.c1 {
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
- line-height: 1.5rem;
- font-size: 0.9375rem;
-}
-
-.c0 {
- margin: 0.09375rem 3.375rem 0 3.375rem;
-}
-
-
- .c0 {
- background-color: transparent;
- text-decoration-skip: objects;
- color: ;
-}
-
-
- Not all data centres have all configurations of instances available. Make sure that you choose the data center that suits your requirements.
- .c0 {
- background-color: transparent;
- text-decoration-skip: objects;
- color: ;
-}
-
-
- Learn More
-
-
+ Not all data centres have all configurations of instances available. Make sure that you choose the data center that suits your requirements.
+
+
+ Learn More
+
- .c2 {
- font-family: sans-serif;
- font-size: 100%;
- line-height: 1.15;
- margin: 0;
- overflow: visible;
- text-transform: none;
- -webkit-appearance: button;
- -moz-appearance: button;
- appearance: button;
- min-width: 7.5rem;
- box-sizing: border-box;
- display: inline-block;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- margin: 0;
- padding: 0.9375rem 1.125rem;
- position: relative;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
- font-size: 0.9375rem;
- text-align: center;
- font-style: normal;
- font-stretch: normal;
- line-height: normal;
- -webkit-letter-spacing: normal;
- -moz-letter-spacing: normal;
- -ms-letter-spacing: normal;
- letter-spacing: normal;
- text-decoration: none;
- white-space: nowrap;
- vertical-align: middle;
- touch-action: manipulation;
- cursor: pointer;
- color: ;
- background-image: none;
- background-color: ;
- border-radius: 0.25rem;
- border: solid 0.0625rem;
-}
-
-.c2::-moz-focus-inner,
-.c2[type='button']::-moz-focus-inner,
-.c2[type='reset']::-moz-focus-inner,
-.c2[type='submit']::-moz-focus-inner {
- border-style: none;
- padding: 0;
-}
-
-.c2:-moz-focusring,
-.c2[type='button']:-moz-focusring,
-.c2[type='reset']:-moz-focusring,
-.c2[type='submit']:-moz-focusring {
- outline: 0.0625rem dotted ButtonText;
-}
-
-.c2:focus {
- outline: 0;
- text-decoration: none;
- background-color: ;
- border-color: ;
-}
-
-.c2:hover {
- background-color: ;
- border: solid 0.0625rem;
-}
-
-.c2:active,
-.c2:active:hover,
-.c2:active:focus {
- background-image: none;
- outline: 0;
- background-color: ;
- border-color: ;
-}
-
-.c2[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c2 + button {
- margin-left: 1.25rem;
-}
-
-.c1 {
- background-color: #FFFFFF;
- padding: 0.75rem;
- min-width: auto;
- border: none;
- box-shadow: none;
-}
-
-.c1:hover,
-.c1:focus,
-.c1:active,
-.c1:active:hover,
-.c1:active:focus {
- background-color: #FFFFFF;
- border: none;
- box-shadow: none;
-}
-
-.c0 {
- position: absolute;
- right: 0.1875rem;
- top: 0.1875rem;
-}
-
-
without throwing 1`] = `
- .c0 {
- box-sizing: border-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 0 1 auto;
- -ms-flex: 0 1 auto;
- flex: 0 1 auto;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- margin-right: -0.5rem;
- margin-left: -0.5rem;
-}
-
-.c1 {
- box-sizing: border-box;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- padding-right: 0.5rem;
- padding-left: 0.5rem;
-}
-
-.c2 {
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
- font-size: 0.9375rem;
- font-style: normal;
- font-stretch: normal;
- display: block;
- color: ;
- margin-right: 0.75rem;
- font-weight: bold;
-}
-
-.c4 .input-range {
- position: relative;
- width: calc(100% - 18px);
- margin: auto;
- min-height: 0.625rem;
-}
-
-.c4 .slider {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- background: #FFFFFF;
- border: 2px solid #bdbdbd;
- border-radius: 50%;
- cursor: pointer;
- display: block;
- height: 0.875rem;
- width: 0.875rem;
- -webkit-transform: translateY(-50%) translateX(-50%);
- -ms-transform: translateY(-50%) translateX(-50%);
- transform: translateY(-50%) translateX(-50%);
- outline: none;
- position: absolute;
- top: 50%;
- margin-top: 0.125rem;
-}
-
-.c4 .slider::active {
- -webkit-transform: scale(1.3);
- -ms-transform: scale(1.3);
- transform: scale(1.3);
-}
-
-.c4 .slider::focus {
- box-shadow: 0 0 0 5px rgba(63,81,181,0.2);
-}
-
-.c4 .disabled .track {
- background: #D8D8D8;
-}
-
-.c4 .disabled .slider {
- background: #CCC;
- border: 1px solid #CCC;
- box-shadow: none;
- -webkit-transform: none;
- -ms-transform: none;
- transform: none;
-}
-
-.c4 .min,
-.c4 .max {
- display: none;
-}
-
-.c4 .value {
- top: 0.5rem;
- position: absolute;
-}
-
-.c4 .value .label-container {
- font-weight: 600;
- font-size: 0.625rem;
- color: #464646;
- left: -50%;
- position: relative;
-}
-
-.c4 .track {
- background: #D8D8D8;
- cursor: pointer;
- display: block;
- height: 0.25rem;
- position: relative;
-}
-
-.c4 .active-track {
- background: #364ACD;
- height: 100%;
- position: absolute;
-}
-
-.c5 {
- margin-bottom: 0.625rem;
- margin-top: 0.75rem;
-}
-
-.c3 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- width: 100%;
-}
-
-.c3 > div {
- -webkit-flex-grow: 1;
- -ms-flex-grow: 1;
- flex-grow: 1;
-}
-
-.c3 > div:not(:last-child) {
- margin-right: 2.25rem;
-}
-
-@media only screen and (min-width:0em) {
- .c1 {
- -webkit-flex-basis: 100%;
- -ms-flex-basis: 100%;
- flex-basis: 100%;
- max-width: 100%;
- display: block;
- }
-}
-
-
- .c0 {
- box-sizing: border-box;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- padding-right: 0.5rem;
- padding-left: 0.5rem;
-}
-
-.c1 {
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
- font-size: 0.9375rem;
- font-style: normal;
- font-stretch: normal;
- display: block;
- color: ;
- margin-right: 0.75rem;
- font-weight: bold;
-}
-
-.c3 .input-range {
- position: relative;
- width: calc(100% - 18px);
- margin: auto;
- min-height: 0.625rem;
-}
-
-.c3 .slider {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- background: #FFFFFF;
- border: 2px solid #bdbdbd;
- border-radius: 50%;
- cursor: pointer;
- display: block;
- height: 0.875rem;
- width: 0.875rem;
- -webkit-transform: translateY(-50%) translateX(-50%);
- -ms-transform: translateY(-50%) translateX(-50%);
- transform: translateY(-50%) translateX(-50%);
- outline: none;
- position: absolute;
- top: 50%;
- margin-top: 0.125rem;
-}
-
-.c3 .slider::active {
- -webkit-transform: scale(1.3);
- -ms-transform: scale(1.3);
- transform: scale(1.3);
-}
-
-.c3 .slider::focus {
- box-shadow: 0 0 0 5px rgba(63,81,181,0.2);
-}
-
-.c3 .disabled .track {
- background: #D8D8D8;
-}
-
-.c3 .disabled .slider {
- background: #CCC;
- border: 1px solid #CCC;
- box-shadow: none;
- -webkit-transform: none;
- -ms-transform: none;
- transform: none;
-}
-
-.c3 .min,
-.c3 .max {
- display: none;
-}
-
-.c3 .value {
- top: 0.5rem;
- position: absolute;
-}
-
-.c3 .value .label-container {
- font-weight: 600;
- font-size: 0.625rem;
- color: #464646;
- left: -50%;
- position: relative;
-}
-
-.c3 .track {
- background: #D8D8D8;
- cursor: pointer;
- display: block;
- height: 0.25rem;
- position: relative;
-}
-
-.c3 .active-track {
- background: #364ACD;
- height: 100%;
- position: absolute;
-}
-
-.c4 {
- margin-bottom: 0.625rem;
- margin-top: 0.75rem;
-}
-
-.c2 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- width: 100%;
-}
-
-.c2 > div {
- -webkit-flex-grow: 1;
- -ms-flex-grow: 1;
- flex-grow: 1;
-}
-
-.c2 > div:not(:last-child) {
- margin-right: 2.25rem;
-}
-
-@media only screen and (min-width:0em) {
- .c0 {
- -webkit-flex-basis: 100%;
- -ms-flex-basis: 100%;
- flex-basis: 100%;
- max-width: 100%;
- display: block;
- }
-}
-
-
- .c0 {
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
- font-size: 0.9375rem;
- font-style: normal;
- font-stretch: normal;
- display: block;
- color: ;
- margin-right: 0.75rem;
- font-weight: bold;
-}
-
-
Choose a package
- .c3 {
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
- font-size: 0.9375rem;
- font-style: normal;
- font-stretch: normal;
- display: block;
- color: ;
- margin-right: 0.75rem;
- font-weight: bold;
-}
-
-.c1 .input-range {
- position: relative;
- width: calc(100% - 18px);
- margin: auto;
- min-height: 0.625rem;
-}
-
-.c1 .slider {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- background: #FFFFFF;
- border: 2px solid #bdbdbd;
- border-radius: 50%;
- cursor: pointer;
- display: block;
- height: 0.875rem;
- width: 0.875rem;
- -webkit-transform: translateY(-50%) translateX(-50%);
- -ms-transform: translateY(-50%) translateX(-50%);
- transform: translateY(-50%) translateX(-50%);
- outline: none;
- position: absolute;
- top: 50%;
- margin-top: 0.125rem;
-}
-
-.c1 .slider::active {
- -webkit-transform: scale(1.3);
- -ms-transform: scale(1.3);
- transform: scale(1.3);
-}
-
-.c1 .slider::focus {
- box-shadow: 0 0 0 5px rgba(63,81,181,0.2);
-}
-
-.c1 .disabled .track {
- background: #D8D8D8;
-}
-
-.c1 .disabled .slider {
- background: #CCC;
- border: 1px solid #CCC;
- box-shadow: none;
- -webkit-transform: none;
- -ms-transform: none;
- transform: none;
-}
-
-.c1 .min,
-.c1 .max {
- display: none;
-}
-
-.c1 .value {
- top: 0.5rem;
- position: absolute;
-}
-
-.c1 .value .label-container {
- font-weight: 600;
- font-size: 0.625rem;
- color: #464646;
- left: -50%;
- position: relative;
-}
-
-.c1 .track {
- background: #D8D8D8;
- cursor: pointer;
- display: block;
- height: 0.25rem;
- position: relative;
-}
-
-.c1 .active-track {
- background: #364ACD;
- height: 100%;
- position: absolute;
-}
-
-.c2 {
- margin-bottom: 0.625rem;
- margin-top: 0.75rem;
-}
-
-.c0 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- width: 100%;
-}
-
-.c0 > div {
- -webkit-flex-grow: 1;
- -ms-flex-grow: 1;
- flex-grow: 1;
-}
-
-.c0 > div:not(:last-child) {
- margin-right: 2.25rem;
-}
-
-
- .c2 {
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
- font-size: 0.9375rem;
- font-style: normal;
- font-stretch: normal;
- display: block;
- color: ;
- margin-right: 0.75rem;
- font-weight: bold;
-}
-
-.c0 .input-range {
- position: relative;
- width: calc(100% - 18px);
- margin: auto;
- min-height: 0.625rem;
-}
-
-.c0 .slider {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- background: #FFFFFF;
- border: 2px solid #bdbdbd;
- border-radius: 50%;
- cursor: pointer;
- display: block;
- height: 0.875rem;
- width: 0.875rem;
- -webkit-transform: translateY(-50%) translateX(-50%);
- -ms-transform: translateY(-50%) translateX(-50%);
- transform: translateY(-50%) translateX(-50%);
- outline: none;
- position: absolute;
- top: 50%;
- margin-top: 0.125rem;
-}
-
-.c0 .slider::active {
- -webkit-transform: scale(1.3);
- -ms-transform: scale(1.3);
- transform: scale(1.3);
-}
-
-.c0 .slider::focus {
- box-shadow: 0 0 0 5px rgba(63,81,181,0.2);
-}
-
-.c0 .disabled .track {
- background: #D8D8D8;
-}
-
-.c0 .disabled .slider {
- background: #CCC;
- border: 1px solid #CCC;
- box-shadow: none;
- -webkit-transform: none;
- -ms-transform: none;
- transform: none;
-}
-
-.c0 .min,
-.c0 .max {
- display: none;
-}
-
-.c0 .value {
- top: 0.5rem;
- position: absolute;
-}
-
-.c0 .value .label-container {
- font-weight: 600;
- font-size: 0.625rem;
- color: #464646;
- left: -50%;
- position: relative;
-}
-
-.c0 .track {
- background: #D8D8D8;
- cursor: pointer;
- display: block;
- height: 0.25rem;
- position: relative;
-}
-
-.c0 .active-track {
- background: #364ACD;
- height: 100%;
- position: absolute;
-}
-
-.c1 {
- margin-bottom: 0.625rem;
- margin-top: 0.75rem;
-}
-
-
- .c1 {
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
- font-size: 0.9375rem;
- font-style: normal;
- font-stretch: normal;
- display: block;
- color: ;
- margin-right: 0.75rem;
- font-weight: bold;
-}
-
-.c0 {
- margin-bottom: 0.625rem;
- margin-top: 0.75rem;
-}
-
-
GB RAM
@@ -2771,127 +1014,11 @@ exports[`renders without throwing 1`] = `
- .c2 {
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
- font-size: 0.9375rem;
- font-style: normal;
- font-stretch: normal;
- display: block;
- color: ;
- margin-right: 0.75rem;
- font-weight: bold;
-}
-
-.c0 .input-range {
- position: relative;
- width: calc(100% - 18px);
- margin: auto;
- min-height: 0.625rem;
-}
-
-.c0 .slider {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- background: #FFFFFF;
- border: 2px solid #bdbdbd;
- border-radius: 50%;
- cursor: pointer;
- display: block;
- height: 0.875rem;
- width: 0.875rem;
- -webkit-transform: translateY(-50%) translateX(-50%);
- -ms-transform: translateY(-50%) translateX(-50%);
- transform: translateY(-50%) translateX(-50%);
- outline: none;
- position: absolute;
- top: 50%;
- margin-top: 0.125rem;
-}
-
-.c0 .slider::active {
- -webkit-transform: scale(1.3);
- -ms-transform: scale(1.3);
- transform: scale(1.3);
-}
-
-.c0 .slider::focus {
- box-shadow: 0 0 0 5px rgba(63,81,181,0.2);
-}
-
-.c0 .disabled .track {
- background: #D8D8D8;
-}
-
-.c0 .disabled .slider {
- background: #CCC;
- border: 1px solid #CCC;
- box-shadow: none;
- -webkit-transform: none;
- -ms-transform: none;
- transform: none;
-}
-
-.c0 .min,
-.c0 .max {
- display: none;
-}
-
-.c0 .value {
- top: 0.5rem;
- position: absolute;
-}
-
-.c0 .value .label-container {
- font-weight: 600;
- font-size: 0.625rem;
- color: #464646;
- left: -50%;
- position: relative;
-}
-
-.c0 .track {
- background: #D8D8D8;
- cursor: pointer;
- display: block;
- height: 0.25rem;
- position: relative;
-}
-
-.c0 .active-track {
- background: #364ACD;
- height: 100%;
- position: absolute;
-}
-
-.c1 {
- margin-bottom: 0.625rem;
- margin-top: 0.75rem;
-}
-
-
- .c1 {
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
- font-size: 0.9375rem;
- font-style: normal;
- font-stretch: normal;
- display: block;
- color: ;
- margin-right: 0.75rem;
- font-weight: bold;
-}
-
-.c0 {
- margin-bottom: 0.625rem;
- margin-top: 0.75rem;
-}
-
-
vCPUs
@@ -3005,127 +1132,11 @@ exports[`renders without throwing 1`] = `
- .c2 {
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
- font-size: 0.9375rem;
- font-style: normal;
- font-stretch: normal;
- display: block;
- color: ;
- margin-right: 0.75rem;
- font-weight: bold;
-}
-
-.c0 .input-range {
- position: relative;
- width: calc(100% - 18px);
- margin: auto;
- min-height: 0.625rem;
-}
-
-.c0 .slider {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- background: #FFFFFF;
- border: 2px solid #bdbdbd;
- border-radius: 50%;
- cursor: pointer;
- display: block;
- height: 0.875rem;
- width: 0.875rem;
- -webkit-transform: translateY(-50%) translateX(-50%);
- -ms-transform: translateY(-50%) translateX(-50%);
- transform: translateY(-50%) translateX(-50%);
- outline: none;
- position: absolute;
- top: 50%;
- margin-top: 0.125rem;
-}
-
-.c0 .slider::active {
- -webkit-transform: scale(1.3);
- -ms-transform: scale(1.3);
- transform: scale(1.3);
-}
-
-.c0 .slider::focus {
- box-shadow: 0 0 0 5px rgba(63,81,181,0.2);
-}
-
-.c0 .disabled .track {
- background: #D8D8D8;
-}
-
-.c0 .disabled .slider {
- background: #CCC;
- border: 1px solid #CCC;
- box-shadow: none;
- -webkit-transform: none;
- -ms-transform: none;
- transform: none;
-}
-
-.c0 .min,
-.c0 .max {
- display: none;
-}
-
-.c0 .value {
- top: 0.5rem;
- position: absolute;
-}
-
-.c0 .value .label-container {
- font-weight: 600;
- font-size: 0.625rem;
- color: #464646;
- left: -50%;
- position: relative;
-}
-
-.c0 .track {
- background: #D8D8D8;
- cursor: pointer;
- display: block;
- height: 0.25rem;
- position: relative;
-}
-
-.c0 .active-track {
- background: #364ACD;
- height: 100%;
- position: absolute;
-}
-
-.c1 {
- margin-bottom: 0.625rem;
- margin-top: 0.75rem;
-}
-
-
- .c1 {
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
- font-size: 0.9375rem;
- font-style: normal;
- font-stretch: normal;
- display: block;
- color: ;
- margin-right: 0.75rem;
- font-weight: bold;
-}
-
-.c0 {
- margin-bottom: 0.625rem;
- margin-top: 0.75rem;
-}
-
-
TB Disk
@@ -3239,127 +1250,11 @@ exports[`renders without throwing 1`] = `
- .c2 {
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
- font-size: 0.9375rem;
- font-style: normal;
- font-stretch: normal;
- display: block;
- color: ;
- margin-right: 0.75rem;
- font-weight: bold;
-}
-
-.c0 .input-range {
- position: relative;
- width: calc(100% - 18px);
- margin: auto;
- min-height: 0.625rem;
-}
-
-.c0 .slider {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- background: #FFFFFF;
- border: 2px solid #bdbdbd;
- border-radius: 50%;
- cursor: pointer;
- display: block;
- height: 0.875rem;
- width: 0.875rem;
- -webkit-transform: translateY(-50%) translateX(-50%);
- -ms-transform: translateY(-50%) translateX(-50%);
- transform: translateY(-50%) translateX(-50%);
- outline: none;
- position: absolute;
- top: 50%;
- margin-top: 0.125rem;
-}
-
-.c0 .slider::active {
- -webkit-transform: scale(1.3);
- -ms-transform: scale(1.3);
- transform: scale(1.3);
-}
-
-.c0 .slider::focus {
- box-shadow: 0 0 0 5px rgba(63,81,181,0.2);
-}
-
-.c0 .disabled .track {
- background: #D8D8D8;
-}
-
-.c0 .disabled .slider {
- background: #CCC;
- border: 1px solid #CCC;
- box-shadow: none;
- -webkit-transform: none;
- -ms-transform: none;
- transform: none;
-}
-
-.c0 .min,
-.c0 .max {
- display: none;
-}
-
-.c0 .value {
- top: 0.5rem;
- position: absolute;
-}
-
-.c0 .value .label-container {
- font-weight: 600;
- font-size: 0.625rem;
- color: #464646;
- left: -50%;
- position: relative;
-}
-
-.c0 .track {
- background: #D8D8D8;
- cursor: pointer;
- display: block;
- height: 0.25rem;
- position: relative;
-}
-
-.c0 .active-track {
- background: #364ACD;
- height: 100%;
- position: absolute;
-}
-
-.c1 {
- margin-bottom: 0.625rem;
- margin-top: 0.75rem;
-}
-
-
- .c1 {
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
- font-size: 0.9375rem;
- font-style: normal;
- font-stretch: normal;
- display: block;
- color: ;
- margin-right: 0.75rem;
- font-weight: bold;
-}
-
-.c0 {
- margin-bottom: 0.625rem;
- margin-top: 0.75rem;
-}
-
-
$/hr
@@ -3474,1600 +1369,128 @@ exports[`renders without throwing 1`] = `
-
+
+
+
+ Compute Optimized
+
+
+ Memory Optimized
+
+
+ General Purpose
+
+
+ Storage Optimized
+
+
+
+ Reset Filters
+
+
+
- .c0 {
- box-sizing: border-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 0 1 auto;
- -ms-flex: 0 1 auto;
- flex: 0 1 auto;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- margin-right: -0.5rem;
- margin-left: -0.5rem;
-}
-
-.c4 {
- box-sizing: border-box;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- padding-right: 0.5rem;
- padding-left: 0.5rem;
-}
-
-.c6 {
- font-size: 0.9375rem;
- line-height: 1.5;
- color: ;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 600;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- -webkit-flex-grow: 2;
- -ms-flex-grow: 2;
- flex-grow: 2;
- -webkit-flex-basis: 5.625rem;
- -ms-flex-basis: 5.625rem;
- flex-basis: 5.625rem;
- width: 100%;
- padding: 0.75rem 1.125rem 0 1.125rem;
-}
-
-.c2 {
- box-sizing: border-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 0 1 auto;
- -ms-flex: 0 1 auto;
- flex: 0 1 auto;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- margin-right: -0.5rem;
- margin-left: -0.5rem;
- position: relative;
- height: auto;
- min-height: 7.875rem;
- margin-bottom: 0.625rem;
- border: 0.0625rem solid;
- background-color: ;
- box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- margin-right: 0rem;
- margin-left: 0rem;
- border-radius: 0.25rem background: border:1px solid;
- background: ;
- box-shadow: 0px 2px 0px rgba(0,0,0,0.05);
- min-height: 11.5625rem;
- min-width: 200px;
-}
-
-.c3 {
- box-sizing: border-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 0 1 auto;
- -ms-flex: 0 1 auto;
- flex: 0 1 auto;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- margin-right: -0.5rem;
- margin-left: -0.5rem;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- margin: 0;
- height: auto;
- padding-top: 0;
- min-width: auto;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
-}
-
-.c5 {
- box-sizing: border-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 0 1 auto;
- -ms-flex: 0 1 auto;
- flex: 0 1 auto;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- margin-right: -0.5rem;
- margin-left: -0.5rem;
- display: block;
- height: 100%;
- position: absolute;
- top: 50%;
- -webkit-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
-}
-
-.c8 {
- display: inline-block;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
- font-style: normal;
- font-stretch: normal;
- font-size: 0.875rem;
- -webkit-box-pack: end;
- -webkit-justify-content: flex-end;
- -ms-flex-pack: end;
- justify-content: flex-end;
-}
-
-.c7 {
- display: inline-block;
- padding: 0 1.125rem;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
-}
-
-.c9 {
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
- -webkit-flex-grow: 1;
- -ms-flex-grow: 1;
- flex-grow: 1;
- -webkit-flex-basis: 5.625rem;
- -ms-flex-basis: 5.625rem;
- flex-basis: 5.625rem;
-}
-
-.c10 {
- display: inline-block;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
- font-weight: 400;
- font-size: 0.8125rem;
- font-weight: 500;
- text-transform: uppercase;
- color: rgba(73,73,73,0.5);
-}
-
-.c1 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- width: 100%;
- list-style: none;
- padding: 0;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- -webkit-box-pack: space-between;
- -webkit-justify-content: space-between;
- -ms-flex-pack: space-between;
- justify-content: space-between;
- margin-top: 2.25rem;
-}
-
-@media only screen and (min-width:0em) {
- .c4 {
- -webkit-flex-basis: 50%;
- -ms-flex-basis: 50%;
- flex-basis: 50%;
- max-width: 50%;
- display: block;
- }
-}
-
-