diff --git a/package.json b/package.json
index 29c6341fbc35c0b30c1236f9aa35dcc9df46ed7b..8468be0ae63685a891887f413a4c5ff2236390d4 100644
--- a/package.json
+++ b/package.json
@@ -24,6 +24,7 @@
"@snowpack/app-scripts-react": "^2.0.0",
"@snowpack/plugin-dotenv": "^2.0.5",
"@snowpack/plugin-react-refresh": "^2.4.0",
+ "@snowpack/plugin-sass": "^1.3.0",
"@snowpack/plugin-typescript": "^1.2.0",
"@testing-library/jest-dom": "^5.11.9",
"@testing-library/react": "^11.0.0",
@@ -35,6 +36,7 @@
"jest-each": "^26.6.2",
"prettier": "^2.0.5",
"rxjs": "^6.6.3",
+ "sass": "^1.32.6",
"snowpack": "^3.0.11",
"typescript": "^4.0.0"
}
diff --git a/public/index.html b/public/index.html
index 4d6c25496b94b825b316d9a3a106f57cf5c085ce..87fd71bc6fe7e74ab97235cbe731e54aedc76cf7 100644
--- a/public/index.html
+++ b/public/index.html
@@ -6,6 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="Web site created using create-snowpack-app" />
<title>Snowpack App</title>
+ <link rel="stylesheet" href="/style-copied-from-website.css"></link>
</head>
<body>
<div id="root"></div>
diff --git a/public/static/fonts/Roboto/LICENSE.txt b/public/static/fonts/Roboto/LICENSE.txt
new file mode 100644
index 0000000000000000000000000000000000000000..75b52484ea471f882c29e02693b4f02dba175b5e
--- /dev/null
+++ b/public/static/fonts/Roboto/LICENSE.txt
@@ -0,0 +1,202 @@
+
+ Apache License
+ Version 2.0, January 2004
+ http://www.apache.org/licenses/
+
+ TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+ 1. Definitions.
+
+ "License" shall mean the terms and conditions for use, reproduction,
+ and distribution as defined by Sections 1 through 9 of this document.
+
+ "Licensor" shall mean the copyright owner or entity authorized by
+ the copyright owner that is granting the License.
+
+ "Legal Entity" shall mean the union of the acting entity and all
+ other entities that control, are controlled by, or are under common
+ control with that entity. For the purposes of this definition,
+ "control" means (i) the power, direct or indirect, to cause the
+ direction or management of such entity, whether by contract or
+ otherwise, or (ii) ownership of fifty percent (50%) or more of the
+ outstanding shares, or (iii) beneficial ownership of such entity.
+
+ "You" (or "Your") shall mean an individual or Legal Entity
+ exercising permissions granted by this License.
+
+ "Source" form shall mean the preferred form for making modifications,
+ including but not limited to software source code, documentation
+ source, and configuration files.
+
+ "Object" form shall mean any form resulting from mechanical
+ transformation or translation of a Source form, including but
+ not limited to compiled object code, generated documentation,
+ and conversions to other media types.
+
+ "Work" shall mean the work of authorship, whether in Source or
+ Object form, made available under the License, as indicated by a
+ copyright notice that is included in or attached to the work
+ (an example is provided in the Appendix below).
+
+ "Derivative Works" shall mean any work, whether in Source or Object
+ form, that is based on (or derived from) the Work and for which the
+ editorial revisions, annotations, elaborations, or other modifications
+ represent, as a whole, an original work of authorship. For the purposes
+ of this License, Derivative Works shall not include works that remain
+ separable from, or merely link (or bind by name) to the interfaces of,
+ the Work and Derivative Works thereof.
+
+ "Contribution" shall mean any work of authorship, including
+ the original version of the Work and any modifications or additions
+ to that Work or Derivative Works thereof, that is intentionally
+ submitted to Licensor for inclusion in the Work by the copyright owner
+ or by an individual or Legal Entity authorized to submit on behalf of
+ the copyright owner. For the purposes of this definition, "submitted"
+ means any form of electronic, verbal, or written communication sent
+ to the Licensor or its representatives, including but not limited to
+ communication on electronic mailing lists, source code control systems,
+ and issue tracking systems that are managed by, or on behalf of, the
+ Licensor for the purpose of discussing and improving the Work, but
+ excluding communication that is conspicuously marked or otherwise
+ designated in writing by the copyright owner as "Not a Contribution."
+
+ "Contributor" shall mean Licensor and any individual or Legal Entity
+ on behalf of whom a Contribution has been received by Licensor and
+ subsequently incorporated within the Work.
+
+ 2. Grant of Copyright License. Subject to the terms and conditions of
+ this License, each Contributor hereby grants to You a perpetual,
+ worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+ copyright license to reproduce, prepare Derivative Works of,
+ publicly display, publicly perform, sublicense, and distribute the
+ Work and such Derivative Works in Source or Object form.
+
+ 3. Grant of Patent License. Subject to the terms and conditions of
+ this License, each Contributor hereby grants to You a perpetual,
+ worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+ (except as stated in this section) patent license to make, have made,
+ use, offer to sell, sell, import, and otherwise transfer the Work,
+ where such license applies only to those patent claims licensable
+ by such Contributor that are necessarily infringed by their
+ Contribution(s) alone or by combination of their Contribution(s)
+ with the Work to which such Contribution(s) was submitted. If You
+ institute patent litigation against any entity (including a
+ cross-claim or counterclaim in a lawsuit) alleging that the Work
+ or a Contribution incorporated within the Work constitutes direct
+ or contributory patent infringement, then any patent licenses
+ granted to You under this License for that Work shall terminate
+ as of the date such litigation is filed.
+
+ 4. Redistribution. You may reproduce and distribute copies of the
+ Work or Derivative Works thereof in any medium, with or without
+ modifications, and in Source or Object form, provided that You
+ meet the following conditions:
+
+ (a) You must give any other recipients of the Work or
+ Derivative Works a copy of this License; and
+
+ (b) You must cause any modified files to carry prominent notices
+ stating that You changed the files; and
+
+ (c) You must retain, in the Source form of any Derivative Works
+ that You distribute, all copyright, patent, trademark, and
+ attribution notices from the Source form of the Work,
+ excluding those notices that do not pertain to any part of
+ the Derivative Works; and
+
+ (d) If the Work includes a "NOTICE" text file as part of its
+ distribution, then any Derivative Works that You distribute must
+ include a readable copy of the attribution notices contained
+ within such NOTICE file, excluding those notices that do not
+ pertain to any part of the Derivative Works, in at least one
+ of the following places: within a NOTICE text file distributed
+ as part of the Derivative Works; within the Source form or
+ documentation, if provided along with the Derivative Works; or,
+ within a display generated by the Derivative Works, if and
+ wherever such third-party notices normally appear. The contents
+ of the NOTICE file are for informational purposes only and
+ do not modify the License. You may add Your own attribution
+ notices within Derivative Works that You distribute, alongside
+ or as an addendum to the NOTICE text from the Work, provided
+ that such additional attribution notices cannot be construed
+ as modifying the License.
+
+ You may add Your own copyright statement to Your modifications and
+ may provide additional or different license terms and conditions
+ for use, reproduction, or distribution of Your modifications, or
+ for any such Derivative Works as a whole, provided Your use,
+ reproduction, and distribution of the Work otherwise complies with
+ the conditions stated in this License.
+
+ 5. Submission of Contributions. Unless You explicitly state otherwise,
+ any Contribution intentionally submitted for inclusion in the Work
+ by You to the Licensor shall be under the terms and conditions of
+ this License, without any additional terms or conditions.
+ Notwithstanding the above, nothing herein shall supersede or modify
+ the terms of any separate license agreement you may have executed
+ with Licensor regarding such Contributions.
+
+ 6. Trademarks. This License does not grant permission to use the trade
+ names, trademarks, service marks, or product names of the Licensor,
+ except as required for reasonable and customary use in describing the
+ origin of the Work and reproducing the content of the NOTICE file.
+
+ 7. Disclaimer of Warranty. Unless required by applicable law or
+ agreed to in writing, Licensor provides the Work (and each
+ Contributor provides its Contributions) on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+ implied, including, without limitation, any warranties or conditions
+ of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+ PARTICULAR PURPOSE. You are solely responsible for determining the
+ appropriateness of using or redistributing the Work and assume any
+ risks associated with Your exercise of permissions under this License.
+
+ 8. Limitation of Liability. In no event and under no legal theory,
+ whether in tort (including negligence), contract, or otherwise,
+ unless required by applicable law (such as deliberate and grossly
+ negligent acts) or agreed to in writing, shall any Contributor be
+ liable to You for damages, including any direct, indirect, special,
+ incidental, or consequential damages of any character arising as a
+ result of this License or out of the use or inability to use the
+ Work (including but not limited to damages for loss of goodwill,
+ work stoppage, computer failure or malfunction, or any and all
+ other commercial damages or losses), even if such Contributor
+ has been advised of the possibility of such damages.
+
+ 9. Accepting Warranty or Additional Liability. While redistributing
+ the Work or Derivative Works thereof, You may choose to offer,
+ and charge a fee for, acceptance of support, warranty, indemnity,
+ or other liability obligations and/or rights consistent with this
+ License. However, in accepting such obligations, You may act only
+ on Your own behalf and on Your sole responsibility, not on behalf
+ of any other Contributor, and only if You agree to indemnify,
+ defend, and hold each Contributor harmless for any liability
+ incurred by, or claims asserted against, such Contributor by reason
+ of your accepting any such warranty or additional liability.
+
+ END OF TERMS AND CONDITIONS
+
+ APPENDIX: How to apply the Apache License to your work.
+
+ To apply the Apache License to your work, attach the following
+ boilerplate notice, with the fields enclosed by brackets "[]"
+ replaced with your own identifying information. (Don't include
+ the brackets!) The text should be enclosed in the appropriate
+ comment syntax for the file format. We also recommend that a
+ file or class name and description of purpose be included on the
+ same "printed page" as the copyright notice for easier
+ identification within third-party archives.
+
+ Copyright [yyyy] [name of copyright owner]
+
+ Licensed under the Apache License, Version 2.0 (the "License");
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
diff --git a/public/static/fonts/Roboto/RobotoLight.eot b/public/static/fonts/Roboto/RobotoLight.eot
new file mode 100644
index 0000000000000000000000000000000000000000..699662382710e2d0ae57e056d95ffe4bb8fc03c1
Binary files /dev/null and b/public/static/fonts/Roboto/RobotoLight.eot differ
diff --git a/public/static/fonts/Roboto/RobotoLight.ttf b/public/static/fonts/Roboto/RobotoLight.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..b37742d4b408cb81579db0378064ec1a5d836048
Binary files /dev/null and b/public/static/fonts/Roboto/RobotoLight.ttf differ
diff --git a/public/static/fonts/Roboto/RobotoLight.woff b/public/static/fonts/Roboto/RobotoLight.woff
new file mode 100644
index 0000000000000000000000000000000000000000..8f5552d87bb1f6766edc2e726edf8d1704149991
Binary files /dev/null and b/public/static/fonts/Roboto/RobotoLight.woff differ
diff --git a/public/static/fonts/Roboto/RobotoLight.woff2 b/public/static/fonts/Roboto/RobotoLight.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..4ac827cd06d50de3917fb13f1b571a6eabd92878
Binary files /dev/null and b/public/static/fonts/Roboto/RobotoLight.woff2 differ
diff --git a/public/static/fonts/Roboto/RobotoRegular.eot b/public/static/fonts/Roboto/RobotoRegular.eot
new file mode 100644
index 0000000000000000000000000000000000000000..c42f2400cc0b6d200c0df5a3435b512a21e14674
Binary files /dev/null and b/public/static/fonts/Roboto/RobotoRegular.eot differ
diff --git a/public/static/fonts/Roboto/RobotoRegular.ttf b/public/static/fonts/Roboto/RobotoRegular.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..30be1e43dfa8bec3c0a9844879e12509c58203f9
Binary files /dev/null and b/public/static/fonts/Roboto/RobotoRegular.ttf differ
diff --git a/public/static/fonts/Roboto/RobotoRegular.woff b/public/static/fonts/Roboto/RobotoRegular.woff
new file mode 100644
index 0000000000000000000000000000000000000000..8aa07d7310a1e68891c0bcf19ade495ffb87512b
Binary files /dev/null and b/public/static/fonts/Roboto/RobotoRegular.woff differ
diff --git a/public/static/fonts/Roboto/RobotoRegular.woff2 b/public/static/fonts/Roboto/RobotoRegular.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..fe814417e845f7dae707f65d5b57e6f3bbcd12ce
Binary files /dev/null and b/public/static/fonts/Roboto/RobotoRegular.woff2 differ
diff --git a/public/static/fonts/RobotoSlab/LICENSE.txt b/public/static/fonts/RobotoSlab/LICENSE.txt
new file mode 100644
index 0000000000000000000000000000000000000000..75b52484ea471f882c29e02693b4f02dba175b5e
--- /dev/null
+++ b/public/static/fonts/RobotoSlab/LICENSE.txt
@@ -0,0 +1,202 @@
+
+ Apache License
+ Version 2.0, January 2004
+ http://www.apache.org/licenses/
+
+ TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+ 1. Definitions.
+
+ "License" shall mean the terms and conditions for use, reproduction,
+ and distribution as defined by Sections 1 through 9 of this document.
+
+ "Licensor" shall mean the copyright owner or entity authorized by
+ the copyright owner that is granting the License.
+
+ "Legal Entity" shall mean the union of the acting entity and all
+ other entities that control, are controlled by, or are under common
+ control with that entity. For the purposes of this definition,
+ "control" means (i) the power, direct or indirect, to cause the
+ direction or management of such entity, whether by contract or
+ otherwise, or (ii) ownership of fifty percent (50%) or more of the
+ outstanding shares, or (iii) beneficial ownership of such entity.
+
+ "You" (or "Your") shall mean an individual or Legal Entity
+ exercising permissions granted by this License.
+
+ "Source" form shall mean the preferred form for making modifications,
+ including but not limited to software source code, documentation
+ source, and configuration files.
+
+ "Object" form shall mean any form resulting from mechanical
+ transformation or translation of a Source form, including but
+ not limited to compiled object code, generated documentation,
+ and conversions to other media types.
+
+ "Work" shall mean the work of authorship, whether in Source or
+ Object form, made available under the License, as indicated by a
+ copyright notice that is included in or attached to the work
+ (an example is provided in the Appendix below).
+
+ "Derivative Works" shall mean any work, whether in Source or Object
+ form, that is based on (or derived from) the Work and for which the
+ editorial revisions, annotations, elaborations, or other modifications
+ represent, as a whole, an original work of authorship. For the purposes
+ of this License, Derivative Works shall not include works that remain
+ separable from, or merely link (or bind by name) to the interfaces of,
+ the Work and Derivative Works thereof.
+
+ "Contribution" shall mean any work of authorship, including
+ the original version of the Work and any modifications or additions
+ to that Work or Derivative Works thereof, that is intentionally
+ submitted to Licensor for inclusion in the Work by the copyright owner
+ or by an individual or Legal Entity authorized to submit on behalf of
+ the copyright owner. For the purposes of this definition, "submitted"
+ means any form of electronic, verbal, or written communication sent
+ to the Licensor or its representatives, including but not limited to
+ communication on electronic mailing lists, source code control systems,
+ and issue tracking systems that are managed by, or on behalf of, the
+ Licensor for the purpose of discussing and improving the Work, but
+ excluding communication that is conspicuously marked or otherwise
+ designated in writing by the copyright owner as "Not a Contribution."
+
+ "Contributor" shall mean Licensor and any individual or Legal Entity
+ on behalf of whom a Contribution has been received by Licensor and
+ subsequently incorporated within the Work.
+
+ 2. Grant of Copyright License. Subject to the terms and conditions of
+ this License, each Contributor hereby grants to You a perpetual,
+ worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+ copyright license to reproduce, prepare Derivative Works of,
+ publicly display, publicly perform, sublicense, and distribute the
+ Work and such Derivative Works in Source or Object form.
+
+ 3. Grant of Patent License. Subject to the terms and conditions of
+ this License, each Contributor hereby grants to You a perpetual,
+ worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+ (except as stated in this section) patent license to make, have made,
+ use, offer to sell, sell, import, and otherwise transfer the Work,
+ where such license applies only to those patent claims licensable
+ by such Contributor that are necessarily infringed by their
+ Contribution(s) alone or by combination of their Contribution(s)
+ with the Work to which such Contribution(s) was submitted. If You
+ institute patent litigation against any entity (including a
+ cross-claim or counterclaim in a lawsuit) alleging that the Work
+ or a Contribution incorporated within the Work constitutes direct
+ or contributory patent infringement, then any patent licenses
+ granted to You under this License for that Work shall terminate
+ as of the date such litigation is filed.
+
+ 4. Redistribution. You may reproduce and distribute copies of the
+ Work or Derivative Works thereof in any medium, with or without
+ modifications, and in Source or Object form, provided that You
+ meet the following conditions:
+
+ (a) You must give any other recipients of the Work or
+ Derivative Works a copy of this License; and
+
+ (b) You must cause any modified files to carry prominent notices
+ stating that You changed the files; and
+
+ (c) You must retain, in the Source form of any Derivative Works
+ that You distribute, all copyright, patent, trademark, and
+ attribution notices from the Source form of the Work,
+ excluding those notices that do not pertain to any part of
+ the Derivative Works; and
+
+ (d) If the Work includes a "NOTICE" text file as part of its
+ distribution, then any Derivative Works that You distribute must
+ include a readable copy of the attribution notices contained
+ within such NOTICE file, excluding those notices that do not
+ pertain to any part of the Derivative Works, in at least one
+ of the following places: within a NOTICE text file distributed
+ as part of the Derivative Works; within the Source form or
+ documentation, if provided along with the Derivative Works; or,
+ within a display generated by the Derivative Works, if and
+ wherever such third-party notices normally appear. The contents
+ of the NOTICE file are for informational purposes only and
+ do not modify the License. You may add Your own attribution
+ notices within Derivative Works that You distribute, alongside
+ or as an addendum to the NOTICE text from the Work, provided
+ that such additional attribution notices cannot be construed
+ as modifying the License.
+
+ You may add Your own copyright statement to Your modifications and
+ may provide additional or different license terms and conditions
+ for use, reproduction, or distribution of Your modifications, or
+ for any such Derivative Works as a whole, provided Your use,
+ reproduction, and distribution of the Work otherwise complies with
+ the conditions stated in this License.
+
+ 5. Submission of Contributions. Unless You explicitly state otherwise,
+ any Contribution intentionally submitted for inclusion in the Work
+ by You to the Licensor shall be under the terms and conditions of
+ this License, without any additional terms or conditions.
+ Notwithstanding the above, nothing herein shall supersede or modify
+ the terms of any separate license agreement you may have executed
+ with Licensor regarding such Contributions.
+
+ 6. Trademarks. This License does not grant permission to use the trade
+ names, trademarks, service marks, or product names of the Licensor,
+ except as required for reasonable and customary use in describing the
+ origin of the Work and reproducing the content of the NOTICE file.
+
+ 7. Disclaimer of Warranty. Unless required by applicable law or
+ agreed to in writing, Licensor provides the Work (and each
+ Contributor provides its Contributions) on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+ implied, including, without limitation, any warranties or conditions
+ of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+ PARTICULAR PURPOSE. You are solely responsible for determining the
+ appropriateness of using or redistributing the Work and assume any
+ risks associated with Your exercise of permissions under this License.
+
+ 8. Limitation of Liability. In no event and under no legal theory,
+ whether in tort (including negligence), contract, or otherwise,
+ unless required by applicable law (such as deliberate and grossly
+ negligent acts) or agreed to in writing, shall any Contributor be
+ liable to You for damages, including any direct, indirect, special,
+ incidental, or consequential damages of any character arising as a
+ result of this License or out of the use or inability to use the
+ Work (including but not limited to damages for loss of goodwill,
+ work stoppage, computer failure or malfunction, or any and all
+ other commercial damages or losses), even if such Contributor
+ has been advised of the possibility of such damages.
+
+ 9. Accepting Warranty or Additional Liability. While redistributing
+ the Work or Derivative Works thereof, You may choose to offer,
+ and charge a fee for, acceptance of support, warranty, indemnity,
+ or other liability obligations and/or rights consistent with this
+ License. However, in accepting such obligations, You may act only
+ on Your own behalf and on Your sole responsibility, not on behalf
+ of any other Contributor, and only if You agree to indemnify,
+ defend, and hold each Contributor harmless for any liability
+ incurred by, or claims asserted against, such Contributor by reason
+ of your accepting any such warranty or additional liability.
+
+ END OF TERMS AND CONDITIONS
+
+ APPENDIX: How to apply the Apache License to your work.
+
+ To apply the Apache License to your work, attach the following
+ boilerplate notice, with the fields enclosed by brackets "[]"
+ replaced with your own identifying information. (Don't include
+ the brackets!) The text should be enclosed in the appropriate
+ comment syntax for the file format. We also recommend that a
+ file or class name and description of purpose be included on the
+ same "printed page" as the copyright notice for easier
+ identification within third-party archives.
+
+ Copyright [yyyy] [name of copyright owner]
+
+ Licensed under the Apache License, Version 2.0 (the "License");
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
diff --git a/public/static/fonts/RobotoSlab/RobotoSlabLight.eot b/public/static/fonts/RobotoSlab/RobotoSlabLight.eot
new file mode 100644
index 0000000000000000000000000000000000000000..ad7fd91f2e2edef4264695a9980752178d4d49d8
Binary files /dev/null and b/public/static/fonts/RobotoSlab/RobotoSlabLight.eot differ
diff --git a/public/static/fonts/RobotoSlab/RobotoSlabLight.ttf b/public/static/fonts/RobotoSlab/RobotoSlabLight.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..5e5241050dc9e68fc9bf0104650769c29946ef4a
Binary files /dev/null and b/public/static/fonts/RobotoSlab/RobotoSlabLight.ttf differ
diff --git a/public/static/fonts/RobotoSlab/RobotoSlabLight.woff b/public/static/fonts/RobotoSlab/RobotoSlabLight.woff
new file mode 100644
index 0000000000000000000000000000000000000000..90c9bf2364b8ab7934c4f3ed49ff5cd2e6d28f89
Binary files /dev/null and b/public/static/fonts/RobotoSlab/RobotoSlabLight.woff differ
diff --git a/public/static/fonts/RobotoSlab/RobotoSlabLight.woff2 b/public/static/fonts/RobotoSlab/RobotoSlabLight.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..19eb57bf6e0cd5b4361abd619fd02ae3ce1116d8
Binary files /dev/null and b/public/static/fonts/RobotoSlab/RobotoSlabLight.woff2 differ
diff --git a/public/static/fonts/RobotoSlab/RobotoSlabRegular.eot b/public/static/fonts/RobotoSlab/RobotoSlabRegular.eot
new file mode 100644
index 0000000000000000000000000000000000000000..d215493558efd0b38ab186738cc98fc9b054c165
Binary files /dev/null and b/public/static/fonts/RobotoSlab/RobotoSlabRegular.eot differ
diff --git a/public/static/fonts/RobotoSlab/RobotoSlabRegular.ttf b/public/static/fonts/RobotoSlab/RobotoSlabRegular.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..103d1c146ca664bc2d4159681a488bf1036860f5
Binary files /dev/null and b/public/static/fonts/RobotoSlab/RobotoSlabRegular.ttf differ
diff --git a/public/static/fonts/RobotoSlab/RobotoSlabRegular.woff b/public/static/fonts/RobotoSlab/RobotoSlabRegular.woff
new file mode 100644
index 0000000000000000000000000000000000000000..fa0b4999751ccf6722ccc174079cc0ad455163a4
Binary files /dev/null and b/public/static/fonts/RobotoSlab/RobotoSlabRegular.woff differ
diff --git a/public/static/fonts/RobotoSlab/RobotoSlabRegular.woff2 b/public/static/fonts/RobotoSlab/RobotoSlabRegular.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..f892058a97701c5cf65e91eeb2721ffd4e6e96bc
Binary files /dev/null and b/public/static/fonts/RobotoSlab/RobotoSlabRegular.woff2 differ
diff --git a/public/static/fonts/SourceCodePro/LICENSE.txt b/public/static/fonts/SourceCodePro/LICENSE.txt
new file mode 100644
index 0000000000000000000000000000000000000000..d154618a7d0ca5a850c562e04f634ab2d218ee92
--- /dev/null
+++ b/public/static/fonts/SourceCodePro/LICENSE.txt
@@ -0,0 +1,93 @@
+Copyright 2010, 2012 Adobe Systems Incorporated (http://www.adobe.com/), with Reserved Font Name 'Source'. All Rights Reserved. Source is a trademark of Adobe Systems Incorporated in the United States and/or other countries.
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+
+This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/public/static/fonts/SourceCodePro/SourceCodeProMedium.eot b/public/static/fonts/SourceCodePro/SourceCodeProMedium.eot
new file mode 100644
index 0000000000000000000000000000000000000000..ebaf5f351bbedc3842636bf8af9742e1abcd9cd5
Binary files /dev/null and b/public/static/fonts/SourceCodePro/SourceCodeProMedium.eot differ
diff --git a/public/static/fonts/SourceCodePro/SourceCodeProMedium.otf b/public/static/fonts/SourceCodePro/SourceCodeProMedium.otf
new file mode 100644
index 0000000000000000000000000000000000000000..1b42738262634e726e1459aa27255898e755edf0
Binary files /dev/null and b/public/static/fonts/SourceCodePro/SourceCodeProMedium.otf differ
diff --git a/public/static/fonts/SourceCodePro/SourceCodeProMedium.ttf b/public/static/fonts/SourceCodePro/SourceCodeProMedium.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..5d1579c7f8fd5e9b4da644decbbc2c887deacb84
Binary files /dev/null and b/public/static/fonts/SourceCodePro/SourceCodeProMedium.ttf differ
diff --git a/public/static/fonts/SourceCodePro/SourceCodeProMedium.woff b/public/static/fonts/SourceCodePro/SourceCodeProMedium.woff
new file mode 100644
index 0000000000000000000000000000000000000000..7e69cf15dece912be1375af83fa084dda7b78918
Binary files /dev/null and b/public/static/fonts/SourceCodePro/SourceCodeProMedium.woff differ
diff --git a/public/static/fonts/SourceCodePro/SourceCodeProMedium.woff2 b/public/static/fonts/SourceCodePro/SourceCodeProMedium.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..25c08c6a1a50985eda7d918472fbc9a4e99cdd71
Binary files /dev/null and b/public/static/fonts/SourceCodePro/SourceCodeProMedium.woff2 differ
diff --git a/public/style-copied-from-website.css b/public/style-copied-from-website.css
new file mode 100644
index 0000000000000000000000000000000000000000..c39aa689db432312d9d835651da3bc76aec77561
--- /dev/null
+++ b/public/style-copied-from-website.css
@@ -0,0 +1 @@
+[class*=" icon-"].small:before,[class^="icon-"].small:before{width:1.5rem;height:1.5rem}[class*=" icon-"].large:before,[class^="icon-"].large:before{width:2rem;height:2rem}[class*=" icon-"].huge:before,[class^="icon-"].huge:before{width:6rem;height:6rem}[class*=" icon-"]:before,[class^="icon-"]:before{vertical-align:bottom;display:inline-block;background-repeat:no-repeat;background-size:cover;content:' ';width:1.5rem;height:1.5rem;margin-right:1rem}button[class*=" icon-"]:before,button[class^="icon-"]:before{margin-right:.5rem}ul li[class^='icon-'],ul li[class*=' icon-']{list-style:none;list-style-position:outside}.icon-logo:before{background-image:url("/static/images/sprites.svg#icon-logo")}.icon-cogs-configure:before{background-image:url("/static/images/sprites.svg#icon-cogs-configure")}.icon-cogs-configure-medium:before{background-image:url("/static/images/sprites.svg#icon-cogs-configure-medium")}.icon-cogs-configure-dark:before{background-image:url("/static/images/sprites.svg#icon-cogs-configure-dark")}.icon-cpu-die:before{background-image:url("/static/images/sprites.svg#icon-cpu-die")}.icon-cpu-die-medium:before{background-image:url("/static/images/sprites.svg#icon-cpu-die-medium")}.icon-cpu-die-dark:before{background-image:url("/static/images/sprites.svg#icon-cpu-die-dark")}.icon-cpu-socket:before{background-image:url("/static/images/sprites.svg#icon-cpu-socket")}.icon-cpu-socket-medium:before{background-image:url("/static/images/sprites.svg#icon-cpu-socket-medium")}.icon-cpu-socket-dark:before{background-image:url("/static/images/sprites.svg#icon-cpu-socket-dark")}.icon-data-privacy:before{background-image:url("/static/images/sprites.svg#icon-data-privacy")}.icon-data-privacy-medium:before{background-image:url("/static/images/sprites.svg#icon-data-privacy-medium")}.icon-data-privacy-dark:before{background-image:url("/static/images/sprites.svg#icon-data-privacy-dark")}.icon-dns:before{background-image:url("/static/images/sprites.svg#icon-dns")}.icon-dns-medium:before{background-image:url("/static/images/sprites.svg#icon-dns-medium")}.icon-dns-dark:before{background-image:url("/static/images/sprites.svg#icon-dns-dark")}.icon-email-bomb:before{background-image:url("/static/images/sprites.svg#icon-email-bomb")}.icon-email-bomb-medium:before{background-image:url("/static/images/sprites.svg#icon-email-bomb-medium")}.icon-email-bomb-dark:before{background-image:url("/static/images/sprites.svg#icon-email-bomb-dark")}.icon-email-envelope:before{background-image:url("/static/images/sprites.svg#icon-email-envelope")}.icon-email-envelope-medium:before{background-image:url("/static/images/sprites.svg#icon-email-envelope-medium")}.icon-email-envelope-dark:before{background-image:url("/static/images/sprites.svg#icon-email-envelope-dark")}.icon-fast-cpu-duo:before{background-image:url("/static/images/sprites.svg#icon-fast-cpu-duo")}.icon-fast-cpu-duo-medium:before{background-image:url("/static/images/sprites.svg#icon-fast-cpu-duo-medium")}.icon-fast-cpu-duo-dark:before{background-image:url("/static/images/sprites.svg#icon-fast-cpu-duo-dark")}.icon-fast-ssd-duo:before{background-image:url("/static/images/sprites.svg#icon-fast-ssd-duo")}.icon-fast-ssd-duo-medium:before{background-image:url("/static/images/sprites.svg#icon-fast-ssd-duo-medium")}.icon-fast-ssd-duo-dark:before{background-image:url("/static/images/sprites.svg#icon-fast-ssd-duo-dark")}.icon-fast-switches:before{background-image:url("/static/images/sprites.svg#icon-fast-switches")}.icon-fast-switches-medium:before{background-image:url("/static/images/sprites.svg#icon-fast-switches-medium")}.icon-fast-switches-dark:before{background-image:url("/static/images/sprites.svg#icon-fast-switches-dark")}.icon-footprint:before{background-image:url("/static/images/sprites.svg#icon-footprint")}.icon-footprint-medium:before{background-image:url("/static/images/sprites.svg#icon-footprint-medium")}.icon-footprint-dark:before{background-image:url("/static/images/sprites.svg#icon-footprint-dark")}.icon-free-speech:before{background-image:url("/static/images/sprites.svg#icon-free-speech")}.icon-free-speech-medium:before{background-image:url("/static/images/sprites.svg#icon-free-speech-medium")}.icon-free-speech-dark:before{background-image:url("/static/images/sprites.svg#icon-free-speech-dark")}.icon-infrastructure:before{background-image:url("/static/images/sprites.svg#icon-infrastructure")}.icon-infrastructure-medium:before{background-image:url("/static/images/sprites.svg#icon-infrastructure-medium")}.icon-infrastructure-dark:before{background-image:url("/static/images/sprites.svg#icon-infrastructure-dark")}.icon-newspaper:before{background-image:url("/static/images/sprites.svg#icon-newspaper")}.icon-newspaper-medium:before{background-image:url("/static/images/sprites.svg#icon-newspaper-medium")}.icon-newspaper-dark:before{background-image:url("/static/images/sprites.svg#icon-newspaper-dark")}.icon-notice-takedown:before{background-image:url("/static/images/sprites.svg#icon-notice-takedown")}.icon-notice-takedown-medium:before{background-image:url("/static/images/sprites.svg#icon-notice-takedown-medium")}.icon-notice-takedown-dark:before{background-image:url("/static/images/sprites.svg#icon-notice-takedown-dark")}.icon-phishing-mail:before{background-image:url("/static/images/sprites.svg#icon-phishing-mail")}.icon-phishing-mail-medium:before{background-image:url("/static/images/sprites.svg#icon-phishing-mail-medium")}.icon-phishing-mail-dark:before{background-image:url("/static/images/sprites.svg#icon-phishing-mail-dark")}.icon-privacy-policy:before{background-image:url("/static/images/sprites.svg#icon-privacy-policy")}.icon-privacy-policy-medium:before{background-image:url("/static/images/sprites.svg#icon-privacy-policy-medium")}.icon-privacy-policy-dark:before{background-image:url("/static/images/sprites.svg#icon-privacy-policy-dark")}.icon-redundancy:before{background-image:url("/static/images/sprites.svg#icon-redundancy")}.icon-redundancy-medium:before{background-image:url("/static/images/sprites.svg#icon-redundancy-medium")}.icon-redundancy-dark:before{background-image:url("/static/images/sprites.svg#icon-redundancy-dark")}.icon-sustainable-business:before{background-image:url("/static/images/sprites.svg#icon-sustainable-business")}.icon-sustainable-business-medium:before{background-image:url("/static/images/sprites.svg#icon-sustainable-business-medium")}.icon-sustainable-business-dark:before{background-image:url("/static/images/sprites.svg#icon-sustainable-business-dark")}.icon-sustainable-office:before{background-image:url("/static/images/sprites.svg#icon-sustainable-office")}.icon-sustainable-office-medium:before{background-image:url("/static/images/sprites.svg#icon-sustainable-office-medium")}.icon-sustainable-office-dark:before{background-image:url("/static/images/sprites.svg#icon-sustainable-office-dark")}.icon-tos:before{background-image:url("/static/images/sprites.svg#icon-tos")}.icon-tos-medium:before{background-image:url("/static/images/sprites.svg#icon-tos-medium")}.icon-tos-dark:before{background-image:url("/static/images/sprites.svg#icon-tos-dark")}.icon-turbine-duo:before{background-image:url("/static/images/sprites.svg#icon-turbine-duo")}.icon-turbine-duo-medium:before{background-image:url("/static/images/sprites.svg#icon-turbine-duo-medium")}.icon-turbine-duo-dark:before{background-image:url("/static/images/sprites.svg#icon-turbine-duo-dark")}.icon-vps-duo:before{background-image:url("/static/images/sprites.svg#icon-vps-duo")}.icon-vps-duo-medium:before{background-image:url("/static/images/sprites.svg#icon-vps-duo-medium")}.icon-vps-duo-dark:before{background-image:url("/static/images/sprites.svg#icon-vps-duo-dark")}.icon-website:before{background-image:url("/static/images/sprites.svg#icon-website")}.icon-website-medium:before{background-image:url("/static/images/sprites.svg#icon-website-medium")}.icon-website-dark:before{background-image:url("/static/images/sprites.svg#icon-website-dark")}.icon-www-protect:before{background-image:url("/static/images/sprites.svg#icon-www-protect")}.icon-www-protect-medium:before{background-image:url("/static/images/sprites.svg#icon-www-protect-medium")}.icon-www-protect-dark:before{background-image:url("/static/images/sprites.svg#icon-www-protect-dark")}.icon-www:before{background-image:url("/static/images/sprites.svg#icon-www")}.icon-www-medium:before{background-image:url("/static/images/sprites.svg#icon-www-medium")}.icon-www-dark:before{background-image:url("/static/images/sprites.svg#icon-www-dark")}.icon-1-star:before{background-image:url("/static/images/sprites.svg#icon-1-star")}.icon-1-star-white:before{background-image:url("/static/images/sprites.svg#icon-1-star-white")}.icon-1-star-dark:before{background-image:url("/static/images/sprites.svg#icon-1-star-dark")}.icon-2-stars:before{background-image:url("/static/images/sprites.svg#icon-2-stars")}.icon-2-stars-white:before{background-image:url("/static/images/sprites.svg#icon-2-stars-white")}.icon-2-stars-dark:before{background-image:url("/static/images/sprites.svg#icon-2-stars-dark")}.icon-3-stars:before{background-image:url("/static/images/sprites.svg#icon-3-stars")}.icon-3-stars-white:before{background-image:url("/static/images/sprites.svg#icon-3-stars-white")}.icon-3-stars-dark:before{background-image:url("/static/images/sprites.svg#icon-3-stars-dark")}.icon-4-stars:before{background-image:url("/static/images/sprites.svg#icon-4-stars")}.icon-4-stars-white:before{background-image:url("/static/images/sprites.svg#icon-4-stars-white")}.icon-4-stars-dark:before{background-image:url("/static/images/sprites.svg#icon-4-stars-dark")}.icon-5-stars:before{background-image:url("/static/images/sprites.svg#icon-5-stars")}.icon-5-stars-white:before{background-image:url("/static/images/sprites.svg#icon-5-stars-white")}.icon-5-stars-dark:before{background-image:url("/static/images/sprites.svg#icon-5-stars-dark")}.icon-app-window:before{background-image:url("/static/images/sprites.svg#icon-app-window")}.icon-app-window-white:before{background-image:url("/static/images/sprites.svg#icon-app-window-white")}.icon-app-window-dark:before{background-image:url("/static/images/sprites.svg#icon-app-window-dark")}.icon-basket-add:before{background-image:url("/static/images/sprites.svg#icon-basket-add")}.icon-basket-add-white:before{background-image:url("/static/images/sprites.svg#icon-basket-add-white")}.icon-basket-add-dark:before{background-image:url("/static/images/sprites.svg#icon-basket-add-dark")}.icon-basket-light:before{background-image:url("/static/images/sprites.svg#icon-basket-light")}.icon-basket-light-white:before{background-image:url("/static/images/sprites.svg#icon-basket-light-white")}.icon-basket-light-dark:before{background-image:url("/static/images/sprites.svg#icon-basket-light-dark")}.icon-basket:before{background-image:url("/static/images/sprites.svg#icon-basket")}.icon-basket-white:before{background-image:url("/static/images/sprites.svg#icon-basket-white")}.icon-basket-dark:before{background-image:url("/static/images/sprites.svg#icon-basket-dark")}.icon-book-library-1:before{background-image:url("/static/images/sprites.svg#icon-book-library-1")}.icon-book-library-1-white:before{background-image:url("/static/images/sprites.svg#icon-book-library-1-white")}.icon-book-library-1-dark:before{background-image:url("/static/images/sprites.svg#icon-book-library-1-dark")}.icon-check-circle-1:before{background-image:url("/static/images/sprites.svg#icon-check-circle-1")}.icon-check-circle-1-white:before{background-image:url("/static/images/sprites.svg#icon-check-circle-1-white")}.icon-check-circle-1-dark:before{background-image:url("/static/images/sprites.svg#icon-check-circle-1-dark")}.icon-coffee-read:before{background-image:url("/static/images/sprites.svg#icon-coffee-read")}.icon-coffee-read-white:before{background-image:url("/static/images/sprites.svg#icon-coffee-read-white")}.icon-coffee-read-dark:before{background-image:url("/static/images/sprites.svg#icon-coffee-read-dark")}.icon-farmer-s-market-kiosk-1:before{background-image:url("/static/images/sprites.svg#icon-farmer-s-market-kiosk-1")}.icon-farmer-s-market-kiosk-1-white:before{background-image:url("/static/images/sprites.svg#icon-farmer-s-market-kiosk-1-white")}.icon-farmer-s-market-kiosk-1-dark:before{background-image:url("/static/images/sprites.svg#icon-farmer-s-market-kiosk-1-dark")}.icon-farming-barn-silo:before{background-image:url("/static/images/sprites.svg#icon-farming-barn-silo")}.icon-farming-barn-silo-white:before{background-image:url("/static/images/sprites.svg#icon-farming-barn-silo-white")}.icon-farming-barn-silo-dark:before{background-image:url("/static/images/sprites.svg#icon-farming-barn-silo-dark")}.icon-firewall:before{background-image:url("/static/images/sprites.svg#icon-firewall")}.icon-firewall-white:before{background-image:url("/static/images/sprites.svg#icon-firewall-white")}.icon-firewall-dark:before{background-image:url("/static/images/sprites.svg#icon-firewall-dark")}.icon-flash-1:before{background-image:url("/static/images/sprites.svg#icon-flash-1")}.icon-flash-1-white:before{background-image:url("/static/images/sprites.svg#icon-flash-1-white")}.icon-flash-1-dark:before{background-image:url("/static/images/sprites.svg#icon-flash-1-dark")}.icon-move-up:before{background-image:url("/static/images/sprites.svg#icon-move-up")}.icon-move-up-white:before{background-image:url("/static/images/sprites.svg#icon-move-up-white")}.icon-move-up-dark:before{background-image:url("/static/images/sprites.svg#icon-move-up-dark")}.icon-office-desk-1:before{background-image:url("/static/images/sprites.svg#icon-office-desk-1")}.icon-office-desk-1-white:before{background-image:url("/static/images/sprites.svg#icon-office-desk-1-white")}.icon-office-desk-1-dark:before{background-image:url("/static/images/sprites.svg#icon-office-desk-1-dark")}.icon-phonebook-1:before{background-image:url("/static/images/sprites.svg#icon-phonebook-1")}.icon-phonebook-1-white:before{background-image:url("/static/images/sprites.svg#icon-phonebook-1-white")}.icon-phonebook-1-dark:before{background-image:url("/static/images/sprites.svg#icon-phonebook-1-dark")}.icon-php:before{background-image:url("/static/images/sprites.svg#icon-php")}.icon-php-white:before{background-image:url("/static/images/sprites.svg#icon-php-white")}.icon-php-dark:before{background-image:url("/static/images/sprites.svg#icon-php-dark")}.icon-plant-pot-1:before{background-image:url("/static/images/sprites.svg#icon-plant-pot-1")}.icon-plant-pot-1-white:before{background-image:url("/static/images/sprites.svg#icon-plant-pot-1-white")}.icon-plant-pot-1-dark:before{background-image:url("/static/images/sprites.svg#icon-plant-pot-1-dark")}.icon-pollution-co2:before{background-image:url("/static/images/sprites.svg#icon-pollution-co2")}.icon-pollution-co2-white:before{background-image:url("/static/images/sprites.svg#icon-pollution-co2-white")}.icon-pollution-co2-dark:before{background-image:url("/static/images/sprites.svg#icon-pollution-co2-dark")}.icon-pure-energie-logo:before{background-image:url("/static/images/sprites.svg#icon-pure-energie-logo")}.icon-pure-energie-logo-white:before{background-image:url("/static/images/sprites.svg#icon-pure-energie-logo-white")}.icon-pure-energie-logo-dark:before{background-image:url("/static/images/sprites.svg#icon-pure-energie-logo-dark")}.icon-question-circle:before{background-image:url("/static/images/sprites.svg#icon-question-circle")}.icon-question-circle-white:before{background-image:url("/static/images/sprites.svg#icon-question-circle-white")}.icon-question-circle-dark:before{background-image:url("/static/images/sprites.svg#icon-question-circle-dark")}.icon-rating-star-1-full:before{background-image:url("/static/images/sprites.svg#icon-rating-star-1-full")}.icon-rating-star-1-full-white:before{background-image:url("/static/images/sprites.svg#icon-rating-star-1-full-white")}.icon-rating-star-1-full-dark:before{background-image:url("/static/images/sprites.svg#icon-rating-star-1-full-dark")}.icon-recycling-refresh:before{background-image:url("/static/images/sprites.svg#icon-recycling-refresh")}.icon-recycling-refresh-white:before{background-image:url("/static/images/sprites.svg#icon-recycling-refresh-white")}.icon-recycling-refresh-dark:before{background-image:url("/static/images/sprites.svg#icon-recycling-refresh-dark")}.icon-recycling-sign:before{background-image:url("/static/images/sprites.svg#icon-recycling-sign")}.icon-recycling-sign-white:before{background-image:url("/static/images/sprites.svg#icon-recycling-sign-white")}.icon-recycling-sign-dark:before{background-image:url("/static/images/sprites.svg#icon-recycling-sign-dark")}.icon-renewable-energy-solar-panel:before{background-image:url("/static/images/sprites.svg#icon-renewable-energy-solar-panel")}.icon-renewable-energy-solar-panel-white:before{background-image:url("/static/images/sprites.svg#icon-renewable-energy-solar-panel-white")}.icon-renewable-energy-solar-panel-dark:before{background-image:url("/static/images/sprites.svg#icon-renewable-energy-solar-panel-dark")}.icon-road-sign-warning:before{background-image:url("/static/images/sprites.svg#icon-road-sign-warning")}.icon-road-sign-warning-white:before{background-image:url("/static/images/sprites.svg#icon-road-sign-warning-white")}.icon-road-sign-warning-dark:before{background-image:url("/static/images/sprites.svg#icon-road-sign-warning-dark")}.icon-road-woods:before{background-image:url("/static/images/sprites.svg#icon-road-woods")}.icon-road-woods-white:before{background-image:url("/static/images/sprites.svg#icon-road-woods-white")}.icon-road-woods-dark:before{background-image:url("/static/images/sprites.svg#icon-road-woods-dark")}.icon-seat-regular:before{background-image:url("/static/images/sprites.svg#icon-seat-regular")}.icon-seat-regular-white:before{background-image:url("/static/images/sprites.svg#icon-seat-regular-white")}.icon-seat-regular-dark:before{background-image:url("/static/images/sprites.svg#icon-seat-regular-dark")}.icon-security-unlock:before{background-image:url("/static/images/sprites.svg#icon-security-unlock")}.icon-security-unlock-white:before{background-image:url("/static/images/sprites.svg#icon-security-unlock-white")}.icon-security-unlock-dark:before{background-image:url("/static/images/sprites.svg#icon-security-unlock-dark")}.icon-trees:before{background-image:url("/static/images/sprites.svg#icon-trees")}.icon-trees-white:before{background-image:url("/static/images/sprites.svg#icon-trees-white")}.icon-trees-dark:before{background-image:url("/static/images/sprites.svg#icon-trees-dark")}.icon-vegetables-broccoli-1:before{background-image:url("/static/images/sprites.svg#icon-vegetables-broccoli-1")}.icon-vegetables-broccoli-1-white:before{background-image:url("/static/images/sprites.svg#icon-vegetables-broccoli-1-white")}.icon-vegetables-broccoli-1-dark:before{background-image:url("/static/images/sprites.svg#icon-vegetables-broccoli-1-dark")}.icon-vegetables-plate:before{background-image:url("/static/images/sprites.svg#icon-vegetables-plate")}.icon-vegetables-plate-white:before{background-image:url("/static/images/sprites.svg#icon-vegetables-plate-white")}.icon-vegetables-plate-dark:before{background-image:url("/static/images/sprites.svg#icon-vegetables-plate-dark")}.icon-bits-of-freedom:before{background-image:url("/static/images/sprites.svg#icon-bits-of-freedom")}.icon-evoswitch:before{background-image:url("/static/images/sprites.svg#icon-evoswitch")}.icon-free-press-unlimited:before{background-image:url("/static/images/sprites.svg#icon-free-press-unlimited")}.icon-haicu-webdesign:before{background-image:url("/static/images/sprites.svg#icon-haicu-webdesign")}.icon-fast-cpu:before{background-image:url("/static/images/sprites.svg#icon-fast-cpu")}.icon-fast-cpu-info:before{background-image:url("/static/images/sprites.svg#icon-fast-cpu-info")}.icon-fast-cpu-warn:before{background-image:url("/static/images/sprites.svg#icon-fast-cpu-warn")}.icon-fast-cpu-good:before{background-image:url("/static/images/sprites.svg#icon-fast-cpu-good")}.icon-fast-cpu-bad:before{background-image:url("/static/images/sprites.svg#icon-fast-cpu-bad")}.icon-fast-cpu-white:before{background-image:url("/static/images/sprites.svg#icon-fast-cpu-white")}.icon-fast-cpu-dark:before{background-image:url("/static/images/sprites.svg#icon-fast-cpu-dark")}.icon-network-status:before{background-image:url("/static/images/sprites.svg#icon-network-status")}.icon-network-status-info:before{background-image:url("/static/images/sprites.svg#icon-network-status-info")}.icon-network-status-warn:before{background-image:url("/static/images/sprites.svg#icon-network-status-warn")}.icon-network-status-good:before{background-image:url("/static/images/sprites.svg#icon-network-status-good")}.icon-network-status-bad:before{background-image:url("/static/images/sprites.svg#icon-network-status-bad")}.icon-network-status-white:before{background-image:url("/static/images/sprites.svg#icon-network-status-white")}.icon-network-status-dark:before{background-image:url("/static/images/sprites.svg#icon-network-status-dark")}.icon-old:before{background-image:url("/static/images/sprites.svg#icon-old")}.icon-old-info:before{background-image:url("/static/images/sprites.svg#icon-old-info")}.icon-old-warn:before{background-image:url("/static/images/sprites.svg#icon-old-warn")}.icon-old-good:before{background-image:url("/static/images/sprites.svg#icon-old-good")}.icon-old-bad:before{background-image:url("/static/images/sprites.svg#icon-old-bad")}.icon-old-white:before{background-image:url("/static/images/sprites.svg#icon-old-white")}.icon-old-dark:before{background-image:url("/static/images/sprites.svg#icon-old-dark")}.icon-arrow-down:before{background-image:url("/static/images/sprites.svg#icon-arrow-down")}.icon-arrow-down-dark:before{background-image:url("/static/images/sprites.svg#icon-arrow-down-dark")}.icon-arrow-down-dark-link:before{background-image:url("/static/images/sprites.svg#icon-arrow-down-dark-link")}.icon-arrow-down-dark-link-active:before{background-image:url("/static/images/sprites.svg#icon-arrow-down-dark-link-active")}.icon-arrow-down-link:before{background-image:url("/static/images/sprites.svg#icon-arrow-down-link")}.icon-arrow-down-link-active:before{background-image:url("/static/images/sprites.svg#icon-arrow-down-link-active")}.icon-arrow-down-white:before{background-image:url("/static/images/sprites.svg#icon-arrow-down-white")}.icon-arrow-down-link-nav:before{background-image:url("/static/images/sprites.svg#icon-arrow-down-link-nav")}.icon-author:before{background-image:url("/static/images/sprites.svg#icon-author")}.icon-author-dark:before{background-image:url("/static/images/sprites.svg#icon-author-dark")}.icon-author-dark-link:before{background-image:url("/static/images/sprites.svg#icon-author-dark-link")}.icon-author-dark-link-active:before{background-image:url("/static/images/sprites.svg#icon-author-dark-link-active")}.icon-author-link:before{background-image:url("/static/images/sprites.svg#icon-author-link")}.icon-author-link-active:before{background-image:url("/static/images/sprites.svg#icon-author-link-active")}.icon-author-white:before{background-image:url("/static/images/sprites.svg#icon-author-white")}.icon-author-link-nav:before{background-image:url("/static/images/sprites.svg#icon-author-link-nav")}.icon-backup:before{background-image:url("/static/images/sprites.svg#icon-backup")}.icon-backup-dark:before{background-image:url("/static/images/sprites.svg#icon-backup-dark")}.icon-backup-dark-link:before{background-image:url("/static/images/sprites.svg#icon-backup-dark-link")}.icon-backup-dark-link-active:before{background-image:url("/static/images/sprites.svg#icon-backup-dark-link-active")}.icon-backup-link:before{background-image:url("/static/images/sprites.svg#icon-backup-link")}.icon-backup-link-active:before{background-image:url("/static/images/sprites.svg#icon-backup-link-active")}.icon-backup-white:before{background-image:url("/static/images/sprites.svg#icon-backup-white")}.icon-backup-link-nav:before{background-image:url("/static/images/sprites.svg#icon-backup-link-nav")}.icon-calendar:before{background-image:url("/static/images/sprites.svg#icon-calendar")}.icon-calendar-dark:before{background-image:url("/static/images/sprites.svg#icon-calendar-dark")}.icon-calendar-dark-link:before{background-image:url("/static/images/sprites.svg#icon-calendar-dark-link")}.icon-calendar-dark-link-active:before{background-image:url("/static/images/sprites.svg#icon-calendar-dark-link-active")}.icon-calendar-link:before{background-image:url("/static/images/sprites.svg#icon-calendar-link")}.icon-calendar-link-active:before{background-image:url("/static/images/sprites.svg#icon-calendar-link-active")}.icon-calendar-white:before{background-image:url("/static/images/sprites.svg#icon-calendar-white")}.icon-calendar-link-nav:before{background-image:url("/static/images/sprites.svg#icon-calendar-link-nav")}.icon-checkout:before{background-image:url("/static/images/sprites.svg#icon-checkout")}.icon-checkout-dark:before{background-image:url("/static/images/sprites.svg#icon-checkout-dark")}.icon-checkout-dark-link:before{background-image:url("/static/images/sprites.svg#icon-checkout-dark-link")}.icon-checkout-dark-link-active:before{background-image:url("/static/images/sprites.svg#icon-checkout-dark-link-active")}.icon-checkout-link:before{background-image:url("/static/images/sprites.svg#icon-checkout-link")}.icon-checkout-link-active:before{background-image:url("/static/images/sprites.svg#icon-checkout-link-active")}.icon-checkout-white:before{background-image:url("/static/images/sprites.svg#icon-checkout-white")}.icon-checkout-link-nav:before{background-image:url("/static/images/sprites.svg#icon-checkout-link-nav")}.icon-close-quote:before{background-image:url("/static/images/sprites.svg#icon-close-quote")}.icon-close-quote-dark:before{background-image:url("/static/images/sprites.svg#icon-close-quote-dark")}.icon-close-quote-dark-link:before{background-image:url("/static/images/sprites.svg#icon-close-quote-dark-link")}.icon-close-quote-dark-link-active:before{background-image:url("/static/images/sprites.svg#icon-close-quote-dark-link-active")}.icon-close-quote-link:before{background-image:url("/static/images/sprites.svg#icon-close-quote-link")}.icon-close-quote-link-active:before{background-image:url("/static/images/sprites.svg#icon-close-quote-link-active")}.icon-close-quote-white:before{background-image:url("/static/images/sprites.svg#icon-close-quote-white")}.icon-close-quote-link-nav:before{background-image:url("/static/images/sprites.svg#icon-close-quote-link-nav")}.icon-close:before{background-image:url("/static/images/sprites.svg#icon-close")}.icon-close-dark:before{background-image:url("/static/images/sprites.svg#icon-close-dark")}.icon-close-dark-link:before{background-image:url("/static/images/sprites.svg#icon-close-dark-link")}.icon-close-dark-link-active:before{background-image:url("/static/images/sprites.svg#icon-close-dark-link-active")}.icon-close-link:before{background-image:url("/static/images/sprites.svg#icon-close-link")}.icon-close-link-active:before{background-image:url("/static/images/sprites.svg#icon-close-link-active")}.icon-close-white:before{background-image:url("/static/images/sprites.svg#icon-close-white")}.icon-close-link-nav:before{background-image:url("/static/images/sprites.svg#icon-close-link-nav")}.icon-configure:before{background-image:url("/static/images/sprites.svg#icon-configure")}.icon-configure-dark:before{background-image:url("/static/images/sprites.svg#icon-configure-dark")}.icon-configure-dark-link:before{background-image:url("/static/images/sprites.svg#icon-configure-dark-link")}.icon-configure-dark-link-active:before{background-image:url("/static/images/sprites.svg#icon-configure-dark-link-active")}.icon-configure-link:before{background-image:url("/static/images/sprites.svg#icon-configure-link")}.icon-configure-link-active:before{background-image:url("/static/images/sprites.svg#icon-configure-link-active")}.icon-configure-white:before{background-image:url("/static/images/sprites.svg#icon-configure-white")}.icon-configure-link-nav:before{background-image:url("/static/images/sprites.svg#icon-configure-link-nav")}.icon-cores:before{background-image:url("/static/images/sprites.svg#icon-cores")}.icon-cores-dark:before{background-image:url("/static/images/sprites.svg#icon-cores-dark")}.icon-cores-dark-link:before{background-image:url("/static/images/sprites.svg#icon-cores-dark-link")}.icon-cores-dark-link-active:before{background-image:url("/static/images/sprites.svg#icon-cores-dark-link-active")}.icon-cores-link:before{background-image:url("/static/images/sprites.svg#icon-cores-link")}.icon-cores-link-active:before{background-image:url("/static/images/sprites.svg#icon-cores-link-active")}.icon-cores-white:before{background-image:url("/static/images/sprites.svg#icon-cores-white")}.icon-cores-link-nav:before{background-image:url("/static/images/sprites.svg#icon-cores-link-nav")}.icon-delete:before{background-image:url("/static/images/sprites.svg#icon-delete")}.icon-delete-dark:before{background-image:url("/static/images/sprites.svg#icon-delete-dark")}.icon-delete-dark-link:before{background-image:url("/static/images/sprites.svg#icon-delete-dark-link")}.icon-delete-dark-link-active:before{background-image:url("/static/images/sprites.svg#icon-delete-dark-link-active")}.icon-delete-link:before{background-image:url("/static/images/sprites.svg#icon-delete-link")}.icon-delete-link-active:before{background-image:url("/static/images/sprites.svg#icon-delete-link-active")}.icon-delete-white:before{background-image:url("/static/images/sprites.svg#icon-delete-white")}.icon-delete-link-nav:before{background-image:url("/static/images/sprites.svg#icon-delete-link-nav")}.icon-disc:before{background-image:url("/static/images/sprites.svg#icon-disc")}.icon-disc-dark:before{background-image:url("/static/images/sprites.svg#icon-disc-dark")}.icon-disc-dark-link:before{background-image:url("/static/images/sprites.svg#icon-disc-dark-link")}.icon-disc-dark-link-active:before{background-image:url("/static/images/sprites.svg#icon-disc-dark-link-active")}.icon-disc-link:before{background-image:url("/static/images/sprites.svg#icon-disc-link")}.icon-disc-link-active:before{background-image:url("/static/images/sprites.svg#icon-disc-link-active")}.icon-disc-white:before{background-image:url("/static/images/sprites.svg#icon-disc-white")}.icon-disc-link-nav:before{background-image:url("/static/images/sprites.svg#icon-disc-link-nav")}.icon-email-unlimited:before{background-image:url("/static/images/sprites.svg#icon-email-unlimited")}.icon-email-unlimited-dark:before{background-image:url("/static/images/sprites.svg#icon-email-unlimited-dark")}.icon-email-unlimited-dark-link:before{background-image:url("/static/images/sprites.svg#icon-email-unlimited-dark-link")}.icon-email-unlimited-dark-link-active:before{background-image:url("/static/images/sprites.svg#icon-email-unlimited-dark-link-active")}.icon-email-unlimited-link:before{background-image:url("/static/images/sprites.svg#icon-email-unlimited-link")}.icon-email-unlimited-link-active:before{background-image:url("/static/images/sprites.svg#icon-email-unlimited-link-active")}.icon-email-unlimited-white:before{background-image:url("/static/images/sprites.svg#icon-email-unlimited-white")}.icon-email-unlimited-link-nav:before{background-image:url("/static/images/sprites.svg#icon-email-unlimited-link-nav")}.icon-expand:before{background-image:url("/static/images/sprites.svg#icon-expand")}.icon-expand-dark:before{background-image:url("/static/images/sprites.svg#icon-expand-dark")}.icon-expand-dark-link:before{background-image:url("/static/images/sprites.svg#icon-expand-dark-link")}.icon-expand-dark-link-active:before{background-image:url("/static/images/sprites.svg#icon-expand-dark-link-active")}.icon-expand-link:before{background-image:url("/static/images/sprites.svg#icon-expand-link")}.icon-expand-link-active:before{background-image:url("/static/images/sprites.svg#icon-expand-link-active")}.icon-expand-white:before{background-image:url("/static/images/sprites.svg#icon-expand-white")}.icon-expand-link-nav:before{background-image:url("/static/images/sprites.svg#icon-expand-link-nav")}.icon-fde:before{background-image:url("/static/images/sprites.svg#icon-fde")}.icon-fde-dark:before{background-image:url("/static/images/sprites.svg#icon-fde-dark")}.icon-fde-dark-link:before{background-image:url("/static/images/sprites.svg#icon-fde-dark-link")}.icon-fde-dark-link-active:before{background-image:url("/static/images/sprites.svg#icon-fde-dark-link-active")}.icon-fde-link:before{background-image:url("/static/images/sprites.svg#icon-fde-link")}.icon-fde-link-active:before{background-image:url("/static/images/sprites.svg#icon-fde-link-active")}.icon-fde-white:before{background-image:url("/static/images/sprites.svg#icon-fde-white")}.icon-fde-link-nav:before{background-image:url("/static/images/sprites.svg#icon-fde-link-nav")}.icon-home:before{background-image:url("/static/images/sprites.svg#icon-home")}.icon-home-dark:before{background-image:url("/static/images/sprites.svg#icon-home-dark")}.icon-home-dark-link:before{background-image:url("/static/images/sprites.svg#icon-home-dark-link")}.icon-home-dark-link-active:before{background-image:url("/static/images/sprites.svg#icon-home-dark-link-active")}.icon-home-link:before{background-image:url("/static/images/sprites.svg#icon-home-link")}.icon-home-link-active:before{background-image:url("/static/images/sprites.svg#icon-home-link-active")}.icon-home-white:before{background-image:url("/static/images/sprites.svg#icon-home-white")}.icon-home-link-nav:before{background-image:url("/static/images/sprites.svg#icon-home-link-nav")}.icon-info:before{background-image:url("/static/images/sprites.svg#icon-info")}.icon-info-dark:before{background-image:url("/static/images/sprites.svg#icon-info-dark")}.icon-info-dark-link:before{background-image:url("/static/images/sprites.svg#icon-info-dark-link")}.icon-info-dark-link-active:before{background-image:url("/static/images/sprites.svg#icon-info-dark-link-active")}.icon-info-link:before{background-image:url("/static/images/sprites.svg#icon-info-link")}.icon-info-link-active:before{background-image:url("/static/images/sprites.svg#icon-info-link-active")}.icon-info-white:before{background-image:url("/static/images/sprites.svg#icon-info-white")}.icon-info-link-nav:before{background-image:url("/static/images/sprites.svg#icon-info-link-nav")}.icon-memory:before{background-image:url("/static/images/sprites.svg#icon-memory")}.icon-memory-dark:before{background-image:url("/static/images/sprites.svg#icon-memory-dark")}.icon-memory-dark-link:before{background-image:url("/static/images/sprites.svg#icon-memory-dark-link")}.icon-memory-dark-link-active:before{background-image:url("/static/images/sprites.svg#icon-memory-dark-link-active")}.icon-memory-link:before{background-image:url("/static/images/sprites.svg#icon-memory-link")}.icon-memory-link-active:before{background-image:url("/static/images/sprites.svg#icon-memory-link-active")}.icon-memory-white:before{background-image:url("/static/images/sprites.svg#icon-memory-white")}.icon-memory-link-nav:before{background-image:url("/static/images/sprites.svg#icon-memory-link-nav")}.icon-netherlands:before{background-image:url("/static/images/sprites.svg#icon-netherlands")}.icon-netherlands-dark:before{background-image:url("/static/images/sprites.svg#icon-netherlands-dark")}.icon-netherlands-dark-link:before{background-image:url("/static/images/sprites.svg#icon-netherlands-dark-link")}.icon-netherlands-dark-link-active:before{background-image:url("/static/images/sprites.svg#icon-netherlands-dark-link-active")}.icon-netherlands-link:before{background-image:url("/static/images/sprites.svg#icon-netherlands-link")}.icon-netherlands-link-active:before{background-image:url("/static/images/sprites.svg#icon-netherlands-link-active")}.icon-netherlands-white:before{background-image:url("/static/images/sprites.svg#icon-netherlands-white")}.icon-netherlands-link-nav:before{background-image:url("/static/images/sprites.svg#icon-netherlands-link-nav")}.icon-new-tab:before{background-image:url("/static/images/sprites.svg#icon-new-tab")}.icon-new-tab-dark:before{background-image:url("/static/images/sprites.svg#icon-new-tab-dark")}.icon-new-tab-dark-link:before{background-image:url("/static/images/sprites.svg#icon-new-tab-dark-link")}.icon-new-tab-dark-link-active:before{background-image:url("/static/images/sprites.svg#icon-new-tab-dark-link-active")}.icon-new-tab-link:before{background-image:url("/static/images/sprites.svg#icon-new-tab-link")}.icon-new-tab-link-active:before{background-image:url("/static/images/sprites.svg#icon-new-tab-link-active")}.icon-new-tab-white:before{background-image:url("/static/images/sprites.svg#icon-new-tab-white")}.icon-new-tab-link-nav:before{background-image:url("/static/images/sprites.svg#icon-new-tab-link-nav")}.icon-open-quote:before{background-image:url("/static/images/sprites.svg#icon-open-quote")}.icon-open-quote-dark:before{background-image:url("/static/images/sprites.svg#icon-open-quote-dark")}.icon-open-quote-dark-link:before{background-image:url("/static/images/sprites.svg#icon-open-quote-dark-link")}.icon-open-quote-dark-link-active:before{background-image:url("/static/images/sprites.svg#icon-open-quote-dark-link-active")}.icon-open-quote-link:before{background-image:url("/static/images/sprites.svg#icon-open-quote-link")}.icon-open-quote-link-active:before{background-image:url("/static/images/sprites.svg#icon-open-quote-link-active")}.icon-open-quote-white:before{background-image:url("/static/images/sprites.svg#icon-open-quote-white")}.icon-open-quote-link-nav:before{background-image:url("/static/images/sprites.svg#icon-open-quote-link-nav")}.icon-pay-per-sec:before{background-image:url("/static/images/sprites.svg#icon-pay-per-sec")}.icon-pay-per-sec-dark:before{background-image:url("/static/images/sprites.svg#icon-pay-per-sec-dark")}.icon-pay-per-sec-dark-link:before{background-image:url("/static/images/sprites.svg#icon-pay-per-sec-dark-link")}.icon-pay-per-sec-dark-link-active:before{background-image:url("/static/images/sprites.svg#icon-pay-per-sec-dark-link-active")}.icon-pay-per-sec-link:before{background-image:url("/static/images/sprites.svg#icon-pay-per-sec-link")}.icon-pay-per-sec-link-active:before{background-image:url("/static/images/sprites.svg#icon-pay-per-sec-link-active")}.icon-pay-per-sec-white:before{background-image:url("/static/images/sprites.svg#icon-pay-per-sec-white")}.icon-pay-per-sec-link-nav:before{background-image:url("/static/images/sprites.svg#icon-pay-per-sec-link-nav")}.icon-search-list:before{background-image:url("/static/images/sprites.svg#icon-search-list")}.icon-search-list-dark:before{background-image:url("/static/images/sprites.svg#icon-search-list-dark")}.icon-search-list-dark-link:before{background-image:url("/static/images/sprites.svg#icon-search-list-dark-link")}.icon-search-list-dark-link-active:before{background-image:url("/static/images/sprites.svg#icon-search-list-dark-link-active")}.icon-search-list-link:before{background-image:url("/static/images/sprites.svg#icon-search-list-link")}.icon-search-list-link-active:before{background-image:url("/static/images/sprites.svg#icon-search-list-link-active")}.icon-search-list-white:before{background-image:url("/static/images/sprites.svg#icon-search-list-white")}.icon-search-list-link-nav:before{background-image:url("/static/images/sprites.svg#icon-search-list-link-nav")}.icon-search:before{background-image:url("/static/images/sprites.svg#icon-search")}.icon-search-dark:before{background-image:url("/static/images/sprites.svg#icon-search-dark")}.icon-search-dark-link:before{background-image:url("/static/images/sprites.svg#icon-search-dark-link")}.icon-search-dark-link-active:before{background-image:url("/static/images/sprites.svg#icon-search-dark-link-active")}.icon-search-link:before{background-image:url("/static/images/sprites.svg#icon-search-link")}.icon-search-link-active:before{background-image:url("/static/images/sprites.svg#icon-search-link-active")}.icon-search-white:before{background-image:url("/static/images/sprites.svg#icon-search-white")}.icon-search-link-nav:before{background-image:url("/static/images/sprites.svg#icon-search-link-nav")}.icon-service-centre:before{background-image:url("/static/images/sprites.svg#icon-service-centre")}.icon-service-centre-dark:before{background-image:url("/static/images/sprites.svg#icon-service-centre-dark")}.icon-service-centre-dark-link:before{background-image:url("/static/images/sprites.svg#icon-service-centre-dark-link")}.icon-service-centre-dark-link-active:before{background-image:url("/static/images/sprites.svg#icon-service-centre-dark-link-active")}.icon-service-centre-link:before{background-image:url("/static/images/sprites.svg#icon-service-centre-link")}.icon-service-centre-link-active:before{background-image:url("/static/images/sprites.svg#icon-service-centre-link-active")}.icon-service-centre-white:before{background-image:url("/static/images/sprites.svg#icon-service-centre-white")}.icon-service-centre-link-nav:before{background-image:url("/static/images/sprites.svg#icon-service-centre-link-nav")}.icon-shell:before{background-image:url("/static/images/sprites.svg#icon-shell")}.icon-shell-dark:before{background-image:url("/static/images/sprites.svg#icon-shell-dark")}.icon-shell-dark-link:before{background-image:url("/static/images/sprites.svg#icon-shell-dark-link")}.icon-shell-dark-link-active:before{background-image:url("/static/images/sprites.svg#icon-shell-dark-link-active")}.icon-shell-link:before{background-image:url("/static/images/sprites.svg#icon-shell-link")}.icon-shell-link-active:before{background-image:url("/static/images/sprites.svg#icon-shell-link-active")}.icon-shell-white:before{background-image:url("/static/images/sprites.svg#icon-shell-white")}.icon-shell-link-nav:before{background-image:url("/static/images/sprites.svg#icon-shell-link-nav")}.icon-storage:before{background-image:url("/static/images/sprites.svg#icon-storage")}.icon-storage-dark:before{background-image:url("/static/images/sprites.svg#icon-storage-dark")}.icon-storage-dark-link:before{background-image:url("/static/images/sprites.svg#icon-storage-dark-link")}.icon-storage-dark-link-active:before{background-image:url("/static/images/sprites.svg#icon-storage-dark-link-active")}.icon-storage-link:before{background-image:url("/static/images/sprites.svg#icon-storage-link")}.icon-storage-link-active:before{background-image:url("/static/images/sprites.svg#icon-storage-link-active")}.icon-storage-white:before{background-image:url("/static/images/sprites.svg#icon-storage-white")}.icon-storage-link-nav:before{background-image:url("/static/images/sprites.svg#icon-storage-link-nav")}.icon-tag:before{background-image:url("/static/images/sprites.svg#icon-tag")}.icon-tag-dark:before{background-image:url("/static/images/sprites.svg#icon-tag-dark")}.icon-tag-dark-link:before{background-image:url("/static/images/sprites.svg#icon-tag-dark-link")}.icon-tag-dark-link-active:before{background-image:url("/static/images/sprites.svg#icon-tag-dark-link-active")}.icon-tag-link:before{background-image:url("/static/images/sprites.svg#icon-tag-link")}.icon-tag-link-active:before{background-image:url("/static/images/sprites.svg#icon-tag-link-active")}.icon-tag-white:before{background-image:url("/static/images/sprites.svg#icon-tag-white")}.icon-tag-link-nav:before{background-image:url("/static/images/sprites.svg#icon-tag-link-nav")}.icon-tls:before{background-image:url("/static/images/sprites.svg#icon-tls")}.icon-tls-dark:before{background-image:url("/static/images/sprites.svg#icon-tls-dark")}.icon-tls-dark-link:before{background-image:url("/static/images/sprites.svg#icon-tls-dark-link")}.icon-tls-dark-link-active:before{background-image:url("/static/images/sprites.svg#icon-tls-dark-link-active")}.icon-tls-link:before{background-image:url("/static/images/sprites.svg#icon-tls-link")}.icon-tls-link-active:before{background-image:url("/static/images/sprites.svg#icon-tls-link-active")}.icon-tls-white:before{background-image:url("/static/images/sprites.svg#icon-tls-white")}.icon-tls-link-nav:before{background-image:url("/static/images/sprites.svg#icon-tls-link-nav")}.icon-traffic:before{background-image:url("/static/images/sprites.svg#icon-traffic")}.icon-traffic-dark:before{background-image:url("/static/images/sprites.svg#icon-traffic-dark")}.icon-traffic-dark-link:before{background-image:url("/static/images/sprites.svg#icon-traffic-dark-link")}.icon-traffic-dark-link-active:before{background-image:url("/static/images/sprites.svg#icon-traffic-dark-link-active")}.icon-traffic-link:before{background-image:url("/static/images/sprites.svg#icon-traffic-link")}.icon-traffic-link-active:before{background-image:url("/static/images/sprites.svg#icon-traffic-link-active")}.icon-traffic-white:before{background-image:url("/static/images/sprites.svg#icon-traffic-white")}.icon-traffic-link-nav:before{background-image:url("/static/images/sprites.svg#icon-traffic-link-nav")}.icon-transfer:before{background-image:url("/static/images/sprites.svg#icon-transfer")}.icon-transfer-dark:before{background-image:url("/static/images/sprites.svg#icon-transfer-dark")}.icon-transfer-dark-link:before{background-image:url("/static/images/sprites.svg#icon-transfer-dark-link")}.icon-transfer-dark-link-active:before{background-image:url("/static/images/sprites.svg#icon-transfer-dark-link-active")}.icon-transfer-link:before{background-image:url("/static/images/sprites.svg#icon-transfer-link")}.icon-transfer-link-active:before{background-image:url("/static/images/sprites.svg#icon-transfer-link-active")}.icon-transfer-white:before{background-image:url("/static/images/sprites.svg#icon-transfer-white")}.icon-transfer-link-nav:before{background-image:url("/static/images/sprites.svg#icon-transfer-link-nav")}.icon-trash:before{background-image:url("/static/images/sprites.svg#icon-trash")}.icon-trash-dark:before{background-image:url("/static/images/sprites.svg#icon-trash-dark")}.icon-trash-dark-link:before{background-image:url("/static/images/sprites.svg#icon-trash-dark-link")}.icon-trash-dark-link-active:before{background-image:url("/static/images/sprites.svg#icon-trash-dark-link-active")}.icon-trash-link:before{background-image:url("/static/images/sprites.svg#icon-trash-link")}.icon-trash-link-active:before{background-image:url("/static/images/sprites.svg#icon-trash-link-active")}.icon-trash-white:before{background-image:url("/static/images/sprites.svg#icon-trash-white")}.icon-trash-link-nav:before{background-image:url("/static/images/sprites.svg#icon-trash-link-nav")}.icon-turbine:before{background-image:url("/static/images/sprites.svg#icon-turbine")}.icon-turbine-dark:before{background-image:url("/static/images/sprites.svg#icon-turbine-dark")}.icon-turbine-dark-link:before{background-image:url("/static/images/sprites.svg#icon-turbine-dark-link")}.icon-turbine-dark-link-active:before{background-image:url("/static/images/sprites.svg#icon-turbine-dark-link-active")}.icon-turbine-link:before{background-image:url("/static/images/sprites.svg#icon-turbine-link")}.icon-turbine-link-active:before{background-image:url("/static/images/sprites.svg#icon-turbine-link-active")}.icon-turbine-white:before{background-image:url("/static/images/sprites.svg#icon-turbine-white")}.icon-turbine-link-nav:before{background-image:url("/static/images/sprites.svg#icon-turbine-link-nav")}.icon-virtual-machine:before{background-image:url("/static/images/sprites.svg#icon-virtual-machine")}.icon-virtual-machine-dark:before{background-image:url("/static/images/sprites.svg#icon-virtual-machine-dark")}.icon-virtual-machine-dark-link:before{background-image:url("/static/images/sprites.svg#icon-virtual-machine-dark-link")}.icon-virtual-machine-dark-link-active:before{background-image:url("/static/images/sprites.svg#icon-virtual-machine-dark-link-active")}.icon-virtual-machine-link:before{background-image:url("/static/images/sprites.svg#icon-virtual-machine-link")}.icon-virtual-machine-link-active:before{background-image:url("/static/images/sprites.svg#icon-virtual-machine-link-active")}.icon-virtual-machine-white:before{background-image:url("/static/images/sprites.svg#icon-virtual-machine-white")}.icon-virtual-machine-link-nav:before{background-image:url("/static/images/sprites.svg#icon-virtual-machine-link-nav")}.icon-vps:before{background-image:url("/static/images/sprites.svg#icon-vps")}.icon-vps-dark:before{background-image:url("/static/images/sprites.svg#icon-vps-dark")}.icon-vps-dark-link:before{background-image:url("/static/images/sprites.svg#icon-vps-dark-link")}.icon-vps-dark-link-active:before{background-image:url("/static/images/sprites.svg#icon-vps-dark-link-active")}.icon-vps-link:before{background-image:url("/static/images/sprites.svg#icon-vps-link")}.icon-vps-link-active:before{background-image:url("/static/images/sprites.svg#icon-vps-link-active")}.icon-vps-white:before{background-image:url("/static/images/sprites.svg#icon-vps-white")}.icon-vps-link-nav:before{background-image:url("/static/images/sprites.svg#icon-vps-link-nav")}section article aside{display:block;background:#bceaee;color:#00535a;border-width:5px 0;border-style:solid;border-color:#00828d;margin:0 1rem;padding:2rem 1rem;margin:1rem;box-shadow:1px 1px 4px rgba(0,0,0,0.8)}section article aside header{display:block;font-weight:bold}section article aside header ~ p{margin-left:3rem}section article aside.bad{background-color:#e3bfc2;border-color:#8d000d;color:#5a0008}section article aside.bad a,section article aside.bad a:visited,section article aside.bad a:active{color:#5a0008}section article aside.bad a:hover{color:#8d000d}section article aside.warn{background-color:#e6d3c7;border-color:#c04900;color:#5a2200}section article aside.warn a,section article aside.warn a:visited,section article aside.warn a:active{color:#5a2200}section article aside.warn a:hover{color:#c04900}section article aside.good{background-color:#cbddb3;border-color:#538d00;color:#355a00}section article aside.good a,section article aside.good a:visited,section article aside.good a:active{color:#355a00}section article aside.good a:hover{color:#538d00}section article aside.info{background-color:#bceaee;border-color:#00828d;color:#00535a}section article aside.info a,section article aside.info a:visited,section article aside.info a:active{color:#00535a}section article aside.info a:hover{color:#00828d}.alert{display:grid;grid:"header" auto "main" auto / 100%;line-height:1;padding:2rem 1.5rem;margin:1rem 0;box-shadow:1px 1px 4px rgba(0,0,0,0.8);font-size:1.1rem;line-height:1.4}.alert header{font-weight:bold;grid-area:header}.alert main{grid-area:main}.alert>*{grid-area:main}.alert.bad{background-color:#e3bfc2;border-color:#8d000d;color:#5a0008;border-color:#8d000d}.alert.bad a,.alert.bad a:visited,.alert.bad a:active{color:#5a0008}.alert.bad a:hover{color:#8d000d}.alert.warn{background-color:#e6d3c7;border-color:#c04900;color:#5a2200;border-color:#c04900}.alert.warn a,.alert.warn a:visited,.alert.warn a:active{color:#5a2200}.alert.warn a:hover{color:#c04900}.alert.good{background-color:#cbddb3;border-color:#538d00;color:#355a00;border-color:#538d00}.alert.good a,.alert.good a:visited,.alert.good a:active{color:#355a00}.alert.good a:hover{color:#538d00}.alert.info{background-color:#bceaee;border-color:#00828d;color:#00535a;border-color:#00828d}.alert.info a,.alert.info a:visited,.alert.info a:active{color:#00535a}.alert.info a:hover{color:#00828d}.alert[class*=' icon-'],.alert[class^='icon-']{grid:"icon header" auto "icon main" auto / 4rem 1fr;gap:0 1rem}.alert[class*=' icon-']:before,.alert[class^='icon-']:before{grid-area:icon;width:4rem;height:4rem}@media screen and (max-width: 512px){.alert[class*=' icon-'],.alert[class^='icon-']{grid:"icon header" auto "main main" auto / 2rem 1fr}.alert[class*=' icon-']:before,.alert[class^='icon-']:before{width:2rem;height:2rem;margin-top:.5rem}}body{display:flex;min-height:100vh;flex-direction:column}body>nav{flex:0 0 5rem}body>main{flex:1}.section-wrapper{display:flex;flex-flow:row wrap;justify-content:center;align-items:flex-start;align-content:flex-start;width:100%;background:#fff}.section-wrapper>section{max-width:100%;flex:0 1 80rem;margin:4rem 2rem 1.5rem 2rem;padding:2rem 2rem}.section-wrapper>section.reading{max-width:100%;flex:0 1 55rem;margin:4rem 4rem 1.5rem 4rem;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;hyphens:auto}.section-wrapper>section.reading h2{margin-top:2rem}.section-wrapper>section.reading h3{margin-top:1.5rem}.section-wrapper>section.reading ul,.section-wrapper>section.reading ol{margin:2rem 0}.section-wrapper>section.reading ul ol,.section-wrapper>section.reading ul ul,.section-wrapper>section.reading ol ol,.section-wrapper>section.reading ol ul{margin:0 0}.section-wrapper>section.reading img{max-height:100vh;max-width:100%;margin:auto}.section-wrapper>section.extra-wide{flex:0 1 110rem;margin:2.5rem 1.5rem}.section-wrapper>section.short{margin-top:0rem;margin-bottom:0rem;padding-top:1rem;padding-bottom:1rem}@media only screen and (max-width: 768px){.section-wrapper>section,.section-wrapper>section.reading,.section-wrapper>section.extra-wide{margin:0.5rem 1rem;padding:.5rem}}.section-wrapper-dark{display:flex;flex-flow:row wrap;justify-content:center;align-items:flex-start;align-content:flex-start;width:100%;background:#00828d;color:#ebebeb}.section-wrapper-dark>section{max-width:100%;flex:0 1 80rem;margin:4rem 2rem 1.5rem 2rem;padding:2rem 2rem}.section-wrapper-dark>section.reading{max-width:100%;flex:0 1 55rem;margin:4rem 4rem 1.5rem 4rem;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;hyphens:auto}.section-wrapper-dark>section.reading h2{margin-top:2rem}.section-wrapper-dark>section.reading h3{margin-top:1.5rem}.section-wrapper-dark>section.reading ul,.section-wrapper-dark>section.reading ol{margin:2rem 0}.section-wrapper-dark>section.reading ul ol,.section-wrapper-dark>section.reading ul ul,.section-wrapper-dark>section.reading ol ol,.section-wrapper-dark>section.reading ol ul{margin:0 0}.section-wrapper-dark>section.reading img{max-height:100vh;max-width:100%;margin:auto}.section-wrapper-dark>section.extra-wide{flex:0 1 110rem;margin:2.5rem 1.5rem}.section-wrapper-dark>section.short{margin-top:0rem;margin-bottom:0rem;padding-top:1rem;padding-bottom:1rem}@media only screen and (max-width: 768px){.section-wrapper-dark>section,.section-wrapper-dark>section.reading,.section-wrapper-dark>section.extra-wide{margin:0.5rem 1rem;padding:.5rem}}.section-wrapper-dark section h1,.section-wrapper-dark h2,.section-wrapper-dark h3,.section-wrapper-dark h4,.section-wrapper-dark h5,.section-wrapper-dark h6{color:#ebebeb}.section-wrapper-dark h1 a:hover,.section-wrapper-dark a{color:#ebebeb}footer{color:#fff}footer a{color:rgba(255,255,255,0.85)}footer a:hover{color:#fff}footer ul{list-style:none;padding:0}footer .footer-row:first-of-type{background:#2b585d;padding-bottom:2rem}footer .footer-row:first-of-type .columns{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:stretch}footer .footer-row:first-of-type .columns>ul{margin:2rem 2rem 0 2rem;width:12rem;flex:0 0 12rem;display:inline-block}footer .footer-row:first-of-type .columns>ul li{font-weight:bold;line-height:2.4}footer .footer-row:first-of-type .columns>ul li a{text-decoration:none}footer .footer-row:first-of-type .columns>ul li a:hover{text-decoration:underline}footer .footer-row:first-of-type .columns>ul li ul li{font-weight:normal;line-height:1.8}footer .footer-row:last-of-type{background:#132729;padding:1rem}footer .footer-row:last-of-type ul.columns{margin:0;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;align-items:center;font-weight:normal}footer .footer-row:last-of-type ul.columns a{text-decoration:none}footer .footer-row:last-of-type ul.columns a:hover{text-decoration:underline}footer .footer-row:last-of-type ul.columns li{flex:1 0 12rem;display:inline-block;margin:0.5rem 2rem;text-align:center}.hidden{display:none !important}.sr-only{text-indent:-5000px}@font-face{font-family:"RobotoRegular";src:url(/static/fonts/Roboto/RobotoRegular.eot) format("embedded-opentype"),url(/static/fonts/Roboto/RobotoRegular.woff2) format("woff2"),url(/static/fonts/Roboto/RobotoRegular.woff) format("woff"),url(/static/fonts/Roboto/RobotoRegular.ttf) format("truetype");font-style:normal;font-weight:400}@font-face{font-family:"RobotoLight";src:url(/static/fonts/Roboto/RobotoLight.eot) format("embedded-opentype"),url(/static/fonts/Roboto/RobotoLight.woff2) format("woff2"),url(/static/fonts/Roboto/RobotoLight.woff) format("woff"),url(/static/fonts/Roboto/RobotoLight.ttf) format("truetype");font-style:normal;font-weight:300}@font-face{font-family:"RobotoSlabRegular";src:url(/static/fonts/RobotoSlab/RobotoSlabRegular.eot) format("embedded-opentype"),url(/static/fonts/RobotoSlab/RobotoSlabRegular.woff2) format("woff2"),url(/static/fonts/RobotoSlab/RobotoSlabRegular.woff) format("woff"),url(/static/fonts/RobotoSlab/RobotoSlabRegular.ttf) format("truetype");font-style:normal;font-weight:400}@font-face{font-family:"RobotoSlabLight";src:url(/static/fonts/RobotoSlab/RobotoSlabLight.eot) format("embedded-opentype"),url(/static/fonts/RobotoSlab/RobotoSlabLight.woff2) format("woff2"),url(/static/fonts/RobotoSlab/RobotoSlabLight.woff) format("woff"),url(/static/fonts/RobotoSlab/RobotoSlabLight.ttf) format("truetype");font-style:normal;font-weight:300}@font-face{font-family:"SourceCodePro";src:url(/static/fonts/SourceCodePro/SourceCodeProMedium.eot) format("embedded-opentype"),url(/static/fonts/SourceCodePro/SourceCodeProMedium.woff2) format("woff2"),url(/static/fonts/SourceCodePro/SourceCodeProMedium.woff) format("woff"),url(/static/fonts/SourceCodePro/SourceCodeProMedium.ttf) format("truetype");font-style:normal;font-weight:500;font-stretch:normal}html{color:#4d4d4d;font-family:"RobotoRegular",sans-serif;font-size:100%;line-height:1.5}h1,h2,h3,h4,h5,h6{column-span:all}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{text-decoration:none}h1 a[id]:hover:before,h2 a[id]:hover:before,h3 a[id]:hover:before,h4 a[id]:hover:before,h5 a[id]:hover:before,h6 a[id]:hover:before{content:"¶";color:#ddd;float:left;display:inline-block;margin:0 0 0 -1.8rem;font-family:Arial sans-serif}h1{font-family:"RobotoSlabRegular",sans-serif;font-size:2.02729rem;margin:0 0 1.5rem;line-height:1.5;color:#2b585d}h1 a,h1 a:hover{color:#2b585d}h2,h3,h4,h5,h6{font-family:"RobotoSlabLight",sans-serif;margin:0 0 .75rem;line-height:1.5}h2{font-size:1.80203rem;color:#2b585d}h3{font-size:1.60181rem;color:#4d4d4d}h4{font-size:1.42383rem;color:#2b585d}h5{font-size:1.26562rem;color:#2b585d}h6{font-size:90%;color:#626063}p{margin:0 0 .75rem}p.minor{color:gray}header{font-family:"RobotoSlabRegular",sans-serif}header p{margin:1.5rem 0;font-family:"RobotoRegular",sans-serif;font-size:1.125rem}a{color:#00828d;text-decoration-skip:ink}a[target="_blank"]:after{background-image:url("/static/images/sprites.svg#icon-new-tab-link");vertical-align:bottom;display:inline-block;background-repeat:no-repeat;background-size:cover;content:' ';width:1.5rem;height:1.5rem;margin-left:.2rem;width:1.2rem;height:1.2rem;vertical-align:top}a:hover{color:#204246}a[target="_blank"]:hover:after{background-image:url("/static/images/sprites.svg#icon-new-tab-link-active");vertical-align:bottom;display:inline-block;background-repeat:no-repeat;background-size:cover;content:' ';width:1.5rem;height:1.5rem;margin-left:.2rem;width:1.2rem;height:1.2rem;vertical-align:top}a:focus{outline:1px solid #938d85}.section-wrapper-dark section a,footer a{color:#ddd}.section-wrapper-dark section a:hover,footer a:hover{color:#eee}.section-wrapper-dark section a[target="_blank"]:after,footer a[target="_blank"]:after{background-image:url("/static/images/sprites.svg#icon-new-tab-dark-link");vertical-align:bottom;display:inline-block;background-repeat:no-repeat;background-size:cover;content:' ';width:1.5rem;height:1.5rem;margin-left:.2rem;width:1.2rem;height:1.2rem;vertical-align:top}.section-wrapper-dark section a[target="_blank"]:hover:after,footer a[target="_blank"]:hover:after{background-image:url("/static/images/sprites.svg#icon-new-tab-dark-link-active");vertical-align:bottom;display:inline-block;background-repeat:no-repeat;background-size:cover;content:' ';width:1.5rem;height:1.5rem;margin-left:.2rem;width:1.2rem;height:1.2rem;vertical-align:top}hr{border-bottom:1px solid #2b585d;border-left:0;border-right:0;border-top:0;margin:1.5rem 0}.columns-max-2{columns:20rem 2;column-gap:3rem}.columns-max-3{columns:25rem 3;column-gap:3rem}address{font-style:normal}cite{text-decoration:none;font-style:normal}span[title]{text-decoration:underline}span[title]:after{background-image:url("/static/images/sprites.svg#icon-info");vertical-align:bottom;display:inline-block;background-repeat:no-repeat;background-size:cover;content:' ';width:1.5rem;height:1.5rem;margin-left:.1rem;width:.9rem;height:.9rem;vertical-align:top}.no-wrap{display:inline-block}.slide-buttons{font-family:"RobotoSlabRegular",sans-serif}main ul li,main ol li,section ul li,section ol li{list-style-position:outside;line-height:1.60181rem;padding:0 0 0 0.8rem;clear:both}main ul li ul,main ul li ol,main ol li ul,main ol li ol,section ul li ul,section ul li ol,section ol li ul,section ol li ol{padding:0 0 0 0.8rem}main ul,section ul{list-style-type:disc}main ul li ul,section ul li ul{list-style-type:square}main ul li ul li ul,section ul li ul li ul{list-style-type:circle}main ol,section ol{list-style-type:decimal}main ol li ol,section ol li ol{list-style-type:lower-latin}main ol li ol li ol,section ol li ol li ol{list-style-type:decimal}main ol li ol li ol li ol,section ol li ol li ol li ol{list-style-type:upper-roman}p>blockquote,article main blockquote,.testimonial blockquote{display:block;position:relative}p>blockquote:before,article main blockquote:before,.testimonial blockquote:before{background-image:url("/static/images/sprites.svg#icon-open-quote-link-nav");vertical-align:bottom;display:inline-block;background-repeat:no-repeat;background-size:cover;content:' ';width:1.5rem;height:1.5rem;position:relative;float:left;margin:-1.8rem 0 0 -.6rem}@media only screen and (min-width: 768px){p>blockquote:before,article main blockquote:before,.testimonial blockquote:before{margin:-.4rem 0 0 -2.2rem}}p>blockquote:after,article main blockquote:after,.testimonial blockquote:after{background-image:url("/static/images/sprites.svg#icon-close-quote-link-nav");vertical-align:bottom;display:inline-block;background-repeat:no-repeat;background-size:cover;content:' ';width:1.5rem;height:1.5rem;position:relative;float:right;bottom:0;margin:0 -.4rem 0 0}@media only screen and (min-width: 768px){p>blockquote:after,article main blockquote:after,.testimonial blockquote:after{margin:-1rem -2.4rem 0 0}}p>blockquote p:last-of-type,article main blockquote p:last-of-type,.testimonial blockquote p:last-of-type{margin-bottom:0}p>blockquote cite,article main blockquote cite,.testimonial blockquote cite{padding-top:1rem;bottom:0;margin-bottom:.5rem;display:block;position:relative;text-align:right}@media only screen and (min-width: 768px){p>blockquote cite,article main blockquote cite,.testimonial blockquote cite{margin-bottom:0;right:2.5rem}}p>blockquote cite:before,article main blockquote cite:before,.testimonial blockquote cite:before{content:"―";margin:0 1rem 0 0}blockquote.song p{text-align:center}p>blockquote,article>blockquote{color:#737373;background:#f8f7f7;border-left:10px solid #aeadaf;margin:0 1rem;padding:2.4rem 1rem}@media only screen and (min-width: 768px){p>blockquote,article>blockquote{padding:1rem 3.2rem}}.highlight .hll{background-color:#49483e}.highlight{background:#272822;color:#f8f8f2}.highlight .c{color:#75715e}.highlight .err{color:#960050;background-color:#1e0010}.highlight .k{color:#66d9ef}.highlight .l{color:#ae81ff}.highlight .n{color:#f8f8f2}.highlight .o{color:#f92672}.highlight .p{color:#f8f8f2}.highlight .ch{color:#75715e}.highlight .cm{color:#75715e}.highlight .cp{color:#75715e}.highlight .cpf{color:#75715e}.highlight .c1{color:#75715e}.highlight .cs{color:#75715e}.highlight .gd{color:#f92672}.highlight .ge{font-style:italic}.highlight .gi{color:#a6e22e}.highlight .gs{font-weight:bold}.highlight .gu{color:#75715e}.highlight .kc{color:#66d9ef}.highlight .kd{color:#66d9ef}.highlight .kn{color:#f92672}.highlight .kp{color:#66d9ef}.highlight .kr{color:#66d9ef}.highlight .kt{color:#66d9ef}.highlight .ld{color:#e6db74}.highlight .m{color:#ae81ff}.highlight .s{color:#e6db74}.highlight .na{color:#a6e22e}.highlight .nb{color:#f8f8f2}.highlight .nc{color:#a6e22e}.highlight .no{color:#66d9ef}.highlight .nd{color:#a6e22e}.highlight .ni{color:#f8f8f2}.highlight .ne{color:#a6e22e}.highlight .nf{color:#a6e22e}.highlight .nl{color:#f8f8f2}.highlight .nn{color:#f8f8f2}.highlight .nx{color:#a6e22e}.highlight .py{color:#f8f8f2}.highlight .nt{color:#f92672}.highlight .nv{color:#f8f8f2}.highlight .ow{color:#f92672}.highlight .w{color:#f8f8f2}.highlight .mb{color:#ae81ff}.highlight .mf{color:#ae81ff}.highlight .mh{color:#ae81ff}.highlight .mi{color:#ae81ff}.highlight .mo{color:#ae81ff}.highlight .sa{color:#e6db74}.highlight .sb{color:#e6db74}.highlight .sc{color:#e6db74}.highlight .dl{color:#e6db74}.highlight .sd{color:#e6db74}.highlight .s2{color:#e6db74}.highlight .se{color:#ae81ff}.highlight .sh{color:#e6db74}.highlight .si{color:#e6db74}.highlight .sx{color:#e6db74}.highlight .sr{color:#e6db74}.highlight .s1{color:#e6db74}.highlight .ss{color:#e6db74}.highlight .bp{color:#f8f8f2}.highlight .fm{color:#a6e22e}.highlight .vc{color:#f8f8f2}.highlight .vg{color:#f8f8f2}.highlight .vi{color:#f8f8f2}.highlight .vm{color:#f8f8f2}.highlight .il{color:#ae81ff}div.highlight{max-width:100%;display:block;width:100%;margin:0 0 1rem 0}div.highlight pre,div.highlight code,div.highlight table,div.highlight tbody,div.highlight tr{max-width:100%;display:block;width:100%}div.highlight pre.highlight{overflow:auto;font-family:"SourceCodePro",monospace}div.highlight pre.highlight code table{border-spacing:0}div.highlight pre.highlight code table tbody tr td.rouge-gutter{user-select:none;background:#424439;padding:.5rem}div.highlight pre.highlight code table tbody tr td.rouge-gutter pre{user-select:none;text-align:right}div.highlight pre.highlight code table tbody tr td.rouge-code pre{padding:.5rem;margin:0 0 0 .5rem}p>code,li>code{font-size:1rem;font-family:"SourceCodePro",monospace;background:#f8f7f7;color:#00828d;border:1px #00828d solid;padding:1px 4px 1px 4px}p.code-title{background:#424439;background:linear-gradient(to bottom, #424439, #272822);padding:.3rem 1rem .2rem 1rem;margin:0;font-size:.88889rem;color:#fff;font-weight:bold;display:block;border-bottom:1px #34362e solid}p.code-title+div.highlight pre.highlight{margin:0 0 1rem 0}button,[type='button'],[type='reset'],[type='submit'],.button{appearance:none;background-color:#3b7980;border:1px #2b585d solid;color:#fff;cursor:pointer;display:inline-block;font-family:"RobotoRegular",sans-serif;font-size:1rem;-webkit-font-smoothing:antialiased;font-weight:600;padding:.75rem 1.5rem;text-align:center;text-decoration:none;user-select:none;vertical-align:middle;white-space:nowrap}button:hover,[type='button']:hover,[type='reset']:hover,[type='submit']:hover,.button:hover{color:#fff;background-color:#2b585d}button:focus,[type='button']:focus,[type='reset']:focus,[type='submit']:focus,.button:focus{outline:3px solid #00828d;outline-offset:2px}button:disabled,[type='button']:disabled,[type='reset']:disabled,[type='submit']:disabled,.button:disabled{cursor:not-allowed;opacity:0.5}button:disabled:hover,[type='button']:disabled:hover,[type='reset']:disabled:hover,[type='submit']:disabled:hover,.button:disabled:hover{background-color:#3b7980}button.bad,[type='button'].bad,[type='reset'].bad,[type='submit'].bad,.button.bad{background-color:#8d000d;color:#fff;font-weight:bold;border:1px #5a0008 solid}button.bad:hover,[type='button'].bad:hover,[type='reset'].bad:hover,[type='submit'].bad:hover,.button.bad:hover{background-color:#5a0008}button.warn,[type='button'].warn,[type='reset'].warn,[type='submit'].warn,.button.warn{background-color:#c04900;color:#fff;font-weight:bold;border:1px #5a2200 solid}button.warn:hover,[type='button'].warn:hover,[type='reset'].warn:hover,[type='submit'].warn:hover,.button.warn:hover{background-color:#8d3500}button.good,[type='button'].good,[type='reset'].good,[type='submit'].good,.button.good{background-color:#538d00;color:#fff;font-weight:bold;border:1px #355a00 solid}button.good:hover,[type='button'].good:hover,[type='reset'].good:hover,[type='submit'].good:hover,.button.good:hover{background-color:#355a00}button.info,[type='button'].info,[type='reset'].info,[type='submit'].info,.button.info{background-color:#00828d;color:#fff;font-weight:bold;border:1px #00535a solid}button.info:hover,[type='button'].info:hover,[type='reset'].info:hover,[type='submit'].info:hover,.button.info:hover{background-color:#00535a}button.close,button.expand,button.delete,[type='button'].close,[type='button'].expand,[type='button'].delete,[type='reset'].close,[type='reset'].expand,[type='reset'].delete,[type='submit'].close,[type='submit'].expand,[type='submit'].delete,.button.close,.button.expand,.button.delete{background:transparent;color:#aeadaf;border:0;padding:0}header button.close,header button.expand,header button.delete,header [type='button'].close,header [type='button'].expand,header [type='button'].delete,header [type='reset'].close,header [type='reset'].expand,header [type='reset'].delete,header [type='submit'].close,header [type='submit'].expand,header [type='submit'].delete,header .button.close,header .button.expand,header .button.delete{float:right;position:absolute;top:2.2rem;right:2rem}button.more,button.block{display:block;position:relative;width:100%;margin:2rem 0}a.badge{text-decoration:none}.badge{display:inline-block;font-size:.75em;line-height:1;padding:.5em .7em;box-shadow:1px 1px 2px rgba(0,0,0,0.2)}.badge:hover{box-shadow:1px 1px 2px rgba(0,0,0,0.4)}.badge a{text-decoration:none}.badge a:hover,.badge a:active{text-decoration:underline}.badge.bad{background-color:#e3bfc2;border-color:#8d000d;color:#5a0008;font-weight:bold;border:1px solid #ddb3b6}.badge.bad a,.badge.bad a:visited,.badge.bad a:active{color:#5a0008}.badge.bad a:hover{color:#8d000d}.badge.warn{background-color:#e6d3c7;border-color:#c04900;color:#5a2200;font-weight:bold;border:1px solid #ecc8b3}.badge.warn a,.badge.warn a:visited,.badge.warn a:active{color:#5a2200}.badge.warn a:hover{color:#c04900}.badge.good{background-color:#cbddb3;border-color:#538d00;color:#355a00;font-weight:bold;border:1px solid #cbddb3}.badge.good a,.badge.good a:visited,.badge.good a:active{color:#355a00}.badge.good a:hover{color:#538d00}.badge.info{background-color:#bceaee;border-color:#00828d;color:#00535a;font-weight:bold;border:1px solid #b3dadd}.badge.info a,.badge.info a:visited,.badge.info a:active{color:#00535a}.badge.info a:hover{color:#00828d}fieldset{background-color:transparent;border:2px #2b585d solid;margin:2rem 1rem;padding:1rem 1rem}fieldset legend{font-family:"RobotoSlabLight",sans-serif;font-size:1.26562rem;padding:0 .5rem}.field{display:block;margin:1rem 0}.field label{display:block;margin-bottom:.46875rem}.field.mandatory>label:first-of-type:after{content:"*";color:#8d000d;margin-left:.5rem}.field input,.field select,.field textarea{display:block;font-family:"RobotoRegular",sans-serif;font-size:1rem}.field input:focus,.field input:focus,.field select:focus,.field select:focus,.field textarea:focus,.field textarea:focus{outline:none}.field [type='color'],.field [type='date'],.field [type='datetime'],.field [type='datetime-local'],.field [type='email'],.field [type='month'],.field [type='number'],.field [type='password'],.field [type='search'],.field [type='tel'],.field [type='text'],.field [type='time'],.field [type='url'],.field [type='week'],.field input:not([type]),.field textarea{appearance:none;background-color:#d8eff0;border:0;box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);margin-bottom:1.5rem;padding:.75rem;transition:border-color 150ms ease;width:100%}.field [type='color']:hover,.field [type='date']:hover,.field [type='datetime']:hover,.field [type='datetime-local']:hover,.field [type='email']:hover,.field [type='month']:hover,.field [type='number']:hover,.field [type='password']:hover,.field [type='search']:hover,.field [type='tel']:hover,.field [type='text']:hover,.field [type='time']:hover,.field [type='url']:hover,.field [type='week']:hover,.field input:not([type]):hover,.field textarea:hover{box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1),0px 2px 1px #bceaee}.field [type='color']:focus,.field [type='date']:focus,.field [type='datetime']:focus,.field [type='datetime-local']:focus,.field [type='email']:focus,.field [type='month']:focus,.field [type='number']:focus,.field [type='password']:focus,.field [type='search']:focus,.field [type='tel']:focus,.field [type='text']:focus,.field [type='time']:focus,.field [type='url']:focus,.field [type='week']:focus,.field input:not([type]):focus,.field textarea:focus{box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1),0px 2px 1px #00828d;outline:none}.field [type='color']:disabled,.field [type='date']:disabled,.field [type='datetime']:disabled,.field [type='datetime-local']:disabled,.field [type='email']:disabled,.field [type='month']:disabled,.field [type='number']:disabled,.field [type='password']:disabled,.field [type='search']:disabled,.field [type='tel']:disabled,.field [type='text']:disabled,.field [type='time']:disabled,.field [type='url']:disabled,.field [type='week']:disabled,.field input:not([type]):disabled,.field textarea:disabled{background-color:#cde3e4;cursor:not-allowed}.field [type='color']::placeholder,.field [type='date']::placeholder,.field [type='datetime']::placeholder,.field [type='datetime-local']::placeholder,.field [type='email']::placeholder,.field [type='month']::placeholder,.field [type='number']::placeholder,.field [type='password']::placeholder,.field [type='search']::placeholder,.field [type='tel']::placeholder,.field [type='text']::placeholder,.field [type='time']::placeholder,.field [type='url']::placeholder,.field [type='week']::placeholder,.field input:not([type])::placeholder,.field textarea::placeholder{color:#949494}.field .form-wrapper{width:100%;display:block}@media only screen and (min-width: 834px){.field .form-wrapper{max-width:calc(100% - 2rem * 2);margin:0 2rem}}.field textarea{resize:vertical;height:10rem}@media only screen and (min-width: 768px){.field textarea{height:15rem}}@media only screen and (min-width: 834px){.field textarea{height:20rem}}@media only screen and (min-width: 1200px){.field textarea{height:25rem}}.field [type="checkbox"],.field [type="radio"]{display:inline;margin-right:.375rem}.field [type="file"]{margin-bottom:.75rem;width:100%}.field select{margin-bottom:.75rem;width:100%;height:3rem;background-color:#d8eff0;appearance:none;-moz-appearance:none;-webkit-appearance:none;box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);border:0;padding:.75rem;background:right 1rem top 50%/1.2rem 1.2rem no-repeat #d8eff0 url("/static/images/sprites.svg#icon-arrow-down-link")}.field select::-ms-expand{display:none}.field:not(old){display:block}.field:not(old) input[type=checkbox]:not(.switch),.field:not(old) input[type=radio]:not(.switch){opacity:0;position:absolute}.field:not(old) input[type=checkbox]:not(.switch)+label,.field:not(old) input[type=radio]:not(.switch)+label{margin:.75rem 0 .75rem 1rem;position:relative;cursor:pointer;padding:0 0 0 2.5rem;line-height:1.7rem}.field:not(old) input[type=checkbox]:not(.switch)+label:before,.field:not(old) input[type=radio]:not(.switch)+label:before{position:absolute;box-sizing:content-box;left:0;content:' ';width:1.68rem;height:1.68rem;border:1px #2b585d solid;background:#d8eff0;color:#2b585d;font-size:1.6rem;text-shadow:1px 1px 1px rgba(11,22,23,0.5);line-height:1.5rem;text-align:center}.field:not(old) input[type=checkbox]:not(.switch):checked+label:before{content:'✓'}.field:not(old) input[type="radio"]+label:before{border-radius:1.5rem}.field:not(old) input[type="radio"]:checked+label:before{font-size:1.25rem;content:'⬤'}.field:not(old) input[type="radio"]:active+label,.field:not(old) input[type="radio"]:focus+label,.field:not(old) input[type="checkbox"]:active+label,.field:not(old) input[type="checkbox"]:focus+label{text-decoration:underline}.field.bad [type='color'],.field.bad [type='date'],.field.bad [type='datetime'],.field.bad [type='datetime-local'],.field.bad [type='email'],.field.bad [type='month'],.field.bad [type='number'],.field.bad [type='password'],.field.bad [type='search'],.field.bad [type='tel'],.field.bad [type='text'],.field.bad [type='time'],.field.bad [type='url'],.field.bad [type='week'],.field.bad input:not([type]),.field.bad textarea{margin-bottom:.75rem;box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1),0px 2px 1px #8d000d}.field.bad .msg{margin:1.5rem 0 1.5rem .75rem;color:#8d000d;display:block}.field.good [type='color'],.field.good [type='date'],.field.good [type='datetime'],.field.good [type='datetime-local'],.field.good [type='email'],.field.good [type='month'],.field.good [type='number'],.field.good [type='password'],.field.good [type='search'],.field.good [type='tel'],.field.good [type='text'],.field.good [type='time'],.field.good [type='url'],.field.good [type='week'],.field.good input:not([type]),.field.good textarea{margin-bottom:.75rem;box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1),0px 2px 1px #538d00}.field.good .msg{margin:1.5rem 0 1.5rem .75rem;color:#538d00;display:block}.field.warn [type='color'],.field.warn [type='date'],.field.warn [type='datetime'],.field.warn [type='datetime-local'],.field.warn [type='email'],.field.warn [type='month'],.field.warn [type='number'],.field.warn [type='password'],.field.warn [type='search'],.field.warn [type='tel'],.field.warn [type='text'],.field.warn [type='time'],.field.warn [type='url'],.field.warn [type='week'],.field.warn input:not([type]),.field.warn textarea{margin-bottom:.75rem;box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1),0px 2px 1px #c04900}.field.warn .msg{margin:1.5rem 0 1.5rem .75rem;color:#c04900;display:block}html{background-color:#fff;box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}html,body{height:100%}body{margin:0}article figure{display:table;clear:both;margin:auto}article figure img,article figure picture{padding:0;margin:0}article figure figcaption{font-size:0.8rem;color:#aeadaf;text-align:center;display:table-caption;caption-side:bottom;padding:.5rem 0}article figure figcaption a{color:#aeadaf}article figure figcaption a[target="_blank"]:after{background-image:url("/static/images/sprites.svg#icon-new-tab-dark-link");vertical-align:bottom;display:inline-block;background-repeat:no-repeat;background-size:cover;content:' ';width:1.5rem;height:1.5rem;width:1rem;height:1rem;vertical-align:top}article figure figcaption a[target="_blank"]:hover:after{background-image:url("/static/images/sprites.svg#icon-new-tab-link-active");vertical-align:bottom;display:inline-block;background-repeat:no-repeat;background-size:cover;content:' ';width:1.5rem;height:1.5rem;width:1rem;height:1rem;vertical-align:top}article img,article picture{display:block;max-width:100%;padding:5px;margin:1rem}article img.inline{display:inline-block;margin:0;padding:0;vertical-align:middle;max-height:2rem}article .blog-overview-image{float:left}table:not(.rouge-table){border-collapse:collapse;margin-top:1.5rem;text-align:left;background:#fff;color:#4d4d4d}@media only screen and (min-width: 1200px){table:not(.rouge-table){margin-top:1.5rem}}table:not(.rouge-table) tbody{vertical-align:top}table:not(.rouge-table) thead{line-height:1.5;vertical-align:bottom}table:not(.rouge-table) tr td,table:not(.rouge-table) tr th{padding:.5rem}table:not(.rouge-table) tr td.center,table:not(.rouge-table) tr th.center{text-align:center}table:not(.rouge-table) tr td.right,table:not(.rouge-table) tr th.right{text-align:right}table:not(.rouge-table) tr td.middle,table:not(.rouge-table) tr th.middle{vertical-align:middle}table:not(.rouge-table) tr td.bottom,table:not(.rouge-table) tr th.bottom{vertical-align:bottom}table:not(.rouge-table) tr td.top,table:not(.rouge-table) tr th.top{vertical-align:top}table:not(.rouge-table).wide{width:100%}table:not(.rouge-table).fixed{table-layout:fixed;width:90%;min-width:calc(100% - 2rem/2.5)}@media only screen and (min-width: 1200px){table:not(.rouge-table).fixed{min-width:calc(100% - 2rem*2)}}table:not(.rouge-table) tr th{background:#b7b3ad}table:not(.rouge-table).colorful tr th{background:#00828d;color:#fff}table:not(.rouge-table).colorful thead tr th{color:#fff;background:#2b585d}table:not(.rouge-table).colorful tbody tr:nth-child(odd){background:#fff}table:not(.rouge-table).colorful tbody tr:nth-child(even){background:#f7fcfc}table:not(.rouge-table) tr{border-bottom:1px solid #2b585d}table:not(.rouge-table) th{font-weight:600}table:not(.rouge-table) th,table:not(.rouge-table) td{padding:.75rem .75rem .75rem 0}.spinner.loading{border:.21875rem solid #b7b3ad;border-top:.21875rem solid #2b585d;width:1.75rem;height:1.75rem;border-radius:50%;animation:spin .7s linear infinite}.spinner.loading.big{border:.375rem solid #b7b3ad;border-top:.375rem solid #2b585d;width:3rem;height:3rem}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}nav.main{position:relative;height:5rem;width:100%;max-width:100vw;display:flex;flex-flow:row nowrap;align-items:center;padding:.5rem 2rem 0 2rem;z-index:700;overflow:visible;background:#fff;box-shadow:1px 1px 8px rgba(0,0,0,0.3);border-bottom:1px #ccc solid}@media only screen and (max-width: 992px){nav.main{padding:.5rem 1rem 0 1rem}}nav.main .logo{flex:0 0 16rem;position:absolute;order:0;height:100%}nav.main .logo a{display:block;position:absolute;z-index:800;height:calc(100% - .5rem);width:16rem;background:#fff;padding:0 .5rem}nav.main .logo a img{position:absolute;top:0;bottom:0;margin:auto 0;width:14rem}@media only screen and (min-width: 992px){nav.main .logo:after{position:absolute;right:-20rem;width:4rem;height:calc(100% - .5rem);content:"";background:linear-gradient(to right, #fff, transparent)}}@media only screen and (max-width: 992px){nav.main .logo{flex:0 0 13rem}nav.main .logo a{width:14rem}nav.main .logo a img{width:13rem}}nav.main .menu{flex:1;order:1}nav.main .menu ul{margin:0;padding:0}nav.main .menu ul li{list-style:none;white-space:nowrap}nav.main .menu ul li a{text-decoration:none}nav.main .menu>ul>li>a{font-family:"RobotoSlabRegular",sans-serif;font-size:1.125rem;color:#938d85}nav.main:not(.active) .menu>ul{display:flex;flex-flow:row nowrap;justify-content:flex-end}nav.main:not(.active) .menu>ul>li{flex:0;position:relative}nav.main:not(.active) .menu>ul>li a{padding:1rem 2rem}nav.main:not(.active) .menu>ul>li:not(.dropdown)>a:hover{border-bottom:2px #00828d solid}nav.main:not(.active) .menu>ul>li.dropdown>a:after{background-image:url("/static/images/sprites.svg#icon-arrow-down-link-nav");vertical-align:bottom;display:inline-block;background-repeat:no-repeat;background-size:cover;content:' ';width:1.5rem;height:1.5rem;position:absolute;margin:.5rem;width:.7rem;height:.7rem}nav.main:not(.active) .menu>ul>li.dropdown>ul{position:absolute;opacity:0;visibility:hidden;top:7rem;margin-top:-7px;background:#fff;padding:1.5rem;z-index:700;box-shadow:0px 0px 20px rgba(0,0,0,0.4);transition:top .1s ease-in-out, opacity .2s ease-in-out}nav.main:not(.active) .menu>ul>li.dropdown>ul:before{height:0;width:0;content:"";display:block;position:absolute;border-left:.7rem solid transparent;border-right:.7rem solid transparent;border-bottom:.7rem solid #fff;left:2rem;top:-.7rem}nav.main:not(.active) .menu>ul>li.dropdown>ul li a{display:block;width:100%;padding:.5rem 1rem}nav.main:not(.active) .menu>ul>li.dropdown a:focus+ul,nav.main:not(.active) .menu>ul>li.dropdown:hover>ul,nav.main:not(.active) .menu>ul>li.dropdown.focus>ul{visibility:visible;top:3rem;opacity:1}@media only screen and (max-width: 992px){nav.main .menu>ul{display:block;position:absolute;top:-100%;left:0;opacity:0;width:100vw;visibility:hidden;background:#fff;transition:top .2s ease-in-out, opacity .4s ease-in-out;z-index:700;box-shadow:0px 15px 15px rgba(0,0,0,0.4);padding:1rem 2rem}nav.main .menu>ul li a{display:block;width:100%;padding:.3rem 0}nav.main .menu>ul>li>a{text-decoration:underline}nav.main .menu>ul>li>ul>li{padding-left:.5rem}nav.main.active .menu>ul{visibility:visible;opacity:1;top:5rem}}nav.main .search{position:relative;flex:0;order:2;height:3rem;margin:-.5rem 0 0 1rem}nav.main .search input#search{position:relative;width:3rem;opacity:0;height:3rem;cursor:pointer;opacity:0;border:1px #aeadaf solid;z-index:700;padding:0 1rem 0 1rem;background:transparent}@media only screen and (min-width: 992px){nav.main .search input#search{transition:width .5s ease-in-out, opacity .5s ease-in-out}}nav.main .search input#search:focus,nav.main .search input#search.focus{cursor:text;width:12rem;opacity:1;padding:0 1rem 0 3rem;outline:0}nav.main .search ul.search-results{list-style:none;white-space:nowrap}@media screen and (min-width: 992px){nav.main .search ul.search-results{position:absolute;opacity:0;visibility:hidden;top:7rem;margin-top:-7px;background:#fff;padding:1.5rem;z-index:700;box-shadow:0px 0px 20px rgba(0,0,0,0.4);transition:top .1s ease-in-out, opacity .2s ease-in-out;right:1rem;text-align:right}nav.main .search ul.search-results:before{height:0;width:0;content:"";display:block;position:absolute;border-left:.7rem solid transparent;border-right:.7rem solid transparent;border-bottom:.7rem solid #fff;left:2rem;top:-.7rem}nav.main .search ul.search-results li a{display:block;width:100%;padding:.5rem 1rem}nav.main .search ul.search-results:before{left:initial;right:1rem}}nav.main .search ul.search-results.focus{visibility:visible;top:4rem;opacity:1}nav.main .search .spinner{display:block;position:absolute;z-index:600;top:.7rem;left:.8rem}nav.main .search .spinner.loading{margin:-.1rem 0 0 -.3rem}nav.main .search .spinner:not(.loading){cursor:pointer}nav.main .search .spinner:not(.loading):after{background-image:url("/static/images/sprites.svg#icon-search-link-nav");vertical-align:bottom;display:inline-block;background-repeat:no-repeat;background-size:cover;content:' ';width:1.5rem;height:1.5rem;margin:-.1rem 0 0 -.1rem;width:1.75rem;height:1.75rem}@media only screen and (max-width: 992px){nav.main .search{top:0;background:transparent}nav.main .search input#search{transition:none}nav.main.search-mode .search{width:100vw;display:block;position:absolute;top:5rem;background:#fff;box-shadow:0px 15px 15px rgba(0,0,0,0.4);padding:1rem 2rem;margin:0;left:0;height:auto;transition:top .05s ease-in-out, background .1s ease-in-out}nav.main.search-mode .search input#search{width:100%;transition:width .2s ease-in-out}nav.main.search-mode .search .spinner{margin:1rem 0 0 2rem}nav.main.search-mode .search ul.search-results{display:block;position:absolute;top:-100%;left:0;opacity:0;width:100vw;visibility:hidden;background:#fff;transition:top .2s ease-in-out, opacity .4s ease-in-out;z-index:700;box-shadow:0px 15px 15px rgba(0,0,0,0.4);padding:1rem 2rem}nav.main.search-mode .search ul.search-results li a{display:block;width:100%;padding:.3rem 0}nav.main.search-mode .search ul.search-results>li>a{text-decoration:underline}nav.main.search-mode .search ul.search-results>li>ul>li{padding-left:.5rem}nav.main.search-mode .search ul.search-results.focus{visibility:visible;top:4rem;opacity:1}}nav a.vegan-burger{width:32px;display:none;position:relative;padding:0;order:3;flex:0 0 32px;height:32px;transition:.25s ease-in-out;margin-left:.5rem;overflow:hidden}@media only screen and (max-width: 992px){nav a.vegan-burger{display:block}}nav a.vegan-burger span{display:block;position:absolute;height:4px;width:100%;background:#aeadaf;opacity:1;left:0;transform:rotate(0deg);transition:.25s ease-in-out}nav a.vegan-burger span:nth-child(1){top:0}nav a.vegan-burger span:nth-child(2){top:10px;transition:.3s ease-in-out}nav a.vegan-burger span:nth-child(3){top:20px}nav.active a.vegan-burger span:nth-child(1){transform:rotate(135deg);top:10px}nav.active a.vegan-burger span:nth-child(2){top:32px;opacity:0}nav.active a.vegan-burger span:nth-child(3){transform:rotate(-135deg);top:10px}.skip-to-content{display:inline-block;position:fixed;top:-5rem;left:0;transition:top .2s ease-in-out;height:5rem;line-height:5rem;font-size:150%;width:15rem;text-align:center;z-index:800;background:#fff}.skip-to-content:active,.skip-to-content:focus{top:0;border:#aeadaf 3px dashed}.back-to-top{display:block;position:fixed;z-index:800;width:2.5rem;height:2.5rem;border:1px #fff solid;margin:0 1rem 1rem 0;cursor:pointer;padding:.25rem;text-decoration:none;background-color:#2b585d;text-align:center;opacity:.65;transform:opacity ease-in-out 100ms;display:none;right:0;bottom:0;opacity:0}.back-to-top img{width:100%;height:100%}@media only screen and (min-width: 834px){.back-to-top{padding:1rem;width:4rem;height:4rem;margin:0 2rem 2rem 0;border:2px #fff solid}}@media only screen and (min-width: 1200px){.back-to-top{margin:0 3rem 3rem 0}}.back-to-top:hover,.back-to-top:focus,.back-to-top:active{outline:none}.back-to-top:hover{opacity:1}.back-to-top.fadein{opacity:.65;display:block}.back-to-top.fadein:hover{opacity:1}body.modal-active>*:not(.modal-wrapper){filter:blur(3px) grayscale(90%)}.modal-wrapper{position:fixed;width:100%;height:100vh;top:0;bottom:0;right:0;left:0;display:flex;justify-content:center;flex-flow:row nowrap;align-content:center;align-items:center;z-index:700}.modal-wrapper.curtain{background:rgba(255,255,255,0.4)}.modal-wrapper .modal{display:block;position:relative;max-height:calc(100vh - 2rem);overflow:hidden;flex:0 1 70vw;max-width:55rem;background:#fff;margin:1rem;border:2px #2b585d solid;z-index:700}@media only screen and (max-width: 768px){.modal-wrapper .modal{max-width:calc(100vw - 2rem);flex:1 0 100vw}}.modal-wrapper .modal header{display:block;position:relative;background:#2b585d;padding:2rem 2rem 1rem 2rem;overflow-y:auto;z-index:800}.modal-wrapper .modal header h5{max-width:calc(100% - 3rem);color:#fff}@media only screen and (max-height: 512px){.modal-wrapper .modal header{padding:1rem 1rem 0rem 1rem}.modal-wrapper .modal header button.close{top:1.1rem;right:.75rem}.modal-wrapper .modal header h5{max-width:calc(100% - 2rem)}}.modal-wrapper .modal .overflow-indicator-top,.modal-wrapper .modal .overflow-indicator-bottom{position:absolute;display:block;background:transparent;z-index:700;width:100%;height:5.6rem;top:0;box-shadow:0 1.2rem 2rem #fff}@media only screen and (max-height: 512px){.modal-wrapper .modal .overflow-indicator-top,.modal-wrapper .modal .overflow-indicator-bottom{height:2.6rem}}.modal-wrapper .modal .overflow-indicator-bottom{position:absolute;top:-1px;box-shadow:0 -1.2rem 2rem #fff}.modal-wrapper .modal main{display:block;position:relative;max-height:calc(100vh - 20rem);overflow-y:auto;width:100%;padding:2rem 2rem 2.5rem 2rem;font-size:1.125rem;z-index:600;margin-bottom:-1rem}@media only screen and (max-height: 512px){.modal-wrapper .modal main{max-height:calc(100vh - 10rem);padding:1rem 1rem 1.5rem 1rem}}.modal-wrapper .modal footer{width:calc(100% - 4rem);margin:1rem 2rem 0 2rem;padding:1rem 0;display:flex;position:relative;justify-content:flex-end;flex-flow:row nowrap;z-index:600;align-content:center;align-items:flex-end;border-top:1px #b7b3ad solid;background:#fff}.modal-wrapper .modal footer *{z-index:800}@media only screen and (max-width: 512px){.modal-wrapper .modal footer{flex-flow:row wrap}}@media only screen and (max-height: 512px){.modal-wrapper .modal footer{margin:1rem 1rem 0 1rem;width:calc(100% - 2rem)}}.modal-wrapper .modal footer button{flex:0 0 auto;margin-left:1rem;padding:.5rem 2rem}@media only screen and (max-width: 768px){.modal-wrapper .modal footer button{margin-left:.5rem;padding:.5rem 1rem}}@media only screen and (max-width: 512px){.modal-wrapper .modal footer button{flex:0 0 100%;margin-left:0;margin-bottom:.5rem}}.section-wrapper section.shopping{width:100%;display:flex;flex-flow:row wrap;justify-content:center;align-items:stretch;align-content:flex-start}.section-wrapper section.shopping main.product-track,.section-wrapper section.shopping aside.cart-track{flex:0 0 100%}.section-wrapper section.shopping aside.cart-track.cart-empty{visibility:hidden}.section-wrapper section.shopping main.product-track>section>header{margin:2.5rem 0}@media screen and (min-width: 79rem){.section-wrapper section.shopping main.product-track{flex:1 1 20rem}.section-wrapper section.shopping aside.cart-track{flex:0 0 26rem;margin-left:3rem}}.tiles{display:grid;grid-gap:0 1rem;grid-auto-rows:0;overflow:hidden;justify-items:stretch;grid-template:repeat(3, 1fr)/1fr;justify-content:space-around}@media screen and (min-width: 50rem){.tiles{grid-template:repeat(2, 1fr)/repeat(2, minmax(21rem, 24rem))}}@media screen and (min-width: 79rem){.tiles .tile{max-width:24rem}}@media screen and (min-width: 101rem){.tiles{grid-template:auto/repeat(3, minmax(21rem, 24rem))}}.tiles .tile{width:100%;margin-bottom:1.5rem;position:relative;background:#fff;box-shadow:4px 4px 8px rgba(0,0,0,0.4);cursor:pointer;border:3px #00828d solid;text-align:center}.tiles .tile header{padding:1.5rem 0 1rem 0;background:#00828d}.tiles .tile header h4{color:#fff}.tiles .tile table{margin:1rem;width:calc(100% - 2rem);background:#fff}.tiles .tile table tr td:nth-child(1){font-weight:bold}.tiles .tile table tr td.price{padding:1rem;text-align:center;font-size:1.26562rem}.tiles .tile table ul li{margin:.75rem 0 .75rem 0}.tiles .tile img.splash{max-width:50%;height:125px;margin:1rem 0 0 0}.tiles .tile.selected{background:#fcfff2;border:3px #2b585d solid}.tiles .tile.selected header{background:#2b585d}.tiles .tile.selected table{background:#fcfff2}.tiles .tile .icon-info{margin-left:.5rem}.tiles .tile>button,.tiles .tile>a.button{display:block;position:relative;margin:1rem;width:calc(100% - 2rem)}.tiles.more{grid-auto-rows:auto;grid-gap:1rem}.tiles .ribbon-wrapper{right:-2px;top:-3px}section.shopping aside.cart-track{position:relative}section.shopping aside.cart-track .shopping-cart{display:flex;max-height:calc(100vh - 80px);position:relative;flex-flow:column;justify-content:flex-start;align-content:flex-start;align-items:flex-start;background:#fff;padding:2rem 1rem 0.5rem 1rem}@media screen and (min-width: 79rem){section.shopping aside.cart-track .shopping-cart{box-shadow:0 2px 20px rgba(0,0,0,0.8);width:26rem}}@media screen and (min-width: 768px){section.shopping aside.cart-track .shopping-cart{padding:2rem 2rem 0.5rem 2rem}}section.shopping aside.cart-track .shopping-cart .contents,section.shopping aside.cart-track .shopping-cart .totals{width:100%;margin:0;padding:0}section.shopping aside.cart-track .shopping-cart .contents .category,section.shopping aside.cart-track .shopping-cart .totals .category{width:100%}section.shopping aside.cart-track .shopping-cart .contents .category .title,section.shopping aside.cart-track .shopping-cart .totals .category .title{font-weight:bold;color:#00828d;font-size:1.125rem;margin-bottom:.5rem}section.shopping aside.cart-track .shopping-cart .contents .category .product,section.shopping aside.cart-track .shopping-cart .contents .category .product .aspects .aspect,section.shopping aside.cart-track .shopping-cart .totals .category .product,section.shopping aside.cart-track .shopping-cart .totals .category .product .aspects .aspect{width:100%;display:flex;flex-flow:row wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start;margin:.6rem 0}section.shopping aside.cart-track .shopping-cart .contents .category .product .name,section.shopping aside.cart-track .shopping-cart .contents .category .product .aspects .aspect .name,section.shopping aside.cart-track .shopping-cart .totals .category .product .name,section.shopping aside.cart-track .shopping-cart .totals .category .product .aspects .aspect .name{flex:1 0 calc(100% - 10rem);overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;hyphens:auto;hyphens:none}section.shopping aside.cart-track .shopping-cart .contents .category .product .price,section.shopping aside.cart-track .shopping-cart .contents .category .product .aspects .aspect .price,section.shopping aside.cart-track .shopping-cart .totals .category .product .price,section.shopping aside.cart-track .shopping-cart .totals .category .product .aspects .aspect .price{flex:0 0 7rem;text-align:right;white-space:nowrap}section.shopping aside.cart-track .shopping-cart .contents .category .product .price:last-child,section.shopping aside.cart-track .shopping-cart .contents .category .product .aspects .aspect .price:last-child,section.shopping aside.cart-track .shopping-cart .totals .category .product .price:last-child,section.shopping aside.cart-track .shopping-cart .totals .category .product .aspects .aspect .price:last-child{margin-right:3rem}section.shopping aside.cart-track .shopping-cart .contents .category .product button.delete,section.shopping aside.cart-track .shopping-cart .contents .category .product .aspects .aspect button.delete,section.shopping aside.cart-track .shopping-cart .totals .category .product button.delete,section.shopping aside.cart-track .shopping-cart .totals .category .product .aspects .aspect button.delete{flex:0 0 3rem}section.shopping aside.cart-track .shopping-cart .contents .category .product button.delete:before,section.shopping aside.cart-track .shopping-cart .contents .category .product .aspects .aspect button.delete:before,section.shopping aside.cart-track .shopping-cart .totals .category .product button.delete:before,section.shopping aside.cart-track .shopping-cart .totals .category .product .aspects .aspect button.delete:before{background-image:url("/static/images/sprites.svg#icon-delete-link-nav");vertical-align:bottom;display:inline-block;background-repeat:no-repeat;background-size:cover;content:' ';width:1.5rem;height:1.5rem;margin-right:.5rem;width:1rem;height:1rem}section.shopping aside.cart-track .shopping-cart .contents .category .product .aspects,section.shopping aside.cart-track .shopping-cart .totals .category .product .aspects{width:100%;margin-top:.4rem}section.shopping aside.cart-track .shopping-cart .contents .category .product .aspects .aspect,section.shopping aside.cart-track .shopping-cart .totals .category .product .aspects .aspect{padding-left:.4rem}section.shopping aside.cart-track .shopping-cart .contents .category .product .aspects .aspect .name,section.shopping aside.cart-track .shopping-cart .totals .category .product .aspects .aspect .name{flex:1 0 calc(100% - 10rem)}section.shopping aside.cart-track .shopping-cart .contents .category,section.shopping aside.cart-track .shopping-cart .contents .total,section.shopping aside.cart-track .shopping-cart .contents .sub-total,section.shopping aside.cart-track .shopping-cart .totals .category,section.shopping aside.cart-track .shopping-cart .totals .total,section.shopping aside.cart-track .shopping-cart .totals .sub-total{margin-bottom:.75rem;padding-top:.5rem}section.shopping aside.cart-track .shopping-cart .contents .category:not(:first-child),section.shopping aside.cart-track .shopping-cart .contents .total:not(:first-child),section.shopping aside.cart-track .shopping-cart .contents .sub-total:not(:first-child),section.shopping aside.cart-track .shopping-cart .totals .category:not(:first-child),section.shopping aside.cart-track .shopping-cart .totals .total:not(:first-child),section.shopping aside.cart-track .shopping-cart .totals .sub-total:not(:first-child){border-top:2px #2b585d solid}section.shopping aside.cart-track .shopping-cart .contents .total,section.shopping aside.cart-track .shopping-cart .contents .sub-total,section.shopping aside.cart-track .shopping-cart .totals .total,section.shopping aside.cart-track .shopping-cart .totals .sub-total{display:flex;flex-flow:row wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start;font-weight:bold}section.shopping aside.cart-track .shopping-cart .contents .sub-total div:first-of-type,section.shopping aside.cart-track .shopping-cart .totals .sub-total div:first-of-type{flex:1 0 calc(100% - 10rem)}section.shopping aside.cart-track .shopping-cart .contents .sub-total div:last-of-type,section.shopping aside.cart-track .shopping-cart .totals .sub-total div:last-of-type{flex:0 0 7rem;margin-right:3rem;text-align:right}section.shopping aside.cart-track .shopping-cart .contents .total,section.shopping aside.cart-track .shopping-cart .totals .total{font-size:1.26562rem}section.shopping aside.cart-track .shopping-cart .contents .total .responsive,section.shopping aside.cart-track .shopping-cart .totals .total .responsive{display:none}section.shopping aside.cart-track .shopping-cart .contents .total div:first-of-type,section.shopping aside.cart-track .shopping-cart .totals .total div:first-of-type{flex:1 0 calc(100% - 10rem)}section.shopping aside.cart-track .shopping-cart .contents .total .normal,section.shopping aside.cart-track .shopping-cart .totals .total .normal{flex:0 1 7rem;text-align:right;margin-right:3rem}section.shopping aside.cart-track .shopping-cart .contents .total:not(:first-child),section.shopping aside.cart-track .shopping-cart .totals .total:not(:first-child){border:0}section.shopping aside.cart-track .shopping-cart .contents .total:not(:first-child):before,section.shopping aside.cart-track .shopping-cart .totals .total:not(:first-child):before{content:"+";margin-right:.5rem}section.shopping aside.cart-track .shopping-cart .contents{max-height:calc(100vh - 22rem);overflow-y:auto}section.shopping aside.cart-track .shopping-cart .overflow-indicator-bottom,section.shopping aside.cart-track .shopping-cart .overflow-indicator-top{position:relative;width:0;height:0;border-left:1rem solid transparent;border-right:1rem solid transparent;opacity:.3;margin:-3px auto}section.shopping aside.cart-track .shopping-cart .overflow-indicator-bottom{top:-8px;border-top:8px solid #000}section.shopping aside.cart-track .shopping-cart .overflow-indicator-top{top:8px;border-bottom:8px solid #000}section.shopping aside.cart-track .shopping-cart button.close{display:none}section.shopping aside.cart-track .shopping-cart .conditions{font-size:.8rem;padding:.5rem 0}section.shopping aside.cart-track .shopping-cart>button,section.shopping aside.cart-track .shopping-cart>a.button{display:block;position:relative;margin:0rem;width:calc(100% - 0rem)}@media screen and (min-width: 1200px){section.shopping aside.cart-track .shopping-cart.push-start{top:40px;position:fixed}section.shopping aside.cart-track .shopping-cart.push-stop{position:absolute;bottom:0}}section.shopping .shopping-badge{display:block;position:fixed;z-index:800;width:2.5rem;height:2.5rem;border:1px #fff solid;margin:0 1rem 1rem 0;cursor:pointer;padding:.25rem;text-decoration:none;background-color:#2b585d;text-align:center;opacity:.65;transform:opacity ease-in-out 100ms;display:none;right:0;bottom:0}section.shopping .shopping-badge img{width:100%;height:100%}@media only screen and (min-width: 834px){section.shopping .shopping-badge{padding:1rem;width:4rem;height:4rem;margin:0 2rem 2rem 0;border:2px #fff solid}}@media only screen and (min-width: 1200px){section.shopping .shopping-badge{margin:0 3rem 3rem 0}}section.shopping .shopping-badge:hover,section.shopping .shopping-badge:focus,section.shopping .shopping-badge:active{outline:none}section.shopping .shopping-badge:hover{opacity:1}@media only screen and (max-width: 834px){@keyframes pulse{50%{width:3.5rem;height:3.5rem;background:#538d00}}}@media only screen and (min-width: 834px){@keyframes pulse{50%{width:5.5rem;height:5.5rem;background:#538d00}}}@media screen and (max-width: 79rem){section.shopping aside.cart-track:not(.empty-cart) .shopping-badge{display:block;animation:pulse .5s ease-in-out 2 normal 2s}section.shopping aside.cart-track:not(.empty-cart) .shopping-badge .count{width:1.5rem;height:1.5rem;border-radius:1.5rem;background:#538d00;color:#ebebeb;text-align:center;position:absolute;left:-.75rem;top:-.75rem;line-height:1.5rem;box-shadow:2px 2px 4px rgba(0,0,0,0.4)}section.shopping aside.cart-track .shopping-cart{display:none}body.responsive-cart-active>nav.main,body.responsive-cart-active>footer{filter:blur(3px) grayscale(90%)}body.responsive-cart-active main>.section-wrapper>*:not(.shopping),body.responsive-cart-active main>.section-wrapper-dark>*:not(.shopping){filter:blur(3px) grayscale(90%)}body.responsive-cart-active section.shopping>*:not(.cart-track){filter:blur(3px) grayscale(90%)}body.responsive-cart-active section.shopping aside.cart-track:not(.empty-cart){position:fixed;width:100%;height:100vh;top:0;bottom:0;right:0;left:0;display:flex;justify-content:center;flex-flow:row nowrap;align-content:center;align-items:center;z-index:700}body.responsive-cart-active section.shopping aside.cart-track:not(.empty-cart) .shopping-cart{display:block}body.responsive-cart-active section.shopping aside.cart-track:not(.empty-cart) .shopping-cart header button.close{display:inline-block;right:1rem}body.responsive-cart-active section.shopping aside.cart-track:not(.empty-cart) .shopping-cart header button.delete{right:3.5rem}body.responsive-cart-active section.shopping aside.cart-track:not(.empty-cart) .shopping-badge{display:none}body.responsive-cart-active section.shopping aside.cart-track:not(.empty-cart).curtain{background:rgba(255,255,255,0.4)}body.responsive-cart-active section.shopping aside.cart-track:not(.empty-cart) .shopping-cart{display:block;position:relative;max-height:calc(100vh - 2rem);overflow:hidden;flex:0 1 70vw;max-width:55rem;background:#fff;margin:1rem;border:2px #2b585d solid;z-index:700}}@media only screen and (max-width: 79rem) and (max-width: 768px){body.responsive-cart-active section.shopping aside.cart-track:not(.empty-cart) .shopping-cart{max-width:calc(100vw - 2rem);flex:1 0 100vw}}.checkout-view{display:flex}.checkout-view .buttons{margin:2rem 0 1rem 0}.checkout-view .buttons button.right{float:right}.checkout-view .buttons hr{border-color:#ccc}@media only screen and (max-width: 768px){.checkout-view .buttons button{width:100%;margin:.5rem 0}}.checkout-view table#confirm-table{margin:2rem 0}.checkout-view table#confirm-table tr{border-color:#ccc}.checkout-view table#confirm-table ul{margin:1rem 0}.checkout-view table#confirm-table tbody tr:last-of-type{border-bottom:2px #aaa solid}.checkout-view table#confirm-table tfoot{font-weight:bold}.checkout-view table#confirm-table tfoot tr td{height:3rem}.checkout-view table#confirm-table tfoot tr:last-of-type{border:0}.checkout-view form[name=mfa] .field{width:16rem;margin-left:calc(50% - 8rem)}.checkout-view form[name=mfa] .field input[type=text]{font-family:monospace;font-size:1.35rem;padding:.7rem 0;letter-spacing:.8rem;text-align:center}.section-wrapper .error-msg{flex:0 0 100%}.loading-div .spinner,.loading-div .message{position:fixed;z-index:800}.loading-div .spinner{left:50%;top:50%;margin:-1.5rem -1.5rem 0}.loading-div .message{display:block;text-align:center;top:calc(50% + 5rem);width:100%;font-weight:bold}.curtain{background:rgba(255,255,255,0.4);position:fixed;width:100%;height:100%}section.shopping.blur,.checkout-view.blur{filter:blur(3px) grayscale(90%)}.field[data-show-with]{display:none}.ribbon-wrapper{width:5.5rem;height:5.5rem;overflow:hidden;position:absolute;right:-1px;top:-1px}.ribbon-wrapper .ribbon{background-color:#538d00;box-shadow:0 0 4px rgba(0,0,0,0.8);color:#fff;font-size:1rem;left:-5px;line-height:2rem;padding:2px 7px;position:relative;text-align:center;top:15px;transform:rotate(45deg);width:7.975rem}.slider-label{display:block}.slider-wrapper{display:block;width:100%;display:flex;flex-flow:row nowrap;align-items:flex-start;justify-items:flex-start;align-content:stretch}.slider-wrapper .slider-tip{width:7rem;max-width:9rem;height:2rem;padding:.1rem 1rem;text-align:center;color:#4d4d4d;background:#fff;border:1px #4d4d4d solid;box-shadow:inset 0 0 4px rgba(0,0,0,0.7);margin:16px 0 16px 1rem;user-select:none}.slider-wrapper input[type=range]{position:relative;width:calc(100% - 7rem);max-width:40rem;display:inline-block;-webkit-appearance:none;margin:16px 0;height:2rem;background:rgba(255,255,255,0)}.slider-wrapper input[type=range]:focus{outline:none}.slider-wrapper input[type=range]::-webkit-slider-runnable-track{width:100%;height:10px;cursor:pointer;animate:0.2s;box-shadow:2px 2px 2px rgba(0,0,0,0.8),0px 0px 2px rgba(13,13,13,0.8);background:#2b585d;border:1px solid #2b585d}.slider-wrapper input[type=range]::-webkit-slider-thumb{box-shadow:1px 1px 1px rgba(0,0,0,0.8),0px 0px 1px rgba(13,13,13,0.8);border:1px solid #2b585d;height:32px;width:16px;background:#00828d;cursor:pointer;-webkit-appearance:none;margin-top:-12px}.slider-wrapper input[type=range]:focus::-webkit-slider-runnable-track{background:#33696e}.slider-wrapper input[type=range]::-moz-range-track{width:100%;height:10px;cursor:pointer;animate:0.2s;box-shadow:2px 2px 2px rgba(0,0,0,0.8),0px 0px 2px rgba(13,13,13,0.8);background:#2b585d;border:1px solid #2b585d}.slider-wrapper input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px rgba(0,0,0,0.8),0px 0px 1px rgba(13,13,13,0.8);border:1px solid #2b585d;height:32px;width:16px;background:#00828d;cursor:pointer}.slider-wrapper input[type=range]::-ms-track{width:100%;height:10px;cursor:pointer;animate:0.2s;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}.slider-wrapper input[type=range]::-ms-fill-lower{background:#23484c;border:1px solid #2b585d;box-shadow:2px 2px 2px rgba(0,0,0,0.8),0px 0px 2px rgba(13,13,13,0.8)}.slider-wrapper input[type=range]::-ms-fill-upper{background:#2b585d;border:1px solid #2b585d;box-shadow:2px 2px 2px rgba(0,0,0,0.8),0px 0px 2px rgba(13,13,13,0.8)}.slider-wrapper input[type=range]::-ms-thumb{box-shadow:1px 1px 1px rgba(0,0,0,0.8),0px 0px 1px rgba(13,13,13,0.8);border:1px solid #2b585d;height:32px;width:16px;background:#00828d;cursor:pointer}.slider-wrapper input[type=range]:focus::-ms-fill-lower{background:#2b585d}.slider-wrapper input[type=range]:focus::-ms-fill-upper{background:#33696e}#domaincheck form .field{display:flex;flex-flow:row wrap;align-items:flex-start}#domaincheck form .field label{width:100%}#domaincheck form .field input[type="text"]{flex:1 1;margin-bottom:0;font-size:1.4rem;padding:1.2rem}#domaincheck form .field button{flex:0 1 12.5rem;margin:0 0 0 1rem;height:4.1rem}#domaincheck form .field .msg{flex:0 0 100%}@media screen and (max-width: 512px){#domaincheck form .field button{flex:0 1 50rem;margin:1rem 0 2rem 0}}#domaincheck .results-common:nth-of-type(1),#domaincheck .results-uncommon:nth-of-type(1){margin-top:3rem}#domaincheck .results-common .row,#domaincheck .results-uncommon .row{display:grid;grid-template-areas:"domain status price order";grid-template-rows:4rem;grid-template-columns:1fr 6rem 6rem 12.5rem;gap:2rem 2rem;align-items:center;border-bottom:2px solid #ccc}#domaincheck .results-common .row .cell,#domaincheck .results-uncommon .row .cell{font-size:1rem}#domaincheck .results-common .row .cell.domain,#domaincheck .results-common .row .cell.status,#domaincheck .results-common .row .cell.price,#domaincheck .results-uncommon .row .cell.domain,#domaincheck .results-uncommon .row .cell.status,#domaincheck .results-uncommon .row .cell.price{white-space:nowrap;overflow:hidden}#domaincheck .results-common .row .cell.domain,#domaincheck .results-common .row .cell.status,#domaincheck .results-uncommon .row .cell.domain,#domaincheck .results-uncommon .row .cell.status{text-overflow:ellipsis}#domaincheck .results-common .row .cell.domain,#domaincheck .results-uncommon .row .cell.domain{grid-area:domain;font-weight:bold;direction:rtl;text-align:left}#domaincheck .results-common .row .cell.status,#domaincheck .results-uncommon .row .cell.status{grid-area:status;font-weight:bold}#domaincheck .results-common .row .cell.price,#domaincheck .results-uncommon .row .cell.price{grid-area:price}#domaincheck .results-common .row .cell.order,#domaincheck .results-uncommon .row .cell.order{grid-area:order}#domaincheck .results-common .row .cell.order button,#domaincheck .results-uncommon .row .cell.order button{width:100%}#domaincheck .results-common .row .cell.order .spinner,#domaincheck .results-uncommon .row .cell.order .spinner{position:relative;left:calc(50% - 1rem);top:calc(50% - 1rem)}#domaincheck .results-common .row.status-transfer .cell.status,#domaincheck .results-uncommon .row.status-transfer .cell.status{color:#aeadaf}#domaincheck .results-common .row.status-transfer .cell.order,#domaincheck .results-uncommon .row.status-transfer .cell.order{color:#355a00;font-weight:bold}#domaincheck .results-common .row.status-transfer .cell.order button:before,#domaincheck .results-uncommon .row.status-transfer .cell.order button:before{background-image:url("/static/images/sprites.svg#icon-transfer-dark");vertical-align:bottom;display:inline-block;background-repeat:no-repeat;background-size:cover;content:' ';width:1.5rem;height:1.5rem;margin-right:.5rem}#domaincheck .results-common .row.status-order .cell.status,#domaincheck .results-uncommon .row.status-order .cell.status{color:#355a00}#domaincheck .results-common .row.status-order .cell.order button:before,#domaincheck .results-uncommon .row.status-order .cell.order button:before{background-image:url("/static/images/sprites.svg#icon-basket-add-dark");vertical-align:bottom;display:inline-block;background-repeat:no-repeat;background-size:cover;content:' ';width:1.5rem;height:1.5rem;margin-right:.5rem}#domaincheck .results-common .row.status-timeout .cell.order,#domaincheck .results-uncommon .row.status-timeout .cell.order{text-align:center;font-weight:bold;color:#aeadaf}@media screen and (max-width: 768px){#domaincheck .results-common .row,#domaincheck .results-uncommon .row{grid-template-areas:"domain status order" "domain price order";grid-template-rows:2rem 2rem;grid-template-columns:1fr 6rem 4rem;gap:0 1rem;padding:.5rem 0}#domaincheck .results-common .row .cell.order button,#domaincheck .results-uncommon .row .cell.order button{height:4rem;padding:0 1.2rem}#domaincheck .results-common .row .cell.order button .btn-text,#domaincheck .results-uncommon .row .cell.order button .btn-text{display:none}#domaincheck .results-common .row .cell.status,#domaincheck .results-uncommon .row .cell.status{text-transform:uppercase;font-size:80%}#domaincheck .results-common .row .cell.status,#domaincheck .results-common .row .cell.price,#domaincheck .results-uncommon .row .cell.status,#domaincheck .results-uncommon .row .cell.price{text-align:center}}#domaincheck-section{margin-top:2rem}@media screen and (min-width: 768px){#domaincheck-section{margin-bottom:-1rem}}.features{display:flex;width:100%;flex-wrap:wrap;justify-content:space-between}.features .feature-tile{margin:2rem 0 2rem 0;display:block;flex:1 1 36rem;justify-content:space-between}@media only screen and (min-width: 834px){.features .feature-tile{display:flex;justify-content:space-between;align-items:flex-start;align-content:flex-start}}.features .feature-tile img{margin:2rem;position:relative}@media only screen and (max-width: 512px){.features .feature-tile img{display:block;margin:2rem auto;max-width:calc(100% - 4rem)}}@media only screen and (min-width: 512px) and (max-width: 834px){.features .feature-tile img{float:left;width:7rem;height:7rem}}@media only screen and (min-width: 834px){.features .feature-tile img{flex:0 0 9rem;height:9rem;width:9rem}}.features .feature-tile main header h1,.features .feature-tile main header h2,.features .feature-tile main header h3,.features .feature-tile main header h4,.features .feature-tile main header h5,.features .feature-tile main header h6{clear:none}@media only screen and (max-width: 512px){.features .feature-tile main{display:block}}@media only screen and (min-width: 834px){.features .feature-tile main{flex:1 1 30rem}}.features .feature-tile main ul,.features .feature-tile main ol{display:block}.testimonial{margin:2rem -1rem 1rem -1rem}@media only screen and (min-width: 834px){.testimonial{display:flex;margin:3rem 0 2rem 0}}.testimonial img{width:150px;height:150px;border-radius:80px;border:4px #fff solid}@media only screen and (max-width: 834px){.testimonial img{position:relative;margin:2rem 0 1rem -75px;left:50%;z-index:800}}@media only screen and (min-width: 834px){.testimonial img{flex:0 0 150px}}.testimonial main{order:0;background:#fff;color:#4d4d4d;position:relative;padding:2rem .5rem}@media only screen and (max-width: 834px){.testimonial main{margin:-90px 0 0 0;padding-top:75px;z-index:700}}@media only screen and (min-width: 834px){.testimonial main{flex:1 1 20rem}}@media only screen and (min-width: 768px){.testimonial main{padding:2rem}}@media only screen and (min-width: 834px){.testimonial main:before{position:absolute;display:block;height:3rem;width:3rem;color:#fff;font-size:3rem}}@media only screen and (min-width: 834px){.testimonial:nth-of-type(odd) img{margin-right:2rem}.testimonial:nth-of-type(odd) main:before{height:0;width:0;content:"";display:block;position:absolute;border-top:1rem solid transparent;border-right:1rem solid #fff;border-bottom:1rem solid transparent;top:2rem;left:-1rem}.testimonial:nth-of-type(even) img{order:1;margin-left:2rem}.testimonial:nth-of-type(even) main:before{height:0;width:0;content:"";display:block;position:absolute;border-top:1rem solid transparent;border-left:1rem solid #fff;border-bottom:1rem solid transparent;top:2rem;right:-1rem}}section .testimonial a{color:#00828d}section .testimonial a:hover{color:#204246}section .testimonial a[target="_blank"]:after{background-image:url("/static/images/sprites.svg#icon-new-tab-link");vertical-align:bottom;display:inline-block;background-repeat:no-repeat;background-size:cover;content:' ';width:1.5rem;height:1.5rem;margin-left:.2rem;width:1.2rem;height:1.2rem;vertical-align:top}section .testimonial a[target="_blank"]:hover:after{background-image:url("/static/images/sprites.svg#icon-new-tab-link-active");vertical-align:bottom;display:inline-block;background-repeat:no-repeat;background-size:cover;content:' ';width:1.5rem;height:1.5rem;margin-left:.2rem;width:1.2rem;height:1.2rem;vertical-align:top}.section-wrapper-dark section.topic,.section-wrapper section.topic{display:grid;justify-items:stretch;justify-content:center;grid-auto-flow:row}.section-wrapper-dark section.topic>*,.section-wrapper section.topic>*{grid-column:1 / -1}.section-wrapper-dark section.topic main,.section-wrapper section.topic main{grid-area:main}.section-wrapper-dark section.topic header,.section-wrapper section.topic header{grid-area:header}.section-wrapper-dark section.topic aside,.section-wrapper section.topic aside{grid-area:aside}@media screen and (max-width: 992px){.section-wrapper-dark section.topic,.section-wrapper section.topic{grid-template-columns:auto;grid-template-rows:auto;grid-template-areas:"header" "aside" "main"}.section-wrapper-dark section.topic aside,.section-wrapper section.topic aside{width:auto;grid-row-gap:1.5rem}}@media screen and (min-width: 992px){.section-wrapper-dark section.topic,.section-wrapper section.topic{grid-column-gap:2rem;grid-template-columns:auto 33%;grid-template-areas:"header aside" "main aside";grid-template-rows:auto auto auto}}@media screen and (min-width: 992px) and (-ms-high-contrast: active), screen and (min-width: 992px) and (-ms-high-contrast: none){.section-wrapper-dark section.topic header,.section-wrapper-dark section.topic main,.section-wrapper section.topic header,.section-wrapper section.topic main{max-width:55rem;margin-right:33%}.section-wrapper-dark section.topic aside,.section-wrapper section.topic aside{width:33%;float:right}}@media screen and (max-width: 992px){.section-wrapper-dark section.topic aside,.section-wrapper section.topic aside{width:auto;margin:1rem 0 1.5rem 0}}.section-wrapper-dark section.topic aside,.section-wrapper section.topic aside{display:flex;flex-flow:row nowrap;justify-content:center}.section-wrapper-dark section.topic aside img,.section-wrapper section.topic aside img{flex:0 1 16rem}.blog-intro,.document,.blog-post,.icon-heading{display:grid;grid-gap:0 3rem;align-content:start}.blog-intro header,.document header,.blog-post header,.icon-heading header{grid-area:header;margin-bottom:1.5rem}.blog-intro aside,.document aside,.blog-post aside,.icon-heading aside{grid-area:aside-left}.blog-intro aside img,.document aside img,.blog-post aside img,.icon-heading aside img{width:9rem}.blog-intro aside .meta,.document aside .meta,.blog-post aside .meta,.icon-heading aside .meta{margin:2rem 0 0 0}.blog-intro aside .meta strong,.document aside .meta strong,.blog-post aside .meta strong,.icon-heading aside .meta strong{display:block}.blog-intro article,.blog-intro main,.document article,.document main,.blog-post article,.blog-post main,.icon-heading article,.icon-heading main{grid-area:main;overflow:hidden}section.blog-post,section.blog-intro{flex:0 1 46rem;grid-template-areas:"header" "aside-left" "main" "tags";grid-template-columns:1fr;grid-template-rows:auto}section.blog-post div.tags,section.blog-intro div.tags{grid-area:tags;align-self:end;margin-top:1.5rem}section.blog-post div.tags ul,section.blog-intro div.tags ul{margin:0;padding:0;display:inline;list-style:none}section.blog-post div.tags ul li,section.blog-intro div.tags ul li{margin:0 .25rem 0 .1rem;padding:0;display:inline-block}section.blog-post article figure,section.blog-intro article figure{margin:1rem auto}section.blog-post article>img,section.blog-post article p>img,section.blog-intro article>img,section.blog-intro article p>img{margin:1rem auto;max-height:100vh}@media screen and (min-width: 768px){section.blog-post,section.blog-intro{flex:0 1 55rem;grid-template-areas:"aside-left header" "aside-left main" "aside-left tags";grid-template-columns:9rem 1fr;grid-template-rows:auto 1fr auto}}.document,.icon-heading{flex:0 1 46rem;grid-template-areas:"header" "aside-left" "main";grid-template-columns:auto;grid-template-rows:auto}@media screen and (min-width: 768px){.document,.icon-heading{flex:0 1 55rem;grid-template-areas:"aside-left header" "aside-left main";grid-template-columns:9rem 1fr;grid-template-rows:auto 1fr}}#incidents{width:100%;margin:0px;padding:0px}.incident.status{width:100%;display:flex;justify-content:space-around;align-items:center;align-content:flex-start;flex-flow:row nowrap;padding:1rem}.incident.status.bad{background-color:#e3bfc2;border-color:#8d000d;color:#5a0008}.incident.status.bad aside{color:#60393d}.incident.status.bad a,.incident.status.bad a:visited,.incident.status.bad a:active{color:#5a0008}.incident.status.bad a:hover{color:#8d000d}.incident.status.warn{background-color:#e6d3c7;border-color:#c04900;color:#5a2200}.incident.status.warn aside{color:#604839}.incident.status.warn a,.incident.status.warn a:visited,.incident.status.warn a:active{color:#5a2200}.incident.status.warn a:hover{color:#c04900}.incident.status.good{background-color:#cbddb3;border-color:#538d00;color:#355a00}.incident.status.good aside{color:#506039}.incident.status.good a,.incident.status.good a:visited,.incident.status.good a:active{color:#355a00}.incident.status.good a:hover{color:#538d00}.incident.status.info{background-color:#bceaee;border-color:#00828d;color:#00535a}.incident.status.info aside{color:#395d60}.incident.status.info a,.incident.status.info a:visited,.incident.status.info a:active{color:#00535a}.incident.status.info a:hover{color:#00828d}.incident.status section{margin:0;display:block;flex:0 1 80rem}@media only screen and (min-width: 834px){.incident.status section{display:flex;justify-content:flex-start;align-items:flex-start;align-content:flex-start;flex-flow:row nowrap;padding:2rem 2rem}}@media only screen and (max-width: 834px){.incident.status section img{float:left;position:relative;margin:0 1rem 1rem 0;width:4rem;height:4rem}}@media only screen and (min-width: 834px){.incident.status section img{flex:0 0 6rem;height:6rem;width:6rem;margin-right:2rem}}.incident.status section main{display:flex;justify-content:space-between;flex-flow:row wrap;align-items:flex-start;align-content:flex-start}@media only screen and (min-width: 834px){.incident.status section main{flex:1 1 100%}}.incident.status section main header{flex:1 1 100%;font-weight:bold}@media only screen and (min-width: 992px){.incident.status section main header{flex:1 0 20rem}}.incident.status section main aside{flex:1 1 100%}@media only screen and (min-width: 992px){.incident.status section main aside{flex:0 1 18rem;align-item:right;text-align:right}}.incident.status section main p{flex:1 0 100%;margin-top:1.5rem}.tooltip{position:relative;display:inline-block}.tooltip .tooltip-text{position:absolute;opacity:0;transition:opacity .3s;z-index:800;width:20rem;visibility:hidden;background-color:#fff;color:#4d4d4d;box-shadow:5px 5px 15px rgba(0,0,0,0.8)}.tooltip .tooltip-text main,.tooltip .tooltip-text header{padding:1rem}.tooltip .tooltip-text header{text-align:center;height:4rem !important;padding:1rem !important;font-family:"RobotoSlabLight",sans-serif;font-size:1.2rem;background:#2b585d !important;color:#ebebeb}.tooltip .tooltip-text main{font-weight:normal}.tooltip .tooltip-text:after{content:" ";position:absolute;border-width:10px;border-style:solid}.tooltip:not(.click):hover .tooltip-text{visibility:visible;opacity:1}.tooltip:focus{outline:none}.tooltip:focus .tooltip-text{visibility:visible;opacity:1}.tooltip.right .tooltip-text,.tooltip.left .tooltip-text{transform:translate(0, -50%);margin-top:-2rem}.tooltip.right .tooltip-text:after,.tooltip.left .tooltip-text:after{top:50%}.tooltip.right .tooltip-text{left:calc(100% + 10px)}.tooltip.right .tooltip-text:after{left:-20px;border-color:transparent #fff transparent transparent}.tooltip.left .tooltip-text{right:calc(100% + 10px)}.tooltip.left .tooltip-text:after{right:-20px;border-color:transparent transparent transparent #fff}.tooltip.top .tooltip-text,.tooltip.bottom .tooltip-text{left:calc(50% + 4px);margin-left:-11rem}.tooltip.top .tooltip-text:after,.tooltip.bottom .tooltip-text:after{margin-left:-10px;left:50%}.tooltip.bottom .tooltip-text{top:calc(100% + 7px)}.tooltip.bottom .tooltip-text:after{border-color:transparent transparent #2b585d transparent;bottom:100%}.tooltip.top .tooltip-text{bottom:calc(100% + 7px)}.tooltip.top .tooltip-text:after{border-color:#fff transparent transparent transparent;top:100%}a.tooltip,a.tooltip:hover,a.tooltip:focus,a.tooltip:active{text-decoration:none}ul.breadcrumbs{display:inline-block;padding:0;margin-bottom:1rem;z-index:200;overflow-x:auto;overflow-y:hidden;max-width:100%;white-space:nowrap;box-shadow:0 0 2px rgba(0,0,0,0.4)}ul.breadcrumbs *{white-space:nowrap}ul.breadcrumbs li{display:inline-block;position:relative;list-style:none;padding:0;max-height:3rem;transition:background 0.3s}ul.breadcrumbs li:before{position:absolute;content:"";width:100%;height:100%;top:0;left:0;transition:background 0.3s;transform:skewX(-16deg);background-color:#fff;z-index:300}ul.breadcrumbs li:first-of-type:before{left:2rem;width:calc(100% - 2rem)}ul.breadcrumbs li:first-of-type:hover{background:#f8f7f7}ul.breadcrumbs li:last-of-type{background:#00828d;margin-left:1rem}ul.breadcrumbs li:last-of-type a{margin-left:-1rem;color:#ebebeb}ul.breadcrumbs li:last-of-type:before{background:#00828d;left:-1rem}ul.breadcrumbs li:not(:last-of-type){margin-right:1px}ul.breadcrumbs li:not(:last-of-type):before{border-right:1px #ccc solid}ul.breadcrumbs li:not(:last-of-type):hover:before{background:#f8f7f7}ul.breadcrumbs li a{display:inline-block;position:relative;z-index:400;line-height:2rem;padding:.5rem 1rem;text-decoration:none}ul.breadcrumbs li a:focus,ul.breadcrumbs li a:active{outline:none}ul.breadcrumbs li a img{width:1.8rem;height:1.8rem;vertical-align:top}#cpu{background-image:url("/static/images/sprites.svg#icon-cpu-socket");background-repeat:repeat-x;background-size:2rem 2rem;height:2rem;width:16rem}@media screen and (min-width: 33rem){#cpu{width:32rem;height:4rem;background-size:4rem 4rem}}#cpu .die{position:relative;top:-1rem;opacity:0;display:block;float:left;height:2rem;width:2rem;background-image:url("/static/images/sprites.svg#icon-cpu-die");transition:top 0.5s ease-in-out, opacity 0.3s ease-in}@media screen and (min-width: 33rem){#cpu .die{width:4rem;height:4rem}}#cpu[data-value="1"] .die:nth-child(1){top:0;opacity:1}#cpu[data-value="2"] .die:nth-child(1){top:0;opacity:1}#cpu[data-value="2"] .die:nth-child(2){top:0;opacity:1}#cpu[data-value="3"] .die:nth-child(1){top:0;opacity:1}#cpu[data-value="3"] .die:nth-child(2){top:0;opacity:1}#cpu[data-value="3"] .die:nth-child(3){top:0;opacity:1}#cpu[data-value="4"] .die:nth-child(1){top:0;opacity:1}#cpu[data-value="4"] .die:nth-child(2){top:0;opacity:1}#cpu[data-value="4"] .die:nth-child(3){top:0;opacity:1}#cpu[data-value="4"] .die:nth-child(4){top:0;opacity:1}#cpu[data-value="5"] .die:nth-child(1){top:0;opacity:1}#cpu[data-value="5"] .die:nth-child(2){top:0;opacity:1}#cpu[data-value="5"] .die:nth-child(3){top:0;opacity:1}#cpu[data-value="5"] .die:nth-child(4){top:0;opacity:1}#cpu[data-value="5"] .die:nth-child(5){top:0;opacity:1}#cpu[data-value="6"] .die:nth-child(1){top:0;opacity:1}#cpu[data-value="6"] .die:nth-child(2){top:0;opacity:1}#cpu[data-value="6"] .die:nth-child(3){top:0;opacity:1}#cpu[data-value="6"] .die:nth-child(4){top:0;opacity:1}#cpu[data-value="6"] .die:nth-child(5){top:0;opacity:1}#cpu[data-value="6"] .die:nth-child(6){top:0;opacity:1}#cpu[data-value="7"] .die:nth-child(1){top:0;opacity:1}#cpu[data-value="7"] .die:nth-child(2){top:0;opacity:1}#cpu[data-value="7"] .die:nth-child(3){top:0;opacity:1}#cpu[data-value="7"] .die:nth-child(4){top:0;opacity:1}#cpu[data-value="7"] .die:nth-child(5){top:0;opacity:1}#cpu[data-value="7"] .die:nth-child(6){top:0;opacity:1}#cpu[data-value="7"] .die:nth-child(7){top:0;opacity:1}#cpu[data-value="8"] .die:nth-child(1){top:0;opacity:1}#cpu[data-value="8"] .die:nth-child(2){top:0;opacity:1}#cpu[data-value="8"] .die:nth-child(3){top:0;opacity:1}#cpu[data-value="8"] .die:nth-child(4){top:0;opacity:1}#cpu[data-value="8"] .die:nth-child(5){top:0;opacity:1}#cpu[data-value="8"] .die:nth-child(6){top:0;opacity:1}#cpu[data-value="8"] .die:nth-child(7){top:0;opacity:1}#cpu[data-value="8"] .die:nth-child(8){top:0;opacity:1}.section-wrapper-dark section .columns,.section-wrapper section .columns{display:block;width:100%;margin:2rem 0;padding:1.5rem 0 0 0;border-top:1px #00828d solid}@media only screen and (min-width: 834px){.section-wrapper-dark section .columns,.section-wrapper section .columns{columns:2;column-gap:5rem;column-rule:1px #00828d solid;column-fill:balance}.section-wrapper-dark section .columns ul.feature-list li,.section-wrapper section .columns ul.feature-list li{break-inside:avoid;page-break-inside:avoid}.section-wrapper-dark section .columns ul.feature-list li:last-of-type:nth-of-type(odd),.section-wrapper section .columns ul.feature-list li:last-of-type:nth-of-type(odd){margin-bottom:3rem}}.section-wrapper-dark section .columns ul.feature-list,.section-wrapper section .columns ul.feature-list{padding:0;margin:0;font-size:1.125rem}.section-wrapper-dark section .columns ul.feature-list li,.section-wrapper section .columns ul.feature-list li{margin:0 0 1rem 3.5rem;padding:0}.section-wrapper-dark section .columns ul.feature-list li:before,.section-wrapper section .columns ul.feature-list li:before{margin:0 0 0 -3.5rem;position:absolute}.section-wrapper-dark section .columns{border-top:1px #fff solid}@media only screen and (min-width: 834px){.section-wrapper-dark section .columns{column-rule:1px #fff solid}}ul.progress{display:block;padding:0;margin:1rem 0 3rem 0 !important;overflow-x:auto;overflow-y:hidden;white-space:nowrap}@media only screen and (max-width: 512px){ul.progress{display:none}}@media only screen and (max-width: 768px){ul.progress{margin:1rem 0 1rem 0 !important}}ul.progress *{white-space:nowrap}ul.progress li{background:#ecebe9;display:inline-block;position:relative;list-style:none;padding:1rem;transition:background border 0.3s}@media only screen and (max-width: 768px){ul.progress li{padding:.5rem;font-size:90%}}ul.progress li a{outline:none;cursor:default;color:#00828d;padding:50% 0 50% 45px;text-decoration:none}ul.progress li a:after,ul.progress li a:before{content:" ";display:block;width:0;height:0;top:50%;margin-top:-50px;left:100%;border-top:50px solid transparent;border-bottom:50px solid transparent}ul.progress li a:after{border-left:30px solid #ecebe9;position:absolute;z-index:2}ul.progress li a:before{border-left:30px solid #b7b3ad;position:absolute;margin-left:1px;z-index:1}ul.progress li:first-of-type a{padding-left:20px}ul.progress li:last-of-type a:before{border:0}ul.progress li.active{background:#00828d}ul.progress li.active a{color:#f8f7f7}ul.progress li.active a:after{border-left:30px solid #00828d}ul.progress li.done{background:#2b585d}ul.progress li.done a{color:#ecebe9}ul.progress li.done a:after{border-left:30px solid #2b585d}ul.progress li.fail{background:#8d000d}ul.progress li.fail a{color:#ecebe9}ul.progress li.fail a:after{border-left:30px solid #8d000d}ul.progress:not([class*=nolink]) li.done:hover{background:#00828d}ul.progress:not([class*=nolink]) li.done:hover a:after{border-left:30px solid #00828d}ul.progress:not([class*=nolink]) li.done a[data-set-state]{cursor:pointer}input[type="checkbox"].readmore{display:none}input[type="checkbox"].readmore ~ label{display:block;text-decoration:underline;cursor:pointer}input[type="checkbox"].readmore ~ label ~ .more{padding:0;height:0;padding:0 0.5rem;overflow:hidden;transition:all 0.5s ease-in-out;font-size:90%}input[type="checkbox"].readmore:checked ~ label ~ .more{height:6rem;margin-top:1.5rem;overflow-y:auto}
diff --git a/snowpack.config.js b/snowpack.config.js
index c5dfc416d131e6cb4f936598ce9f174968c7a75e..cead63d2f874917a5577bd25a789b476ed7119b9 100644
--- a/snowpack.config.js
+++ b/snowpack.config.js
@@ -1,13 +1,14 @@
/** @type {import("snowpack").SnowpackUserConfig } */
module.exports = {
mount: {
- public: {url: '/', static: true},
- src: {url: '/dist'},
+ public: { url: '/', static: true },
+ src: { url: '/dist' },
},
plugins: [
'@snowpack/plugin-react-refresh',
'@snowpack/plugin-dotenv',
'@snowpack/plugin-typescript',
+ "@snowpack/plugin-sass"
],
routes: [
/* Enable an SPA Fallback in development: */
diff --git a/src/App.css b/src/App.css
index 41d6aa2bec3b94268212ec206a9c695517e4252f..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391 100644
--- a/src/App.css
+++ b/src/App.css
@@ -1,46 +0,0 @@
-.App {
- text-align: center;
-}
-.App code {
- background: #FFF3;
- padding: 4px 8px;
- border-radius: 4px;
-}
-.App p {
- margin: 0.4rem;
-}
-
-.App-logo {
- height: 40vmin;
- pointer-events: none;
-}
-
-@media (prefers-reduced-motion: no-preference) {
- .App-logo {
- animation: App-logo-spin infinite 20s linear;
- }
-}
-
-.App-header {
- background-color: #282c34;
- min-height: 100vh;
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- font-size: calc(10px + 2vmin);
- color: white;
-}
-
-.App-link {
- color: #61dafb;
-}
-
-@keyframes App-logo-spin {
- from {
- transform: rotate(0deg);
- }
- to {
- transform: rotate(360deg);
- }
-}
diff --git a/src/App.test.tsx b/src/App.test.tsx
index dec3d8540cf9f176728786b277d776b4bccb7a6f..0732d07414b967d288db49f0e8fe72979dc47472 100644
--- a/src/App.test.tsx
+++ b/src/App.test.tsx
@@ -5,7 +5,7 @@ import App from './App';
describe('<App>', () => {
it('renders learn react link', () => {
const { getByText } = render(<App />);
- const linkElement = getByText(/learn react/i);
- expect(document.body.contains(linkElement));
+ // const linkElement = getByText(/learn react/i);
+ // expect(document.body.contains(linkElement));
});
});
diff --git a/src/App.tsx b/src/App.tsx
index 5c800727b7a839199597411ea38ceb7d2c5a2ffd..da61c303b2148d2149253cf14cd269a656f62e63 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,13 +1,23 @@
import React, { useState, useEffect } from 'react';
-import logo from './logo.svg';
+import PotentialSolutionList, { PotentialSolutionListProps } from './components/potential-solution-list/PotentialSolutionList';
import './App.css';
+import Spinner from './components/spinner/Spinner';
-interface AppProps {}
+interface AppProps { }
+
+function App({ }: AppProps) {
+
+ const solution = { link: "http://example.com", description: "What is your bankaccountnumer?" };
+ const givenSolutions: PotentialSolutionListProps = {
+ intro: "Here are some of the most common examples of administrative issues:",
+ solutions: [solution]
+ };
-function App({}: AppProps) {
- // Return the App component.
return (
- <div>learn react</div>
+ <>
+ <PotentialSolutionList {...givenSolutions} />
+ <Spinner big={false} loading={true}/>
+ </>
);
}
diff --git a/src/components/potential-solution-list/PotentialSolutionList.test.tsx b/src/components/potential-solution-list/PotentialSolutionList.test.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..ff7ac34d63bdac698f923f3fa558ce06325a790d
--- /dev/null
+++ b/src/components/potential-solution-list/PotentialSolutionList.test.tsx
@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { render, screen } from '@testing-library/react';
+import PotentialSolutionList, { PotentialSolutionListProps } from './PotentialSolutionList';
+
+describe('<PotentialSolutionList>', () => {
+ it('renders a list of links', () => {
+ const solution = { link: "http://example.com", description: "What is your bankaccountnumer?" };
+ const givenSolutions: PotentialSolutionListProps = {
+ intro: "Here are some of the most common examples of administrative issues:",
+ solutions: [solution]
+ };
+ const { getByText, } = render(<PotentialSolutionList {...givenSolutions} />);
+ const solutionIntro = getByText(/examples of administrative issues:/i);
+ expect(document.body.contains(solutionIntro));
+ const theSolutionLink = screen.getByRole("link");
+ expect(theSolutionLink).toHaveTextContent(solution.description)
+ expect(theSolutionLink).toHaveAttribute("href", solution.link)
+ });
+});
\ No newline at end of file
diff --git a/src/components/potential-solution-list/PotentialSolutionList.tsx b/src/components/potential-solution-list/PotentialSolutionList.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..f387587f5c408fe16360abde7c71c2b6654eefcb
--- /dev/null
+++ b/src/components/potential-solution-list/PotentialSolutionList.tsx
@@ -0,0 +1,26 @@
+import React from 'react';
+
+type Solution = { link: string, description: string };
+export interface PotentialSolutionListProps {
+ intro: string;
+ solutions: Solution[];
+}
+
+function PotentialSolutionList({ solutions, intro }: PotentialSolutionListProps) {
+
+ return (
+ <div className="solutions">
+ <p>{intro}</p>
+ <ul>
+ {
+ solutions.map((solution, i) =>
+ <li key={i}><a href={solution.link}>{solution.description}</a></li>
+ )
+ }
+ </ul>
+ </div>
+ );
+}
+
+export default PotentialSolutionList;
+
diff --git a/src/components/spinner/Spinner.scss b/src/components/spinner/Spinner.scss
deleted file mode 100644
index 72d92733e036fed084853e97b96002649a7db48f..0000000000000000000000000000000000000000
--- a/src/components/spinner/Spinner.scss
+++ /dev/null
@@ -1,23 +0,0 @@
-@import "../../styles/colors.scss";
-$spinner-size: 1.75rem;
-$spinner-size-big: 3rem;
-
-.spinner.loading {
- border: $spinner-size/8 solid $spinner-background;
- border-top: $spinner-size/8 solid $spinner-color;
- width: $spinner-size;
- height: $spinner-size;
- &.big {
- border: $spinner-size-big/8 solid $spinner-background;
- border-top: $spinner-size-big/8 solid $spinner-color;
- width: $spinner-size-big;
- height: $spinner-size-big;
- }
- border-radius: 50%;
- animation: spin .7s linear infinite;
-}
-
-@keyframes spin {
- 0% { transform: rotate(0deg); }
- 100% { transform: rotate(360deg); }
-}
diff --git a/src/components/spinner/Spinner.tsx b/src/components/spinner/Spinner.tsx
index ba280b98a256cf24b257ae66ea446829ee51ba07..73f6ea77ec42263b15a24fef4dd671c77024a5c3 100644
--- a/src/components/spinner/Spinner.tsx
+++ b/src/components/spinner/Spinner.tsx
@@ -1,5 +1,4 @@
import React from 'react';
-import './Spinner.scss';
export interface SpinnerProps {
big?: boolean,
diff --git a/src/index.css b/src/index.css
deleted file mode 100644
index 4a1df4db71cdb32ede8a8f6cf33da4539cbf0920..0000000000000000000000000000000000000000
--- a/src/index.css
+++ /dev/null
@@ -1,13 +0,0 @@
-body {
- margin: 0;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
- "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
- sans-serif;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
-}
-
-code {
- font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
- monospace;
-}
diff --git a/src/index.tsx b/src/index.tsx
index 14ec5a8622c56b39842aca421f3a6b259d4ff556..fd82a6d7d4a47413286fc56661c15c9c519ecd49 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,7 +1,6 @@
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
-import './index.css';
ReactDOM.render(
<React.StrictMode>
diff --git a/src/logo.svg b/src/logo.svg
deleted file mode 100644
index bab44e73797fedaf5da436cfb08051e397c0f07f..0000000000000000000000000000000000000000
--- a/src/logo.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 841.9 595.3">
- <g fill="#61DAFB">
- <path d="M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4a43.8 43.8 0 00-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9a487.8 487.8 0 00-41.6-50c32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9a467 467 0 00-63.6 11c-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4a44 44 0 0022.5 5.6c27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7a450.4 450.4 0 01-13.5 39.5 473.3 473.3 0 00-27.5-47.4c14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5a532.7 532.7 0 01-24.1 38.2 520.3 520.3 0 01-90.2.1 551.2 551.2 0 01-45-77.8 521.5 521.5 0 0144.8-78.1 520.3 520.3 0 0190.2-.1 551.2 551.2 0 0145 77.8 560 560 0 01-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8a448.8 448.8 0 01-41.2 8 552.4 552.4 0 0027.4-47.8zM421.2 430a412.3 412.3 0 01-27.8-32 619 619 0 0055.3 0c-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9a451.2 451.2 0 01-41-7.9c3.7-12.9 8.3-26.2 13.5-39.5a473.3 473.3 0 0027.5 47.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32a619 619 0 00-55.3 0c9-11.7 18.3-22.4 27.5-32zm-74 58.9a552.4 552.4 0 00-27.4 47.7c-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9a473.5 473.5 0 00-22.2 60.6c-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9a487.8 487.8 0 0041.6 50c-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9a467 467 0 0063.6-11 280 280 0 015.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9a473.5 473.5 0 0022.2-60.6c9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z"/>
- <circle cx="420.9" cy="296.5" r="45.7"/>
- </g>
-</svg>