@blockchain-com/components - npm Package Compare versions

Comparing version 0.2.0 to 1.0.0

CHANGELOG.md

 # Blockchain Components
 
-## v0.0.4 ( Fri Aug 03 2018 18:45:12 GMT+0100 (British Summer Time) )
+## v0.2.0 ( Fri Aug 17 2018 09:40:16 GMT-0700 (Pacific Daylight Time) )
 
 
-## Bug Fixes
-
-  - **icons**
-    - remove fonts and add svg images (#42)
-  ([ca80d0f5]([e-mail]:blockchain/blockchain-info-components/commit/ca80d0f589b22447fe208e55ad43980f1f03909d))
-
-
-
-
 ## Features
 
-  - **navbar**
-    - added navbar with related atoms (#51)
-  ([6099037f]([e-mail]:blockchain/blockchain-info-components/commit/6099037f32efae227f64134ba067a273a032b91d))
+  - **organims**
+    - add footer / pagination / toggler / tooltip
+  ([70896990]([e-mail]:blockchain/blockchain-info-components/commit/7089699097ce080868263c8ab4c7071e5cce6732))
 
-  - **tabmenu**
-    - updated with responsive layout (#52)
-  ([87926786]([e-mail]:blockchain/blockchain-info-components/commit/87926786e70afe80be1669799eb5e7b66eefe172))
 
 
 
+## Chore
 
-## Documentation
-  - update readme (#43)
-  ([4567be34]([e-mail]:blockchain/blockchain-info-components/commit/4567be34a3143da8ba646c5d906cc707958bc84a))
+  - **deps**
+    - update packages (#56)
+  ([2cfd9adc]([e-mail]:blockchain/blockchain-info-components/commit/2cfd9adc54b08b12181eb03e9453faa8384df68d))
 
+  - **locks**
+    - update lock files (#58)
+  ([c546342d]([e-mail]:blockchain/blockchain-info-components/commit/c546342df7f204031f8b14f441d14cd1203b3179))
 
-
-
-## Chore
-  - update deps and migrate fully to babel 7 (#44)
-  ([86f4fdcf]([e-mail]:blockchain/blockchain-info-components/commit/86f4fdcff86da8e6048ffeaabd246d87ff6012a7))
-
-  - **build**
-    - update lock files (#54)
-  ([8a7bd796]([e-mail]:blockchain/blockchain-info-components/commit/8a7bd796a4a1d6c8220ef239806c58337d40af8a))
-    - update yarn lock (#53)
-  ([6b66c803]([e-mail]:blockchain/blockchain-info-components/commit/6b66c803653318f5a8f4e28ab58d76dbcdc4c0d8))
-
   - **version**
-    - bump to v0.2.0 (#55)
-  ([187db326]([e-mail]:blockchain/blockchain-info-components/commit/187db32659be6fd0c962552f72adf7d35c33a746))
-    - bump to v0.1.0
-  ([bbd84bcd]([e-mail]:blockchain/blockchain-info-components/commit/bbd84bcd31e43f8032edffb4cfcd153fd9b142fa))
+    - bump to v1.0.0 (#59)
+  ([2c515376]([e-mail]:blockchain/blockchain-info-components/commit/2c5153763a117afb3b416393269c933038181c12))
 
@@ -51,0 +29,0 @@

esm/Atoms/Buttons/Button.js

@@ -6,3 +6,3 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  padding: 10px 30px;\n  box-sizing: border-box;\n  font-size: 18px;\n  color: ", ";\n  background-color: ", ";\n  border: none;\n  border-radius: 5px;\n  cursor: ", ";\n  outline: none;\n  transition-duration: 0.3s;\n  transition-timing-function: ease-in-out;\n  opacity: ", ";\n  font-family: ", ";\n\n  &:hover {\n    background-color: ", ";\n    transform: ", ";\n  }\n"]);
+  var data = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  padding: 0.7rem 1.875rem;\n  box-sizing: border-box;\n  color: ", ";\n  background-color: ", ";\n  border: none;\n  border-radius: 0.125rem;\n  cursor: ", ";\n  outline: none;\n  transition-duration: 0.3s;\n  transition-timing-function: ease-in-out;\n  opacity: ", ";\n  font-family: ", ";\n  font-size: 1rem;\n  font-weight: 600;\n\n  &:hover {\n    background-color: ", ";\n    transform: ", ";\n  }\n"]);
 
@@ -21,7 +21,2 @@ _templateObject = function _templateObject() {
 import styled from 'styled-components';
-
-var getHoverColor = function getHoverColor(disabled, theme) {
-  return disabled ? theme['buttonBackgroundColor'] : theme['buttonHoverColor'];
-};
-
 var Wrapper = styled.button.attrs({
@@ -42,3 +37,3 @@ type: function type(props) {
 }, function (props) {
-  return getHoverColor(props.disabled, props.theme);
+  return props.disabled ? props.theme['buttonBackgroundColor'] : props.theme['buttonHoverColor'];
 }, function (props) {
@@ -45,0 +40,0 @@ return props.bounced ? 'scale(0.95)' : 'none';

esm/Atoms/Buttons/ButtonGroup.js

@@ -6,3 +6,3 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n\n  & *:not(:last-child) {\n    margin-right: 5px;\n  }\n\n  & > :first-child {\n    border-top-right-radius: initial;\n    border-bottom-right-radius: initial;\n  }\n\n  & > :last-child {\n    border-top-left-radius: initial;\n    border-bottom-left-radius: initial;\n  }\n\n  & > :not(:first-child):not(:last-child) {\n    border-top-right-radius: initial;\n    border-bottom-right-radius: initial;\n    border-top-left-radius: initial;\n    border-bottom-left-radius: initial;\n  }\n"]);
+  var data = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n\n  & *:not(:last-child) {\n    margin-right: 0.4rem;\n  }\n\n  & > :first-child {\n    border-top-right-radius: initial;\n    border-bottom-right-radius: initial;\n  }\n\n  & > :last-child {\n    border-top-left-radius: initial;\n    border-bottom-left-radius: initial;\n  }\n\n  & > :not(:first-child):not(:last-child) {\n    border-top-right-radius: initial;\n    border-bottom-right-radius: initial;\n    border-top-left-radius: initial;\n    border-bottom-left-radius: initial;\n  }\n"]);
 
@@ -9,0 +9,0 @@ _templateObject = function _templateObject() {

esm/Atoms/Containers/Container.js

@@ -6,3 +6,3 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: ", ";\n  margin: 0 auto;\n\n  @media (min-width: 1200px) {\n    width: 1140px;\n  }\n"]);
+  var data = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: ", ";\n  margin: 0 auto;\n\n  @media (min-width: 75rem) {\n    width: 75rem;\n  }\n"]);
 
@@ -9,0 +9,0 @@ _templateObject = function _templateObject() {

esm/Atoms/Containers/Panel.js

@@ -6,3 +6,3 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  height: ", ";\n  width: ", ";\n  min-width: ", ";\n  box-shadow: 0 0 25px 5px ", ";\n  background-color: ", ";\n"]);
+  var data = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  height: ", ";\n  width: ", ";\n  min-width: ", ";\n  box-shadow: 0 0 1.5rem 0.4rem ", ";\n  background-color: ", ";\n"]);
 
@@ -9,0 +9,0 @@ _templateObject = function _templateObject() {

esm/Atoms/Icons/Icon.js

@@ -0,1 +1,3 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -6,3 +8,3 @@
 function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  & > svg {\n    fill: ", ";\n    width: ", ";\n    height: ", ";\n    cursor: ", ";\n\n    &:hover {\n      fill: ", ";\n    }\n  }\n"]);
+  var data = _taggedTemplateLiteral(["\n  fill: ", ";\n  width: ", ";\n  height: ", ";\n  cursor: ", ";\n\n  &:hover {\n    fill: ", ";\n  }\n"]);
 
@@ -22,7 +24,2 @@ _templateObject = function _templateObject() {
 import IconMap from './IconMap';
-
-var getHoverColor = function getHoverColor(props) {
-  return props.selectable ? 'iconHoverColor' : 'iconColor';
-};
-
 var Wrapper = styled.div(_templateObject(), function (props) {
@@ -35,5 +32,5 @@ return props.theme['iconColor'];
 }, function (props) {
-  return props.selectable ? 'pointer' : 'default';
+  return props.selectable === '1' ? 'pointer' : 'default';
 }, function (props) {
-  return props.theme[getHoverColor(props)];
+  return props.selectable === '1' ? props.theme['iconHoverColor'] : props.theme['iconColor'];
 });
@@ -43,6 +40,10 @@
   var name = _ref.name,
-      rest = _objectWithoutProperties(_ref, ["name"]);
+      selectable = _ref.selectable,
+      rest = _objectWithoutProperties(_ref, ["name", "selectable"]);
 
   var Svg = IconMap[name];
-  return React.createElement(Wrapper, rest, React.createElement(Svg, null));
+  var IconSvg = Wrapper.withComponent(Svg);
+  return React.createElement(IconSvg, _extends({
+    selectable: selectable ? '1' : '0'
+  }, rest));
 };
@@ -58,4 +59,4 @@
   selectable: false,
-  size: '40px'
+  size: '2.75rem'
 };
 export default Icon;

esm/Atoms/Icons/Icon.stories.js

@@ -35,3 +35,2 @@ import React from 'react'
 `
-
 const renderIcon = (name) => (
@@ -43,3 +42,2 @@ <IconContainer>
 )
-
 storiesOf('Atoms/Icons/Icon', module)
@@ -46,0 +44,0 @@ .add('list', () => <Layout>{keysIn(IconMap).map(renderIcon)}</Layout>)

esm/Atoms/Images/Background.js

@@ -57,7 +57,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 Background.defaultProps = {
-  height: '200px',
+  height: '12rem',
   name: 'logo',
   stretch: false,
-  width: '200px'
+  width: '12rem'
 };
 export default Background;

esm/Atoms/Images/ImageMap.js

 /* babel-plugin-inline-import './img/api.svg' */
-var api = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNzBweCIgaGVpZ2h0PSI3MHB4IiB2aWV3Qm94PSIwIDAgNzAgNzAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUxICg1NzQ2MikgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+YXBpIGljb248L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iRXhwbG9yZXItZmluYWwiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJiY2gtLS10eCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUwMS4wMDAwMDAsIC0yMTAxLjAwMDAwMCkiPgogICAgICAgICAgICA8cmVjdCBmaWxsPSIjRkZGRkZGIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTQ0MCIgaGVpZ2h0PSIzMDY3Ij48L3JlY3Q+CiAgICAgICAgICAgIDxnIGlkPSJwcm9kdWN0cyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDE3MjYuMDAwMDAwKSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJidWNrZXQtMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTguMDAwMDAwLCAyODIuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IkFQSSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzA4LjAwMDAwMCwgNjEuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJhcGktaWNvbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTUuMDAwMDAwLCAzMi4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwiIGZpbGw9IiNGRDg0NjkiIGN4PSIzNSIgY3k9IjM1IiByPSIzNSI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyLjAwOTkwMSwgMTQuMTI4NzEzKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTIiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iU2hhcGUiIGZpbGw9IiMzMjRBNUUiIHBvaW50cz0iMjkuNTAwOTkwMSAzMi45MjI3NzIzIDE2LjQ5OTAwOTkgMzIuOTIyNzcyMyAxNS4yMzc2MjM4IDQxLjI4MTE4ODEgMzAuNzYyMzc2MiA0MS4yODExODgxIj48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJTaGFwZSIgZmlsbD0iIzJCM0I0RSIgcG9pbnRzPSIzMC4wMTM4NjE0IDM2LjMxODgxMTkgMjkuNTAwOTkwMSAzMi45MjI3NzIzIDE2LjQ5OTAwOTkgMzIuOTIyNzcyMyAxNS45ODYxMzg2IDM2LjMxODgxMTkiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTQ0LjU5NjAzOTYsMzQuMTk4MDE5OCBMMS40MDM5NjA0LDM0LjE5ODAxOTggQzEuMTQwNTk0MDYsMzQuMTk4MDE5OCAwLjkzMjY3MzI2NywzMy45OTAwOTkgMC45MzI2NzMyNjcsMzMuNzI2NzMyNyBMMC45MzI2NzMyNjcsMS4zMzI2NzMyNyBDMC45MzI2NzMyNjcsMS4wNjkzMDY5MyAxLjE0MDU5NDA2LDAuODYxMzg2MTM5IDEuNDAzOTYwNCwwLjg2MTM4NjEzOSBMNDQuNTgyMTc4MiwwLjg2MTM4NjEzOSBDNDQuODQ1NTQ0NiwwLjg2MTM4NjEzOSA0NS4wNTM0NjUzLDEuMDY5MzA2OTMgNDUuMDUzNDY1MywxLjMzMjY3MzI3IEw0NS4wNTM0NjUzLDMzLjcyNjczMjcgQzQ1LjA2NzMyNjcsMzMuOTkwMDk5IDQ0Ljg1OTQwNTksMzQuMTk4MDE5OCA0NC41OTYwMzk2LDM0LjE5ODAxOTggWiIgaWQ9IlNoYXBlIiBmaWxsPSIjMzI0QTVFIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtcGF0aCIgZmlsbD0iI0ZGRkZGRiIgeD0iMy41MjQ3NTI0OCIgeT0iMy42MDU5NDA1OSIgd2lkdGg9IjM4LjkzNjYzMzciIGhlaWdodD0iMjcuODYxMzg2MSI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLXBhdGgiIGZpbGw9IiNGRjcwNTgiIHg9IjUuOTIyNzcyMjgiIHk9IjUuNjcxMjg3MTMiIHdpZHRoPSIzLjg1MzQ2NTM1IiBoZWlnaHQ9IjMuODUzNDY1MzUiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS1wYXRoIiBmaWxsPSIjRTZFOUVFIiB4PSIxMS4xMDY5MzA3IiB5PSI2LjE3MDI5NzAzIiB3aWR0aD0iMTEuNTA0OTUwNSIgaGVpZ2h0PSIxIj48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtcGF0aCIgZmlsbD0iI0U2RTlFRSIgeD0iMTEuMTA2OTMwNyIgeT0iOC4wODMxNjgzMiIgd2lkdGg9IjE1LjQ0MTU4NDIiIGhlaWdodD0iMSI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLXBhdGgiIGZpbGw9IiNFNkU5RUUiIHg9IjIzLjg3MzI2NzMiIHk9IjYuMTcwMjk3MDMiIHdpZHRoPSI3LjM3NDI1NzQzIiBoZWlnaHQ9IjEiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlNoYXBlIiBmaWxsPSIjQUNCM0JBIiBwb2ludHM9IjM1LjAyMTc4MjIgMTMuNTgwMTk4IDM1LjAyMTc4MjIgMTQuODgzMTY4MyAzNC4yMDM5NjA0IDEzLjg1NzQyNTcgMjUuODMxNjgzMiAyMC41NjYzMzY2IDE1LjMzODYxMzkgMTQuMTM0NjUzNSA5LjQ4OTEwODkxIDIyLjMyNjczMjcgMy40MzE2ODMxNyAxNy41MzA2OTMxIDMuNDMxNjgzMTcgMjAuODQzNTY0NCA4Ljk0ODUxNDg1IDI1LjIyMzc2MjQgOS43NTI0NzUyNSAyNC4xOTgwMTk4IDEwLjgxOTgwMiAyNC45NjAzOTYgMTYuMDQ1NTQ0NiAxNy42Mjc3MjI4IDI2LjAyNTc0MjYgMjMuNzQwNTk0MSAzNS40NzkyMDc5IDE2LjE4NjEzODYgNDIuNDc5MjA3OSAxNi4xODYxMzg2IDQyLjQ3OTIwNzkgMTMuNTgwMTk4Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsIiBmaWxsPSIjRkY3MDU4IiBjeD0iNDcuMDMxNjgzMiIgY3k9IjI5LjAxMTg4MTIiIHI9IjMuMzQwNTk0MDYiPjwvY2lyY2xlPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbCIgZmlsbD0iI0ZGRkZGRiIgY3g9IjQ3LjAzMTY4MzIiIGN5PSIyOS4wMTE4ODEyIiByPSIxLjI4OTEwODkxIj48L2NpcmNsZT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwiIGZpbGw9IiM0Q0RCQzQiIGN4PSIzNy45Mzg2MTM5IiBjeT0iMzYuMjg5MTA4OSIgcj0iMy4zNDA1OTQwNiI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsIiBmaWxsPSIjRkZGRkZGIiBjeD0iMzcuOTM4NjEzOSIgY3k9IjM2LjI4OTEwODkiIHI9IjEuMjg5MTA4OTEiPjwvY2lyY2xlPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbCIgZmlsbD0iI0ZGRDA1QiIgY3g9IjI3LjcwODkxMDkiIGN5PSIzMC4wMDk5MDEiIHI9IjMuMzQwNTk0MDYiPjwvY2lyY2xlPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbCIgZmlsbD0iI0ZGRkZGRiIgY3g9IjI3LjcwODkxMDkiIGN5PSIzMC4wMDk5MDEiIHI9IjEuMjg5MTA4OTEiPjwvY2lyY2xlPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbCIgZmlsbD0iIzU0QzBFQiIgY3g9IjIxLjc2MjM3NjIiIGN5PSIzOC4zMjY3MzI3IiByPSIzLjM0MDU5NDA2Ij48L2NpcmNsZT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwiIGZpbGw9IiNGRkZGRkYiIGN4PSIyMS43NjIzNzYyIiBjeT0iMzguMzI2NzMyNyIgcj0iMS4yODkxMDg5MSI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNDUuMTA0OTUwNSw1Ni4xMzg2MTM5IEwyNC44OTUwNDk1LDU2LjEzODYxMzkgTDI0Ljg5NTA0OTUsNTMuMzUyNDc1MiBDMjQuODk1MDQ5NSw1Mi45NzgyMTc4IDI1LjIsNTIuNjczMjY3MyAyNS41NzQyNTc0LDUyLjY3MzI2NzMgTDQ0LjQyNTc0MjYsNTIuNjczMjY3MyBDNDQuOCw1Mi42NzMyNjczIDQ1LjEwNDk1MDUsNTIuOTc4MjE3OCA0NS4xMDQ5NTA1LDUzLjM1MjQ3NTIgTDQ1LjEwNDk1MDUsNTYuMTM4NjEzOSBaIiBpZD0iU2hhcGUiIGZpbGw9IiMyQjNCNEUiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+";
+var api = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDZweCIgaGVpZ2h0PSI0NnB4IiB2aWV3Qm94PSIwIDAgNDYgNDYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUxLjIgKDU3NTE5KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5hcGkgaWNvbjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJBc3NldHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJhcGktaWNvbiIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS1wYXRoIiBmaWxsPSIjMzI0QTVFIiB4PSIwLjYzMTA5NTcxIiB5PSIwLjYzMTA5NTcxIiB3aWR0aD0iMjAuODY3MzAwMyIgaGVpZ2h0PSIyMC44NjczMDAzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtcGF0aCIgZmlsbD0iIzRDREJDNCIgeD0iMi44NDMzNDY1MyIgeT0iMi44NDMzNDY1MyIgd2lkdGg9IjE2LjM4Mjk4MzUiIGhlaWdodD0iMTYuMzgyOTgzNSI+PC9yZWN0PgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLXBhdGgiIGZpbGw9IiMyQzk5ODQiIHg9IjI0LjM2ODQ2MiIgeT0iMC42MzEwOTU3MSIgd2lkdGg9IjIwLjg2NzMwMDMiIGhlaWdodD0iMjAuODY3MzAwMyI+PC9yZWN0PgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLXBhdGgiIGZpbGw9IiNGRkZGRkYiIHg9IjI2LjY0MDUyODEiIHk9IjIuODQzMzQ2NTMiIHdpZHRoPSIxNi4zODI5ODM1IiBoZWlnaHQ9IjE2LjM4Mjk4MzUiPjwvcmVjdD4KICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS1wYXRoIiBmaWxsPSIjNTRDMEVCIiB4PSIwLjYzMTA5NTcxIiB5PSIyNC4zNjg0NjIiIHdpZHRoPSIyMC44NjczMDAzIiBoZWlnaHQ9IjIwLjg2NzMwMDMiPjwvcmVjdD4KICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS1wYXRoIiBmaWxsPSIjRkZGRkZGIiB4PSIyLjg0MzM0NjUzIiB5PSIyNi42NDA1MjgxIiB3aWR0aD0iMTYuMzgyOTgzNSIgaGVpZ2h0PSIxNi4zODI5ODM1Ij48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtcGF0aCIgZmlsbD0iI0YxNTQzRiIgeD0iMjQuMzY4NDYyIiB5PSIyNC4zNjg0NjIiIHdpZHRoPSIyMC44NjczMDAzIiBoZWlnaHQ9IjIwLjg2NzMwMDMiPjwvcmVjdD4KICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS1wYXRoIiBmaWxsPSIjRkZEMDVCIiB4PSIyNi42NDA1MjgxIiB5PSIyNi42NDA1MjgxIiB3aWR0aD0iMTYuMzgyOTgzNSIgaGVpZ2h0PSIxNi4zODI5ODM1Ij48L3JlY3Q+CiAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJTaGFwZSIgZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSIxMi40MTAxMzIgNi4xOTE3ODIxOCA5LjY1OTY5NjM3IDYuMTkxNzgyMTggOS42NTk2OTYzNyA5LjY1OTY5NjM3IDYuMTkxNzgyMTggOS42NTk2OTYzNyA2LjE5MTc4MjE4IDEyLjQxMDEzMiA5LjY1OTY5NjM3IDEyLjQxMDEzMiA5LjY1OTY5NjM3IDE1Ljg3ODA0NjIgMTIuNDEwMTMyIDE1Ljg3ODA0NjIgMTIuNDEwMTMyIDEyLjQxMDEzMiAxNS44NzgwNDYyIDEyLjQxMDEzMiAxNS44NzgwNDYyIDkuNjU5Njk2MzcgMTIuNDEwMTMyIDkuNjU5Njk2MzciPjwvcG9seWdvbj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2LjUyODA1MywgOS41NjQzNTYpIiBmaWxsPSIjMzI0QTVFIj4KICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJTaGFwZSIgcG9pbnRzPSI4LjkzMTQzODk0IDIyLjgxNjE1MTggNi45NTgyOTcwMyAyMC44NDMwMDk5IDQuNTA2Nzg1NDggMjMuMjk0NTIxNSAyLjA1NTI3MzkzIDIwLjg0MzAwOTkgMC4wODIyODM4Mjg0IDIyLjgxNjE1MTggMi41MzM2NDM1NiAyNS4yNjc2NjM0IDAuMDgyMjgzODI4NCAyNy43MTkxNzQ5IDIuMDU1MjczOTMgMjkuNjkyMzE2OCA0LjUwNjc4NTQ4IDI3LjI0MDgwNTMgNi45NTgyOTcwMyAyOS42OTIzMTY4IDguOTMxNDM4OTQgMjcuNzE5MTc0OSA2LjQ3OTkyNzM5IDI1LjI2NzY2MzQiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtcGF0aCIgeD0iMjMuNDYwNzU5MSIgeT0iMC4wOTUzMzk5MzQiIHdpZHRoPSI5Ljc0NjA3OTIxIiBoZWlnaHQ9IjIuODEwMjUwODMiPjwvcmVjdD4KICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI5LjkwNzU5MSwgMzAuOTcwMjk3KSIgZmlsbD0iI0ZGRkZGRiI+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLXBhdGgiIHg9IjAuMDgxMjIxMTIyMSIgeT0iNC44MTgzMTAyMyIgd2lkdGg9IjkuNzQ2MDc5MjEiIGhlaWdodD0iMi44MTAyNTA4MyI+PC9yZWN0PgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS1wYXRoIiB4PSIwLjA4MTIyMTEyMjEiIHk9IjAuMDk0ODg0NDg4NCIgd2lkdGg9IjkuNzQ2MDc5MjEiIGhlaWdodD0iMi44MTAyNTA4MyI+PC9yZWN0PgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=";
 
@@ -26,3 +26,3 @@ /* babel-plugin-inline-import './img/arrow-down-solid.svg' */
 /* babel-plugin-inline-import './img/markets.svg' */
-var markets = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNzBweCIgaGVpZ2h0PSI3MHB4IiB2aWV3Qm94PSIwIDAgNzAgNzAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUxICg1NzQ2MikgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+aWNvbjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJFeHBsb3Jlci1maW5hbCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9ImJjaC0tLXR4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODc5LjAwMDAwMCwgLTIxMDEuMDAwMDAwKSI+CiAgICAgICAgICAgIDxyZWN0IGZpbGw9IiNGRkZGRkYiIHg9IjAiIHk9IjAiIHdpZHRoPSIxNDQwIiBoZWlnaHQ9IjMwNjciPjwvcmVjdD4KICAgICAgICAgICAgPGcgaWQ9InByb2R1Y3RzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMTcyNi4wMDAwMDApIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICAgICAgPGcgaWQ9ImJ1Y2tldC0yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3NjAuMDAwMDAwLCAyODIuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Im1hcmtldHMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI0LjAwMDAwMCwgNjEuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJpY29uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5NS4wMDAwMDAsIDMyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbCIgZmlsbD0iIzg0REJGRiIgY3g9IjM0LjkzOTI4NzEiIGN5PSIzNC45MzkyODcxIiByPSIzNC45MzkyODcxIj48L2NpcmNsZT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwiIGZpbGw9IiMzMjRBNUUiIGN4PSIxNi43MDUzMjY3IiBjeT0iMzkuMjUxOTgwMiIgcj0iNC4wOTQzNzYyNCI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsIiBmaWxsPSIjRTZFOUVFIiBjeD0iMTYuNzA1MzI2NyIgY3k9IjM5LjI1MTk4MDIiIHI9IjMuNDM5Mjg3MTMiPjwvY2lyY2xlPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE2LjU5NjA5OSw0Mi4wMzYzMTY4IEwxNi41OTYwOTksNDEuNTQ0OTMwNyBDMTUuOTk1NjIzOCw0MS40OTAzMTY4IDE1LjQ0OTYyMzgsNDEuMjE3Mzg2MSAxNC45NTgzNzYyLDQwLjgzNTIyNzcgTDE1LjQ0OTc2MjQsNDAuMjM0NzUyNSBDMTUuODMxOTIwOCw0MC41NjIyOTcgMTYuMjE0MDc5Miw0MC43MjYxMzg2IDE2LjU5NjIzNzYsNDAuODM1MjI3NyBMMTYuNTk2MjM3NiwzOS41MjUwNDk1IEMxNi4xMDQ4NTE1LDM5LjQxNTgyMTggMTUuNzIyNjkzMSwzOS4yNTIxMTg4IDE1LjUwNDM3NjIsMzkuMDMzNjYzNCBDMTUuMjg2MDU5NCwzOC44MTUzNDY1IDE1LjE3NjgzMTcsMzguNTQyMjc3MiAxNS4xNzY4MzE3LDM4LjE2MDExODggQzE1LjE3NjgzMTcsMzcuNzc3OTYwNCAxNS4yODYwNTk0LDM3LjQ1MDQxNTggMTUuNTU4OTkwMSwzNy4yMzIwOTkgQzE1LjgzMTkyMDgsMzcuMDEzNzgyMiAxNi4xNTk0NjUzLDM2Ljg0OTk0MDYgMTYuNTk2MjM3NiwzNi44NDk5NDA2IEwxNi41OTYyMzc2LDM2LjUyMjM5NiBMMTcuMDMzMDA5OSwzNi41MjIzOTYgTDE3LjAzMzAwOTksMzYuODQ5OTQwNiBDMTcuNTI0Mzk2LDM2LjkwNDU1NDUgMTcuOTYxMDI5NywzNy4wNjgyNTc0IDE4LjM5NzgwMiwzNy4zNDEzMjY3IEwxNy45NjEwMjk3LDM3Ljk0MTgwMiBDMTcuNjg4MDk5LDM3LjcyMzQ4NTEgMTcuMzYwNTU0NSwzNy42MTQyNTc0IDE3LjAzMzAwOTksMzcuNTU5NjQzNiBMMTcuMDMzMDA5OSwzOC44MTUyMDc5IEMxNy41MjQzOTYsMzguOTI0NDM1NiAxNy45MDY1NTQ1LDM5LjA4ODEzODYgMTguMTc5NDg1MSwzOS4zMDY1OTQxIEMxOC4zOTc4MDIsMzkuNTI0OTEwOSAxOC41NjE2NDM2LDM5Ljc5Nzk4MDIgMTguNTYxNjQzNiw0MC4xODAxMzg2IEMxOC41NjE2NDM2LDQwLjU2MjI5NyAxOC4zOTc4MDIsNDAuODg5ODQxNiAxOC4xMjQ4NzEzLDQxLjEwODE1ODQgQzE3Ljg1MTk0MDYsNDEuMzI2NDc1MiAxNy40Njk3ODIyLDQxLjQ5MDMxNjggMTcuMDMzMDA5OSw0MS40OTAzMTY4IEwxNy4wMzMwMDk5LDQyLjAzNjE3ODIgTDE2LjU5NjA5OSw0Mi4wMzYxNzgyIEwxNi41OTYwOTksNDIuMDM2MzE2OCBaIE0xNi4xMDQ4NTE1LDM3LjcyMzQ4NTEgQzE1Ljk5NTYyMzgsMzcuODMyNzEyOSAxNS45NDEwMDk5LDM3Ljk0MTgwMiAxNS45NDEwMDk5LDM4LjEwNTY0MzYgQzE1Ljk0MTAwOTksMzguMjY5NDg1MSAxNS45OTU2MjM4LDM4LjM3ODU3NDMgMTYuMDUwMjM3NiwzOC40MzMxODgxIEMxNi4xNTk0NjUzLDM4LjU0MjQxNTggMTYuMzIzMTY4MywzOC41OTcwMjk3IDE2LjU0MTYyMzgsMzguNzA2MTE4OCBMMTYuNTQxNjIzOCwzNy41NTk2NDM2IEMxNi4zNzc3ODIyLDM3LjU1OTY0MzYgMTYuMjEzOTQwNiwzNy42MTQyNTc0IDE2LjEwNDg1MTUsMzcuNzIzNDg1MSBaIE0xNy41MjQyNTc0LDQwLjYxNjkxMDkgQzE3LjYzMzQ4NTEsNDAuNTA3NjgzMiAxNy42ODgwOTksNDAuMzk4NTk0MSAxNy42ODgwOTksNDAuMjM0NzUyNSBDMTcuNjg4MDk5LDQwLjA3MDkxMDkgMTcuNjMzNDg1MSwzOS45NjE4MjE4IDE3LjUyNDI1NzQsMzkuODUyNTk0MSBDMTcuNDE1MDI5NywzOS43NDMzNjYzIDE3LjI1MTMyNjcsMzkuNjg4NzUyNSAxNi45NzgzOTYsMzkuNTc5NjYzNCBMMTYuOTc4Mzk2LDQwLjc4MDc1MjUgQzE3LjE5NjcxMjksNDAuNzgwNjEzOSAxNy4zNjA0MTU4LDQwLjcyNiAxNy41MjQyNTc0LDQwLjYxNjkxMDkgWiIgaWQ9IlNoYXBlIiBmaWxsPSIjMzI0QTVFIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTYuNzA1MzI2NywyNC4xODQ1MTQ5IEw5LjE3MTUyNDc1LDQyLjM2Mzg2MTQgTDkuMTcxNTI0NzUsNDIuNTgyMTc4MiBDOS4xNzE1MjQ3NSw0Ni43MzExNjgzIDEyLjU1NjE5OCw1MC4xMTU5ODAyIDE2LjcwNTMyNjcsNTAuMTE1OTgwMiBDMjAuODU0NDU1NCw1MC4xMTU5ODAyIDI0LjIzOTEyODcsNDYuNzMxMzA2OSAyNC4yMzkxMjg3LDQyLjU4MjE3ODIgTDI0LjIzOTEyODcsNDIuMzA5MjQ3NSBMMTYuNzA1MzI2NywyNC4xODQ1MTQ5IFogTTEwLjI2MzM4NjEsNDIuMzYzODYxNCBMMTYuNzA1MzI2NywyNy40MDU0ODUxIEwyMy4xNDcyNjczLDQyLjM2Mzg2MTQgTDEwLjI2MzM4NjEsNDIuMzYzODYxNCBaIiBpZD0iU2hhcGUiIGZpbGw9IiNGOUI1NEMiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwiIGZpbGw9IiNGMTU0M0YiIGN4PSI1My43MTkxMDg5IiBjeT0iMzEuMzM2MTU4NCIgcj0iNC4wOTQzNzYyNCI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsIiBmaWxsPSIjRkY3MDU4IiBjeD0iNTMuNzE5MTA4OSIgY3k9IjMxLjMzNjE1ODQiIHI9IjMuMzg0NjczMjciPjwvY2lyY2xlPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTUzLjU1NTI2NzMsMzQuMTc0OTcwMyBMNTMuNTU1MjY3MywzMy42ODM1ODQyIEM1Mi45NTQ3OTIxLDMzLjYyODk3MDMgNTIuMzU0MTc4MiwzMy4zNTYwMzk2IDUxLjg2MjkzMDcsMzIuOTE5MjY3MyBMNTIuMzU0MzE2OCwzMi4zMTg3OTIxIEM1Mi43MzY0NzUyLDMyLjY0NjMzNjYgNTMuMTE4NjMzNywzMi44NjQ2NTM1IDUzLjU1NTQwNTksMzIuOTE5MjY3MyBMNTMuNTU1NDA1OSwzMS42MDkwODkxIEM1My4wNjQwMTk4LDMxLjQ5OTg2MTQgNTIuNjgxODYxNCwzMS4zMzYxNTg0IDUyLjQwODkzMDcsMzEuMTE3NzAzIEM1Mi4xOTA2MTM5LDMwLjg5OTM4NjEgNTIuMDI2NzcyMywzMC42MjYzMTY4IDUyLjAyNjc3MjMsMzAuMjQ0MTU4NCBDNTIuMDI2NzcyMywyOS44NjIgNTIuMTkwNjEzOSwyOS41MzQ0NTU0IDUyLjQ2MzU0NDYsMjkuMjYxNTI0OCBDNTIuNzM2NDc1MiwyOC45ODg1OTQxIDUzLjExODYzMzcsMjguODc5MzY2MyA1My41NTU0MDU5LDI4Ljg3OTM2NjMgTDUzLjU1NTQwNTksMjguNTUxODIxOCBMNTMuOTkyMTc4MiwyOC41NTE4MjE4IEw1My45OTIxNzgyLDI4Ljg3OTM2NjMgQzU0LjQ4MzU2NDQsMjguOTMzOTgwMiA1NC45NzQ4MTE5LDI5LjA5NzY4MzIgNTUuNDExNTg0MiwyOS4zNzA3NTI1IEw1NC45NzQ4MTE5LDI5Ljk3MTIyNzcgQzU0LjcwMTg4MTIsMjkuNzUyOTEwOSA1NC4zNzQzMzY2LDI5LjY0MzY4MzIgNTMuOTkyMTc4MiwyOS41ODkwNjkzIEw1My45OTIxNzgyLDMwLjg0NDYzMzcgQzU0LjUzODAzOTYsMzAuOTUzODYxNCA1NC45MjAxOTgsMzEuMTE3NTY0NCA1NS4xMzg2NTM1LDMxLjMzNjAxOTggQzU1LjM1Njk3MDMsMzEuNTU0MzM2NiA1NS41MjA4MTE5LDMxLjgyNzQwNTkgNTUuNTIwODExOSwzMi4yNjQwMzk2IEM1NS41MjA4MTE5LDMyLjY0NjE5OCA1NS4zNTY5NzAzLDMyLjk3Mzc0MjYgNTUuMDg0MDM5NiwzMy4yNDY2NzMzIEM1NC44MTExMDg5LDMzLjUxOTYwNCA1NC40Mjg5NTA1LDMzLjYyODgzMTcgNTMuOTkyMTc4MiwzMy42Mjg4MzE3IEw1My45OTIxNzgyLDM0LjEyMDIxNzggTDUzLjU1NTQwNTksMzQuMTIwMjE3OCBMNTMuNTU1NDA1OSwzNC4xNzQ5NzAzIEw1My41NTUyNjczLDM0LjE3NDk3MDMgWiBNNTMuMDYzODgxMiwyOS43NTI5MTA5IEM1Mi45NTQ2NTM1LDI5Ljg2MjEzODYgNTIuOTAwMDM5NiwyOS45NzEyMjc3IDUyLjkwMDAzOTYsMzAuMTM1MDY5MyBDNTIuOTAwMDM5NiwzMC4yOTg5MTA5IDUyLjk1NDY1MzUsMzAuNDA4IDUzLjA2Mzg4MTIsMzAuNTE3MjI3NyBDNTMuMTczMTA4OSwzMC42MjY0NTU0IDUzLjMzNjgxMTksMzAuNjgxMDY5MyA1My41NTUyNjczLDMwLjc5MDE1ODQgTDUzLjU1NTI2NzMsMjkuNTg5MDY5MyBDNTMuMzM2OTUwNSwyOS41ODkyMDc5IDUzLjE3MzEwODksMjkuNjQzNjgzMiA1My4wNjM4ODEyLDI5Ljc1MjkxMDkgWiBNNTQuNDgzMjg3MSwzMi43NTU1NjQ0IEM1NC41OTI1MTQ5LDMyLjY0NjMzNjYgNTQuNjQ3MTI4NywzMi41MzcyNDc1IDU0LjY0NzEyODcsMzIuMzczNDA1OSBDNTQuNjQ3MTI4NywzMi4yMDk1NjQ0IDU0LjU5MjUxNDksMzIuMTAwNDc1MiA1NC40ODMyODcxLDMxLjk5MTI0NzUgQzU0LjM3NDA1OTQsMzEuODgyMDE5OCA1NC4yMTAzNTY0LDMxLjgyNzQwNTkgNTMuOTM3NDI1NywzMS43MTgzMTY4IEw1My45Mzc0MjU3LDMyLjkxOTQwNTkgQzU0LjIxMDM1NjQsMzIuOTE5MjY3MyA1NC4zNzQxOTgsMzIuODY0NjUzNSA1NC40ODMyODcxLDMyLjc1NTU2NDQgWiIgaWQ9IlNoYXBlIiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNTMuNzE5MTA4OSwxNi4yNjg1NTQ1IEw0Ni4xODUzMDY5LDM0LjQ0NzkwMSBMNDYuMTg1MzA2OSwzNC43MjA4MzE3IEM0Ni4xODUzMDY5LDM4Ljg2OTgyMTggNDkuNTY5OTgwMiw0Mi4yNTQ2MzM3IDUzLjcxOTEwODksNDIuMjU0NjMzNyBDNTcuODY4MjM3Niw0Mi4yNTQ2MzM3IDYxLjI1MjkxMDksMzguODY5OTYwNCA2MS4yNTI5MTA5LDM0LjcyMDgzMTcgTDYxLjI1MjkxMDksMzQuNDQ3OTAxIEw1My43MTkxMDg5LDE2LjI2ODU1NDUgWiBNNDcuMjc3MTY4MywzNC40NDc5MDEgTDUzLjcxOTEwODksMTkuNDg5NTI0OCBMNjAuMTYxMDQ5NSwzNC40NDc5MDEgTDQ3LjI3NzE2ODMsMzQuNDQ3OTAxIFoiIGlkPSJTaGFwZSIgZmlsbD0iI0Y5QjU0QyI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS1wYXRoIiBmaWxsPSIjMzI0QTVFIiB4PSIzMy4xMzc3MjI4IiB5PSIxOS43NjI0NTU0IiB3aWR0aD0iMy43NjY4MzE2OCIgaGVpZ2h0PSIzMy4xOTIxOTgiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTMuODYxMzg2LCAxMy44NjEzODYpIiBmaWxsPSIjMkIzQjRFIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMC4xMTQzNTY0MzYsMTAuMzIzMTI4NyBDMC4zMzI2NzMyNjcsMTEuMzA1NzYyNCAxLjI2MDgzMTY4LDExLjkwNjM3NjIgMi4yNDM0NjUzNSwxMS42ODc5MjA4IEw0MC43MzEyNjczLDMuNTUzNjQzNTYgQzQxLjcxMzkwMSwzLjMzNTMyNjczIDQyLjMxNDUxNDksMi40MDcxNjgzMiA0Mi4wOTYwNTk0LDEuNDI0NTM0NjUgQzQxLjg3Nzc0MjYsMC40NDE5MDA5OSA0MC45NDk1ODQyLC0wLjE1ODcxMjg3MSAzOS45NjY5NTA1LDAuMDU5NzQyNTc0MyBMMS40NzkxNDg1MSw4LjE5NDAxOTggQzAuNDk2NTE0ODUxLDguNDEyMzM2NjMgLTAuMTA0MDk5MDEsOS4zNDA0OTUwNSAwLjExNDM1NjQzNiwxMC4zMjMxMjg3IFoiIGlkPSJTaGFwZSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMi42MTU5NDA2LDQyLjA5NTkyMDggTDI5LjcwMzQyNTcsNDIuMDk1OTIwOCBDMjkuNzAzNDI1NywzOS43NDg0OTUgMjcuNzkyNjMzNywzNy44OTIzMTY4IDI1LjQ0NTIwNzksMzcuODkyMzE2OCBMMTYuODc0MTU4NCwzNy44OTIzMTY4IEMxNC41MjY3MzI3LDM3Ljg5MjMxNjggMTIuNjE1OTQwNiwzOS44MDMxMDg5IDEyLjYxNTk0MDYsNDIuMDk1OTIwOCBaIiBpZD0iU2hhcGUiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+";
+var markets = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNTVweCIgaGVpZ2h0PSI0NXB4IiB2aWV3Qm94PSIwIDAgNTUgNDUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUxLjIgKDU3NTE5KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5tYXJrZXRzIGljb248L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iQXNzZXRzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0ibWFya2V0cy1pY29uIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsIiBmaWxsPSIjMzI0QTVFIiBjeD0iOC4wNTU1Njg4NiIgY3k9IjI3LjQ0NTI1MiIgcj0iNC4yODA0ODQyNSI+PC9jaXJjbGU+CiAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwiIGZpbGw9IiNFNkU5RUUiIGN4PSI4LjA1NTU2ODg2IiBjeT0iMjcuNDQ1MjUyIiByPSIzLjU5NTYxODM2Ij48L2NpcmNsZT4KICAgICAgICAgICAgPHBhdGggZD0iTTcuOTQxMzc2MjQsMzAuMzU2MTQ5NCBMNy45NDEzNzYyNCwyOS44NDI0Mjc1IEM3LjMxMzYwNjY2LDI5Ljc4NTMzMTIgNi43NDI3ODg0OCwyOS40OTk5OTQ2IDYuMjI5MjExNTIsMjkuMTAwNDY1MyBMNi43NDI5MzMzOSwyOC40NzI2OTU4IEM3LjE0MjQ2MjY1LDI4LjgxNTEyODcgNy41NDE5OTE5LDI4Ljk4NjQxNzYgNy45NDE1MjExNSwyOS4xMDA0NjUzIEw3Ljk0MTUyMTE1LDI3LjczMDczMzYgQzcuNDI3Nzk5MjgsMjcuNjE2NTQxIDcuMDI4MjcwMDMsMjcuNDQ1Mzk2OSA2LjgwMDAyOTcsMjcuMjE3MDExNyBDNi41NzE3ODkzOCwyNi45ODg3NzE0IDYuNDU3NTk2NzYsMjYuNzAzMjg5OCA2LjQ1NzU5Njc2LDI2LjMwMzc2MDYgQzYuNDU3NTk2NzYsMjUuOTA0MjMxMyA2LjU3MTc4OTM4LDI1LjU2MTc5ODQgNi44NTcxMjYwMSwyNS4zMzM1NTgxIEM3LjE0MjQ2MjY1LDI1LjEwNTMxNzcgNy40ODQ4OTU1OSwyNC45MzQwMjg4IDcuOTQxNTIxMTUsMjQuOTM0MDI4OCBMNy45NDE1MjExNSwyNC41OTE1OTU5IEw4LjM5ODE0NjcxLDI0LjU5MTU5NTkgTDguMzk4MTQ2NzEsMjQuOTM0MDI4OCBDOC45MTE4Njg1OSwyNC45OTExMjUxIDkuMzY4MzQ5MjMsMjUuMTYyMjY5MSA5LjgyNDk3NDgsMjUuNDQ3NzUwNyBMOS4zNjgzNDkyMywyNi4wNzU1MjAzIEM5LjA4MzAxMjYsMjUuODQ3Mjc5OSA4Ljc0MDU3OTY2LDI1LjczMzA4NzMgOC4zOTgxNDY3MSwyNS42NzU5OTEgTDguMzk4MTQ2NzEsMjYuOTg4NjI2NSBDOC45MTE4Njg1OSwyNy4xMDI4MTkxIDkuMzExMzk3ODQsMjcuMjczOTYzMSA5LjU5NjczNDQ3LDI3LjUwMjM0ODMgQzkuODI0OTc0OCwyNy43MzA1ODg3IDkuOTk2MjYzNzMsMjguMDE2MDcwMiA5Ljk5NjI2MzczLDI4LjQxNTU5OTUgQzkuOTk2MjYzNzMsMjguODE1MTI4NyA5LjgyNDk3NDgsMjkuMTU3NTYxNyA5LjUzOTYzODE2LDI5LjM4NTgwMiBDOS4yNTQzMDE1MywyOS42MTQwNDIzIDguODU0NzcyMjgsMjkuNzg1MzMxMiA4LjM5ODE0NjcxLDI5Ljc4NTMzMTIgTDguMzk4MTQ2NzEsMzAuMzU2MDA0NSBMNy45NDEzNzYyNCwzMC4zNTYwMDQ1IEw3Ljk0MTM3NjI0LDMwLjM1NjE0OTQgWiBNNy40Mjc3OTkyOCwyNS44NDcyNzk5IEM3LjMxMzYwNjY2LDI1Ljk2MTQ3MjUgNy4yNTY1MTAzNSwyNi4wNzU1MjAzIDcuMjU2NTEwMzUsMjYuMjQ2ODA5MiBDNy4yNTY1MTAzNSwyNi40MTgwOTgxIDcuMzEzNjA2NjYsMjYuNTMyMTQ1OCA3LjM3MDcwMjk3LDI2LjU4OTI0MjEgQzcuNDg0ODk1NTksMjYuNzAzNDM0NyA3LjY1NjAzOTYsMjYuNzYwNTMxMSA3Ljg4NDQyNDg0LDI2Ljg3NDU3ODggTDcuODg0NDI0ODQsMjUuNjc1OTkxIEM3LjcxMzEzNTkxLDI1LjY3NTk5MSA3LjU0MTg0Njk4LDI1LjczMzA4NzMgNy40Mjc3OTkyOCwyNS44NDcyNzk5IFogTTguOTExNzIzNjcsMjguODcyMjI1IEM5LjAyNTkxNjI5LDI4Ljc1ODAzMjQgOS4wODMwMTI2LDI4LjY0Mzk4NDcgOS4wODMwMTI2LDI4LjQ3MjY5NTggQzkuMDgzMDEyNiwyOC4zMDE0MDY4IDkuMDI1OTE2MjksMjguMTg3MzU5MSA4LjkxMTcyMzY3LDI4LjA3MzE2NjUgQzguNzk3NTMxMDUsMjcuOTU4OTczOSA4LjYyNjM4NzA0LDI3LjkwMTg3NzYgOC4zNDEwNTA0MSwyNy43ODc4Mjk5IEw4LjM0MTA1MDQxLDI5LjA0MzUxNCBDOC41NjkyOTA3MywyOS4wNDMzNjkgOC43NDA0MzQ3NCwyOC45ODYyNzI3IDguOTExNzIzNjcsMjguODcyMjI1IFoiIGlkPSJTaGFwZSIgZmlsbD0iIzMyNEE1RSI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNOC4wNTU1Njg4NiwxMS42OTI5MDE5IEwwLjE3OTMyMTMzMiwzMC42OTg1ODI0IEwwLjE3OTMyMTMzMiwzMC45MjY4MjI3IEMwLjE3OTMyMTMzMiwzNS4yNjQ0MDMyIDMuNzE3ODQzMzgsMzguODAzMDcwMiA4LjA1NTU2ODg2LDM4LjgwMzA3MDIgQzEyLjM5MzI5NDMsMzguODAzMDcwMiAxNS45MzE4MTY0LDM1LjI2NDU0ODIgMTUuOTMxODE2NCwzMC45MjY4MjI3IEwxNS45MzE4MTY0LDMwLjY0MTQ4NiBMOC4wNTU1Njg4NiwxMS42OTI5MDE5IFogTTEuMzIwODEyNzgsMzAuNjk4NTgyNCBMOC4wNTU1Njg4NiwxNS4wNjAyNzk5IEwxNC43OTAzMjQ5LDMwLjY5ODU4MjQgTDEuMzIwODEyNzgsMzAuNjk4NTgyNCBaIiBpZD0iU2hhcGUiIGZpbGw9IiNGOUI1NEMiPjwvcGF0aD4KICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbCIgZmlsbD0iI0YxNTQzRiIgY3g9IjQ2Ljc1MTc5NTciIGN5PSIxOS4xNjk2MjAyIiByPSI0LjI4MDQ4NDI1Ij48L2NpcmNsZT4KICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbCIgZmlsbD0iI0ZGNzA1OCIgY3g9IjQ2Ljc1MTc5NTciIGN5PSIxOS4xNjk2MjAyIiByPSIzLjUzODUyMjA1Ij48L2NpcmNsZT4KICAgICAgICAgICAgPHBhdGggZD0iTTQ2LjU4MDUwNjgsMjIuMTM3NDY4OSBMNDYuNTgwNTA2OCwyMS42MjM3NDcxIEM0NS45NTI3MzcyLDIxLjU2NjY1MDggNDUuMzI0ODIyNywyMS4yODEzMTQxIDQ0LjgxMTI0NTcsMjAuODI0Njg4NiBMNDUuMzI0OTY3NiwyMC4xOTY5MTkgQzQ1LjcyNDQ5NjgsMjAuNTM5MzUxOSA0Ni4xMjQwMjYxLDIwLjc2NzU5MjMgNDYuNTgwNjUxNywyMC44MjQ2ODg2IEw0Ni41ODA2NTE3LDE5LjQ1NDk1NjggQzQ2LjA2NjkyOTgsMTkuMzQwNzY0MiA0NS42Njc0MDA1LDE5LjE2OTYyMDIgNDUuMzgyMDYzOSwxOC45NDEyMzQ5IEM0NS4xNTM4MjM2LDE4LjcxMjk5NDYgNDQuOTgyNTM0NywxOC40Mjc1MTMxIDQ0Ljk4MjUzNDcsMTguMDI3OTgzOCBDNDQuOTgyNTM0NywxNy42Mjg0NTQ1IDQ1LjE1MzgyMzYsMTcuMjg2MDIxNiA0NS40MzkxNjAyLDE3LjAwMDY4NSBDNDUuNzI0NDk2OCwxNi43MTUzNDgzIDQ2LjEyNDAyNjEsMTYuNjAxMTU1NyA0Ni41ODA2NTE3LDE2LjYwMTE1NTcgTDQ2LjU4MDY1MTcsMTYuMjU4NzIyOCBMNDcuMDM3Mjc3MiwxNi4yNTg3MjI4IEw0Ny4wMzcyNzcyLDE2LjYwMTE1NTcgQzQ3LjU1MDk5OTEsMTYuNjU4MjUyIDQ4LjA2NDU3NjEsMTYuODI5Mzk2IDQ4LjUyMTIwMTYsMTcuMTE0ODc3NiBMNDguMDY0NTc2MSwxNy43NDI2NDcyIEM0Ny43NzkyMzk0LDE3LjUxNDQwNjggNDcuNDM2ODA2NSwxNy40MDAyMTQyIDQ3LjAzNzI3NzIsMTcuMzQzMTE3OSBMNDcuMDM3Mjc3MiwxOC42NTU3NTM0IEM0Ny42MDc5NTA1LDE4Ljc2OTk0NiA0OC4wMDc0Nzk3LDE4Ljk0MTA5IDQ4LjIzNTg2NSwxOS4xNjk0NzUyIEM0OC40NjQxMDUzLDE5LjM5NzcxNTYgNDguNjM1Mzk0MiwxOS42ODMxOTcxIDQ4LjYzNTM5NDIsMjAuMTM5Njc3OCBDNDguNjM1Mzk0MiwyMC41MzkyMDcgNDguNDY0MTA1MywyMC44ODE2NCA0OC4xNzg3Njg3LDIxLjE2Njk3NjYgQzQ3Ljg5MzQzMiwyMS40NTIzMTMyIDQ3LjQ5MzkwMjgsMjEuNTY2NTA1OSA0Ny4wMzcyNzcyLDIxLjU2NjUwNTkgTDQ3LjAzNzI3NzIsMjIuMDgwMjI3NyBMNDYuNTgwNjUxNywyMi4wODAyMjc3IEw0Ni41ODA2NTE3LDIyLjEzNzQ2ODkgTDQ2LjU4MDUwNjgsMjIuMTM3NDY4OSBaIE00Ni4wNjY3ODQ5LDE3LjUxNDQwNjggQzQ1Ljk1MjU5MjMsMTcuNjI4NTk5NSA0NS44OTU0OTU5LDE3Ljc0MjY0NzIgNDUuODk1NDk1OSwxNy45MTM5MzYxIEM0NS44OTU0OTU5LDE4LjA4NTIyNSA0NS45NTI1OTIzLDE4LjE5OTI3MjcgNDYuMDY2Nzg0OSwxOC4zMTM0NjUzIEM0Ni4xODA5Nzc1LDE4LjQyNzY1OCA0Ni4zNTIxMjE1LDE4LjQ4NDc1NDMgNDYuNTgwNTA2OCwxOC41OTg4MDIgTDQ2LjU4MDUwNjgsMTcuMzQzMTE3OSBDNDYuMzUyMjY2NCwxNy4zNDMyNjI4IDQ2LjE4MDk3NzUsMTcuNDAwMjE0MiA0Ni4wNjY3ODQ5LDE3LjUxNDQwNjggWiBNNDcuNTUwNzA5MywyMC42NTM1NDQ2IEM0Ny42NjQ5MDE5LDIwLjUzOTM1MTkgNDcuNzIxOTk4MiwyMC40MjUzMDQyIDQ3LjcyMTk5ODIsMjAuMjU0MDE1MyBDNDcuNzIxOTk4MiwyMC4wODI3MjY0IDQ3LjY2NDkwMTksMTkuOTY4Njc4NyA0Ny41NTA3MDkzLDE5Ljg1NDQ4NiBDNDcuNDM2NTE2NywxOS43NDAyOTM0IDQ3LjI2NTM3MjYsMTkuNjgzMTk3MSA0Ni45ODAwMzYsMTkuNTY5MTQ5NCBMNDYuOTgwMDM2LDIwLjgyNDgzMzUgQzQ3LjI2NTM3MjYsMjAuODI0Njg4NiA0Ny40MzY2NjE2LDIwLjc2NzU5MjMgNDcuNTUwNzA5MywyMC42NTM1NDQ2IFoiIGlkPSJTaGFwZSIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNNDYuNzUxNzk1NywzLjQxNzEyNTExIEwzOC44NzU1NDgyLDIyLjQyMjgwNTYgTDM4Ljg3NTU0ODIsMjIuNzA4MTQyMiBDMzguODc1NTQ4MiwyNy4wNDU3MjI4IDQyLjQxNDA3MDIsMzAuNTg0Mzg5NyA0Ni43NTE3OTU3LDMwLjU4NDM4OTcgQzUxLjA4OTUyMTIsMzAuNTg0Mzg5NyA1NC42MjgwNDMyLDI3LjA0NTg2NzcgNTQuNjI4MDQzMiwyMi43MDgxNDIyIEw1NC42MjgwNDMyLDIyLjQyMjgwNTYgTDQ2Ljc1MTc5NTcsMy40MTcxMjUxMSBaIE00MC4wMTcwMzk2LDIyLjQyMjgwNTYgTDQ2Ljc1MTc5NTcsNi43ODQ1MDMxNSBMNTMuNDg2NTUxOCwyMi40MjI4MDU2IEw0MC4wMTcwMzk2LDIyLjQyMjgwNTYgWiIgaWQ9IlNoYXBlIiBmaWxsPSIjRjlCNTRDIj48L3BhdGg+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtcGF0aCIgZmlsbD0iIzMyNEE1RSIgeD0iMjUuMjM0ODkyIiB5PSI3LjA2OTgzOTc4IiB3aWR0aD0iMy45MzgwNTEzMSIgaGVpZ2h0PSIzNC43MDA5MzQzIj48L3JlY3Q+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS4wODIzNTgsIDAuOTAwNTQwKSIgZmlsbD0iIzJCM0I0RSI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMC4xMTk1NTQ0NTUsMTAuNzkyMzYxOCBDMC4zNDc3OTQ3NzksMTEuODE5NjYwNyAxLjMxODE0MjIxLDEyLjQ0NzU3NTIgMi4zNDU0NDEwNCwxMi4yMTkxODk5IEw0Mi41ODI2ODg2LDMuNzE1MTcyODIgQzQzLjYwOTk4NzQsMy40ODY5MzI0OSA0NC4yMzc5MDE5LDIuNTE2NTg1MDYgNDQuMDA5NTE2NywxLjQ4OTI4NjIzIEM0My43ODEyNzYzLDAuNDYxOTg3Mzk5IDQyLjgxMDkyODksLTAuMTY1OTI3MDkzIDQxLjc4MzYzMDEsMC4wNjI0NTgxNDU4IEwxLjU0NjM4MjU0LDguNTY2NDc1MjUgQzAuNTE5MDgzNzA4LDguNzk0NzE1NTcgLTAuMTA4ODMwNzgzLDkuNzY1MDYzMDEgMC4xMTk1NTQ0NTUsMTAuNzkyMzYxOCBaIiBpZD0iU2hhcGUiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMy4xODkzOTI0LDQ0LjAwOTM3MTcgTDMxLjA1MzU4MTUsNDQuMDA5MzcxNyBDMzEuMDUzNTgxNSw0MS41NTUyNDQ4IDI5LjA1NTkzNTIsMzkuNjE0Njk0OSAyNi42MDE4MDgzLDM5LjYxNDY5NDkgTDE3LjY0MTE2NTYsMzkuNjE0Njk0OSBDMTUuMTg3MDM4NywzOS42MTQ2OTQ5IDEzLjE4OTM5MjQsNDEuNjEyMzQxMSAxMy4xODkzOTI0LDQ0LjAwOTM3MTcgWiIgaWQ9IlNoYXBlIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==";
 
@@ -33,3 +33,3 @@ /* babel-plugin-inline-import './img/twitter.svg' */
 /* babel-plugin-inline-import './img/wallet.svg' */
-var wallet = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNzBweCIgaGVpZ2h0PSI3MHB4IiB2aWV3Qm94PSIwIDAgNzAgNzAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUxICg1NzQ2MikgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+aWNvbjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJFeHBsb3Jlci1maW5hbCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9ImJjaC0tLXR4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjE3LjAwMDAwMCwgLTIxMDEuMDAwMDAwKSI+CiAgICAgICAgICAgIDxyZWN0IGZpbGw9IiNGRkZGRkYiIHg9IjAiIHk9IjAiIHdpZHRoPSIxNDQwIiBoZWlnaHQ9IjMwNjciPjwvcmVjdD4KICAgICAgICAgICAgPGcgaWQ9InByb2R1Y3RzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMTcyNi4wMDAwMDApIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICAgICAgPGcgaWQ9ImJ1Y2tldC0xIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5OC4wMDAwMDAsIDI4Mi4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0id2FsbGV0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNC4wMDAwMDAsIDYxLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iaWNvbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTUuMDAwMDAwLCAzMi4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwiIGZpbGw9IiNFRkFBOUEiIGN4PSIzNSIgY3k9IjM1IiByPSIzNSI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTkuNjg3NTI0MiwyMi44ODQ2MTU0IEw0OC4yOTMyNDUsMjIuODg0NjE1NCBDNDkuODY2NTkzOCwyMi44ODQ2MTU0IDUxLjE1Mzg0NjIsMjQuMjA5NzE2OSA1MS4xNTM4NDYyLDI1LjgyOTMyNjkgTDUxLjE1Mzg0NjIsMjkuMzYyOTgwOCBDNTEuMTUzODQ2MiwzMC45ODI1OTA4IDQ5Ljg2NjU5MzgsMzIuMzA3NjkyMyA0OC4yOTMyNDUsMzIuMzA3NjkyMyBMMTkuNjg3NTI0MiwzMi4zMDc2OTIzIEMxOC4xMTQxNzU0LDMyLjMwNzU0MjggMTYuODI2OTIzMSwzMC45ODI0NDEzIDE2LjgyNjkyMzEsMjkuMzYyOTA2IEwxNi44MjY5MjMxLDI1LjgyOTI1MjIgQzE2LjgyNjkyMzEsMjQuMjA5NzE2OSAxOC4xMTQxNzU0LDIyLjg4NDYxNTQgMTkuNjg3NTI0MiwyMi44ODQ2MTU0IFoiIGlkPSJTaGFwZSIgZmlsbD0iI0I3NzI0MyI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTI2LjI0NTMyNywyNS41MDAzNDIgTDQ0LjA2NDYxMDksMjAuOTA2MDAxNyBDNDQuNjYyMzk4MywyMC43Mzk5NDU0IDQ1LjI4ODU4OTksMjEuMDk5NzQ1NyA0NS40NTkzNzYsMjEuNjgwOTc3OCBMNDguNDE5NzY0NSwzMi4zMDg5Mjk4IEM0OC41OTA1NTA2LDMyLjg5MDE2MTkgNDguMjIwNTAyLDMzLjQ5OTAxMTQgNDcuNjIyNzE0NiwzMy42NjUwNjc3IEwyNC40MjM1NjA2LDM5LjY3MDkyMTQgQzIzLjgyNTc3MzEsMzkuODM2OTc3NyAyMy4xOTk1ODE2LDM5LjQ3NzE3NzQgMjMuMDI4Nzk1NSwzOC44OTU5NDUzIEwyMC44NjUzODQ2LDMxLjA5MTA5MDIgTDI2LjI0NTMyNywyNS41MDAzNDIgWiIgaWQ9IlNoYXBlIiBmaWxsPSIjM0RCMzlFIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNDQuNjc3MDQ3NywzMi4zNDcyIEw0MC44NDY1OTk4LDMzLjM3MTk1NSBDNDAuNTM0NTEsMzMuNDU3Mzg3NCA0MC4yMjIzNDgyLDMzLjI4NjUyMjYgNDAuMTY1NjUwNSwzMi45NzM0MTUxIEM0MC4wODA0OTU4LDMyLjY2MDMwNzUgNDAuMjUwODA1MSwzMi4zNDcxMjc3IDQwLjU2Mjg5NDksMzIuMjkwMjQ1IEw0My44NTQyNDU5LDMxLjQwNzgwNSBMNDIuMDk1MTAyOSwyNC44MDM2MzUyIEwzOC44MDM3NTE4LDI1LjY4NjA3NTIgQzM4LjQ5MTY2MjEsMjUuNzcxNTA3NiAzOC4xNzk1MDAzLDI1LjYwMDY0MjkgMzguMTIyODAyNSwyNS4yODc1MzUzIEMzOC4wMzc2NDc5LDI0Ljk3NDQyNzcgMzguMjA3OTU3MiwyNC42NjEyNDc5IDM4LjUyMDA0NywyNC42MDQzNjUzIEw0Mi4zNTA0OTQ5LDIzLjU3OTYxMDIgQzQyLjY2MjU4NDYsMjMuNDk0MTc3OCA0Mi45NzQ3NDY0LDIzLjY2NTA0MjYgNDMuMDMxNDQ0MiwyMy45NzgxNTAxIEw0NS4wNzQzNjQxLDMxLjY2NDAyOTkgQzQ1LjE1OTM3NDcsMzEuOTc3MTM3NSA0NC45ODkxMzc0LDMyLjI5MDI0NSA0NC42NzcwNDc3LDMyLjM0NzIgWiBNMjguNzg3NzAyMywzNi42NDU2MzQ3IEwyNC45NTcyNTQ0LDM3LjY3MDM4OTggQzI0LjY0NTE2NDYsMzcuNzU1ODIyMiAyNC4zMzMwMDI4LDM3LjU4NDk1NzQgMjQuMjc2MzA1MSwzNy4yNzE4NDk5IEwyMi4yMzMzODUxLDI5LjU4NTk3MDEgQzIyLjE0ODIzMDQsMjkuMjcyODYyNSAyMi4zMTg1Mzk4LDI4Ljk1OTY4MjcgMjIuNjMwNjI5NSwyOC45MDI4IEwyNi40NjEwNzc0LDI3Ljg3ODA0NSBDMjYuNzczMTY3MiwyNy43OTI2MTI2IDI3LjA4NTMyOSwyNy45NjM0Nzc0IDI3LjE0MjAyNjcsMjguMjc2NTg0OSBDMjcuMjI3MTgxNCwyOC41ODk2OTI1IDI3LjA1Njg3MjEsMjguOTAyODcyMyAyNi43NDQ3ODIzLDI4Ljk1OTc1NSBMMjMuNDUzNDMxMywyOS44NDIxOTUgTDI1LjIxMjU3NDMsMzYuNDQ2MzY0OCBMMjguNTAzOTI1NCwzNS41NjM5MjQ4IEMyOC44MTYwMTUxLDM1LjQ3ODQ5MjQgMjkuMTI4MTc2OSwzNS42NDkzNTcxIDI5LjE4NDg3NDcsMzUuOTYyNDY0NyBDMjkuMjcwMDI5MywzNi4yNDcwOTQ4IDI5LjA5OTc5MiwzNi41NjAyMDI0IDI4Ljc4NzcwMjMsMzYuNjQ1NjM0NyBaIiBpZD0iU2hhcGUiIGZpbGw9IiM3OENBQkIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNi44NTQ4Mjg5LDI5LjcwMjgzNzkgQzIxLjgwNzUwNDEsMjYuODUyMjY3MyAzNS4xNjMyMDk5LDE4Ljk5OTM0MzYgMzUuMTYzMjA5OSwxOC45OTkzNDM2IEMzNS42OTE4NjU0LDE4LjY5MTk1NjMgMzYuMzg3NDYxMSwxOC44NTk2Mjg1IDM2LjY5MzU3NjksMTkuMzkwNjAyNiBMNDIuMjU4NDEzMSwyOS4wMDQxMjA3IEM0Mi41NjQ0NTgyLDI5LjUzNTA5NDcgNDIuMzY5NjgzLDMwLjIwNTc4MzggNDEuODQxMDI3NCwzMC41MTMyNDIxIEwyMS40NzM2MjM4LDQyLjI1MDY1NjQgQzIwLjk0NDk2ODMsNDIuNTU4MDQzNyAyMC4yNDkzNzI2LDQyLjM5MDM3MTUgMTkuOTQzMjU2OCw0MS44NTkzOTc0IEMxOS45NDMyNTY4LDQxLjg1OTM5NzQgMTguMzg1MTI1MiwzOC42NzM1NTMyIDE2LjgyNjkyMzEsMzUuOTkwNjU0OCBDMTYuODI2OTkzNywyOS43MDI4Mzc5IDE2Ljg1NDgyODksMzEuNzcwODE5NyAxNi44NTQ4Mjg5LDI5LjcwMjgzNzkgWiIgaWQ9IlNoYXBlIiBmaWxsPSIjNUFCRUFDIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNDAuMzAzMzk4NiwyOS4zNDUzOTczIEwzNi4zMTgyMDQ5LDIyLjQ5Njc1NTUgQzM2LjE0NzQxNSwyMi4yMTM3ODc2IDM1LjgwNTgzNTIsMjIuMTI4ODU0MSAzNS41NDk2MTQzLDIyLjI5ODY0OTIgTDMyLjEwNTI2NzMsMjQuMjc5NjM5OSBDMzEuODIwNjQxNiwyNC40NDk0MzUgMzEuNzM1MjEwNSwyNC43ODkwMjUyIDMxLjkwNjAwMDQsMjUuMDQzNzUzOCBDMzIuMDc2NzkwMiwyNS4zMjY3MjE3IDMyLjQxODM3LDI1LjQxMTY1NTIgMzIuNjc0NTkxLDI1LjI0MTg2MDEgTDM1LjYzNTA0NTQsMjMuNTQzODM3MiBMMzkuMDUwOTg3NiwyOS40MzAyNTkgTDM2LjA5MDUzMzIsMzEuMTI4MjgxOCBDMzUuODA1OTA3NSwzMS4yOTgwNzY5IDM1LjcyMDQ3NjQsMzEuNjM3NjY3MSAzNS44OTEyNjYzLDMxLjg5MjM5NTcgQzM2LjA2MjA1NjIsMzIuMTc1MzYzNiAzNi40MDM2MzYsMzIuMjYwMjk3MSAzNi42NTk4NTcsMzIuMDkwNTAyIEw0MC4xMDQyMDQsMzAuMTA5NTExMiBDNDAuMzYwMzUyNywyOS45NjgwMjczIDQwLjQ3NDE4ODUsMjkuNjI4NDM3MSA0MC4zMDMzOTg2LDI5LjM0NTM5NzMgWiBNMjUuMjE2NTAxLDM3LjM1NDM2NTYgTDIyLjI1NjA0NjYsMzkuMDUyMzg4NSBMMTguODQwMTA0MywzMy4xNjU4OTQ5IEwyMS44MDA1NTg3LDMxLjQ2Nzg3MiBDMjIuMDg1MTg0NCwzMS4yOTgwNzY5IDIyLjE3MDYxNTUsMzAuOTU4NDg2NyAyMS45OTk4MjU2LDMwLjcwMzc1ODEgQzIxLjgyOTAzNTcsMzAuNDIwNzkwMyAyMS40ODc0NTYsMzAuMzM1ODU2OCAyMS4yMzEyMzUsMzAuNTA1NjUxOSBMMTcuNzg2ODg4LDMyLjQ4NjY0MjYgQzE3LjUwMjI2MjMsMzIuNjU2NDM3NyAxNy40MTY4MzEyLDMyLjk5NjAyNzkgMTcuNTg3NjIxMSwzMy4yNTA3NTY1IEwyMS41NzI4MTQ4LDQwLjA5OTM5ODQgQzIxLjc0MzYwNDcsNDAuMzgyMzY2MyAyMi4wODUxODQ0LDQwLjQ2NzI5OTggMjIuMzQxNDA1NCw0MC4yOTc1MDQ3IEwyNS43ODU3NTI0LDM4LjMxNjUxMzkgQzI2LjA3MDM3ODEsMzguMTQ2NzE4OCAyNi4xNTU4MDkyLDM3LjgwNzEyODYgMjUuOTg1MDE5MywzNy41NTI0IEMyNS44NDI3MDY1LDM3LjI5Nzc0MzMgMjUuNTAxMTI2NywzNy4xODQ0OTg3IDI1LjIxNjUwMSwzNy4zNTQzNjU2IFogTTI2LjY2ODI1MTEsMjcuMzY0NDA2NiBDMjQuNDc2Mzg3NCwyOC42MDk1OTQ2IDIzLjczNjI3MzgsMzEuMzgzMDEwNCAyNC45ODg3NTcsMzMuNTYyMTA3NCBDMjYuMjY5NzE3MywzNS43NDEyMDQ0IDI5LjAzMDkwNDgsMzYuNDc3MDA3MSAzMS4yMjI3Njg1LDM1LjIzMTgxOTEgQzMzLjQxNDYzMjMsMzMuOTg2NjMxMSAzNC4xNTQ3NDU5LDMxLjIxMzIxNTMgMzIuOTAyMjYyNiwyOS4wMzQxMTgzIEMzMS42MjEzMDI0LDI2Ljg4MzI2MDYgMjguODYwMTE0OSwyNi4xMTkyMTg2IDI2LjY2ODI1MTEsMjcuMzY0NDA2NiBaIE00MC4zMDMzOTg2LDI5LjM0NTM5NzMgTDM2LjMxODIwNDksMjIuNDk2NzU1NSBDMzYuMTQ3NDE1LDIyLjIxMzc4NzYgMzUuODA1ODM1MiwyMi4xMjg4NTQxIDM1LjU0OTYxNDMsMjIuMjk4NjQ5MiBMMzIuMTA1MjY3MywyNC4yNzk2Mzk5IEMzMS44MjA2NDE2LDI0LjQ0OTQzNSAzMS43MzUyMTA1LDI0Ljc4OTAyNTIgMzEuOTA2MDAwNCwyNS4wNDM3NTM4IEMzMi4wNzY3OTAyLDI1LjMyNjcyMTcgMzIuNDE4MzcsMjUuNDExNjU1MiAzMi42NzQ1OTEsMjUuMjQxODYwMSBMMzUuNjM1MDQ1NCwyMy41NDM4MzcyIEwzOS4wNTA5ODc2LDI5LjQzMDI1OSBMMzYuMDkwNTMzMiwzMS4xMjgyODE4IEMzNS44MDU5MDc1LDMxLjI5ODA3NjkgMzUuNzIwNDc2NCwzMS42Mzc2NjcxIDM1Ljg5MTI2NjMsMzEuODkyMzk1NyBDMzYuMDYyMDU2MiwzMi4xNzUzNjM2IDM2LjQwMzYzNiwzMi4yNjAyOTcxIDM2LjY1OTg1NywzMi4wOTA1MDIgTDQwLjEwNDIwNCwzMC4xMDk1MTEyIEM0MC4zNjAzNTI3LDI5Ljk2ODAyNzMgNDAuNDc0MTg4NSwyOS42Mjg0MzcxIDQwLjMwMzM5ODYsMjkuMzQ1Mzk3MyBaIE0yNS4yMTY1MDEsMzcuMzU0MzY1NiBMMjIuMjU2MDQ2NiwzOS4wNTIzODg1IEwxOC44NDAxMDQzLDMzLjE2NTg5NDkgTDIxLjgwMDU1ODcsMzEuNDY3ODcyIEMyMi4wODUxODQ0LDMxLjI5ODA3NjkgMjIuMTcwNjE1NSwzMC45NTg0ODY3IDIxLjk5OTgyNTYsMzAuNzAzNzU4MSBDMjEuODI5MDM1NywzMC40MjA3OTAzIDIxLjQ4NzQ1NiwzMC4zMzU4NTY4IDIxLjIzMTIzNSwzMC41MDU2NTE5IEwxNy43ODY4ODgsMzIuNDg2NjQyNiBDMTcuNTAyMjYyMywzMi42NTY0Mzc3IDE3LjQxNjgzMTIsMzIuOTk2MDI3OSAxNy41ODc2MjExLDMzLjI1MDc1NjUgTDIxLjU3MjgxNDgsNDAuMDk5Mzk4NCBDMjEuNzQzNjA0Nyw0MC4zODIzNjYzIDIyLjA4NTE4NDQsNDAuNDY3Mjk5OCAyMi4zNDE0MDU0LDQwLjI5NzUwNDcgTDI1Ljc4NTc1MjQsMzguMzE2NTEzOSBDMjYuMDcwMzc4MSwzOC4xNDY3MTg4IDI2LjE1NTgwOTIsMzcuODA3MTI4NiAyNS45ODUwMTkzLDM3LjU1MjQgQzI1Ljg0MjcwNjUsMzcuMjk3NzQzMyAyNS41MDExMjY3LDM3LjE4NDQ5ODcgMjUuMjE2NTAxLDM3LjM1NDM2NTYgWiBNMjYuNjY4MjUxMSwyNy4zNjQ0MDY2IEMyNC40NzYzODc0LDI4LjYwOTU5NDYgMjMuNzM2MjczOCwzMS4zODMwMTA0IDI0Ljk4ODc1NywzMy41NjIxMDc0IEMyNi4yNjk3MTczLDM1Ljc0MTIwNDQgMjkuMDMwOTA0OCwzNi40NzcwMDcxIDMxLjIyMjc2ODUsMzUuMjMxODE5MSBDMzMuNDE0NjMyMywzMy45ODY2MzExIDM0LjE1NDc0NTksMzEuMjEzMjE1MyAzMi45MDIyNjI2LDI5LjAzNDExODMgQzMxLjYyMTMwMjQsMjYuODgzMjYwNiAyOC44NjAxMTQ5LDI2LjExOTIxODYgMjYuNjY4MjUxMSwyNy4zNjQ0MDY2IFoiIGlkPSJTaGFwZSIgZmlsbD0iIzhDRDJDNSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTQ5LjAwNDMxOTMsNTEuMTUzODQ2MiBMMTkuNjQ5NTI2OCw1MS4xNTM4NDYyIEMxOC4wOTcwNzY5LDUxLjE1Mzg0NjIgMTYuODI2OTIzMSw0OS45MDg2NjA5IDE2LjgyNjkyMzEsNDguMzg2NzI4NyBMMTYuODI2OTIzMSwyOC40NjM2OTM5IEw0OS4wMDQzMTkzLDI4LjQ2MzY5MzkgQzUwLjU1Njc2OTMsMjguNDYzNjkzOSA1MS44MjY5MjMxLDI5LjcwODg3OTIgNTEuODI2OTIzMSwzMS4yMzA4MTE0IEw1MS44MjY5MjMxLDQ4LjM4Njc5OSBDNTEuODI2ODUxNCw0OS45MDg2NjA5IDUwLjU1NjY5NzYsNTEuMTUzODQ2MiA0OS4wMDQzMTkzLDUxLjE1Mzg0NjIgWiBNMTkuMDg1MDA2MSwyOC40NjM2OTM5IEwxNi44MjY5MjMxLDI4LjQ2MzY5MzkgTDE2LjgyNjkyMzEsMjYuMjUgQzE2LjgyNjkyMzEsMjcuNDY3NTAzNiAxNy44NDMwMTc0LDI4LjQ2MzY5MzkgMTkuMDg1MDA2MSwyOC40NjM2OTM5IFoiIGlkPSJTaGFwZSIgZmlsbD0iI0I3NzI0MyI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTUyLjA2NDQ2MzEsNDMuMDc2OTIzMSBMNDcuNjMwMDc4MSw0My4wNzY5MjMxIEM0NS40OTYwMjgxLDQzLjA3NjkyMzEgNDMuNzUsNDEuNDExMDY0NCA0My43NSwzOS4zNzUgQzQzLjc1LDM3LjMzODkzNTYgNDUuNDk2MDI4MSwzNS42NzMwNzY5IDQ3LjYzMDA3ODEsMzUuNjczMDc2OSBMNTIuMDY0NDYzMSwzNS42NzMwNzY5IEM1Mi42NzQyMjE4LDM1LjY3MzA3NjkgNTMuMTczMDc2OSwzNi4xNDkwMjcgNTMuMTczMDc2OSwzNi43MzA3ODg0IEw1My4xNzMwNzY5LDQyLjAxOTI3ODcgQzUzLjE3MzA3NjksNDIuNjAwOTczIDUyLjY3NDIyMTgsNDMuMDc2OTIzMSA1Mi4wNjQ0NjMxLDQzLjA3NjkyMzEgWiIgaWQ9IlNoYXBlIiBmaWxsPSIjQjc3MjQzIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNDkuMDA0MzE5Myw1MCBMMTkuNjQ5NTI2OCw1MCBDMTguMDk3MDc2OSw1MCAxNi44MjY5MjMxLDQ4LjcwMTk0MTQgMTYuODI2OTIzMSw0Ny4xMTUzODQ2IEwxNi44MjY5MjMxLDQ4LjI2OTIzMDggQzE2LjgyNjkyMzEsNDkuODU1Nzg3NSAxOC4wOTcwNzY5LDUxLjE1Mzg0NjIgMTkuNjQ5NTI2OCw1MS4xNTM4NDYyIEw0OS4wMDQzMTkzLDUxLjE1Mzg0NjIgQzUwLjU1Njc2OTMsNTEuMTUzODQ2MiA1MS44MjY5MjMxLDQ5Ljg1NTc4NzUgNTEuODI2OTIzMSw0OC4yNjkyMzA4IEw1MS44MjY5MjMxLDQ3LjExNTM4NDYgQzUxLjgyNjg1MTQsNDguNzAxOTQxNCA1MC41NTY2OTc2LDUwIDQ5LjAwNDMxOTMsNTAgWiIgaWQ9IlNoYXBlIiBmaWxsPSIjQjI3MjQ1Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNDkuMDA0MzE5MywyOC40NTI3OTcyIEwxOS4wODUwMDYxLDI4LjQ1Mjc5NzIgQzE3Ljg0MzAxNzQsMjguNDUyNzk3MiAxNi44MjY5MjMxLDI3LjQ2MTUxMDUgMTYuODI2OTIzMSwyNi4yNSBMMTYuODI2OTIzMSwyNy4zNTEzOTg2IEMxNi44MjY5MjMxLDI4LjU2MjkwOTEgMTcuODQzMDE3NCwyOS41NTQxOTU4IDE5LjA4NTAwNjEsMjkuNTU0MTk1OCBMNDkuMDA0MzE5MywyOS41NTQxOTU4IEM1MC41NTY3NjkzLDI5LjU1NDE5NTggNTEuODI2OTIzMSwzMC43OTMyNTE4IDUxLjgyNjkyMzEsMzIuMzA3NjkyMyBMNTEuODI2OTIzMSwzMS4yMDYyOTM3IEM1MS44MjY4NTE0LDI5LjY5MTg1MzIgNTAuNTU2Njk3NiwyOC40NTI3OTcyIDQ5LjAwNDMxOTMsMjguNDUyNzk3MiBaIiBpZD0iU2hhcGUiIGZpbGw9IiNDQThCNUYiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+";
+var wallet = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNTBweCIgaGVpZ2h0PSI0NHB4IiB2aWV3Qm94PSIwIDAgNTAgNDQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUxLjIgKDU3NTE5KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5pY29uPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IkFzc2V0cyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Imljb24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xLjAwMDAwMCwgLTEuMDAwMDAwKSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPHBhdGggZD0iTTUuMDQ2MDg1NzYsNi42MDg1OTcyOSBMNDQuMTkwNzU2Myw2LjYwODU5NzI5IEM0Ni4zNDM3NTk5LDYuNjA4NTk3MjkgNDguMTA1MjYzMiw4LjQwMTM4MTY3IDQ4LjEwNTI2MzIsMTAuNTkyNjE4OCBMNDguMTA1MjYzMiwxNS4zNzM0NDQ2IEM0OC4xMDUyNjMyLDE3LjU2NDY4MTcgNDYuMzQzNzU5OSwxOS4zNTc0NjYxIDQ0LjE5MDc1NjMsMTkuMzU3NDY2MSBMNS4wNDYwODU3NiwxOS4zNTc0NjYxIEMyLjg5MzA4MjE3LDE5LjM1NzI2MzggMS4xMzE1Nzg5NSwxNy41NjQ0Nzk0IDEuMTMxNTc4OTUsMTUuMzczMzQzNCBMMS4xMzE1Nzg5NSwxMC41OTI1MTc2IEMxLjEzMTU3ODk1LDguNDAxMzgxNjcgMi44OTMwODIxNyw2LjYwODU5NzI5IDUuMDQ2MDg1NzYsNi42MDg1OTcyOSBaIiBpZD0iU2hhcGUiIGZpbGw9IiNCNzcyNDMiPjwvcGF0aD4KICAgICAgICAgICAgPHBhdGggZD0iTTE0LjAxOTkyMTIsMTAuMTQ3NTIxNiBMMzguNDA0MjA0NCwzLjkzMTY0OTM0IEMzOS4yMjIyMjkzLDMuNzA2OTg0OTggNDAuMDc5MTIzLDQuMTkzNzczNiA0MC4zMTI4MzAzLDQuOTgwMTQ2MzcgTDQ0LjM2Mzg4ODIsMTkuMzU5MTQwNCBDNDQuNTk3NTk1NSwyMC4xNDU1MTMxIDQ0LjA5MTIxMzMsMjAuOTY5MjUwNyA0My4yNzMxODg0LDIxLjE5MzkxNTEgTDExLjUyNjk3NzYsMjkuMzE5NDgxOSBDMTAuNzA4OTUyNywyOS41NDQxNDYyIDkuODUyMDU5LDI5LjA1NzM1NzYgOS42MTgzNTE3MywyOC4yNzA5ODQ5IEw2LjY1Nzg5NDc0LDE3LjcxMTQ3NSBMMTQuMDE5OTIxMiwxMC4xNDc1MjE2IFoiIGlkPSJTaGFwZSIgZmlsbD0iIzNEQjM5RSI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNMzkuMjQyMjc1NywxOS40MTA5MTc2IEwzNC4wMDA2MTAyLDIwLjc5NzM1MDkgQzMzLjU3MzU0LDIwLjkxMjkzNTkgMzMuMTQ2MzcxMiwyMC42ODE3NjU5IDMzLjA2ODc4NDgsMjAuMjU4MTQ5OCBDMzIuOTUyMjU3NCwxOS44MzQ1MzM3IDMzLjE4NTMxMjMsMTkuNDEwODE5OCAzMy42MTIzODI1LDE5LjMzMzg2MDkgTDM4LjExNjMzNjUsMTguMTM5OTcxNSBMMzUuNzA5MDg4MSw5LjIwNDkxODI1IEwzMS4yMDUxMzQxLDEwLjM5ODgwNzcgQzMwLjc3ODA2MzksMTAuNTE0MzkyNyAzMC4zNTA4OTUxLDEwLjI4MzIyMjcgMzAuMjczMzA4Nyw5Ljg1OTYwNjU4IEMzMC4xNTY3ODEzLDkuNDM1OTkwNDcgMzAuMzg5ODM2Miw5LjAxMjI3NjU4IDMwLjgxNjkwNjQsOC45MzUzMTc3IEwzNi4wNTg1NzE5LDcuNTQ4ODg0MzggQzM2LjQ4NTY0MjEsNy40MzMyOTkzOCAzNi45MTI4MTA5LDcuNjY0NDY5MzkgMzYuOTkwMzk3Myw4LjA4ODA4NTQ5IEwzOS43ODU5NzIsMTguNDg2NjI4NyBDMzkuOTAyMzAyMywxOC45MTAyNDQ4IDM5LjY2OTM0NTksMTkuMzMzODYwOSAzOS4yNDIyNzU3LDE5LjQxMDkxNzYgWiBNMTcuNDk4OTYxLDI1LjIyNjQ0NyBMMTIuMjU3Mjk1NCwyNi42MTI4ODAzIEMxMS44MzAyMjUyLDI2LjcyODQ2NTMgMTEuNDAzMDU2NSwyNi40OTcyOTUzIDExLjMyNTQ3MDEsMjYuMDczNjc5MiBMOC41Mjk4OTU0LDE1LjY3NTEzNiBDOC40MTMzNjc5NCwxNS4yNTE1MTk5IDguNjQ2NDIyODcsMTQuODI3ODA2IDkuMDczNDkzMDYsMTQuNzUwODQ3MSBMMTQuMzE1MTU4NiwxMy4zNjQ0MTM4IEMxNC43NDIyMjg4LDEzLjI0ODgyODggMTUuMTY5Mzk3NiwxMy40Nzk5OTg4IDE1LjI0Njk4NCwxMy45MDM2MTQ5IEMxNS4zNjM1MTE0LDE0LjMyNzIzMSAxNS4xMzA0NTY1LDE0Ljc1MDk0NDkgMTQuNzAzMzg2MywxNC44Mjc5MDM4IEwxMC4xOTk0MzIzLDE2LjAyMTc5MzIgTDEyLjYwNjY4MDcsMjQuOTU2ODQ2NSBMMTcuMTEwNjM0NywyMy43NjI5NTcgQzE3LjUzNzcwNDksMjMuNjQ3MzcyIDE3Ljk2NDg3MzcsMjMuODc4NTQyIDE4LjA0MjQ2MDEsMjQuMzAyMTU4MSBDMTguMTU4OTg3NSwyNC42ODcyNDU5IDE3LjkyNjAzMTIsMjUuMTEwODYyIDE3LjQ5ODk2MSwyNS4yMjY0NDcgWiIgaWQ9IlNoYXBlIiBmaWxsPSIjNzhDQUJCIj48L3BhdGg+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xLjE2OTc2NTgsMTUuODMzMjUxMyBDNy45NDcxMTA4NywxMS45NzY1OTY5IDI2LjIyMzMzOTgsMS4zNTIwNTMxMyAyNi4yMjMzMzk4LDEuMzUyMDUzMTMgQzI2Ljk0Njc2MzIsMC45MzYxNzYxMjggMjcuODk4NjMxLDEuMTYzMDI2ODYgMjguMzE3NTI2MywxLjg4MTQwMzUgTDM1LjkzMjU2NTMsMTQuODg3OTI4IEMzNi4zNTEzNjM5LDE1LjYwNjMwNDYgMzYuMDg0ODI5MywxNi41MTM3MDc1IDM1LjM2MTQwNTksMTYuOTI5NjgwNSBMNy40OTAyMjIwNywzMi44MDk3MTE2IEM2Ljc2Njc5ODY4LDMzLjIyNTU4ODYgNS44MTQ5MzA4OSwzMi45OTg3Mzc4IDUuMzk2MDM1NTksMzIuMjgwMzYxMiBDNS4zOTYwMzU1OSwzMi4yODAzNjEyIDMuMjYzODU1NjEsMjcuOTcwMTAxNCAxLjEzMTU3ODk1LDI0LjM0MDI5NzcgQzEuMTMxNjc1NjIsMTUuODMzMjUxMyAxLjE2OTc2NTgsMTguNjMxMTA5IDEuMTY5NzY1OCwxNS44MzMyNTEzIFoiIGlkPSJTaGFwZSIgZmlsbD0iIzVBQkVBQyI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNMzMuMjU3MjgyMywxNS4zNDk2NTUyIEwyNy44MDM4NTkzLDYuMDgzODQ1NjEgQzI3LjU3MDE0NjksNS43MDEwMDY3MSAyNy4xMDI3MjE5LDUuNTg2MDk2NzIgMjYuNzUyMTAzOCw1LjgxNTgxOTUgTDIyLjAzODc4NjgsOC40OTU5ODM0NCBDMjEuNjQ5Mjk5LDguNzI1NzA2MjIgMjEuNTMyMzkzMyw5LjE4NTE1MTc5IDIxLjc2NjEwNTgsOS41Mjk3ODQ1NyBDMjEuOTk5ODE4Miw5LjkxMjYyMzQ3IDIyLjQ2NzI0MzIsMTAuMDI3NTMzNSAyMi44MTc4NjEzLDkuNzk3ODEwNjggTDI2Ljg2OTAwOTQsNy41MDA0ODU2NCBMMzEuNTQzNDU2NywxNS40NjQ0NjggTDI3LjQ5MjMwODYsMTcuNzYxNzkzMSBDMjcuMTAyODIwOCwxNy45OTE1MTU4IDI2Ljk4NTkxNTEsMTguNDUwOTYxNCAyNy4yMTk2Mjc2LDE4Ljc5NTU5NDIgQzI3LjQ1MzM0MDEsMTkuMTc4NDMzMSAyNy45MjA3NjUsMTkuMjkzMzQzMSAyOC4yNzEzODMyLDE5LjA2MzYyMDMgTDMyLjk4NDcwMDIsMTYuMzgzNDU2NCBDMzMuMzM1MjE5NCwxNi4xOTIwMzY5IDMzLjQ5MDk5NDgsMTUuNzMyNTkxMyAzMy4yNTcyODIzLDE1LjM0OTY1NTIgWiBNMTIuNjEyMDU0LDI2LjE4NTMxODIgTDguNTYwOTA1ODcsMjguNDgyNjQzMiBMMy44ODY0NTg1NywyMC41MTg1NjM3IEw3LjkzNzYwNjY3LDE4LjIyMTIzODYgQzguMzI3MDk0NDksMTcuOTkxNTE1OCA4LjQ0NDAwMDE4LDE3LjUzMjA3MDMgOC4yMTAyODc3MSwxNy4xODc0Mzc1IEM3Ljk3NjU3NTI0LDE2LjgwNDU5ODYgNy41MDkxNTAyOSwxNi42ODk2ODg2IDcuMTU4NTMyMTIsMTYuOTE5NDExNCBMMi40NDUyMTUxNiwxOS41OTk1NzUzIEMyLjA1NTcyNzM0LDE5LjgyOTI5ODEgMS45Mzg4MjE2NSwyMC4yODg3NDM3IDIuMTcyNTM0MTMsMjAuNjMzMzc2NCBMNy42MjU5NTcwNywyOS44OTkxODYxIEM3Ljg1OTY2OTU1LDMwLjI4MjAyNSA4LjMyNzA5NDQ5LDMwLjM5NjkzNSA4LjY3NzcxMjY2LDMwLjE2NzIxMjIgTDEzLjM5MTAyOTYsMjcuNDg3MDQ4MiBDMTMuNzgwNTE3NCwyNy4yNTczMjU1IDEzLjg5NzQyMzEsMjYuNzk3ODc5OSAxMy42NjM3MTA3LDI2LjQ1MzI0NzEgQzEzLjQ2ODk2NjcsMjYuMTA4NzExNSAxMy4wMDE1NDE4LDI1Ljk1NTQ5ODIgMTIuNjEyMDU0LDI2LjE4NTMxODIgWiBNMTQuNTk4NjU5NSwxMi42Njk0OTEzIEMxMS41OTkyNjY5LDE0LjM1NDE1NzQgMTAuNTg2NDc5OSwxOC4xMDY0MjU4IDEyLjMwMDQwNDQsMjEuMDU0NjE1OSBDMTQuMDUzMjk3NCwyNC4wMDI4MDU5IDE3LjgzMTc2NDQsMjQuOTk4MzAzNyAyMC44MzExNTcsMjMuMzEzNjM3NiBDMjMuODMwNTQ5NSwyMS42Mjg5NzE1IDI0Ljg0MzMzNjUsMTcuODc2NzAzMSAyMy4xMjk0MTIsMTQuOTI4NTEzIEMyMS4zNzY1MTksMTIuMDE4NTI5MSAxNy41OTgwNTIsMTAuOTg0ODI1MSAxNC41OTg2NTk1LDEyLjY2OTQ5MTMgWiBNMzMuMjU3MjgyMywxNS4zNDk2NTUyIEwyNy44MDM4NTkzLDYuMDgzODQ1NjEgQzI3LjU3MDE0NjksNS43MDEwMDY3MSAyNy4xMDI3MjE5LDUuNTg2MDk2NzIgMjYuNzUyMTAzOCw1LjgxNTgxOTUgTDIyLjAzODc4NjgsOC40OTU5ODM0NCBDMjEuNjQ5Mjk5LDguNzI1NzA2MjIgMjEuNTMyMzkzMyw5LjE4NTE1MTc5IDIxLjc2NjEwNTgsOS41Mjk3ODQ1NyBDMjEuOTk5ODE4Miw5LjkxMjYyMzQ3IDIyLjQ2NzI0MzIsMTAuMDI3NTMzNSAyMi44MTc4NjEzLDkuNzk3ODEwNjggTDI2Ljg2OTAwOTQsNy41MDA0ODU2NCBMMzEuNTQzNDU2NywxNS40NjQ0NjggTDI3LjQ5MjMwODYsMTcuNzYxNzkzMSBDMjcuMTAyODIwOCwxNy45OTE1MTU4IDI2Ljk4NTkxNTEsMTguNDUwOTYxNCAyNy4yMTk2Mjc2LDE4Ljc5NTU5NDIgQzI3LjQ1MzM0MDEsMTkuMTc4NDMzMSAyNy45MjA3NjUsMTkuMjkzMzQzMSAyOC4yNzEzODMyLDE5LjA2MzYyMDMgTDMyLjk4NDcwMDIsMTYuMzgzNDU2NCBDMzMuMzM1MjE5NCwxNi4xOTIwMzY5IDMzLjQ5MDk5NDgsMTUuNzMyNTkxMyAzMy4yNTcyODIzLDE1LjM0OTY1NTIgWiBNMTIuNjEyMDU0LDI2LjE4NTMxODIgTDguNTYwOTA1ODcsMjguNDgyNjQzMiBMMy44ODY0NTg1NywyMC41MTg1NjM3IEw3LjkzNzYwNjY3LDE4LjIyMTIzODYgQzguMzI3MDk0NDksMTcuOTkxNTE1OCA4LjQ0NDAwMDE4LDE3LjUzMjA3MDMgOC4yMTAyODc3MSwxNy4xODc0Mzc1IEM3Ljk3NjU3NTI0LDE2LjgwNDU5ODYgNy41MDkxNTAyOSwxNi42ODk2ODg2IDcuMTU4NTMyMTIsMTYuOTE5NDExNCBMMi40NDUyMTUxNiwxOS41OTk1NzUzIEMyLjA1NTcyNzM0LDE5LjgyOTI5ODEgMS45Mzg4MjE2NSwyMC4yODg3NDM3IDIuMTcyNTM0MTMsMjAuNjMzMzc2NCBMNy42MjU5NTcwNywyOS44OTkxODYxIEM3Ljg1OTY2OTU1LDMwLjI4MjAyNSA4LjMyNzA5NDQ5LDMwLjM5NjkzNSA4LjY3NzcxMjY2LDMwLjE2NzIxMjIgTDEzLjM5MTAyOTYsMjcuNDg3MDQ4MiBDMTMuNzgwNTE3NCwyNy4yNTczMjU1IDEzLjg5NzQyMzEsMjYuNzk3ODc5OSAxMy42NjM3MTA3LDI2LjQ1MzI0NzEgQzEzLjQ2ODk2NjcsMjYuMTA4NzExNSAxMy4wMDE1NDE4LDI1Ljk1NTQ5ODIgMTIuNjEyMDU0LDI2LjE4NTMxODIgWiBNMTQuNTk4NjU5NSwxMi42Njk0OTEzIEMxMS41OTkyNjY5LDE0LjM1NDE1NzQgMTAuNTg2NDc5OSwxOC4xMDY0MjU4IDEyLjMwMDQwNDQsMjEuMDU0NjE1OSBDMTQuMDUzMjk3NCwyNC4wMDI4MDU5IDE3LjgzMTc2NDQsMjQuOTk4MzAzNyAyMC44MzExNTcsMjMuMzEzNjM3NiBDMjMuODMwNTQ5NSwyMS42Mjg5NzE1IDI0Ljg0MzMzNjUsMTcuODc2NzAzMSAyMy4xMjk0MTIsMTQuOTI4NTEzIEMyMS4zNzY1MTksMTIuMDE4NTI5MSAxNy41OTgwNTIsMTAuOTg0ODI1MSAxNC41OTg2NTk1LDEyLjY2OTQ5MTMgWiIgaWQ9IlNoYXBlIiBmaWxsPSIjOENEMkM1Ij48L3BhdGg+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik00NS4xNjM4MDU0LDQ0Ljg1NTIwMzYgTDQuOTk0MDg5MzYsNDQuODU1MjAzNiBDMi44Njk2ODQxMiw0NC44NTUyMDM2IDEuMTMxNTc4OTUsNDMuMTcwNTQxMiAxLjEzMTU3ODk1LDQxLjExMTQ1NjUgTDEuMTMxNTc4OTUsMTQuMTU2NzYyNCBMNDUuMTYzODA1NCwxNC4xNTY3NjI0IEM0Ny4yODgyMTA2LDE0LjE1Njc2MjQgNDkuMDI2MzE1OCwxNS44NDE0MjQ4IDQ5LjAyNjMxNTgsMTcuOTAwNTA5NSBMNDkuMDI2MzE1OCw0MS4xMTE1NTE2IEM0OS4wMjYyMTc3LDQzLjE3MDU0MTIgNDcuMjg4MTEyNiw0NC44NTUyMDM2IDQ1LjE2MzgwNTQsNDQuODU1MjAzNiBaIE00LjIyMTU4NzI4LDE0LjE1Njc2MjQgTDEuMTMxNTc4OTUsMTQuMTU2NzYyNCBMMS4xMzE1Nzg5NSwxMS4xNjE3NjQ3IEMxLjEzMTU3ODk1LDEyLjgwODk3NTQgMi41MjIwMjM4NSwxNC4xNTY3NjI0IDQuMjIxNTg3MjgsMTQuMTU2NzYyNCBaIiBpZD0iU2hhcGUiIGZpbGw9IiNCNzcyNDMiPjwvcGF0aD4KICAgICAgICAgICAgPHBhdGggZD0iTTQ5LjM1MTM3MDUsMzMuOTI3NjAxOCBMNDMuMjgzMjY0NywzMy45Mjc2MDE4IEM0MC4zNjI5ODU4LDMzLjkyNzYwMTggMzcuOTczNjg0MiwzMS42NzM3OTMgMzcuOTczNjg0MiwyOC45MTkxMTc2IEMzNy45NzM2ODQyLDI2LjE2NDQ0MjMgNDAuMzYyOTg1OCwyMy45MTA2MzM1IDQzLjI4MzI2NDcsMjMuOTEwNjMzNSBMNDkuMzUxMzcwNSwyMy45MTA2MzM1IEM1MC4xODU3NzcyLDIzLjkxMDYzMzUgNTAuODY4NDIxMSwyNC41NTQ1NjU5IDUwLjg2ODQyMTEsMjUuMzQxNjU0OSBMNTAuODY4NDIxMSwzMi40OTY2NzEyIEM1MC44Njg0MjExLDMzLjI4MzY2OTQgNTAuMTg1Nzc3MiwzMy45Mjc2MDE4IDQ5LjM1MTM3MDUsMzMuOTI3NjAxOCBaIiBpZD0iU2hhcGUiIGZpbGw9IiNCNzcyNDMiPjwvcGF0aD4KICAgICAgICAgICAgPHBhdGggZD0iTTQ1LjE2MzgwNTQsNDMuMjk0MTE3NiBMNC45OTQwODkzNiw0My4yOTQxMTc2IEMyLjg2OTY4NDEyLDQzLjI5NDExNzYgMS4xMzE1Nzg5NSw0MS41Mzc5MjA3IDEuMTMxNTc4OTUsMzkuMzkxNDAyNyBMMS4xMzE1Nzg5NSw0MC45NTI0ODg3IEMxLjEzMTU3ODk1LDQzLjA5OTAwNjcgMi44Njk2ODQxMiw0NC44NTUyMDM2IDQuOTk0MDg5MzYsNDQuODU1MjAzNiBMNDUuMTYzODA1NCw0NC44NTUyMDM2IEM0Ny4yODgyMTA2LDQ0Ljg1NTIwMzYgNDkuMDI2MzE1OCw0My4wOTkwMDY3IDQ5LjAyNjMxNTgsNDAuOTUyNDg4NyBMNDkuMDI2MzE1OCwzOS4zOTE0MDI3IEM0OS4wMjYyMTc3LDQxLjUzNzkyMDcgNDcuMjg4MTEyNiw0My4yOTQxMTc2IDQ1LjE2MzgwNTQsNDMuMjk0MTE3NiBaIiBpZD0iU2hhcGUiIGZpbGw9IiNCMjcyNDUiPjwvcGF0aD4KICAgICAgICAgICAgPHBhdGggZD0iTTQ1LjE2MzgwNTQsMTQuMTQyMDE5NyBMNC4yMjE1ODcyOCwxNC4xNDIwMTk3IEMyLjUyMjAyMzg1LDE0LjE0MjAxOTcgMS4xMzE1Nzg5NSwxMi44MDA4NjcxIDEuMTMxNTc4OTUsMTEuMTYxNzY0NyBMMS4xMzE1Nzg5NSwxMi42NTE4OTIyIEMxLjEzMTU3ODk1LDE0LjI5MDk5NDcgMi41MjIwMjM4NSwxNS42MzIxNDczIDQuMjIxNTg3MjgsMTUuNjMyMTQ3MyBMNDUuMTYzODA1NCwxNS42MzIxNDczIEM0Ny4yODgyMTA2LDE1LjYzMjE0NzMgNDkuMDI2MzE1OCwxNy4zMDg1MTcxIDQ5LjAyNjMxNTgsMTkuMzU3NDY2MSBMNDkuMDI2MzE1OCwxNy44NjczMzg1IEM0OS4wMjYyMTc3LDE1LjgxODM4OTYgNDcuMjg4MTEyNiwxNC4xNDIwMTk3IDQ1LjE2MzgwNTQsMTQuMTQyMDE5NyBaIiBpZD0iU2hhcGUiIGZpbGw9IiNDQThCNUYiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==";
 export default {
@@ -36,0 +36,0 @@ api: api,

esm/Atoms/index.js

@@ -7,4 +7,5 @@ export { Button, ButtonGroup } from './Buttons';
 export { Link } from './Links';
-export { Table, TableCell, TableHeader, TableRow } from './Tables';
+export { Pagination, PaginationItem } from './Paginations';
+export { Table, TableCell, TableRow } from './Tables';
 export { TabMenu, TabMenuItem, TabMenuToggler } from './Tabs';
 export { Text, TextGroup } from './Typography';

esm/Atoms/Inputs/Input.js

@@ -8,3 +8,3 @@ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  display: block;\n  width: ", ";\n  height: 52px;\n  padding: 0 20px;\n  box-sizing: border-box;\n  font-family: ", ";\n  font-size: 18px;\n  color: ", ";\n  border-width: 1px;\n  border-color: ", ";\n  border-style: solid;\n  border-radius: 0.5rem;\n  background-color: ", ";\n  background-image: none;\n  outline-width: 0;\n  user-select: text;\n\n  &:disabled {\n    color: ", ";\n    background: ", ";\n    cursor: not-allowed;\n  }\n"]);
+  var data = _taggedTemplateLiteral(["\n  display: block;\n  width: ", ";\n  height: 3.2rem;\n  padding: 0 1.4rem;\n  box-sizing: border-box;\n  font-family: ", ";\n  font-size: 1rem;\n  color: ", ";\n  border-width: 1px;\n  border-color: ", ";\n  border-style: solid;\n  border-radius: 0.125rem;\n  background-color: ", ";\n  background-image: none;\n  outline-width: 0;\n  user-select: text;\n\n  &:disabled {\n    color: ", ";\n    background: ", ";\n    cursor: not-allowed;\n  }\n\n  &::placeholder {\n    color: ", ";\n    font-size: 0.875rem;\n  }\n"]);
 
@@ -44,2 +44,4 @@ _templateObject = function _templateObject() {
   return props.theme['inputBackgroundColor'];
+}, function (props) {
+  return props.theme['inputPlaceholderColor'];
 });
@@ -46,0 +48,0 @@

esm/Atoms/Links/Link.js

@@ -6,3 +6,3 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  text-transform: ", ";\n  font-style: ", ";\n  color: ", ";\n  opacity: ", ";\n  cursor: pointer;\n\n  &:hover {\n    color: ", ";\n  }\n"]);
+  var data = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  text-transform: ", ";\n  font-style: ", ";\n  color: ", ";\n  opacity: ", ";\n  cursor: pointer;\n  text-decoration: none;\n\n  &:hover {\n    color: ", ";\n    text-decoration: none;\n  }\n"]);
 
@@ -59,3 +59,3 @@ _templateObject = function _templateObject() {
   opacity: 1,
-  size: '14px',
+  size: '1rem',
   uppercase: false,
@@ -62,0 +62,0 @@ weight: 400

esm/Atoms/Tables/index.js

 export { default as Table } from './Table';
 export { default as TableCell } from './TableCell';
-export { default as TableHeader } from './TableHeader';
 export { default as TableRow } from './TableRow';

esm/Atoms/Tables/Table.js

@@ -0,3 +1,7 @@
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  width: 100%;\n  box-shadow: 0 0 25px 5px ", ";\n\n  & > :nth-child(even) {\n    background-color: ", ";\n  }\n\n  & > :nth-child(odd) {\n    background-color: ", ";\n  }\n"]);
+  var data = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  width: 100%;\n  box-shadow: 0 0 1.5rem 0.4rem ", ";\n\n  & > :nth-child(even) {\n    background-color: ", ";\n  }\n\n  & > :nth-child(odd) {\n    background-color: ", ";\n  }\n"]);
 
@@ -25,4 +29,6 @@ _templateObject = function _templateObject() {
 var Table = function Table(_ref) {
-  var children = _ref.children;
-  return React.createElement(Wrapper, null, children);
+  var children = _ref.children,
+      rest = _objectWithoutProperties(_ref, ["children"]);
+
+  return React.createElement(Wrapper, rest, children);
 };
@@ -29,0 +35,0 @@

esm/Atoms/Tables/Table.stories.js

 import React from 'react'
+import styled from 'styled-components'
 import { storiesOf } from '@storybook/react'
 import Table from './Table'
 import TableCell from './TableCell'
-import TableHeader from './TableHeader'
 import TableRow from './TableRow'
 
+const TextWithEllipsis = styled.p`
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+`
+const Sample = () => (
+  <TextWithEllipsis>
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+  </TextWithEllipsis>
+)
+
 storiesOf('Atoms/Tables/Table', module).add('default', () => (
   <Table>
-    <TableHeader>
+    <TableRow>
       <TableCell>Header 1</TableCell>
       <TableCell>Header 2</TableCell>
       <TableCell>Header 3</TableCell>
-    </TableHeader>
+      <TableCell>Header 4</TableCell>
+      <TableCell>Header 5</TableCell>
+    </TableRow>
     <TableRow>
-      <TableCell>Cell 11</TableCell>
-      <TableCell>Cell 12</TableCell>
-      <TableCell>Cell 13</TableCell>
+      <TableCell>
+        <Sample />
+      </TableCell>
+      <TableCell>
+        <Sample />
+      </TableCell>
+      <TableCell>
+        <Sample />
+      </TableCell>
+      <TableCell>
+        <Sample />
+      </TableCell>
+      <TableCell>
+        <Sample />
+      </TableCell>
     </TableRow>
     <TableRow>
-      <TableCell>Cell 21</TableCell>
-      <TableCell>Cell 22</TableCell>
-      <TableCell>Cell 23</TableCell>
+      <TableCell>
+        <Sample />
+      </TableCell>
+      <TableCell>
+        <Sample />
+      </TableCell>
+      <TableCell>
+        <Sample />
+      </TableCell>
+      <TableCell>
+        <Sample />
+      </TableCell>
+      <TableCell>
+        <Sample />
+      </TableCell>
     </TableRow>
     <TableRow>
-      <TableCell>Cell 31</TableCell>
-      <TableCell>Cell 32</TableCell>
-      <TableCell>Cell 33</TableCell>
+      <TableCell>
+        <Sample />
+      </TableCell>
+      <TableCell>
+        <Sample />
+      </TableCell>
+      <TableCell>
+        <Sample />
+      </TableCell>
+      <TableCell>
+        <Sample />
+      </TableCell>
+      <TableCell>
+        <Sample />
+      </TableCell>
     </TableRow>
   </Table>
 ))

esm/Atoms/Tables/TableCell.js

@@ -0,3 +1,7 @@
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  width: 100%;\n"]);
+  var data = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: ", ";\n  align-items: center;\n  min-width: 0;\n  flex-basis: ", ";\n\n  & > * {\n    display: ", ";\n    text-overflow: ", ";\n    overflow: ", ";\n    white-space: ", ";\n  }\n"]);
 
@@ -16,12 +20,51 @@ _templateObject = function _templateObject() {
 import styled from 'styled-components';
-var Wrapper = styled.div(_templateObject());
 
+var selectAlign = function selectAlign(align) {
+  switch (align) {
+    case 'left':
+      return 'flex-start';
+
+    case 'center':
+      return 'center';
+
+    case 'right':
+      return 'flex-end';
+
+    default:
+      return 'flex-start';
+  }
+};
+
+var Wrapper = styled.div(_templateObject(), function (props) {
+  return selectAlign(props.align);
+}, function (props) {
+  return props.width;
+}, function (props) {
+  return props.shrinked ? 'block' : 'initial';
+}, function (props) {
+  return props.shrinked ? 'ellipsis' : 'initial';
+}, function (props) {
+  return props.shrinked ? 'hidden' : 'initial';
+}, function (props) {
+  return props.shrinked ? 'nowrap' : 'initial';
+});
+
 var TableCell = function TableCell(_ref) {
-  var children = _ref.children;
-  return React.createElement(Wrapper, null, children);
+  var children = _ref.children,
+      rest = _objectWithoutProperties(_ref, ["children"]);
+
+  return React.createElement(Wrapper, rest, children);
 };
 
 TableCell.propTypes = {
-  children: PropTypes.node
+  align: PropTypes.oneOf(['left', 'center', 'right']),
+  children: PropTypes.node,
+  shrinked: PropTypes.bool,
+  width: PropTypes.string
 };
+TableCell.defaultProps = {
+  align: 'left',
+  shrinked: true,
+  width: '100%'
+};
 export default TableCell;

esm/Atoms/Tables/TableRow.js

@@ -0,3 +1,7 @@
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  width: 100%;\n  padding: 30px 30px;\n  box-sizing: border-box;\n"]);
+  var data = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  width: 100%;\n  padding: 1.875rem;\n  box-sizing: border-box;\n"]);
 
@@ -19,4 +23,6 @@ _templateObject = function _templateObject() {
 var TableRow = function TableRow(_ref) {
-  var children = _ref.children;
-  return React.createElement(Wrapper, null, children);
+  var children = _ref.children,
+      rest = _objectWithoutProperties(_ref, ["children"]);
+
+  return React.createElement(Wrapper, rest, children);
 };
@@ -23,0 +29,0 @@

esm/Atoms/Tabs/TabMenu.js

@@ -6,3 +6,3 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _templateObject2() {
-  var data = _taggedTemplateLiteral(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: space-between;\n  width: 100%;\n  min-height: 100%;\n\n  @media (max-width: 767px) {\n    & > .hidden {\n      display: ", ";\n    }\n  }\n\n  @media (min-width: 768px) {\n    flex-direction: row;\n    align-items: center;\n  }\n"]);
+  var data = _taggedTemplateLiteral(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: space-between;\n  width: 100%;\n  min-height: 100%;\n\n  @media (max-width: 48rem) {\n    & > .disabled {\n      display: ", ";\n    }\n  }\n\n  @media (min-width: 48rem) {\n    flex-direction: row;\n    align-items: center;\n  }\n"]);
 
@@ -17,3 +17,3 @@ _templateObject2 = function _templateObject2() {
 function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  width: ", ";\n  min-height: ", ";\n  border-bottom: 2px solid ", ";\n  box-sizing: border-box;\n"]);
+  var data = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  width: ", ";\n  min-height: ", ";\n  border-bottom: 0.125rem solid ", ";\n  box-sizing: border-box;\n"]);
 
@@ -60,3 +60,3 @@ _templateObject = function _templateObject() {
 TabMenu.defaultProps = {
-  height: '50px',
+  height: '3rem',
   toggled: false,
@@ -63,0 +63,0 @@ width: '100%'

esm/Atoms/Tabs/TabMenuItem.js

@@ -8,3 +8,3 @@ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _templateObject2() {
-  var data = _taggedTemplateLiteral(["\n  position: absolute;\n  bottom: -2px;\n  left: 0;\n  width: 100%;\n  height: 5px;\n  transition-duration: 0.3s;\n  transition-timing-function: ease-in-out;\n  background-color: ", ";\n  opacity: ", ";\n"]);
+  var data = _taggedTemplateLiteral(["\n  position: absolute;\n  bottom: -2px;\n  left: 0;\n  width: 100%;\n  height: 0.325rem;\n  transition-duration: 0.3s;\n  transition-timing-function: ease-in-out;\n  background-color: ", ";\n  opacity: ", ";\n"]);
 
@@ -19,3 +19,3 @@ _templateObject2 = function _templateObject2() {
 function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  position: relative;\n  flex: 1 auto;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  order: 1;\n  padding: 15px;\n  box-sizing: border-box;\n  cursor: pointer;\n\n  &.hidden {\n    order: 2;\n  }\n\n  @media (min-width: 768px) {\n    display: flex;\n    justify-content: center;\n\n    &:hover {\n      & :last-child {\n        opacity: 1;\n      }\n    }\n  }\n"]);
+  var data = _taggedTemplateLiteral(["\n  position: relative;\n  flex: 1 auto;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  padding: 1rem;\n  box-sizing: border-box;\n  cursor: pointer;\n\n  @media (max-width: 48rem) {\n    order: 1;\n\n    &.hidden {\n      order: 2;\n    }\n  }\n\n  @media (min-width: 48rem) {\n    display: flex;\n    justify-content: center;\n    order: 1;\n\n    &:hover {\n      & :last-child {\n        opacity: 1;\n      }\n    }\n  }\n"]);
 
@@ -48,3 +48,3 @@ _templateObject = function _templateObject() {
   return React.createElement(Wrapper, _extends({
-    className: selected ? '' : 'hidden'
+    className: selected ? className : "".concat(className, " disabled")
   }, rest), children, React.createElement(Bar, {
@@ -51,0 +51,0 @@ selected: selected

esm/Atoms/Tabs/TabMenuToggler.js

@@ -0,3 +1,9 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 10px;\n  right: 20px;\n\n  @media (min-width: 768px) {\n    display: none;\n  }\n"]);
+  var data = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 10px;\n  right: 20px;\n\n  @media (min-width: 48rem) {\n    display: none;\n  }\n"]);
 
@@ -19,12 +25,19 @@ _templateObject = function _templateObject() {
   name: 'hamburgerMenu',
-  size: '20px'
+  selectable: true,
+  size: '1.3rem'
 })(_templateObject());
 
-var TabMenuToggler = function TabMenuToggler(props) {
-  return React.createElement(Toggler, props);
+var TabMenuToggler = function TabMenuToggler(_ref) {
+  var onToggle = _ref.onToggle,
+      rest = _objectWithoutProperties(_ref, ["onToggle"]);
+
+  return React.createElement(Toggler, _extends({
+    onClick: onToggle
+  }, rest));
 };
 
 TabMenuToggler.propTypes = {
-  children: PropTypes.node
+  children: PropTypes.node,
+  onToggle: PropTypes.func
 };
 export default TabMenuToggler;

esm/Atoms/Typography/Text.js

@@ -56,3 +56,3 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
   opacity: 1,
-  size: '14px',
+  size: '1rem',
   uppercase: false,
@@ -59,0 +59,0 @@ weight: 400

esm/Atoms/Typography/TextGroup.js

@@ -25,3 +25,3 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 }, function (props) {
-  return props.inline ? '5px' : '0';
+  return props.inline ? '0.4rem' : '0';
 });
@@ -28,0 +28,0 @@

esm/index.js

@@ -1,6 +0,6 @@
-export { Background, Button, ButtonGroup, Container, Icon, Image, Input, Link, Panel, Section, Table, TableCell, TableHeader, TableRow, TabMenu, TabMenuItem, TabMenuToggler, Text, TextGroup } from './Atoms';
-export { CircleBadge, Cartridge, SearchBar, SearchBarUnderlined, SingleDropdown } from './Molecules';
-export { Navbar } from './Organisms';
+export { Background, Button, ButtonGroup, Container, Icon, Image, Input, Link, Pagination, PaginationItem, Panel, Section, Table, TableCell, TableRow, TabMenu, TabMenuItem, TabMenuToggler, Text, TextGroup } from './Atoms';
+export { CircleBadge, Cartridge, SearchBar, SearchBarUnderlined, SingleDropdown, Toggler, TogglerItem, Tooltip, TooltipHost, TooltipIcon } from './Molecules';
+export { Footer, FooterCategory, FooterElement, FooterGroup, FooterRow, Navbar, NavbarBrand, NavbarDropdownContent, NavbarDropdownHeader, NavbarHeader, NavbarMenu, NavbarNav, NavbarNavDropdown, NavbarNavItem, NavbarToggler } from './Organisms';
 export { default as palette } from './Tools/palette';
 export { default as theme } from './Tools/theme';
 export { default as ThemeProvider } from './Tools/ThemeProvider';

esm/Molecules/Badges/CircleBadge.js

@@ -6,3 +6,3 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  height: ", ";\n  width: ", ";\n  padding: 7px;\n  box-sizing: border-box;\n  border-radius: 50%;\n  background-color: ", ";\n  transition: all 0.5s;\n\n  &:hover {\n    background-color: ", ";\n  }\n"]);
+  var data = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  height: ", ";\n  width: ", ";\n  padding: 0.4rem;\n  box-sizing: border-box;\n  border-radius: 50%;\n  background-color: ", ";\n  transition: all 0.5s;\n\n  &:hover {\n    background-color: ", ";\n  }\n"]);
 
@@ -60,4 +60,4 @@ _templateObject = function _templateObject() {
   name: 'facebook',
-  size: '40px'
+  size: '2.625rem'
 };
 export default CircleBadge;

esm/Molecules/Cartridges/Cartridge.js

@@ -6,3 +6,3 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  display: inline-flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  font-weight: 300;\n  color: ", ";\n  background-color: ", ";\n  padding: 5px;\n  box-sizing: border-box;\n"]);
+  var data = _taggedTemplateLiteral(["\n  display: inline-flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  color: ", ";\n  background-color: ", ";\n  padding: 0.3rem;\n  box-sizing: border-box;\n"]);
 
@@ -20,3 +20,2 @@ _templateObject = function _templateObject() {
 import styled from 'styled-components';
-import { merge } from 'ramda';
 import Text from '../../Atoms/Typography/Text';
@@ -37,5 +36,3 @@ var Wrapper = styled(Text)(_templateObject(), function (props) {
 Cartridge.propTypes = Text.propTypes;
-Cartridge.defaultProps = merge(Text.defaultProps, {
-  weight: 300
-});
+Cartridge.defaultProps = Text.defaultProps;
 export default Cartridge;

esm/Molecules/Dropdowns/SingleDropdown.js

@@ -6,3 +6,3 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  margin-bottom: 0;\n  min-width: 100px;\n  box-sizing: border-box;\n  color: ", ";\n  background-color: ", ";\n  background-size: 15px;\n  background-repeat: no-repeat;\n  background-position: 95% 0%;\n  background-image: url(", ");\n  appearance: none;\n  border: none;\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  text-transform: ", ";\n  font-style: ", ";\n  border-radius: 5px;\n  height: 2.5rem;\n  line-height: 2.5rem;\n  cursor: pointer;\n  outline: none;\n  text-align: left;\n"]);
+  var data = _taggedTemplateLiteral(["\n  margin-bottom: 0;\n  min-width: 6rem;\n  box-sizing: border-box;\n  color: ", ";\n  background-color: ", ";\n  background-size: 1rem;\n  background-repeat: no-repeat;\n  background-position: 95% 0%;\n  background-image: url(", ");\n  appearance: none;\n  border: none;\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  text-transform: ", ";\n  font-style: ", ";\n  border-radius: 0.3rem;\n  height: 2.5rem;\n  line-height: 2.5rem;\n  cursor: pointer;\n  outline: none;\n  text-align: left;\n"]);
 
@@ -66,3 +66,3 @@ _templateObject = function _templateObject() {
   italic: false,
-  size: '16px',
+  size: '1rem',
   uppercase: false,
@@ -69,0 +69,0 @@ weight: 300

esm/Molecules/index.js

 export { CircleBadge } from './Badges';
 export { Cartridge } from './Cartridges';
 export { SingleDropdown } from './Dropdowns';
-export { SearchBar, SearchBarUnderlined } from './SearchBars';
+export { SearchBar, SearchBarUnderlined } from './SearchBars';
+export { Toggler, TogglerItem } from './Togglers';
+export { Tooltip, TooltipHost, TooltipIcon } from './Tooltips';

esm/Molecules/SearchBars/SearchBar.js

@@ -8,3 +8,3 @@ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _templateObject3() {
-  var data = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  width: 60px;\n  height: 52px;\n  background-color: ", ";\n  border-top-right-radius: 0.5rem;\n  border-bottom-right-radius: 0.5rem;\n"]);
+  var data = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  width: 60px;\n  height: 52px;\n  background-color: ", ";\n  border-top-right-radius: 0.125rem;\n  border-bottom-right-radius: 0.125rem;\n"]);
 
@@ -67,3 +67,3 @@ _templateObject3 = function _templateObject3() {
     selectable: true,
-    size: "20px"
+    size: "1.3rem"
   })));
@@ -70,0 +70,0 @@ };

esm/Molecules/SearchBars/SearchBarUnderlined.js

@@ -66,3 +66,3 @@ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
     selectable: true,
-    size: "20px"
+    size: "1.3rem"
   })));
@@ -69,0 +69,0 @@ };

esm/Organisms/index.js

@@ -1,1 +0,2 @@
-export { default as Navbar } from './Navbar';
+export { Footer, FooterCategory, FooterElement, FooterGroup, FooterRow } from './Footer';
+export { Navbar, NavbarBrand, NavbarDropdownContent, NavbarDropdownHeader, NavbarHeader, NavbarMenu, NavbarNav, NavbarNavDropdown, NavbarNavItem, NavbarToggler } from './Navbar';

esm/Organisms/Navbar/index.js

@@ -11,13 +11,2 @@ import Navbar from './Navbar';
 import NavbarToggler from './NavbarToggler';
-export default {
-  Navbar: Navbar,
-  NavbarBrand: NavbarBrand,
-  NavbarDropdownContent: NavbarDropdownContent,
-  NavbarDropdownHeader: NavbarDropdownHeader,
-  NavbarHeader: NavbarHeader,
-  NavbarMenu: NavbarMenu,
-  NavbarNav: NavbarNav,
-  NavbarNavDropdown: NavbarNavDropdown,
-  NavbarNavItem: NavbarNavItem,
-  NavbarToggler: NavbarToggler
-};
+export { Navbar, NavbarBrand, NavbarDropdownContent, NavbarDropdownHeader, NavbarHeader, NavbarMenu, NavbarNav, NavbarNavDropdown, NavbarNavItem, NavbarToggler };

esm/Organisms/Navbar/Navbar.stories.js

 import React from 'react'
 import styled from 'styled-components'
 import { storiesOf } from '@storybook/react'
-import Navbar from '../Navbar'
 import Button from '../../Atoms/Buttons/Button'
@@ -9,2 +8,12 @@ import Image from '../../Atoms/Images/Image'
 import Section from '../../Atoms/Containers/Section'
+import Navbar from './Navbar'
+import NavbarBrand from './NavbarBrand'
+import NavbarDropdownContent from './NavbarDropdownContent'
+import NavbarDropdownHeader from './NavbarDropdownHeader'
+import NavbarHeader from './NavbarHeader'
+import NavbarMenu from './NavbarMenu'
+import NavbarNav from './NavbarNav'
+import NavbarNavDropdown from './NavbarNavDropdown'
+import NavbarNavItem from './NavbarNavItem'
+import NavbarToggler from './NavbarToggler'
 
@@ -25,35 +34,31 @@ const OrientSection = styled(Section)`
     <Wrapper>
-      <Navbar.Navbar>
-        <Navbar.NavbarHeader>
-          <Navbar.NavbarBrand>
+      <Navbar>
+        <NavbarHeader>
+          <NavbarBrand>
             <Image name="brand" width="175px" />
-          </Navbar.NavbarBrand>
-        </Navbar.NavbarHeader>
-        <Navbar.NavbarMenu>
-          <Navbar.NavbarNav width="auto">
-            <Navbar.NavbarNavDropdown>
-              <Navbar.NavbarDropdownHeader>
-                Header 1
-              </Navbar.NavbarDropdownHeader>
-              <Navbar.NavbarDropdownContent>
+          </NavbarBrand>
+        </NavbarHeader>
+        <NavbarMenu>
+          <NavbarNav width="auto">
+            <NavbarNavDropdown>
+              <NavbarDropdownHeader>Header 1</NavbarDropdownHeader>
+              <NavbarDropdownContent>
                 <Content />
-              </Navbar.NavbarDropdownContent>
-            </Navbar.NavbarNavDropdown>
-            <Navbar.NavbarNavDropdown>
-              <Navbar.NavbarDropdownHeader>
-                Header 2
-              </Navbar.NavbarDropdownHeader>
-              <Navbar.NavbarDropdownContent>
+              </NavbarDropdownContent>
+            </NavbarNavDropdown>
+            <NavbarNavDropdown>
+              <NavbarDropdownHeader>Header 2</NavbarDropdownHeader>
+              <NavbarDropdownContent>
                 <Content />
-              </Navbar.NavbarDropdownContent>
-            </Navbar.NavbarNavDropdown>
-          </Navbar.NavbarNav>
-          <Navbar.NavbarNav width="auto">
-            <Navbar.NavbarNavItem>
+              </NavbarDropdownContent>
+            </NavbarNavDropdown>
+          </NavbarNav>
+          <NavbarNav width="auto">
+            <NavbarNavItem>
               <ButtonLogin />
-            </Navbar.NavbarNavItem>
-          </Navbar.NavbarNav>
-        </Navbar.NavbarMenu>
-        <Navbar.NavbarToggler />
-      </Navbar.Navbar>
+            </NavbarNavItem>
+          </NavbarNav>
+        </NavbarMenu>
+        <NavbarToggler />
+      </Navbar>
     </Wrapper>
@@ -63,36 +68,32 @@ ))
     <Wrapper>
-      <Navbar.Navbar>
-        <Navbar.NavbarHeader>
-          <Navbar.NavbarBrand>
+      <Navbar>
+        <NavbarHeader>
+          <NavbarBrand>
             <Image name="brand" width="175px" />
-          </Navbar.NavbarBrand>
-        </Navbar.NavbarHeader>
-        <Navbar.NavbarMenu toggled>
-          <Navbar.NavbarNav width="auto">
-            <Navbar.NavbarNavDropdown>
-              <Navbar.NavbarDropdownHeader>
-                Header 1
-              </Navbar.NavbarDropdownHeader>
-              <Navbar.NavbarDropdownContent>
+          </NavbarBrand>
+        </NavbarHeader>
+        <NavbarMenu toggled>
+          <NavbarNav width="auto">
+            <NavbarNavDropdown>
+              <NavbarDropdownHeader>Header 1</NavbarDropdownHeader>
+              <NavbarDropdownContent>
                 <Content />
-              </Navbar.NavbarDropdownContent>
-            </Navbar.NavbarNavDropdown>
-            <Navbar.NavbarNavDropdown>
-              <Navbar.NavbarDropdownHeader>
-                Header 2
-              </Navbar.NavbarDropdownHeader>
-              <Navbar.NavbarDropdownContent>
+              </NavbarDropdownContent>
+            </NavbarNavDropdown>
+            <NavbarNavDropdown>
+              <NavbarDropdownHeader>Header 2</NavbarDropdownHeader>
+              <NavbarDropdownContent>
                 <Content />
-              </Navbar.NavbarDropdownContent>
-            </Navbar.NavbarNavDropdown>
-          </Navbar.NavbarNav>
-          <Navbar.NavbarNav width="auto">
-            <Navbar.NavbarNavItem>
+              </NavbarDropdownContent>
+            </NavbarNavDropdown>
+          </NavbarNav>
+          <NavbarNav width="auto">
+            <NavbarNavItem>
               <ButtonLogin />
-            </Navbar.NavbarNavItem>
-          </Navbar.NavbarNav>
-        </Navbar.NavbarMenu>
-        <Navbar.NavbarToggler />
-      </Navbar.Navbar>
+            </NavbarNavItem>
+          </NavbarNav>
+        </NavbarMenu>
+        <NavbarToggler />
+      </Navbar>
     </Wrapper>
   ))

esm/Organisms/Navbar/NavbarDropdownHeader.js

@@ -6,3 +6,3 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: 20px;\n  font-weight: 400;\n  color: ", ";\n  cursor: pointer;\n  display: none;\n\n  @media (min-width: 768px) {\n    display: block;\n  }\n"]);
+  var data = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: 1rem;\n  font-weight: 600;\n  color: ", ";\n  cursor: pointer;\n  display: none;\n\n  @media (min-width: 48rem) {\n    display: block;\n  }\n"]);
 
@@ -9,0 +9,0 @@ _templateObject = function _templateObject() {

esm/Organisms/Navbar/NavbarMenu.js

@@ -6,3 +6,3 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  display: ", ";\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  width: 100%;\n  padding: 60px 0 15px 0;\n  background-color: ", ";\n  z-index: 10;\n\n  @media (min-width: 768px) {\n    position: relative;\n    top: initial;\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n    width: 100%;\n    padding: 15px 0;\n    background-color: transparent;\n  }\n"]);
+  var data = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  display: ", ";\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  width: 100%;\n  padding: 60px 0 15px 0;\n  background-color: ", ";\n  z-index: 10;\n  transform: translate3d(0, 0, 0);\n\n  @media (min-width: 768px) {\n    position: relative;\n    top: initial;\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n    width: 100%;\n    padding: 15px 0;\n    background-color: transparent;\n  }\n"]);
 
@@ -9,0 +9,0 @@ _templateObject = function _templateObject() {

esm/Organisms/Navbar/NavbarNav.js

@@ -6,3 +6,3 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n  list-style-type: none;\n\n  @media (min-width: 768px) {\n    display: ", ";\n    flex-direction: row;\n    align-items: center;\n    height: auto;\n    width: ", ";\n  }\n"]);
+  var data = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n  list-style-type: none;\n\n  @media (min-width: 48rem) {\n    display: ", ";\n    flex-direction: row;\n    align-items: center;\n    height: auto;\n    width: ", ";\n  }\n"]);
 
@@ -9,0 +9,0 @@ _templateObject = function _templateObject() {

esm/Organisms/Navbar/NavbarToggler.js

 function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  z-index: 15;\n  margin-right: 20px;\n\n  & > svg {\n    fill: ", ";\n\n    &:hover {\n      fill: ", ";\n    }\n  }\n\n  @media (min-width: 768px) {\n    display: none;\n  }\n"]);
+  var data = _taggedTemplateLiteral(["\n  z-index: 15;\n  margin-right: 20px;\n  fill: ", " !important;\n\n  &:hover {\n    fill: ", " !important;\n  }\n\n  @media (min-width: 48rem) {\n    display: none;\n  }\n"]);
 
@@ -4,0 +4,0 @@ _templateObject = function _templateObject() {

esm/Tools/palette.js

@@ -10,2 +10,3 @@ /* eslint-disable */
   cerulean: '#10ADE4',
+  ceruleanAlpha10: 'rgba(16,173,228,0.1)',
   powderBlue: '#B2D5E5',
@@ -12,0 +13,0 @@

esm/Tools/theme.js

@@ -17,2 +17,3 @@ import palette from './palette';
   dropdownBackgroundColor: palette['transparent'],
+  footerCategoryColor: palette['gray6'],
   iconColor: palette['gray5'],
@@ -23,2 +24,3 @@ iconHoverColor: palette['gray4'],
   inputBorderColor: palette['gray2'],
+  inputPlaceholderColor: palette['gray3'],
   linkColor: palette['gray5'],
@@ -31,2 +33,9 @@ linkHoverColor: palette['orient'],
   navbarTogglerColor: palette['white'],
+  paginationBorderColor: palette['gray1'],
+  paginationColor: palette['gray6'],
+  paginationBackgroundColor: palette['transparent'],
+  paginationHoverColor: palette['gray6'],
+  paginationHoverBackgroundColor: palette['ceruleanAlpha10'],
+  paginationSelectedColor: palette['white'],
+  paginationSelectedBackgroundColor: palette['cerulean'],
   panelBackgroundColor: palette['white'],
@@ -40,3 +49,2 @@ panelShadowColor: palette['gray1'],
   tableShadowColor: palette['gray1'],
-  tableHeaderColor: palette['gray3'],
   tableCellEvenBackgroundColor: palette['gray0'],
@@ -46,5 +54,13 @@ tableCellOddBackgroundColor: palette['white'],
   tabMenuBarColor: palette['gold'],
-  textColor: palette['gray5']
+  textColor: palette['gray5'],
+  togglerBorderColor: palette['gray1'],
+  togglerColor: palette['cerulean'],
+  togglerBackgroundColor: palette['white'],
+  togglerSelectedColor: palette['white'],
+  togglerSelectedBackgroundColor: palette['cerulean'],
+  tooltipColor: palette['white'],
+  tooltipBackgroundColor: palette['gray6'],
+  tooltipBorderColor: palette['gray6']
   /* eslint-enable */
 
 };

lib/Atoms/Buttons/Button.js

@@ -21,3 +21,3 @@ "use strict";
 function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  padding: 10px 30px;\n  box-sizing: border-box;\n  font-size: 18px;\n  color: ", ";\n  background-color: ", ";\n  border: none;\n  border-radius: 5px;\n  cursor: ", ";\n  outline: none;\n  transition-duration: 0.3s;\n  transition-timing-function: ease-in-out;\n  opacity: ", ";\n  font-family: ", ";\n\n  &:hover {\n    background-color: ", ";\n    transform: ", ";\n  }\n"]);
+  var data = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  padding: 0.7rem 1.875rem;\n  box-sizing: border-box;\n  color: ", ";\n  background-color: ", ";\n  border: none;\n  border-radius: 0.125rem;\n  cursor: ", ";\n  outline: none;\n  transition-duration: 0.3s;\n  transition-timing-function: ease-in-out;\n  opacity: ", ";\n  font-family: ", ";\n  font-size: 1rem;\n  font-weight: 600;\n\n  &:hover {\n    background-color: ", ";\n    transform: ", ";\n  }\n"]);
 
@@ -33,6 +33,2 @@ _templateObject = function _templateObject() {
 
-var getHoverColor = function getHoverColor(disabled, theme) {
-  return disabled ? theme['buttonBackgroundColor'] : theme['buttonHoverColor'];
-};
-
 var Wrapper = _styledComponents.default.button.attrs({
@@ -53,3 +49,3 @@ type: function type(props) {
 }, function (props) {
-  return getHoverColor(props.disabled, props.theme);
+  return props.disabled ? props.theme['buttonBackgroundColor'] : props.theme['buttonHoverColor'];
 }, function (props) {
@@ -56,0 +52,0 @@ return props.bounced ? 'scale(0.95)' : 'none';

lib/Atoms/Buttons/ButtonGroup.js

@@ -21,3 +21,3 @@ "use strict";
 function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n\n  & *:not(:last-child) {\n    margin-right: 5px;\n  }\n\n  & > :first-child {\n    border-top-right-radius: initial;\n    border-bottom-right-radius: initial;\n  }\n\n  & > :last-child {\n    border-top-left-radius: initial;\n    border-bottom-left-radius: initial;\n  }\n\n  & > :not(:first-child):not(:last-child) {\n    border-top-right-radius: initial;\n    border-bottom-right-radius: initial;\n    border-top-left-radius: initial;\n    border-bottom-left-radius: initial;\n  }\n"]);
+  var data = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n\n  & *:not(:last-child) {\n    margin-right: 0.4rem;\n  }\n\n  & > :first-child {\n    border-top-right-radius: initial;\n    border-bottom-right-radius: initial;\n  }\n\n  & > :last-child {\n    border-top-left-radius: initial;\n    border-bottom-left-radius: initial;\n  }\n\n  & > :not(:first-child):not(:last-child) {\n    border-top-right-radius: initial;\n    border-bottom-right-radius: initial;\n    border-top-left-radius: initial;\n    border-bottom-left-radius: initial;\n  }\n"]);
 
@@ -24,0 +24,0 @@ _templateObject = function _templateObject() {

lib/Atoms/Containers/Container.js

@@ -21,3 +21,3 @@ "use strict";
 function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: ", ";\n  margin: 0 auto;\n\n  @media (min-width: 1200px) {\n    width: 1140px;\n  }\n"]);
+  var data = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: ", ";\n  margin: 0 auto;\n\n  @media (min-width: 75rem) {\n    width: 75rem;\n  }\n"]);
 
@@ -24,0 +24,0 @@ _templateObject = function _templateObject() {

lib/Atoms/Containers/Panel.js

@@ -21,3 +21,3 @@ "use strict";
 function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  height: ", ";\n  width: ", ";\n  min-width: ", ";\n  box-shadow: 0 0 25px 5px ", ";\n  background-color: ", ";\n"]);
+  var data = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  height: ", ";\n  width: ", ";\n  min-width: ", ";\n  box-shadow: 0 0 1.5rem 0.4rem ", ";\n  background-color: ", ";\n"]);
 
@@ -24,0 +24,0 @@ _templateObject = function _templateObject() {

lib/Atoms/Icons/Icon.js

@@ -18,2 +18,4 @@ "use strict";
 
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -24,3 +26,3 @@
 function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  & > svg {\n    fill: ", ";\n    width: ", ";\n    height: ", ";\n    cursor: ", ";\n\n    &:hover {\n      fill: ", ";\n    }\n  }\n"]);
+  var data = _taggedTemplateLiteral(["\n  fill: ", ";\n  width: ", ";\n  height: ", ";\n  cursor: ", ";\n\n  &:hover {\n    fill: ", ";\n  }\n"]);
 
@@ -36,6 +38,2 @@ _templateObject = function _templateObject() {
 
-var getHoverColor = function getHoverColor(props) {
-  return props.selectable ? 'iconHoverColor' : 'iconColor';
-};
-
 var Wrapper = _styledComponents.default.div(_templateObject(), function (props) {
@@ -48,5 +46,5 @@ return props.theme['iconColor'];
 }, function (props) {
-  return props.selectable ? 'pointer' : 'default';
+  return props.selectable === '1' ? 'pointer' : 'default';
 }, function (props) {
-  return props.theme[getHoverColor(props)];
+  return props.selectable === '1' ? props.theme['iconHoverColor'] : props.theme['iconColor'];
 });
@@ -56,6 +54,10 @@
   var name = _ref.name,
-      rest = _objectWithoutProperties(_ref, ["name"]);
+      selectable = _ref.selectable,
+      rest = _objectWithoutProperties(_ref, ["name", "selectable"]);
 
   var Svg = _IconMap.default[name];
-  return _react.default.createElement(Wrapper, rest, _react.default.createElement(Svg, null));
+  var IconSvg = Wrapper.withComponent(Svg);
+  return _react.default.createElement(IconSvg, _extends({
+    selectable: selectable ? '1' : '0'
+  }, rest));
 };
@@ -71,5 +73,5 @@
   selectable: false,
-  size: '40px'
+  size: '2.75rem'
 };
 var _default = Icon;
 exports.default = _default;

lib/Atoms/Icons/Icon.stories.js

@@ -35,3 +35,2 @@ import React from 'react'
 `
-
 const renderIcon = (name) => (
@@ -43,3 +42,2 @@ <IconContainer>
 )
-
 storiesOf('Atoms/Icons/Icon', module)
@@ -46,0 +44,0 @@ .add('list', () => <Layout>{keysIn(IconMap).map(renderIcon)}</Layout>)

lib/Atoms/Images/Background.js

@@ -70,8 +70,8 @@ "use strict";
 Background.defaultProps = {
-  height: '200px',
+  height: '12rem',
   name: 'logo',
   stretch: false,
-  width: '200px'
+  width: '12rem'
 };
 var _default = Background;
 exports.default = _default;

lib/Atoms/Images/ImageMap.js

@@ -9,3 +9,3 @@ "use strict";
 /* babel-plugin-inline-import './img/api.svg' */
-var api = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNzBweCIgaGVpZ2h0PSI3MHB4IiB2aWV3Qm94PSIwIDAgNzAgNzAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUxICg1NzQ2MikgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+YXBpIGljb248L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iRXhwbG9yZXItZmluYWwiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJiY2gtLS10eCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUwMS4wMDAwMDAsIC0yMTAxLjAwMDAwMCkiPgogICAgICAgICAgICA8cmVjdCBmaWxsPSIjRkZGRkZGIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTQ0MCIgaGVpZ2h0PSIzMDY3Ij48L3JlY3Q+CiAgICAgICAgICAgIDxnIGlkPSJwcm9kdWN0cyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDE3MjYuMDAwMDAwKSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJidWNrZXQtMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTguMDAwMDAwLCAyODIuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IkFQSSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzA4LjAwMDAwMCwgNjEuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJhcGktaWNvbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTUuMDAwMDAwLCAzMi4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwiIGZpbGw9IiNGRDg0NjkiIGN4PSIzNSIgY3k9IjM1IiByPSIzNSI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyLjAwOTkwMSwgMTQuMTI4NzEzKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTIiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iU2hhcGUiIGZpbGw9IiMzMjRBNUUiIHBvaW50cz0iMjkuNTAwOTkwMSAzMi45MjI3NzIzIDE2LjQ5OTAwOTkgMzIuOTIyNzcyMyAxNS4yMzc2MjM4IDQxLjI4MTE4ODEgMzAuNzYyMzc2MiA0MS4yODExODgxIj48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJTaGFwZSIgZmlsbD0iIzJCM0I0RSIgcG9pbnRzPSIzMC4wMTM4NjE0IDM2LjMxODgxMTkgMjkuNTAwOTkwMSAzMi45MjI3NzIzIDE2LjQ5OTAwOTkgMzIuOTIyNzcyMyAxNS45ODYxMzg2IDM2LjMxODgxMTkiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTQ0LjU5NjAzOTYsMzQuMTk4MDE5OCBMMS40MDM5NjA0LDM0LjE5ODAxOTggQzEuMTQwNTk0MDYsMzQuMTk4MDE5OCAwLjkzMjY3MzI2NywzMy45OTAwOTkgMC45MzI2NzMyNjcsMzMuNzI2NzMyNyBMMC45MzI2NzMyNjcsMS4zMzI2NzMyNyBDMC45MzI2NzMyNjcsMS4wNjkzMDY5MyAxLjE0MDU5NDA2LDAuODYxMzg2MTM5IDEuNDAzOTYwNCwwLjg2MTM4NjEzOSBMNDQuNTgyMTc4MiwwLjg2MTM4NjEzOSBDNDQuODQ1NTQ0NiwwLjg2MTM4NjEzOSA0NS4wNTM0NjUzLDEuMDY5MzA2OTMgNDUuMDUzNDY1MywxLjMzMjY3MzI3IEw0NS4wNTM0NjUzLDMzLjcyNjczMjcgQzQ1LjA2NzMyNjcsMzMuOTkwMDk5IDQ0Ljg1OTQwNTksMzQuMTk4MDE5OCA0NC41OTYwMzk2LDM0LjE5ODAxOTggWiIgaWQ9IlNoYXBlIiBmaWxsPSIjMzI0QTVFIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtcGF0aCIgZmlsbD0iI0ZGRkZGRiIgeD0iMy41MjQ3NTI0OCIgeT0iMy42MDU5NDA1OSIgd2lkdGg9IjM4LjkzNjYzMzciIGhlaWdodD0iMjcuODYxMzg2MSI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLXBhdGgiIGZpbGw9IiNGRjcwNTgiIHg9IjUuOTIyNzcyMjgiIHk9IjUuNjcxMjg3MTMiIHdpZHRoPSIzLjg1MzQ2NTM1IiBoZWlnaHQ9IjMuODUzNDY1MzUiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS1wYXRoIiBmaWxsPSIjRTZFOUVFIiB4PSIxMS4xMDY5MzA3IiB5PSI2LjE3MDI5NzAzIiB3aWR0aD0iMTEuNTA0OTUwNSIgaGVpZ2h0PSIxIj48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtcGF0aCIgZmlsbD0iI0U2RTlFRSIgeD0iMTEuMTA2OTMwNyIgeT0iOC4wODMxNjgzMiIgd2lkdGg9IjE1LjQ0MTU4NDIiIGhlaWdodD0iMSI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLXBhdGgiIGZpbGw9IiNFNkU5RUUiIHg9IjIzLjg3MzI2NzMiIHk9IjYuMTcwMjk3MDMiIHdpZHRoPSI3LjM3NDI1NzQzIiBoZWlnaHQ9IjEiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlNoYXBlIiBmaWxsPSIjQUNCM0JBIiBwb2ludHM9IjM1LjAyMTc4MjIgMTMuNTgwMTk4IDM1LjAyMTc4MjIgMTQuODgzMTY4MyAzNC4yMDM5NjA0IDEzLjg1NzQyNTcgMjUuODMxNjgzMiAyMC41NjYzMzY2IDE1LjMzODYxMzkgMTQuMTM0NjUzNSA5LjQ4OTEwODkxIDIyLjMyNjczMjcgMy40MzE2ODMxNyAxNy41MzA2OTMxIDMuNDMxNjgzMTcgMjAuODQzNTY0NCA4Ljk0ODUxNDg1IDI1LjIyMzc2MjQgOS43NTI0NzUyNSAyNC4xOTgwMTk4IDEwLjgxOTgwMiAyNC45NjAzOTYgMTYuMDQ1NTQ0NiAxNy42Mjc3MjI4IDI2LjAyNTc0MjYgMjMuNzQwNTk0MSAzNS40NzkyMDc5IDE2LjE4NjEzODYgNDIuNDc5MjA3OSAxNi4xODYxMzg2IDQyLjQ3OTIwNzkgMTMuNTgwMTk4Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsIiBmaWxsPSIjRkY3MDU4IiBjeD0iNDcuMDMxNjgzMiIgY3k9IjI5LjAxMTg4MTIiIHI9IjMuMzQwNTk0MDYiPjwvY2lyY2xlPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbCIgZmlsbD0iI0ZGRkZGRiIgY3g9IjQ3LjAzMTY4MzIiIGN5PSIyOS4wMTE4ODEyIiByPSIxLjI4OTEwODkxIj48L2NpcmNsZT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwiIGZpbGw9IiM0Q0RCQzQiIGN4PSIzNy45Mzg2MTM5IiBjeT0iMzYuMjg5MTA4OSIgcj0iMy4zNDA1OTQwNiI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsIiBmaWxsPSIjRkZGRkZGIiBjeD0iMzcuOTM4NjEzOSIgY3k9IjM2LjI4OTEwODkiIHI9IjEuMjg5MTA4OTEiPjwvY2lyY2xlPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbCIgZmlsbD0iI0ZGRDA1QiIgY3g9IjI3LjcwODkxMDkiIGN5PSIzMC4wMDk5MDEiIHI9IjMuMzQwNTk0MDYiPjwvY2lyY2xlPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbCIgZmlsbD0iI0ZGRkZGRiIgY3g9IjI3LjcwODkxMDkiIGN5PSIzMC4wMDk5MDEiIHI9IjEuMjg5MTA4OTEiPjwvY2lyY2xlPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbCIgZmlsbD0iIzU0QzBFQiIgY3g9IjIxLjc2MjM3NjIiIGN5PSIzOC4zMjY3MzI3IiByPSIzLjM0MDU5NDA2Ij48L2NpcmNsZT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwiIGZpbGw9IiNGRkZGRkYiIGN4PSIyMS43NjIzNzYyIiBjeT0iMzguMzI2NzMyNyIgcj0iMS4yODkxMDg5MSI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNDUuMTA0OTUwNSw1Ni4xMzg2MTM5IEwyNC44OTUwNDk1LDU2LjEzODYxMzkgTDI0Ljg5NTA0OTUsNTMuMzUyNDc1MiBDMjQuODk1MDQ5NSw1Mi45NzgyMTc4IDI1LjIsNTIuNjczMjY3MyAyNS41NzQyNTc0LDUyLjY3MzI2NzMgTDQ0LjQyNTc0MjYsNTIuNjczMjY3MyBDNDQuOCw1Mi42NzMyNjczIDQ1LjEwNDk1MDUsNTIuOTc4MjE3OCA0NS4xMDQ5NTA1LDUzLjM1MjQ3NTIgTDQ1LjEwNDk1MDUsNTYuMTM4NjEzOSBaIiBpZD0iU2hhcGUiIGZpbGw9IiMyQjNCNEUiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+";
+var api = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDZweCIgaGVpZ2h0PSI0NnB4IiB2aWV3Qm94PSIwIDAgNDYgNDYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUxLjIgKDU3NTE5KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5hcGkgaWNvbjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJBc3NldHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJhcGktaWNvbiIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS1wYXRoIiBmaWxsPSIjMzI0QTVFIiB4PSIwLjYzMTA5NTcxIiB5PSIwLjYzMTA5NTcxIiB3aWR0aD0iMjAuODY3MzAwMyIgaGVpZ2h0PSIyMC44NjczMDAzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtcGF0aCIgZmlsbD0iIzRDREJDNCIgeD0iMi44NDMzNDY1MyIgeT0iMi44NDMzNDY1MyIgd2lkdGg9IjE2LjM4Mjk4MzUiIGhlaWdodD0iMTYuMzgyOTgzNSI+PC9yZWN0PgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLXBhdGgiIGZpbGw9IiMyQzk5ODQiIHg9IjI0LjM2ODQ2MiIgeT0iMC42MzEwOTU3MSIgd2lkdGg9IjIwLjg2NzMwMDMiIGhlaWdodD0iMjAuODY3MzAwMyI+PC9yZWN0PgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLXBhdGgiIGZpbGw9IiNGRkZGRkYiIHg9IjI2LjY0MDUyODEiIHk9IjIuODQzMzQ2NTMiIHdpZHRoPSIxNi4zODI5ODM1IiBoZWlnaHQ9IjE2LjM4Mjk4MzUiPjwvcmVjdD4KICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS1wYXRoIiBmaWxsPSIjNTRDMEVCIiB4PSIwLjYzMTA5NTcxIiB5PSIyNC4zNjg0NjIiIHdpZHRoPSIyMC44NjczMDAzIiBoZWlnaHQ9IjIwLjg2NzMwMDMiPjwvcmVjdD4KICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS1wYXRoIiBmaWxsPSIjRkZGRkZGIiB4PSIyLjg0MzM0NjUzIiB5PSIyNi42NDA1MjgxIiB3aWR0aD0iMTYuMzgyOTgzNSIgaGVpZ2h0PSIxNi4zODI5ODM1Ij48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtcGF0aCIgZmlsbD0iI0YxNTQzRiIgeD0iMjQuMzY4NDYyIiB5PSIyNC4zNjg0NjIiIHdpZHRoPSIyMC44NjczMDAzIiBoZWlnaHQ9IjIwLjg2NzMwMDMiPjwvcmVjdD4KICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS1wYXRoIiBmaWxsPSIjRkZEMDVCIiB4PSIyNi42NDA1MjgxIiB5PSIyNi42NDA1MjgxIiB3aWR0aD0iMTYuMzgyOTgzNSIgaGVpZ2h0PSIxNi4zODI5ODM1Ij48L3JlY3Q+CiAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJTaGFwZSIgZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSIxMi40MTAxMzIgNi4xOTE3ODIxOCA5LjY1OTY5NjM3IDYuMTkxNzgyMTggOS42NTk2OTYzNyA5LjY1OTY5NjM3IDYuMTkxNzgyMTggOS42NTk2OTYzNyA2LjE5MTc4MjE4IDEyLjQxMDEzMiA5LjY1OTY5NjM3IDEyLjQxMDEzMiA5LjY1OTY5NjM3IDE1Ljg3ODA0NjIgMTIuNDEwMTMyIDE1Ljg3ODA0NjIgMTIuNDEwMTMyIDEyLjQxMDEzMiAxNS44NzgwNDYyIDEyLjQxMDEzMiAxNS44NzgwNDYyIDkuNjU5Njk2MzcgMTIuNDEwMTMyIDkuNjU5Njk2MzciPjwvcG9seWdvbj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2LjUyODA1MywgOS41NjQzNTYpIiBmaWxsPSIjMzI0QTVFIj4KICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJTaGFwZSIgcG9pbnRzPSI4LjkzMTQzODk0IDIyLjgxNjE1MTggNi45NTgyOTcwMyAyMC44NDMwMDk5IDQuNTA2Nzg1NDggMjMuMjk0NTIxNSAyLjA1NTI3MzkzIDIwLjg0MzAwOTkgMC4wODIyODM4Mjg0IDIyLjgxNjE1MTggMi41MzM2NDM1NiAyNS4yNjc2NjM0IDAuMDgyMjgzODI4NCAyNy43MTkxNzQ5IDIuMDU1MjczOTMgMjkuNjkyMzE2OCA0LjUwNjc4NTQ4IDI3LjI0MDgwNTMgNi45NTgyOTcwMyAyOS42OTIzMTY4IDguOTMxNDM4OTQgMjcuNzE5MTc0OSA2LjQ3OTkyNzM5IDI1LjI2NzY2MzQiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtcGF0aCIgeD0iMjMuNDYwNzU5MSIgeT0iMC4wOTUzMzk5MzQiIHdpZHRoPSI5Ljc0NjA3OTIxIiBoZWlnaHQ9IjIuODEwMjUwODMiPjwvcmVjdD4KICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI5LjkwNzU5MSwgMzAuOTcwMjk3KSIgZmlsbD0iI0ZGRkZGRiI+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLXBhdGgiIHg9IjAuMDgxMjIxMTIyMSIgeT0iNC44MTgzMTAyMyIgd2lkdGg9IjkuNzQ2MDc5MjEiIGhlaWdodD0iMi44MTAyNTA4MyI+PC9yZWN0PgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS1wYXRoIiB4PSIwLjA4MTIyMTEyMjEiIHk9IjAuMDk0ODg0NDg4NCIgd2lkdGg9IjkuNzQ2MDc5MjEiIGhlaWdodD0iMi44MTAyNTA4MyI+PC9yZWN0PgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=";
 
@@ -34,3 +34,3 @@ /* babel-plugin-inline-import './img/arrow-down-solid.svg' */
 /* babel-plugin-inline-import './img/markets.svg' */
-var markets = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNzBweCIgaGVpZ2h0PSI3MHB4IiB2aWV3Qm94PSIwIDAgNzAgNzAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUxICg1NzQ2MikgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+aWNvbjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJFeHBsb3Jlci1maW5hbCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9ImJjaC0tLXR4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODc5LjAwMDAwMCwgLTIxMDEuMDAwMDAwKSI+CiAgICAgICAgICAgIDxyZWN0IGZpbGw9IiNGRkZGRkYiIHg9IjAiIHk9IjAiIHdpZHRoPSIxNDQwIiBoZWlnaHQ9IjMwNjciPjwvcmVjdD4KICAgICAgICAgICAgPGcgaWQ9InByb2R1Y3RzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMTcyNi4wMDAwMDApIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICAgICAgPGcgaWQ9ImJ1Y2tldC0yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3NjAuMDAwMDAwLCAyODIuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Im1hcmtldHMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI0LjAwMDAwMCwgNjEuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJpY29uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5NS4wMDAwMDAsIDMyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbCIgZmlsbD0iIzg0REJGRiIgY3g9IjM0LjkzOTI4NzEiIGN5PSIzNC45MzkyODcxIiByPSIzNC45MzkyODcxIj48L2NpcmNsZT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwiIGZpbGw9IiMzMjRBNUUiIGN4PSIxNi43MDUzMjY3IiBjeT0iMzkuMjUxOTgwMiIgcj0iNC4wOTQzNzYyNCI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsIiBmaWxsPSIjRTZFOUVFIiBjeD0iMTYuNzA1MzI2NyIgY3k9IjM5LjI1MTk4MDIiIHI9IjMuNDM5Mjg3MTMiPjwvY2lyY2xlPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE2LjU5NjA5OSw0Mi4wMzYzMTY4IEwxNi41OTYwOTksNDEuNTQ0OTMwNyBDMTUuOTk1NjIzOCw0MS40OTAzMTY4IDE1LjQ0OTYyMzgsNDEuMjE3Mzg2MSAxNC45NTgzNzYyLDQwLjgzNTIyNzcgTDE1LjQ0OTc2MjQsNDAuMjM0NzUyNSBDMTUuODMxOTIwOCw0MC41NjIyOTcgMTYuMjE0MDc5Miw0MC43MjYxMzg2IDE2LjU5NjIzNzYsNDAuODM1MjI3NyBMMTYuNTk2MjM3NiwzOS41MjUwNDk1IEMxNi4xMDQ4NTE1LDM5LjQxNTgyMTggMTUuNzIyNjkzMSwzOS4yNTIxMTg4IDE1LjUwNDM3NjIsMzkuMDMzNjYzNCBDMTUuMjg2MDU5NCwzOC44MTUzNDY1IDE1LjE3NjgzMTcsMzguNTQyMjc3MiAxNS4xNzY4MzE3LDM4LjE2MDExODggQzE1LjE3NjgzMTcsMzcuNzc3OTYwNCAxNS4yODYwNTk0LDM3LjQ1MDQxNTggMTUuNTU4OTkwMSwzNy4yMzIwOTkgQzE1LjgzMTkyMDgsMzcuMDEzNzgyMiAxNi4xNTk0NjUzLDM2Ljg0OTk0MDYgMTYuNTk2MjM3NiwzNi44NDk5NDA2IEwxNi41OTYyMzc2LDM2LjUyMjM5NiBMMTcuMDMzMDA5OSwzNi41MjIzOTYgTDE3LjAzMzAwOTksMzYuODQ5OTQwNiBDMTcuNTI0Mzk2LDM2LjkwNDU1NDUgMTcuOTYxMDI5NywzNy4wNjgyNTc0IDE4LjM5NzgwMiwzNy4zNDEzMjY3IEwxNy45NjEwMjk3LDM3Ljk0MTgwMiBDMTcuNjg4MDk5LDM3LjcyMzQ4NTEgMTcuMzYwNTU0NSwzNy42MTQyNTc0IDE3LjAzMzAwOTksMzcuNTU5NjQzNiBMMTcuMDMzMDA5OSwzOC44MTUyMDc5IEMxNy41MjQzOTYsMzguOTI0NDM1NiAxNy45MDY1NTQ1LDM5LjA4ODEzODYgMTguMTc5NDg1MSwzOS4zMDY1OTQxIEMxOC4zOTc4MDIsMzkuNTI0OTEwOSAxOC41NjE2NDM2LDM5Ljc5Nzk4MDIgMTguNTYxNjQzNiw0MC4xODAxMzg2IEMxOC41NjE2NDM2LDQwLjU2MjI5NyAxOC4zOTc4MDIsNDAuODg5ODQxNiAxOC4xMjQ4NzEzLDQxLjEwODE1ODQgQzE3Ljg1MTk0MDYsNDEuMzI2NDc1MiAxNy40Njk3ODIyLDQxLjQ5MDMxNjggMTcuMDMzMDA5OSw0MS40OTAzMTY4IEwxNy4wMzMwMDk5LDQyLjAzNjE3ODIgTDE2LjU5NjA5OSw0Mi4wMzYxNzgyIEwxNi41OTYwOTksNDIuMDM2MzE2OCBaIE0xNi4xMDQ4NTE1LDM3LjcyMzQ4NTEgQzE1Ljk5NTYyMzgsMzcuODMyNzEyOSAxNS45NDEwMDk5LDM3Ljk0MTgwMiAxNS45NDEwMDk5LDM4LjEwNTY0MzYgQzE1Ljk0MTAwOTksMzguMjY5NDg1MSAxNS45OTU2MjM4LDM4LjM3ODU3NDMgMTYuMDUwMjM3NiwzOC40MzMxODgxIEMxNi4xNTk0NjUzLDM4LjU0MjQxNTggMTYuMzIzMTY4MywzOC41OTcwMjk3IDE2LjU0MTYyMzgsMzguNzA2MTE4OCBMMTYuNTQxNjIzOCwzNy41NTk2NDM2IEMxNi4zNzc3ODIyLDM3LjU1OTY0MzYgMTYuMjEzOTQwNiwzNy42MTQyNTc0IDE2LjEwNDg1MTUsMzcuNzIzNDg1MSBaIE0xNy41MjQyNTc0LDQwLjYxNjkxMDkgQzE3LjYzMzQ4NTEsNDAuNTA3NjgzMiAxNy42ODgwOTksNDAuMzk4NTk0MSAxNy42ODgwOTksNDAuMjM0NzUyNSBDMTcuNjg4MDk5LDQwLjA3MDkxMDkgMTcuNjMzNDg1MSwzOS45NjE4MjE4IDE3LjUyNDI1NzQsMzkuODUyNTk0MSBDMTcuNDE1MDI5NywzOS43NDMzNjYzIDE3LjI1MTMyNjcsMzkuNjg4NzUyNSAxNi45NzgzOTYsMzkuNTc5NjYzNCBMMTYuOTc4Mzk2LDQwLjc4MDc1MjUgQzE3LjE5NjcxMjksNDAuNzgwNjEzOSAxNy4zNjA0MTU4LDQwLjcyNiAxNy41MjQyNTc0LDQwLjYxNjkxMDkgWiIgaWQ9IlNoYXBlIiBmaWxsPSIjMzI0QTVFIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTYuNzA1MzI2NywyNC4xODQ1MTQ5IEw5LjE3MTUyNDc1LDQyLjM2Mzg2MTQgTDkuMTcxNTI0NzUsNDIuNTgyMTc4MiBDOS4xNzE1MjQ3NSw0Ni43MzExNjgzIDEyLjU1NjE5OCw1MC4xMTU5ODAyIDE2LjcwNTMyNjcsNTAuMTE1OTgwMiBDMjAuODU0NDU1NCw1MC4xMTU5ODAyIDI0LjIzOTEyODcsNDYuNzMxMzA2OSAyNC4yMzkxMjg3LDQyLjU4MjE3ODIgTDI0LjIzOTEyODcsNDIuMzA5MjQ3NSBMMTYuNzA1MzI2NywyNC4xODQ1MTQ5IFogTTEwLjI2MzM4NjEsNDIuMzYzODYxNCBMMTYuNzA1MzI2NywyNy40MDU0ODUxIEwyMy4xNDcyNjczLDQyLjM2Mzg2MTQgTDEwLjI2MzM4NjEsNDIuMzYzODYxNCBaIiBpZD0iU2hhcGUiIGZpbGw9IiNGOUI1NEMiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwiIGZpbGw9IiNGMTU0M0YiIGN4PSI1My43MTkxMDg5IiBjeT0iMzEuMzM2MTU4NCIgcj0iNC4wOTQzNzYyNCI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsIiBmaWxsPSIjRkY3MDU4IiBjeD0iNTMuNzE5MTA4OSIgY3k9IjMxLjMzNjE1ODQiIHI9IjMuMzg0NjczMjciPjwvY2lyY2xlPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTUzLjU1NTI2NzMsMzQuMTc0OTcwMyBMNTMuNTU1MjY3MywzMy42ODM1ODQyIEM1Mi45NTQ3OTIxLDMzLjYyODk3MDMgNTIuMzU0MTc4MiwzMy4zNTYwMzk2IDUxLjg2MjkzMDcsMzIuOTE5MjY3MyBMNTIuMzU0MzE2OCwzMi4zMTg3OTIxIEM1Mi43MzY0NzUyLDMyLjY0NjMzNjYgNTMuMTE4NjMzNywzMi44NjQ2NTM1IDUzLjU1NTQwNTksMzIuOTE5MjY3MyBMNTMuNTU1NDA1OSwzMS42MDkwODkxIEM1My4wNjQwMTk4LDMxLjQ5OTg2MTQgNTIuNjgxODYxNCwzMS4zMzYxNTg0IDUyLjQwODkzMDcsMzEuMTE3NzAzIEM1Mi4xOTA2MTM5LDMwLjg5OTM4NjEgNTIuMDI2NzcyMywzMC42MjYzMTY4IDUyLjAyNjc3MjMsMzAuMjQ0MTU4NCBDNTIuMDI2NzcyMywyOS44NjIgNTIuMTkwNjEzOSwyOS41MzQ0NTU0IDUyLjQ2MzU0NDYsMjkuMjYxNTI0OCBDNTIuNzM2NDc1MiwyOC45ODg1OTQxIDUzLjExODYzMzcsMjguODc5MzY2MyA1My41NTU0MDU5LDI4Ljg3OTM2NjMgTDUzLjU1NTQwNTksMjguNTUxODIxOCBMNTMuOTkyMTc4MiwyOC41NTE4MjE4IEw1My45OTIxNzgyLDI4Ljg3OTM2NjMgQzU0LjQ4MzU2NDQsMjguOTMzOTgwMiA1NC45NzQ4MTE5LDI5LjA5NzY4MzIgNTUuNDExNTg0MiwyOS4zNzA3NTI1IEw1NC45NzQ4MTE5LDI5Ljk3MTIyNzcgQzU0LjcwMTg4MTIsMjkuNzUyOTEwOSA1NC4zNzQzMzY2LDI5LjY0MzY4MzIgNTMuOTkyMTc4MiwyOS41ODkwNjkzIEw1My45OTIxNzgyLDMwLjg0NDYzMzcgQzU0LjUzODAzOTYsMzAuOTUzODYxNCA1NC45MjAxOTgsMzEuMTE3NTY0NCA1NS4xMzg2NTM1LDMxLjMzNjAxOTggQzU1LjM1Njk3MDMsMzEuNTU0MzM2NiA1NS41MjA4MTE5LDMxLjgyNzQwNTkgNTUuNTIwODExOSwzMi4yNjQwMzk2IEM1NS41MjA4MTE5LDMyLjY0NjE5OCA1NS4zNTY5NzAzLDMyLjk3Mzc0MjYgNTUuMDg0MDM5NiwzMy4yNDY2NzMzIEM1NC44MTExMDg5LDMzLjUxOTYwNCA1NC40Mjg5NTA1LDMzLjYyODgzMTcgNTMuOTkyMTc4MiwzMy42Mjg4MzE3IEw1My45OTIxNzgyLDM0LjEyMDIxNzggTDUzLjU1NTQwNTksMzQuMTIwMjE3OCBMNTMuNTU1NDA1OSwzNC4xNzQ5NzAzIEw1My41NTUyNjczLDM0LjE3NDk3MDMgWiBNNTMuMDYzODgxMiwyOS43NTI5MTA5IEM1Mi45NTQ2NTM1LDI5Ljg2MjEzODYgNTIuOTAwMDM5NiwyOS45NzEyMjc3IDUyLjkwMDAzOTYsMzAuMTM1MDY5MyBDNTIuOTAwMDM5NiwzMC4yOTg5MTA5IDUyLjk1NDY1MzUsMzAuNDA4IDUzLjA2Mzg4MTIsMzAuNTE3MjI3NyBDNTMuMTczMTA4OSwzMC42MjY0NTU0IDUzLjMzNjgxMTksMzAuNjgxMDY5MyA1My41NTUyNjczLDMwLjc5MDE1ODQgTDUzLjU1NTI2NzMsMjkuNTg5MDY5MyBDNTMuMzM2OTUwNSwyOS41ODkyMDc5IDUzLjE3MzEwODksMjkuNjQzNjgzMiA1My4wNjM4ODEyLDI5Ljc1MjkxMDkgWiBNNTQuNDgzMjg3MSwzMi43NTU1NjQ0IEM1NC41OTI1MTQ5LDMyLjY0NjMzNjYgNTQuNjQ3MTI4NywzMi41MzcyNDc1IDU0LjY0NzEyODcsMzIuMzczNDA1OSBDNTQuNjQ3MTI4NywzMi4yMDk1NjQ0IDU0LjU5MjUxNDksMzIuMTAwNDc1MiA1NC40ODMyODcxLDMxLjk5MTI0NzUgQzU0LjM3NDA1OTQsMzEuODgyMDE5OCA1NC4yMTAzNTY0LDMxLjgyNzQwNTkgNTMuOTM3NDI1NywzMS43MTgzMTY4IEw1My45Mzc0MjU3LDMyLjkxOTQwNTkgQzU0LjIxMDM1NjQsMzIuOTE5MjY3MyA1NC4zNzQxOTgsMzIuODY0NjUzNSA1NC40ODMyODcxLDMyLjc1NTU2NDQgWiIgaWQ9IlNoYXBlIiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNTMuNzE5MTA4OSwxNi4yNjg1NTQ1IEw0Ni4xODUzMDY5LDM0LjQ0NzkwMSBMNDYuMTg1MzA2OSwzNC43MjA4MzE3IEM0Ni4xODUzMDY5LDM4Ljg2OTgyMTggNDkuNTY5OTgwMiw0Mi4yNTQ2MzM3IDUzLjcxOTEwODksNDIuMjU0NjMzNyBDNTcuODY4MjM3Niw0Mi4yNTQ2MzM3IDYxLjI1MjkxMDksMzguODY5OTYwNCA2MS4yNTI5MTA5LDM0LjcyMDgzMTcgTDYxLjI1MjkxMDksMzQuNDQ3OTAxIEw1My43MTkxMDg5LDE2LjI2ODU1NDUgWiBNNDcuMjc3MTY4MywzNC40NDc5MDEgTDUzLjcxOTEwODksMTkuNDg5NTI0OCBMNjAuMTYxMDQ5NSwzNC40NDc5MDEgTDQ3LjI3NzE2ODMsMzQuNDQ3OTAxIFoiIGlkPSJTaGFwZSIgZmlsbD0iI0Y5QjU0QyI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS1wYXRoIiBmaWxsPSIjMzI0QTVFIiB4PSIzMy4xMzc3MjI4IiB5PSIxOS43NjI0NTU0IiB3aWR0aD0iMy43NjY4MzE2OCIgaGVpZ2h0PSIzMy4xOTIxOTgiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTMuODYxMzg2LCAxMy44NjEzODYpIiBmaWxsPSIjMkIzQjRFIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMC4xMTQzNTY0MzYsMTAuMzIzMTI4NyBDMC4zMzI2NzMyNjcsMTEuMzA1NzYyNCAxLjI2MDgzMTY4LDExLjkwNjM3NjIgMi4yNDM0NjUzNSwxMS42ODc5MjA4IEw0MC43MzEyNjczLDMuNTUzNjQzNTYgQzQxLjcxMzkwMSwzLjMzNTMyNjczIDQyLjMxNDUxNDksMi40MDcxNjgzMiA0Mi4wOTYwNTk0LDEuNDI0NTM0NjUgQzQxLjg3Nzc0MjYsMC40NDE5MDA5OSA0MC45NDk1ODQyLC0wLjE1ODcxMjg3MSAzOS45NjY5NTA1LDAuMDU5NzQyNTc0MyBMMS40NzkxNDg1MSw4LjE5NDAxOTggQzAuNDk2NTE0ODUxLDguNDEyMzM2NjMgLTAuMTA0MDk5MDEsOS4zNDA0OTUwNSAwLjExNDM1NjQzNiwxMC4zMjMxMjg3IFoiIGlkPSJTaGFwZSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMi42MTU5NDA2LDQyLjA5NTkyMDggTDI5LjcwMzQyNTcsNDIuMDk1OTIwOCBDMjkuNzAzNDI1NywzOS43NDg0OTUgMjcuNzkyNjMzNywzNy44OTIzMTY4IDI1LjQ0NTIwNzksMzcuODkyMzE2OCBMMTYuODc0MTU4NCwzNy44OTIzMTY4IEMxNC41MjY3MzI3LDM3Ljg5MjMxNjggMTIuNjE1OTQwNiwzOS44MDMxMDg5IDEyLjYxNTk0MDYsNDIuMDk1OTIwOCBaIiBpZD0iU2hhcGUiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+";
+var markets = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNTVweCIgaGVpZ2h0PSI0NXB4IiB2aWV3Qm94PSIwIDAgNTUgNDUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUxLjIgKDU3NTE5KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5tYXJrZXRzIGljb248L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iQXNzZXRzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0ibWFya2V0cy1pY29uIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsIiBmaWxsPSIjMzI0QTVFIiBjeD0iOC4wNTU1Njg4NiIgY3k9IjI3LjQ0NTI1MiIgcj0iNC4yODA0ODQyNSI+PC9jaXJjbGU+CiAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwiIGZpbGw9IiNFNkU5RUUiIGN4PSI4LjA1NTU2ODg2IiBjeT0iMjcuNDQ1MjUyIiByPSIzLjU5NTYxODM2Ij48L2NpcmNsZT4KICAgICAgICAgICAgPHBhdGggZD0iTTcuOTQxMzc2MjQsMzAuMzU2MTQ5NCBMNy45NDEzNzYyNCwyOS44NDI0Mjc1IEM3LjMxMzYwNjY2LDI5Ljc4NTMzMTIgNi43NDI3ODg0OCwyOS40OTk5OTQ2IDYuMjI5MjExNTIsMjkuMTAwNDY1MyBMNi43NDI5MzMzOSwyOC40NzI2OTU4IEM3LjE0MjQ2MjY1LDI4LjgxNTEyODcgNy41NDE5OTE5LDI4Ljk4NjQxNzYgNy45NDE1MjExNSwyOS4xMDA0NjUzIEw3Ljk0MTUyMTE1LDI3LjczMDczMzYgQzcuNDI3Nzk5MjgsMjcuNjE2NTQxIDcuMDI4MjcwMDMsMjcuNDQ1Mzk2OSA2LjgwMDAyOTcsMjcuMjE3MDExNyBDNi41NzE3ODkzOCwyNi45ODg3NzE0IDYuNDU3NTk2NzYsMjYuNzAzMjg5OCA2LjQ1NzU5Njc2LDI2LjMwMzc2MDYgQzYuNDU3NTk2NzYsMjUuOTA0MjMxMyA2LjU3MTc4OTM4LDI1LjU2MTc5ODQgNi44NTcxMjYwMSwyNS4zMzM1NTgxIEM3LjE0MjQ2MjY1LDI1LjEwNTMxNzcgNy40ODQ4OTU1OSwyNC45MzQwMjg4IDcuOTQxNTIxMTUsMjQuOTM0MDI4OCBMNy45NDE1MjExNSwyNC41OTE1OTU5IEw4LjM5ODE0NjcxLDI0LjU5MTU5NTkgTDguMzk4MTQ2NzEsMjQuOTM0MDI4OCBDOC45MTE4Njg1OSwyNC45OTExMjUxIDkuMzY4MzQ5MjMsMjUuMTYyMjY5MSA5LjgyNDk3NDgsMjUuNDQ3NzUwNyBMOS4zNjgzNDkyMywyNi4wNzU1MjAzIEM5LjA4MzAxMjYsMjUuODQ3Mjc5OSA4Ljc0MDU3OTY2LDI1LjczMzA4NzMgOC4zOTgxNDY3MSwyNS42NzU5OTEgTDguMzk4MTQ2NzEsMjYuOTg4NjI2NSBDOC45MTE4Njg1OSwyNy4xMDI4MTkxIDkuMzExMzk3ODQsMjcuMjczOTYzMSA5LjU5NjczNDQ3LDI3LjUwMjM0ODMgQzkuODI0OTc0OCwyNy43MzA1ODg3IDkuOTk2MjYzNzMsMjguMDE2MDcwMiA5Ljk5NjI2MzczLDI4LjQxNTU5OTUgQzkuOTk2MjYzNzMsMjguODE1MTI4NyA5LjgyNDk3NDgsMjkuMTU3NTYxNyA5LjUzOTYzODE2LDI5LjM4NTgwMiBDOS4yNTQzMDE1MywyOS42MTQwNDIzIDguODU0NzcyMjgsMjkuNzg1MzMxMiA4LjM5ODE0NjcxLDI5Ljc4NTMzMTIgTDguMzk4MTQ2NzEsMzAuMzU2MDA0NSBMNy45NDEzNzYyNCwzMC4zNTYwMDQ1IEw3Ljk0MTM3NjI0LDMwLjM1NjE0OTQgWiBNNy40Mjc3OTkyOCwyNS44NDcyNzk5IEM3LjMxMzYwNjY2LDI1Ljk2MTQ3MjUgNy4yNTY1MTAzNSwyNi4wNzU1MjAzIDcuMjU2NTEwMzUsMjYuMjQ2ODA5MiBDNy4yNTY1MTAzNSwyNi40MTgwOTgxIDcuMzEzNjA2NjYsMjYuNTMyMTQ1OCA3LjM3MDcwMjk3LDI2LjU4OTI0MjEgQzcuNDg0ODk1NTksMjYuNzAzNDM0NyA3LjY1NjAzOTYsMjYuNzYwNTMxMSA3Ljg4NDQyNDg0LDI2Ljg3NDU3ODggTDcuODg0NDI0ODQsMjUuNjc1OTkxIEM3LjcxMzEzNTkxLDI1LjY3NTk5MSA3LjU0MTg0Njk4LDI1LjczMzA4NzMgNy40Mjc3OTkyOCwyNS44NDcyNzk5IFogTTguOTExNzIzNjcsMjguODcyMjI1IEM5LjAyNTkxNjI5LDI4Ljc1ODAzMjQgOS4wODMwMTI2LDI4LjY0Mzk4NDcgOS4wODMwMTI2LDI4LjQ3MjY5NTggQzkuMDgzMDEyNiwyOC4zMDE0MDY4IDkuMDI1OTE2MjksMjguMTg3MzU5MSA4LjkxMTcyMzY3LDI4LjA3MzE2NjUgQzguNzk3NTMxMDUsMjcuOTU4OTczOSA4LjYyNjM4NzA0LDI3LjkwMTg3NzYgOC4zNDEwNTA0MSwyNy43ODc4Mjk5IEw4LjM0MTA1MDQxLDI5LjA0MzUxNCBDOC41NjkyOTA3MywyOS4wNDMzNjkgOC43NDA0MzQ3NCwyOC45ODYyNzI3IDguOTExNzIzNjcsMjguODcyMjI1IFoiIGlkPSJTaGFwZSIgZmlsbD0iIzMyNEE1RSI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNOC4wNTU1Njg4NiwxMS42OTI5MDE5IEwwLjE3OTMyMTMzMiwzMC42OTg1ODI0IEwwLjE3OTMyMTMzMiwzMC45MjY4MjI3IEMwLjE3OTMyMTMzMiwzNS4yNjQ0MDMyIDMuNzE3ODQzMzgsMzguODAzMDcwMiA4LjA1NTU2ODg2LDM4LjgwMzA3MDIgQzEyLjM5MzI5NDMsMzguODAzMDcwMiAxNS45MzE4MTY0LDM1LjI2NDU0ODIgMTUuOTMxODE2NCwzMC45MjY4MjI3IEwxNS45MzE4MTY0LDMwLjY0MTQ4NiBMOC4wNTU1Njg4NiwxMS42OTI5MDE5IFogTTEuMzIwODEyNzgsMzAuNjk4NTgyNCBMOC4wNTU1Njg4NiwxNS4wNjAyNzk5IEwxNC43OTAzMjQ5LDMwLjY5ODU4MjQgTDEuMzIwODEyNzgsMzAuNjk4NTgyNCBaIiBpZD0iU2hhcGUiIGZpbGw9IiNGOUI1NEMiPjwvcGF0aD4KICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbCIgZmlsbD0iI0YxNTQzRiIgY3g9IjQ2Ljc1MTc5NTciIGN5PSIxOS4xNjk2MjAyIiByPSI0LjI4MDQ4NDI1Ij48L2NpcmNsZT4KICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbCIgZmlsbD0iI0ZGNzA1OCIgY3g9IjQ2Ljc1MTc5NTciIGN5PSIxOS4xNjk2MjAyIiByPSIzLjUzODUyMjA1Ij48L2NpcmNsZT4KICAgICAgICAgICAgPHBhdGggZD0iTTQ2LjU4MDUwNjgsMjIuMTM3NDY4OSBMNDYuNTgwNTA2OCwyMS42MjM3NDcxIEM0NS45NTI3MzcyLDIxLjU2NjY1MDggNDUuMzI0ODIyNywyMS4yODEzMTQxIDQ0LjgxMTI0NTcsMjAuODI0Njg4NiBMNDUuMzI0OTY3NiwyMC4xOTY5MTkgQzQ1LjcyNDQ5NjgsMjAuNTM5MzUxOSA0Ni4xMjQwMjYxLDIwLjc2NzU5MjMgNDYuNTgwNjUxNywyMC44MjQ2ODg2IEw0Ni41ODA2NTE3LDE5LjQ1NDk1NjggQzQ2LjA2NjkyOTgsMTkuMzQwNzY0MiA0NS42Njc0MDA1LDE5LjE2OTYyMDIgNDUuMzgyMDYzOSwxOC45NDEyMzQ5IEM0NS4xNTM4MjM2LDE4LjcxMjk5NDYgNDQuOTgyNTM0NywxOC40Mjc1MTMxIDQ0Ljk4MjUzNDcsMTguMDI3OTgzOCBDNDQuOTgyNTM0NywxNy42Mjg0NTQ1IDQ1LjE1MzgyMzYsMTcuMjg2MDIxNiA0NS40MzkxNjAyLDE3LjAwMDY4NSBDNDUuNzI0NDk2OCwxNi43MTUzNDgzIDQ2LjEyNDAyNjEsMTYuNjAxMTU1NyA0Ni41ODA2NTE3LDE2LjYwMTE1NTcgTDQ2LjU4MDY1MTcsMTYuMjU4NzIyOCBMNDcuMDM3Mjc3MiwxNi4yNTg3MjI4IEw0Ny4wMzcyNzcyLDE2LjYwMTE1NTcgQzQ3LjU1MDk5OTEsMTYuNjU4MjUyIDQ4LjA2NDU3NjEsMTYuODI5Mzk2IDQ4LjUyMTIwMTYsMTcuMTE0ODc3NiBMNDguMDY0NTc2MSwxNy43NDI2NDcyIEM0Ny43NzkyMzk0LDE3LjUxNDQwNjggNDcuNDM2ODA2NSwxNy40MDAyMTQyIDQ3LjAzNzI3NzIsMTcuMzQzMTE3OSBMNDcuMDM3Mjc3MiwxOC42NTU3NTM0IEM0Ny42MDc5NTA1LDE4Ljc2OTk0NiA0OC4wMDc0Nzk3LDE4Ljk0MTA5IDQ4LjIzNTg2NSwxOS4xNjk0NzUyIEM0OC40NjQxMDUzLDE5LjM5NzcxNTYgNDguNjM1Mzk0MiwxOS42ODMxOTcxIDQ4LjYzNTM5NDIsMjAuMTM5Njc3OCBDNDguNjM1Mzk0MiwyMC41MzkyMDcgNDguNDY0MTA1MywyMC44ODE2NCA0OC4xNzg3Njg3LDIxLjE2Njk3NjYgQzQ3Ljg5MzQzMiwyMS40NTIzMTMyIDQ3LjQ5MzkwMjgsMjEuNTY2NTA1OSA0Ny4wMzcyNzcyLDIxLjU2NjUwNTkgTDQ3LjAzNzI3NzIsMjIuMDgwMjI3NyBMNDYuNTgwNjUxNywyMi4wODAyMjc3IEw0Ni41ODA2NTE3LDIyLjEzNzQ2ODkgTDQ2LjU4MDUwNjgsMjIuMTM3NDY4OSBaIE00Ni4wNjY3ODQ5LDE3LjUxNDQwNjggQzQ1Ljk1MjU5MjMsMTcuNjI4NTk5NSA0NS44OTU0OTU5LDE3Ljc0MjY0NzIgNDUuODk1NDk1OSwxNy45MTM5MzYxIEM0NS44OTU0OTU5LDE4LjA4NTIyNSA0NS45NTI1OTIzLDE4LjE5OTI3MjcgNDYuMDY2Nzg0OSwxOC4zMTM0NjUzIEM0Ni4xODA5Nzc1LDE4LjQyNzY1OCA0Ni4zNTIxMjE1LDE4LjQ4NDc1NDMgNDYuNTgwNTA2OCwxOC41OTg4MDIgTDQ2LjU4MDUwNjgsMTcuMzQzMTE3OSBDNDYuMzUyMjY2NCwxNy4zNDMyNjI4IDQ2LjE4MDk3NzUsMTcuNDAwMjE0MiA0Ni4wNjY3ODQ5LDE3LjUxNDQwNjggWiBNNDcuNTUwNzA5MywyMC42NTM1NDQ2IEM0Ny42NjQ5MDE5LDIwLjUzOTM1MTkgNDcuNzIxOTk4MiwyMC40MjUzMDQyIDQ3LjcyMTk5ODIsMjAuMjU0MDE1MyBDNDcuNzIxOTk4MiwyMC4wODI3MjY0IDQ3LjY2NDkwMTksMTkuOTY4Njc4NyA0Ny41NTA3MDkzLDE5Ljg1NDQ4NiBDNDcuNDM2NTE2NywxOS43NDAyOTM0IDQ3LjI2NTM3MjYsMTkuNjgzMTk3MSA0Ni45ODAwMzYsMTkuNTY5MTQ5NCBMNDYuOTgwMDM2LDIwLjgyNDgzMzUgQzQ3LjI2NTM3MjYsMjAuODI0Njg4NiA0Ny40MzY2NjE2LDIwLjc2NzU5MjMgNDcuNTUwNzA5MywyMC42NTM1NDQ2IFoiIGlkPSJTaGFwZSIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNNDYuNzUxNzk1NywzLjQxNzEyNTExIEwzOC44NzU1NDgyLDIyLjQyMjgwNTYgTDM4Ljg3NTU0ODIsMjIuNzA4MTQyMiBDMzguODc1NTQ4MiwyNy4wNDU3MjI4IDQyLjQxNDA3MDIsMzAuNTg0Mzg5NyA0Ni43NTE3OTU3LDMwLjU4NDM4OTcgQzUxLjA4OTUyMTIsMzAuNTg0Mzg5NyA1NC42MjgwNDMyLDI3LjA0NTg2NzcgNTQuNjI4MDQzMiwyMi43MDgxNDIyIEw1NC42MjgwNDMyLDIyLjQyMjgwNTYgTDQ2Ljc1MTc5NTcsMy40MTcxMjUxMSBaIE00MC4wMTcwMzk2LDIyLjQyMjgwNTYgTDQ2Ljc1MTc5NTcsNi43ODQ1MDMxNSBMNTMuNDg2NTUxOCwyMi40MjI4MDU2IEw0MC4wMTcwMzk2LDIyLjQyMjgwNTYgWiIgaWQ9IlNoYXBlIiBmaWxsPSIjRjlCNTRDIj48L3BhdGg+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtcGF0aCIgZmlsbD0iIzMyNEE1RSIgeD0iMjUuMjM0ODkyIiB5PSI3LjA2OTgzOTc4IiB3aWR0aD0iMy45MzgwNTEzMSIgaGVpZ2h0PSIzNC43MDA5MzQzIj48L3JlY3Q+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS4wODIzNTgsIDAuOTAwNTQwKSIgZmlsbD0iIzJCM0I0RSI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMC4xMTk1NTQ0NTUsMTAuNzkyMzYxOCBDMC4zNDc3OTQ3NzksMTEuODE5NjYwNyAxLjMxODE0MjIxLDEyLjQ0NzU3NTIgMi4zNDU0NDEwNCwxMi4yMTkxODk5IEw0Mi41ODI2ODg2LDMuNzE1MTcyODIgQzQzLjYwOTk4NzQsMy40ODY5MzI0OSA0NC4yMzc5MDE5LDIuNTE2NTg1MDYgNDQuMDA5NTE2NywxLjQ4OTI4NjIzIEM0My43ODEyNzYzLDAuNDYxOTg3Mzk5IDQyLjgxMDkyODksLTAuMTY1OTI3MDkzIDQxLjc4MzYzMDEsMC4wNjI0NTgxNDU4IEwxLjU0NjM4MjU0LDguNTY2NDc1MjUgQzAuNTE5MDgzNzA4LDguNzk0NzE1NTcgLTAuMTA4ODMwNzgzLDkuNzY1MDYzMDEgMC4xMTk1NTQ0NTUsMTAuNzkyMzYxOCBaIiBpZD0iU2hhcGUiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMy4xODkzOTI0LDQ0LjAwOTM3MTcgTDMxLjA1MzU4MTUsNDQuMDA5MzcxNyBDMzEuMDUzNTgxNSw0MS41NTUyNDQ4IDI5LjA1NTkzNTIsMzkuNjE0Njk0OSAyNi42MDE4MDgzLDM5LjYxNDY5NDkgTDE3LjY0MTE2NTYsMzkuNjE0Njk0OSBDMTUuMTg3MDM4NywzOS42MTQ2OTQ5IDEzLjE4OTM5MjQsNDEuNjEyMzQxMSAxMy4xODkzOTI0LDQ0LjAwOTM3MTcgWiIgaWQ9IlNoYXBlIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==";
 
@@ -41,3 +41,3 @@ /* babel-plugin-inline-import './img/twitter.svg' */
 /* babel-plugin-inline-import './img/wallet.svg' */
-var wallet = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNzBweCIgaGVpZ2h0PSI3MHB4IiB2aWV3Qm94PSIwIDAgNzAgNzAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUxICg1NzQ2MikgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+aWNvbjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJFeHBsb3Jlci1maW5hbCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9ImJjaC0tLXR4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjE3LjAwMDAwMCwgLTIxMDEuMDAwMDAwKSI+CiAgICAgICAgICAgIDxyZWN0IGZpbGw9IiNGRkZGRkYiIHg9IjAiIHk9IjAiIHdpZHRoPSIxNDQwIiBoZWlnaHQ9IjMwNjciPjwvcmVjdD4KICAgICAgICAgICAgPGcgaWQ9InByb2R1Y3RzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMTcyNi4wMDAwMDApIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICAgICAgPGcgaWQ9ImJ1Y2tldC0xIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5OC4wMDAwMDAsIDI4Mi4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0id2FsbGV0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNC4wMDAwMDAsIDYxLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iaWNvbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTUuMDAwMDAwLCAzMi4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwiIGZpbGw9IiNFRkFBOUEiIGN4PSIzNSIgY3k9IjM1IiByPSIzNSI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTkuNjg3NTI0MiwyMi44ODQ2MTU0IEw0OC4yOTMyNDUsMjIuODg0NjE1NCBDNDkuODY2NTkzOCwyMi44ODQ2MTU0IDUxLjE1Mzg0NjIsMjQuMjA5NzE2OSA1MS4xNTM4NDYyLDI1LjgyOTMyNjkgTDUxLjE1Mzg0NjIsMjkuMzYyOTgwOCBDNTEuMTUzODQ2MiwzMC45ODI1OTA4IDQ5Ljg2NjU5MzgsMzIuMzA3NjkyMyA0OC4yOTMyNDUsMzIuMzA3NjkyMyBMMTkuNjg3NTI0MiwzMi4zMDc2OTIzIEMxOC4xMTQxNzU0LDMyLjMwNzU0MjggMTYuODI2OTIzMSwzMC45ODI0NDEzIDE2LjgyNjkyMzEsMjkuMzYyOTA2IEwxNi44MjY5MjMxLDI1LjgyOTI1MjIgQzE2LjgyNjkyMzEsMjQuMjA5NzE2OSAxOC4xMTQxNzU0LDIyLjg4NDYxNTQgMTkuNjg3NTI0MiwyMi44ODQ2MTU0IFoiIGlkPSJTaGFwZSIgZmlsbD0iI0I3NzI0MyI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTI2LjI0NTMyNywyNS41MDAzNDIgTDQ0LjA2NDYxMDksMjAuOTA2MDAxNyBDNDQuNjYyMzk4MywyMC43Mzk5NDU0IDQ1LjI4ODU4OTksMjEuMDk5NzQ1NyA0NS40NTkzNzYsMjEuNjgwOTc3OCBMNDguNDE5NzY0NSwzMi4zMDg5Mjk4IEM0OC41OTA1NTA2LDMyLjg5MDE2MTkgNDguMjIwNTAyLDMzLjQ5OTAxMTQgNDcuNjIyNzE0NiwzMy42NjUwNjc3IEwyNC40MjM1NjA2LDM5LjY3MDkyMTQgQzIzLjgyNTc3MzEsMzkuODM2OTc3NyAyMy4xOTk1ODE2LDM5LjQ3NzE3NzQgMjMuMDI4Nzk1NSwzOC44OTU5NDUzIEwyMC44NjUzODQ2LDMxLjA5MTA5MDIgTDI2LjI0NTMyNywyNS41MDAzNDIgWiIgaWQ9IlNoYXBlIiBmaWxsPSIjM0RCMzlFIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNDQuNjc3MDQ3NywzMi4zNDcyIEw0MC44NDY1OTk4LDMzLjM3MTk1NSBDNDAuNTM0NTEsMzMuNDU3Mzg3NCA0MC4yMjIzNDgyLDMzLjI4NjUyMjYgNDAuMTY1NjUwNSwzMi45NzM0MTUxIEM0MC4wODA0OTU4LDMyLjY2MDMwNzUgNDAuMjUwODA1MSwzMi4zNDcxMjc3IDQwLjU2Mjg5NDksMzIuMjkwMjQ1IEw0My44NTQyNDU5LDMxLjQwNzgwNSBMNDIuMDk1MTAyOSwyNC44MDM2MzUyIEwzOC44MDM3NTE4LDI1LjY4NjA3NTIgQzM4LjQ5MTY2MjEsMjUuNzcxNTA3NiAzOC4xNzk1MDAzLDI1LjYwMDY0MjkgMzguMTIyODAyNSwyNS4yODc1MzUzIEMzOC4wMzc2NDc5LDI0Ljk3NDQyNzcgMzguMjA3OTU3MiwyNC42NjEyNDc5IDM4LjUyMDA0NywyNC42MDQzNjUzIEw0Mi4zNTA0OTQ5LDIzLjU3OTYxMDIgQzQyLjY2MjU4NDYsMjMuNDk0MTc3OCA0Mi45NzQ3NDY0LDIzLjY2NTA0MjYgNDMuMDMxNDQ0MiwyMy45NzgxNTAxIEw0NS4wNzQzNjQxLDMxLjY2NDAyOTkgQzQ1LjE1OTM3NDcsMzEuOTc3MTM3NSA0NC45ODkxMzc0LDMyLjI5MDI0NSA0NC42NzcwNDc3LDMyLjM0NzIgWiBNMjguNzg3NzAyMywzNi42NDU2MzQ3IEwyNC45NTcyNTQ0LDM3LjY3MDM4OTggQzI0LjY0NTE2NDYsMzcuNzU1ODIyMiAyNC4zMzMwMDI4LDM3LjU4NDk1NzQgMjQuMjc2MzA1MSwzNy4yNzE4NDk5IEwyMi4yMzMzODUxLDI5LjU4NTk3MDEgQzIyLjE0ODIzMDQsMjkuMjcyODYyNSAyMi4zMTg1Mzk4LDI4Ljk1OTY4MjcgMjIuNjMwNjI5NSwyOC45MDI4IEwyNi40NjEwNzc0LDI3Ljg3ODA0NSBDMjYuNzczMTY3MiwyNy43OTI2MTI2IDI3LjA4NTMyOSwyNy45NjM0Nzc0IDI3LjE0MjAyNjcsMjguMjc2NTg0OSBDMjcuMjI3MTgxNCwyOC41ODk2OTI1IDI3LjA1Njg3MjEsMjguOTAyODcyMyAyNi43NDQ3ODIzLDI4Ljk1OTc1NSBMMjMuNDUzNDMxMywyOS44NDIxOTUgTDI1LjIxMjU3NDMsMzYuNDQ2MzY0OCBMMjguNTAzOTI1NCwzNS41NjM5MjQ4IEMyOC44MTYwMTUxLDM1LjQ3ODQ5MjQgMjkuMTI4MTc2OSwzNS42NDkzNTcxIDI5LjE4NDg3NDcsMzUuOTYyNDY0NyBDMjkuMjcwMDI5MywzNi4yNDcwOTQ4IDI5LjA5OTc5MiwzNi41NjAyMDI0IDI4Ljc4NzcwMjMsMzYuNjQ1NjM0NyBaIiBpZD0iU2hhcGUiIGZpbGw9IiM3OENBQkIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNi44NTQ4Mjg5LDI5LjcwMjgzNzkgQzIxLjgwNzUwNDEsMjYuODUyMjY3MyAzNS4xNjMyMDk5LDE4Ljk5OTM0MzYgMzUuMTYzMjA5OSwxOC45OTkzNDM2IEMzNS42OTE4NjU0LDE4LjY5MTk1NjMgMzYuMzg3NDYxMSwxOC44NTk2Mjg1IDM2LjY5MzU3NjksMTkuMzkwNjAyNiBMNDIuMjU4NDEzMSwyOS4wMDQxMjA3IEM0Mi41NjQ0NTgyLDI5LjUzNTA5NDcgNDIuMzY5NjgzLDMwLjIwNTc4MzggNDEuODQxMDI3NCwzMC41MTMyNDIxIEwyMS40NzM2MjM4LDQyLjI1MDY1NjQgQzIwLjk0NDk2ODMsNDIuNTU4MDQzNyAyMC4yNDkzNzI2LDQyLjM5MDM3MTUgMTkuOTQzMjU2OCw0MS44NTkzOTc0IEMxOS45NDMyNTY4LDQxLjg1OTM5NzQgMTguMzg1MTI1MiwzOC42NzM1NTMyIDE2LjgyNjkyMzEsMzUuOTkwNjU0OCBDMTYuODI2OTkzNywyOS43MDI4Mzc5IDE2Ljg1NDgyODksMzEuNzcwODE5NyAxNi44NTQ4Mjg5LDI5LjcwMjgzNzkgWiIgaWQ9IlNoYXBlIiBmaWxsPSIjNUFCRUFDIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNDAuMzAzMzk4NiwyOS4zNDUzOTczIEwzNi4zMTgyMDQ5LDIyLjQ5Njc1NTUgQzM2LjE0NzQxNSwyMi4yMTM3ODc2IDM1LjgwNTgzNTIsMjIuMTI4ODU0MSAzNS41NDk2MTQzLDIyLjI5ODY0OTIgTDMyLjEwNTI2NzMsMjQuMjc5NjM5OSBDMzEuODIwNjQxNiwyNC40NDk0MzUgMzEuNzM1MjEwNSwyNC43ODkwMjUyIDMxLjkwNjAwMDQsMjUuMDQzNzUzOCBDMzIuMDc2NzkwMiwyNS4zMjY3MjE3IDMyLjQxODM3LDI1LjQxMTY1NTIgMzIuNjc0NTkxLDI1LjI0MTg2MDEgTDM1LjYzNTA0NTQsMjMuNTQzODM3MiBMMzkuMDUwOTg3NiwyOS40MzAyNTkgTDM2LjA5MDUzMzIsMzEuMTI4MjgxOCBDMzUuODA1OTA3NSwzMS4yOTgwNzY5IDM1LjcyMDQ3NjQsMzEuNjM3NjY3MSAzNS44OTEyNjYzLDMxLjg5MjM5NTcgQzM2LjA2MjA1NjIsMzIuMTc1MzYzNiAzNi40MDM2MzYsMzIuMjYwMjk3MSAzNi42NTk4NTcsMzIuMDkwNTAyIEw0MC4xMDQyMDQsMzAuMTA5NTExMiBDNDAuMzYwMzUyNywyOS45NjgwMjczIDQwLjQ3NDE4ODUsMjkuNjI4NDM3MSA0MC4zMDMzOTg2LDI5LjM0NTM5NzMgWiBNMjUuMjE2NTAxLDM3LjM1NDM2NTYgTDIyLjI1NjA0NjYsMzkuMDUyMzg4NSBMMTguODQwMTA0MywzMy4xNjU4OTQ5IEwyMS44MDA1NTg3LDMxLjQ2Nzg3MiBDMjIuMDg1MTg0NCwzMS4yOTgwNzY5IDIyLjE3MDYxNTUsMzAuOTU4NDg2NyAyMS45OTk4MjU2LDMwLjcwMzc1ODEgQzIxLjgyOTAzNTcsMzAuNDIwNzkwMyAyMS40ODc0NTYsMzAuMzM1ODU2OCAyMS4yMzEyMzUsMzAuNTA1NjUxOSBMMTcuNzg2ODg4LDMyLjQ4NjY0MjYgQzE3LjUwMjI2MjMsMzIuNjU2NDM3NyAxNy40MTY4MzEyLDMyLjk5NjAyNzkgMTcuNTg3NjIxMSwzMy4yNTA3NTY1IEwyMS41NzI4MTQ4LDQwLjA5OTM5ODQgQzIxLjc0MzYwNDcsNDAuMzgyMzY2MyAyMi4wODUxODQ0LDQwLjQ2NzI5OTggMjIuMzQxNDA1NCw0MC4yOTc1MDQ3IEwyNS43ODU3NTI0LDM4LjMxNjUxMzkgQzI2LjA3MDM3ODEsMzguMTQ2NzE4OCAyNi4xNTU4MDkyLDM3LjgwNzEyODYgMjUuOTg1MDE5MywzNy41NTI0IEMyNS44NDI3MDY1LDM3LjI5Nzc0MzMgMjUuNTAxMTI2NywzNy4xODQ0OTg3IDI1LjIxNjUwMSwzNy4zNTQzNjU2IFogTTI2LjY2ODI1MTEsMjcuMzY0NDA2NiBDMjQuNDc2Mzg3NCwyOC42MDk1OTQ2IDIzLjczNjI3MzgsMzEuMzgzMDEwNCAyNC45ODg3NTcsMzMuNTYyMTA3NCBDMjYuMjY5NzE3MywzNS43NDEyMDQ0IDI5LjAzMDkwNDgsMzYuNDc3MDA3MSAzMS4yMjI3Njg1LDM1LjIzMTgxOTEgQzMzLjQxNDYzMjMsMzMuOTg2NjMxMSAzNC4xNTQ3NDU5LDMxLjIxMzIxNTMgMzIuOTAyMjYyNiwyOS4wMzQxMTgzIEMzMS42MjEzMDI0LDI2Ljg4MzI2MDYgMjguODYwMTE0OSwyNi4xMTkyMTg2IDI2LjY2ODI1MTEsMjcuMzY0NDA2NiBaIE00MC4zMDMzOTg2LDI5LjM0NTM5NzMgTDM2LjMxODIwNDksMjIuNDk2NzU1NSBDMzYuMTQ3NDE1LDIyLjIxMzc4NzYgMzUuODA1ODM1MiwyMi4xMjg4NTQxIDM1LjU0OTYxNDMsMjIuMjk4NjQ5MiBMMzIuMTA1MjY3MywyNC4yNzk2Mzk5IEMzMS44MjA2NDE2LDI0LjQ0OTQzNSAzMS43MzUyMTA1LDI0Ljc4OTAyNTIgMzEuOTA2MDAwNCwyNS4wNDM3NTM4IEMzMi4wNzY3OTAyLDI1LjMyNjcyMTcgMzIuNDE4MzcsMjUuNDExNjU1MiAzMi42NzQ1OTEsMjUuMjQxODYwMSBMMzUuNjM1MDQ1NCwyMy41NDM4MzcyIEwzOS4wNTA5ODc2LDI5LjQzMDI1OSBMMzYuMDkwNTMzMiwzMS4xMjgyODE4IEMzNS44MDU5MDc1LDMxLjI5ODA3NjkgMzUuNzIwNDc2NCwzMS42Mzc2NjcxIDM1Ljg5MTI2NjMsMzEuODkyMzk1NyBDMzYuMDYyMDU2MiwzMi4xNzUzNjM2IDM2LjQwMzYzNiwzMi4yNjAyOTcxIDM2LjY1OTg1NywzMi4wOTA1MDIgTDQwLjEwNDIwNCwzMC4xMDk1MTEyIEM0MC4zNjAzNTI3LDI5Ljk2ODAyNzMgNDAuNDc0MTg4NSwyOS42Mjg0MzcxIDQwLjMwMzM5ODYsMjkuMzQ1Mzk3MyBaIE0yNS4yMTY1MDEsMzcuMzU0MzY1NiBMMjIuMjU2MDQ2NiwzOS4wNTIzODg1IEwxOC44NDAxMDQzLDMzLjE2NTg5NDkgTDIxLjgwMDU1ODcsMzEuNDY3ODcyIEMyMi4wODUxODQ0LDMxLjI5ODA3NjkgMjIuMTcwNjE1NSwzMC45NTg0ODY3IDIxLjk5OTgyNTYsMzAuNzAzNzU4MSBDMjEuODI5MDM1NywzMC40MjA3OTAzIDIxLjQ4NzQ1NiwzMC4zMzU4NTY4IDIxLjIzMTIzNSwzMC41MDU2NTE5IEwxNy43ODY4ODgsMzIuNDg2NjQyNiBDMTcuNTAyMjYyMywzMi42NTY0Mzc3IDE3LjQxNjgzMTIsMzIuOTk2MDI3OSAxNy41ODc2MjExLDMzLjI1MDc1NjUgTDIxLjU3MjgxNDgsNDAuMDk5Mzk4NCBDMjEuNzQzNjA0Nyw0MC4zODIzNjYzIDIyLjA4NTE4NDQsNDAuNDY3Mjk5OCAyMi4zNDE0MDU0LDQwLjI5NzUwNDcgTDI1Ljc4NTc1MjQsMzguMzE2NTEzOSBDMjYuMDcwMzc4MSwzOC4xNDY3MTg4IDI2LjE1NTgwOTIsMzcuODA3MTI4NiAyNS45ODUwMTkzLDM3LjU1MjQgQzI1Ljg0MjcwNjUsMzcuMjk3NzQzMyAyNS41MDExMjY3LDM3LjE4NDQ5ODcgMjUuMjE2NTAxLDM3LjM1NDM2NTYgWiBNMjYuNjY4MjUxMSwyNy4zNjQ0MDY2IEMyNC40NzYzODc0LDI4LjYwOTU5NDYgMjMuNzM2MjczOCwzMS4zODMwMTA0IDI0Ljk4ODc1NywzMy41NjIxMDc0IEMyNi4yNjk3MTczLDM1Ljc0MTIwNDQgMjkuMDMwOTA0OCwzNi40NzcwMDcxIDMxLjIyMjc2ODUsMzUuMjMxODE5MSBDMzMuNDE0NjMyMywzMy45ODY2MzExIDM0LjE1NDc0NTksMzEuMjEzMjE1MyAzMi45MDIyNjI2LDI5LjAzNDExODMgQzMxLjYyMTMwMjQsMjYuODgzMjYwNiAyOC44NjAxMTQ5LDI2LjExOTIxODYgMjYuNjY4MjUxMSwyNy4zNjQ0MDY2IFoiIGlkPSJTaGFwZSIgZmlsbD0iIzhDRDJDNSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTQ5LjAwNDMxOTMsNTEuMTUzODQ2MiBMMTkuNjQ5NTI2OCw1MS4xNTM4NDYyIEMxOC4wOTcwNzY5LDUxLjE1Mzg0NjIgMTYuODI2OTIzMSw0OS45MDg2NjA5IDE2LjgyNjkyMzEsNDguMzg2NzI4NyBMMTYuODI2OTIzMSwyOC40NjM2OTM5IEw0OS4wMDQzMTkzLDI4LjQ2MzY5MzkgQzUwLjU1Njc2OTMsMjguNDYzNjkzOSA1MS44MjY5MjMxLDI5LjcwODg3OTIgNTEuODI2OTIzMSwzMS4yMzA4MTE0IEw1MS44MjY5MjMxLDQ4LjM4Njc5OSBDNTEuODI2ODUxNCw0OS45MDg2NjA5IDUwLjU1NjY5NzYsNTEuMTUzODQ2MiA0OS4wMDQzMTkzLDUxLjE1Mzg0NjIgWiBNMTkuMDg1MDA2MSwyOC40NjM2OTM5IEwxNi44MjY5MjMxLDI4LjQ2MzY5MzkgTDE2LjgyNjkyMzEsMjYuMjUgQzE2LjgyNjkyMzEsMjcuNDY3NTAzNiAxNy44NDMwMTc0LDI4LjQ2MzY5MzkgMTkuMDg1MDA2MSwyOC40NjM2OTM5IFoiIGlkPSJTaGFwZSIgZmlsbD0iI0I3NzI0MyI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTUyLjA2NDQ2MzEsNDMuMDc2OTIzMSBMNDcuNjMwMDc4MSw0My4wNzY5MjMxIEM0NS40OTYwMjgxLDQzLjA3NjkyMzEgNDMuNzUsNDEuNDExMDY0NCA0My43NSwzOS4zNzUgQzQzLjc1LDM3LjMzODkzNTYgNDUuNDk2MDI4MSwzNS42NzMwNzY5IDQ3LjYzMDA3ODEsMzUuNjczMDc2OSBMNTIuMDY0NDYzMSwzNS42NzMwNzY5IEM1Mi42NzQyMjE4LDM1LjY3MzA3NjkgNTMuMTczMDc2OSwzNi4xNDkwMjcgNTMuMTczMDc2OSwzNi43MzA3ODg0IEw1My4xNzMwNzY5LDQyLjAxOTI3ODcgQzUzLjE3MzA3NjksNDIuNjAwOTczIDUyLjY3NDIyMTgsNDMuMDc2OTIzMSA1Mi4wNjQ0NjMxLDQzLjA3NjkyMzEgWiIgaWQ9IlNoYXBlIiBmaWxsPSIjQjc3MjQzIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNDkuMDA0MzE5Myw1MCBMMTkuNjQ5NTI2OCw1MCBDMTguMDk3MDc2OSw1MCAxNi44MjY5MjMxLDQ4LjcwMTk0MTQgMTYuODI2OTIzMSw0Ny4xMTUzODQ2IEwxNi44MjY5MjMxLDQ4LjI2OTIzMDggQzE2LjgyNjkyMzEsNDkuODU1Nzg3NSAxOC4wOTcwNzY5LDUxLjE1Mzg0NjIgMTkuNjQ5NTI2OCw1MS4xNTM4NDYyIEw0OS4wMDQzMTkzLDUxLjE1Mzg0NjIgQzUwLjU1Njc2OTMsNTEuMTUzODQ2MiA1MS44MjY5MjMxLDQ5Ljg1NTc4NzUgNTEuODI2OTIzMSw0OC4yNjkyMzA4IEw1MS44MjY5MjMxLDQ3LjExNTM4NDYgQzUxLjgyNjg1MTQsNDguNzAxOTQxNCA1MC41NTY2OTc2LDUwIDQ5LjAwNDMxOTMsNTAgWiIgaWQ9IlNoYXBlIiBmaWxsPSIjQjI3MjQ1Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNDkuMDA0MzE5MywyOC40NTI3OTcyIEwxOS4wODUwMDYxLDI4LjQ1Mjc5NzIgQzE3Ljg0MzAxNzQsMjguNDUyNzk3MiAxNi44MjY5MjMxLDI3LjQ2MTUxMDUgMTYuODI2OTIzMSwyNi4yNSBMMTYuODI2OTIzMSwyNy4zNTEzOTg2IEMxNi44MjY5MjMxLDI4LjU2MjkwOTEgMTcuODQzMDE3NCwyOS41NTQxOTU4IDE5LjA4NTAwNjEsMjkuNTU0MTk1OCBMNDkuMDA0MzE5MywyOS41NTQxOTU4IEM1MC41NTY3NjkzLDI5LjU1NDE5NTggNTEuODI2OTIzMSwzMC43OTMyNTE4IDUxLjgyNjkyMzEsMzIuMzA3NjkyMyBMNTEuODI2OTIzMSwzMS4yMDYyOTM3IEM1MS44MjY4NTE0LDI5LjY5MTg1MzIgNTAuNTU2Njk3NiwyOC40NTI3OTcyIDQ5LjAwNDMxOTMsMjguNDUyNzk3MiBaIiBpZD0iU2hhcGUiIGZpbGw9IiNDQThCNUYiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+";
+var wallet = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNTBweCIgaGVpZ2h0PSI0NHB4IiB2aWV3Qm94PSIwIDAgNTAgNDQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUxLjIgKDU3NTE5KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5pY29uPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IkFzc2V0cyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Imljb24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xLjAwMDAwMCwgLTEuMDAwMDAwKSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPHBhdGggZD0iTTUuMDQ2MDg1NzYsNi42MDg1OTcyOSBMNDQuMTkwNzU2Myw2LjYwODU5NzI5IEM0Ni4zNDM3NTk5LDYuNjA4NTk3MjkgNDguMTA1MjYzMiw4LjQwMTM4MTY3IDQ4LjEwNTI2MzIsMTAuNTkyNjE4OCBMNDguMTA1MjYzMiwxNS4zNzM0NDQ2IEM0OC4xMDUyNjMyLDE3LjU2NDY4MTcgNDYuMzQzNzU5OSwxOS4zNTc0NjYxIDQ0LjE5MDc1NjMsMTkuMzU3NDY2MSBMNS4wNDYwODU3NiwxOS4zNTc0NjYxIEMyLjg5MzA4MjE3LDE5LjM1NzI2MzggMS4xMzE1Nzg5NSwxNy41NjQ0Nzk0IDEuMTMxNTc4OTUsMTUuMzczMzQzNCBMMS4xMzE1Nzg5NSwxMC41OTI1MTc2IEMxLjEzMTU3ODk1LDguNDAxMzgxNjcgMi44OTMwODIxNyw2LjYwODU5NzI5IDUuMDQ2MDg1NzYsNi42MDg1OTcyOSBaIiBpZD0iU2hhcGUiIGZpbGw9IiNCNzcyNDMiPjwvcGF0aD4KICAgICAgICAgICAgPHBhdGggZD0iTTE0LjAxOTkyMTIsMTAuMTQ3NTIxNiBMMzguNDA0MjA0NCwzLjkzMTY0OTM0IEMzOS4yMjIyMjkzLDMuNzA2OTg0OTggNDAuMDc5MTIzLDQuMTkzNzczNiA0MC4zMTI4MzAzLDQuOTgwMTQ2MzcgTDQ0LjM2Mzg4ODIsMTkuMzU5MTQwNCBDNDQuNTk3NTk1NSwyMC4xNDU1MTMxIDQ0LjA5MTIxMzMsMjAuOTY5MjUwNyA0My4yNzMxODg0LDIxLjE5MzkxNTEgTDExLjUyNjk3NzYsMjkuMzE5NDgxOSBDMTAuNzA4OTUyNywyOS41NDQxNDYyIDkuODUyMDU5LDI5LjA1NzM1NzYgOS42MTgzNTE3MywyOC4yNzA5ODQ5IEw2LjY1Nzg5NDc0LDE3LjcxMTQ3NSBMMTQuMDE5OTIxMiwxMC4xNDc1MjE2IFoiIGlkPSJTaGFwZSIgZmlsbD0iIzNEQjM5RSI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNMzkuMjQyMjc1NywxOS40MTA5MTc2IEwzNC4wMDA2MTAyLDIwLjc5NzM1MDkgQzMzLjU3MzU0LDIwLjkxMjkzNTkgMzMuMTQ2MzcxMiwyMC42ODE3NjU5IDMzLjA2ODc4NDgsMjAuMjU4MTQ5OCBDMzIuOTUyMjU3NCwxOS44MzQ1MzM3IDMzLjE4NTMxMjMsMTkuNDEwODE5OCAzMy42MTIzODI1LDE5LjMzMzg2MDkgTDM4LjExNjMzNjUsMTguMTM5OTcxNSBMMzUuNzA5MDg4MSw5LjIwNDkxODI1IEwzMS4yMDUxMzQxLDEwLjM5ODgwNzcgQzMwLjc3ODA2MzksMTAuNTE0MzkyNyAzMC4zNTA4OTUxLDEwLjI4MzIyMjcgMzAuMjczMzA4Nyw5Ljg1OTYwNjU4IEMzMC4xNTY3ODEzLDkuNDM1OTkwNDcgMzAuMzg5ODM2Miw5LjAxMjI3NjU4IDMwLjgxNjkwNjQsOC45MzUzMTc3IEwzNi4wNTg1NzE5LDcuNTQ4ODg0MzggQzM2LjQ4NTY0MjEsNy40MzMyOTkzOCAzNi45MTI4MTA5LDcuNjY0NDY5MzkgMzYuOTkwMzk3Myw4LjA4ODA4NTQ5IEwzOS43ODU5NzIsMTguNDg2NjI4NyBDMzkuOTAyMzAyMywxOC45MTAyNDQ4IDM5LjY2OTM0NTksMTkuMzMzODYwOSAzOS4yNDIyNzU3LDE5LjQxMDkxNzYgWiBNMTcuNDk4OTYxLDI1LjIyNjQ0NyBMMTIuMjU3Mjk1NCwyNi42MTI4ODAzIEMxMS44MzAyMjUyLDI2LjcyODQ2NTMgMTEuNDAzMDU2NSwyNi40OTcyOTUzIDExLjMyNTQ3MDEsMjYuMDczNjc5MiBMOC41Mjk4OTU0LDE1LjY3NTEzNiBDOC40MTMzNjc5NCwxNS4yNTE1MTk5IDguNjQ2NDIyODcsMTQuODI3ODA2IDkuMDczNDkzMDYsMTQuNzUwODQ3MSBMMTQuMzE1MTU4NiwxMy4zNjQ0MTM4IEMxNC43NDIyMjg4LDEzLjI0ODgyODggMTUuMTY5Mzk3NiwxMy40Nzk5OTg4IDE1LjI0Njk4NCwxMy45MDM2MTQ5IEMxNS4zNjM1MTE0LDE0LjMyNzIzMSAxNS4xMzA0NTY1LDE0Ljc1MDk0NDkgMTQuNzAzMzg2MywxNC44Mjc5MDM4IEwxMC4xOTk0MzIzLDE2LjAyMTc5MzIgTDEyLjYwNjY4MDcsMjQuOTU2ODQ2NSBMMTcuMTEwNjM0NywyMy43NjI5NTcgQzE3LjUzNzcwNDksMjMuNjQ3MzcyIDE3Ljk2NDg3MzcsMjMuODc4NTQyIDE4LjA0MjQ2MDEsMjQuMzAyMTU4MSBDMTguMTU4OTg3NSwyNC42ODcyNDU5IDE3LjkyNjAzMTIsMjUuMTEwODYyIDE3LjQ5ODk2MSwyNS4yMjY0NDcgWiIgaWQ9IlNoYXBlIiBmaWxsPSIjNzhDQUJCIj48L3BhdGg+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xLjE2OTc2NTgsMTUuODMzMjUxMyBDNy45NDcxMTA4NywxMS45NzY1OTY5IDI2LjIyMzMzOTgsMS4zNTIwNTMxMyAyNi4yMjMzMzk4LDEuMzUyMDUzMTMgQzI2Ljk0Njc2MzIsMC45MzYxNzYxMjggMjcuODk4NjMxLDEuMTYzMDI2ODYgMjguMzE3NTI2MywxLjg4MTQwMzUgTDM1LjkzMjU2NTMsMTQuODg3OTI4IEMzNi4zNTEzNjM5LDE1LjYwNjMwNDYgMzYuMDg0ODI5MywxNi41MTM3MDc1IDM1LjM2MTQwNTksMTYuOTI5NjgwNSBMNy40OTAyMjIwNywzMi44MDk3MTE2IEM2Ljc2Njc5ODY4LDMzLjIyNTU4ODYgNS44MTQ5MzA4OSwzMi45OTg3Mzc4IDUuMzk2MDM1NTksMzIuMjgwMzYxMiBDNS4zOTYwMzU1OSwzMi4yODAzNjEyIDMuMjYzODU1NjEsMjcuOTcwMTAxNCAxLjEzMTU3ODk1LDI0LjM0MDI5NzcgQzEuMTMxNjc1NjIsMTUuODMzMjUxMyAxLjE2OTc2NTgsMTguNjMxMTA5IDEuMTY5NzY1OCwxNS44MzMyNTEzIFoiIGlkPSJTaGFwZSIgZmlsbD0iIzVBQkVBQyI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNMzMuMjU3MjgyMywxNS4zNDk2NTUyIEwyNy44MDM4NTkzLDYuMDgzODQ1NjEgQzI3LjU3MDE0NjksNS43MDEwMDY3MSAyNy4xMDI3MjE5LDUuNTg2MDk2NzIgMjYuNzUyMTAzOCw1LjgxNTgxOTUgTDIyLjAzODc4NjgsOC40OTU5ODM0NCBDMjEuNjQ5Mjk5LDguNzI1NzA2MjIgMjEuNTMyMzkzMyw5LjE4NTE1MTc5IDIxLjc2NjEwNTgsOS41Mjk3ODQ1NyBDMjEuOTk5ODE4Miw5LjkxMjYyMzQ3IDIyLjQ2NzI0MzIsMTAuMDI3NTMzNSAyMi44MTc4NjEzLDkuNzk3ODEwNjggTDI2Ljg2OTAwOTQsNy41MDA0ODU2NCBMMzEuNTQzNDU2NywxNS40NjQ0NjggTDI3LjQ5MjMwODYsMTcuNzYxNzkzMSBDMjcuMTAyODIwOCwxNy45OTE1MTU4IDI2Ljk4NTkxNTEsMTguNDUwOTYxNCAyNy4yMTk2Mjc2LDE4Ljc5NTU5NDIgQzI3LjQ1MzM0MDEsMTkuMTc4NDMzMSAyNy45MjA3NjUsMTkuMjkzMzQzMSAyOC4yNzEzODMyLDE5LjA2MzYyMDMgTDMyLjk4NDcwMDIsMTYuMzgzNDU2NCBDMzMuMzM1MjE5NCwxNi4xOTIwMzY5IDMzLjQ5MDk5NDgsMTUuNzMyNTkxMyAzMy4yNTcyODIzLDE1LjM0OTY1NTIgWiBNMTIuNjEyMDU0LDI2LjE4NTMxODIgTDguNTYwOTA1ODcsMjguNDgyNjQzMiBMMy44ODY0NTg1NywyMC41MTg1NjM3IEw3LjkzNzYwNjY3LDE4LjIyMTIzODYgQzguMzI3MDk0NDksMTcuOTkxNTE1OCA4LjQ0NDAwMDE4LDE3LjUzMjA3MDMgOC4yMTAyODc3MSwxNy4xODc0Mzc1IEM3Ljk3NjU3NTI0LDE2LjgwNDU5ODYgNy41MDkxNTAyOSwxNi42ODk2ODg2IDcuMTU4NTMyMTIsMTYuOTE5NDExNCBMMi40NDUyMTUxNiwxOS41OTk1NzUzIEMyLjA1NTcyNzM0LDE5LjgyOTI5ODEgMS45Mzg4MjE2NSwyMC4yODg3NDM3IDIuMTcyNTM0MTMsMjAuNjMzMzc2NCBMNy42MjU5NTcwNywyOS44OTkxODYxIEM3Ljg1OTY2OTU1LDMwLjI4MjAyNSA4LjMyNzA5NDQ5LDMwLjM5NjkzNSA4LjY3NzcxMjY2LDMwLjE2NzIxMjIgTDEzLjM5MTAyOTYsMjcuNDg3MDQ4MiBDMTMuNzgwNTE3NCwyNy4yNTczMjU1IDEzLjg5NzQyMzEsMjYuNzk3ODc5OSAxMy42NjM3MTA3LDI2LjQ1MzI0NzEgQzEzLjQ2ODk2NjcsMjYuMTA4NzExNSAxMy4wMDE1NDE4LDI1Ljk1NTQ5ODIgMTIuNjEyMDU0LDI2LjE4NTMxODIgWiBNMTQuNTk4NjU5NSwxMi42Njk0OTEzIEMxMS41OTkyNjY5LDE0LjM1NDE1NzQgMTAuNTg2NDc5OSwxOC4xMDY0MjU4IDEyLjMwMDQwNDQsMjEuMDU0NjE1OSBDMTQuMDUzMjk3NCwyNC4wMDI4MDU5IDE3LjgzMTc2NDQsMjQuOTk4MzAzNyAyMC44MzExNTcsMjMuMzEzNjM3NiBDMjMuODMwNTQ5NSwyMS42Mjg5NzE1IDI0Ljg0MzMzNjUsMTcuODc2NzAzMSAyMy4xMjk0MTIsMTQuOTI4NTEzIEMyMS4zNzY1MTksMTIuMDE4NTI5MSAxNy41OTgwNTIsMTAuOTg0ODI1MSAxNC41OTg2NTk1LDEyLjY2OTQ5MTMgWiBNMzMuMjU3MjgyMywxNS4zNDk2NTUyIEwyNy44MDM4NTkzLDYuMDgzODQ1NjEgQzI3LjU3MDE0NjksNS43MDEwMDY3MSAyNy4xMDI3MjE5LDUuNTg2MDk2NzIgMjYuNzUyMTAzOCw1LjgxNTgxOTUgTDIyLjAzODc4NjgsOC40OTU5ODM0NCBDMjEuNjQ5Mjk5LDguNzI1NzA2MjIgMjEuNTMyMzkzMyw5LjE4NTE1MTc5IDIxLjc2NjEwNTgsOS41Mjk3ODQ1NyBDMjEuOTk5ODE4Miw5LjkxMjYyMzQ3IDIyLjQ2NzI0MzIsMTAuMDI3NTMzNSAyMi44MTc4NjEzLDkuNzk3ODEwNjggTDI2Ljg2OTAwOTQsNy41MDA0ODU2NCBMMzEuNTQzNDU2NywxNS40NjQ0NjggTDI3LjQ5MjMwODYsMTcuNzYxNzkzMSBDMjcuMTAyODIwOCwxNy45OTE1MTU4IDI2Ljk4NTkxNTEsMTguNDUwOTYxNCAyNy4yMTk2Mjc2LDE4Ljc5NTU5NDIgQzI3LjQ1MzM0MDEsMTkuMTc4NDMzMSAyNy45MjA3NjUsMTkuMjkzMzQzMSAyOC4yNzEzODMyLDE5LjA2MzYyMDMgTDMyLjk4NDcwMDIsMTYuMzgzNDU2NCBDMzMuMzM1MjE5NCwxNi4xOTIwMzY5IDMzLjQ5MDk5NDgsMTUuNzMyNTkxMyAzMy4yNTcyODIzLDE1LjM0OTY1NTIgWiBNMTIuNjEyMDU0LDI2LjE4NTMxODIgTDguNTYwOTA1ODcsMjguNDgyNjQzMiBMMy44ODY0NTg1NywyMC41MTg1NjM3IEw3LjkzNzYwNjY3LDE4LjIyMTIzODYgQzguMzI3MDk0NDksMTcuOTkxNTE1OCA4LjQ0NDAwMDE4LDE3LjUzMjA3MDMgOC4yMTAyODc3MSwxNy4xODc0Mzc1IEM3Ljk3NjU3NTI0LDE2LjgwNDU5ODYgNy41MDkxNTAyOSwxNi42ODk2ODg2IDcuMTU4NTMyMTIsMTYuOTE5NDExNCBMMi40NDUyMTUxNiwxOS41OTk1NzUzIEMyLjA1NTcyNzM0LDE5LjgyOTI5ODEgMS45Mzg4MjE2NSwyMC4yODg3NDM3IDIuMTcyNTM0MTMsMjAuNjMzMzc2NCBMNy42MjU5NTcwNywyOS44OTkxODYxIEM3Ljg1OTY2OTU1LDMwLjI4MjAyNSA4LjMyNzA5NDQ5LDMwLjM5NjkzNSA4LjY3NzcxMjY2LDMwLjE2NzIxMjIgTDEzLjM5MTAyOTYsMjcuNDg3MDQ4MiBDMTMuNzgwNTE3NCwyNy4yNTczMjU1IDEzLjg5NzQyMzEsMjYuNzk3ODc5OSAxMy42NjM3MTA3LDI2LjQ1MzI0NzEgQzEzLjQ2ODk2NjcsMjYuMTA4NzExNSAxMy4wMDE1NDE4LDI1Ljk1NTQ5ODIgMTIuNjEyMDU0LDI2LjE4NTMxODIgWiBNMTQuNTk4NjU5NSwxMi42Njk0OTEzIEMxMS41OTkyNjY5LDE0LjM1NDE1NzQgMTAuNTg2NDc5OSwxOC4xMDY0MjU4IDEyLjMwMDQwNDQsMjEuMDU0NjE1OSBDMTQuMDUzMjk3NCwyNC4wMDI4MDU5IDE3LjgzMTc2NDQsMjQuOTk4MzAzNyAyMC44MzExNTcsMjMuMzEzNjM3NiBDMjMuODMwNTQ5NSwyMS42Mjg5NzE1IDI0Ljg0MzMzNjUsMTcuODc2NzAzMSAyMy4xMjk0MTIsMTQuOTI4NTEzIEMyMS4zNzY1MTksMTIuMDE4NTI5MSAxNy41OTgwNTIsMTAuOTg0ODI1MSAxNC41OTg2NTk1LDEyLjY2OTQ5MTMgWiIgaWQ9IlNoYXBlIiBmaWxsPSIjOENEMkM1Ij48L3BhdGg+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik00NS4xNjM4MDU0LDQ0Ljg1NTIwMzYgTDQuOTk0MDg5MzYsNDQuODU1MjAzNiBDMi44Njk2ODQxMiw0NC44NTUyMDM2IDEuMTMxNTc4OTUsNDMuMTcwNTQxMiAxLjEzMTU3ODk1LDQxLjExMTQ1NjUgTDEuMTMxNTc4OTUsMTQuMTU2NzYyNCBMNDUuMTYzODA1NCwxNC4xNTY3NjI0IEM0Ny4yODgyMTA2LDE0LjE1Njc2MjQgNDkuMDI2MzE1OCwxNS44NDE0MjQ4IDQ5LjAyNjMxNTgsMTcuOTAwNTA5NSBMNDkuMDI2MzE1OCw0MS4xMTE1NTE2IEM0OS4wMjYyMTc3LDQzLjE3MDU0MTIgNDcuMjg4MTEyNiw0NC44NTUyMDM2IDQ1LjE2MzgwNTQsNDQuODU1MjAzNiBaIE00LjIyMTU4NzI4LDE0LjE1Njc2MjQgTDEuMTMxNTc4OTUsMTQuMTU2NzYyNCBMMS4xMzE1Nzg5NSwxMS4xNjE3NjQ3IEMxLjEzMTU3ODk1LDEyLjgwODk3NTQgMi41MjIwMjM4NSwxNC4xNTY3NjI0IDQuMjIxNTg3MjgsMTQuMTU2NzYyNCBaIiBpZD0iU2hhcGUiIGZpbGw9IiNCNzcyNDMiPjwvcGF0aD4KICAgICAgICAgICAgPHBhdGggZD0iTTQ5LjM1MTM3MDUsMzMuOTI3NjAxOCBMNDMuMjgzMjY0NywzMy45Mjc2MDE4IEM0MC4zNjI5ODU4LDMzLjkyNzYwMTggMzcuOTczNjg0MiwzMS42NzM3OTMgMzcuOTczNjg0MiwyOC45MTkxMTc2IEMzNy45NzM2ODQyLDI2LjE2NDQ0MjMgNDAuMzYyOTg1OCwyMy45MTA2MzM1IDQzLjI4MzI2NDcsMjMuOTEwNjMzNSBMNDkuMzUxMzcwNSwyMy45MTA2MzM1IEM1MC4xODU3NzcyLDIzLjkxMDYzMzUgNTAuODY4NDIxMSwyNC41NTQ1NjU5IDUwLjg2ODQyMTEsMjUuMzQxNjU0OSBMNTAuODY4NDIxMSwzMi40OTY2NzEyIEM1MC44Njg0MjExLDMzLjI4MzY2OTQgNTAuMTg1Nzc3MiwzMy45Mjc2MDE4IDQ5LjM1MTM3MDUsMzMuOTI3NjAxOCBaIiBpZD0iU2hhcGUiIGZpbGw9IiNCNzcyNDMiPjwvcGF0aD4KICAgICAgICAgICAgPHBhdGggZD0iTTQ1LjE2MzgwNTQsNDMuMjk0MTE3NiBMNC45OTQwODkzNiw0My4yOTQxMTc2IEMyLjg2OTY4NDEyLDQzLjI5NDExNzYgMS4xMzE1Nzg5NSw0MS41Mzc5MjA3IDEuMTMxNTc4OTUsMzkuMzkxNDAyNyBMMS4xMzE1Nzg5NSw0MC45NTI0ODg3IEMxLjEzMTU3ODk1LDQzLjA5OTAwNjcgMi44Njk2ODQxMiw0NC44NTUyMDM2IDQuOTk0MDg5MzYsNDQuODU1MjAzNiBMNDUuMTYzODA1NCw0NC44NTUyMDM2IEM0Ny4yODgyMTA2LDQ0Ljg1NTIwMzYgNDkuMDI2MzE1OCw0My4wOTkwMDY3IDQ5LjAyNjMxNTgsNDAuOTUyNDg4NyBMNDkuMDI2MzE1OCwzOS4zOTE0MDI3IEM0OS4wMjYyMTc3LDQxLjUzNzkyMDcgNDcuMjg4MTEyNiw0My4yOTQxMTc2IDQ1LjE2MzgwNTQsNDMuMjk0MTE3NiBaIiBpZD0iU2hhcGUiIGZpbGw9IiNCMjcyNDUiPjwvcGF0aD4KICAgICAgICAgICAgPHBhdGggZD0iTTQ1LjE2MzgwNTQsMTQuMTQyMDE5NyBMNC4yMjE1ODcyOCwxNC4xNDIwMTk3IEMyLjUyMjAyMzg1LDE0LjE0MjAxOTcgMS4xMzE1Nzg5NSwxMi44MDA4NjcxIDEuMTMxNTc4OTUsMTEuMTYxNzY0NyBMMS4xMzE1Nzg5NSwxMi42NTE4OTIyIEMxLjEzMTU3ODk1LDE0LjI5MDk5NDcgMi41MjIwMjM4NSwxNS42MzIxNDczIDQuMjIxNTg3MjgsMTUuNjMyMTQ3MyBMNDUuMTYzODA1NCwxNS42MzIxNDczIEM0Ny4yODgyMTA2LDE1LjYzMjE0NzMgNDkuMDI2MzE1OCwxNy4zMDg1MTcxIDQ5LjAyNjMxNTgsMTkuMzU3NDY2MSBMNDkuMDI2MzE1OCwxNy44NjczMzg1IEM0OS4wMjYyMTc3LDE1LjgxODM4OTYgNDcuMjg4MTEyNiwxNC4xNDIwMTk3IDQ1LjE2MzgwNTQsMTQuMTQyMDE5NyBaIiBpZD0iU2hhcGUiIGZpbGw9IiNDQThCNUYiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==";
 var _default = {
@@ -44,0 +44,0 @@ api: api,

lib/Atoms/index.js

@@ -66,2 +66,14 @@ "use strict";
 });
+Object.defineProperty(exports, "Pagination", {
+  enumerable: true,
+  get: function get() {
+    return _Paginations.Pagination;
+  }
+});
+Object.defineProperty(exports, "PaginationItem", {
+  enumerable: true,
+  get: function get() {
+    return _Paginations.PaginationItem;
+  }
+});
 Object.defineProperty(exports, "Table", {
@@ -79,8 +91,2 @@ enumerable: true,
 });
-Object.defineProperty(exports, "TableHeader", {
-  enumerable: true,
-  get: function get() {
-    return _Tables.TableHeader;
-  }
-});
 Object.defineProperty(exports, "TableRow", {
@@ -135,2 +141,4 @@ enumerable: true,
 
+var _Paginations = require("./Paginations");
+
 var _Tables = require("./Tables");
@@ -137,0 +145,0 @@

lib/Atoms/Inputs/Input.js

@@ -23,3 +23,3 @@ "use strict";
 function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  display: block;\n  width: ", ";\n  height: 52px;\n  padding: 0 20px;\n  box-sizing: border-box;\n  font-family: ", ";\n  font-size: 18px;\n  color: ", ";\n  border-width: 1px;\n  border-color: ", ";\n  border-style: solid;\n  border-radius: 0.5rem;\n  background-color: ", ";\n  background-image: none;\n  outline-width: 0;\n  user-select: text;\n\n  &:disabled {\n    color: ", ";\n    background: ", ";\n    cursor: not-allowed;\n  }\n"]);
+  var data = _taggedTemplateLiteral(["\n  display: block;\n  width: ", ";\n  height: 3.2rem;\n  padding: 0 1.4rem;\n  box-sizing: border-box;\n  font-family: ", ";\n  font-size: 1rem;\n  color: ", ";\n  border-width: 1px;\n  border-color: ", ";\n  border-style: solid;\n  border-radius: 0.125rem;\n  background-color: ", ";\n  background-image: none;\n  outline-width: 0;\n  user-select: text;\n\n  &:disabled {\n    color: ", ";\n    background: ", ";\n    cursor: not-allowed;\n  }\n\n  &::placeholder {\n    color: ", ";\n    font-size: 0.875rem;\n  }\n"]);
 
@@ -56,2 +56,4 @@ _templateObject = function _templateObject() {
   return props.theme['inputBackgroundColor'];
+}, function (props) {
+  return props.theme['inputPlaceholderColor'];
 });
@@ -58,0 +60,0 @@

lib/Atoms/Links/Link.js

@@ -21,3 +21,3 @@ "use strict";
 function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  text-transform: ", ";\n  font-style: ", ";\n  color: ", ";\n  opacity: ", ";\n  cursor: pointer;\n\n  &:hover {\n    color: ", ";\n  }\n"]);
+  var data = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  text-transform: ", ";\n  font-style: ", ";\n  color: ", ";\n  opacity: ", ";\n  cursor: pointer;\n  text-decoration: none;\n\n  &:hover {\n    color: ", ";\n    text-decoration: none;\n  }\n"]);
 
@@ -71,3 +71,3 @@ _templateObject = function _templateObject() {
   opacity: 1,
-  size: '14px',
+  size: '1rem',
   uppercase: false,
@@ -74,0 +74,0 @@ weight: 400

lib/Atoms/Tables/index.js

@@ -18,8 +18,2 @@ "use strict";
 });
-Object.defineProperty(exports, "TableHeader", {
-  enumerable: true,
-  get: function get() {
-    return _TableHeader.default;
-  }
-});
 Object.defineProperty(exports, "TableRow", {
@@ -36,6 +30,4 @@ enumerable: true,
 
-var _TableHeader = _interopRequireDefault(require("./TableHeader"));
-
 var _TableRow = _interopRequireDefault(require("./TableRow"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

lib/Atoms/Tables/Table.js

@@ -16,4 +16,8 @@ "use strict";
 
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  width: 100%;\n  box-shadow: 0 0 25px 5px ", ";\n\n  & > :nth-child(even) {\n    background-color: ", ";\n  }\n\n  & > :nth-child(odd) {\n    background-color: ", ";\n  }\n"]);
+  var data = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  width: 100%;\n  box-shadow: 0 0 1.5rem 0.4rem ", ";\n\n  & > :nth-child(even) {\n    background-color: ", ";\n  }\n\n  & > :nth-child(odd) {\n    background-color: ", ";\n  }\n"]);
 
@@ -38,4 +42,6 @@ _templateObject = function _templateObject() {
 var Table = function Table(_ref) {
-  var children = _ref.children;
-  return _react.default.createElement(Wrapper, null, children);
+  var children = _ref.children,
+      rest = _objectWithoutProperties(_ref, ["children"]);
+
+  return _react.default.createElement(Wrapper, rest, children);
 };
@@ -42,0 +48,0 @@

lib/Atoms/Tables/Table.stories.js

 import React from 'react'
+import styled from 'styled-components'
 import { storiesOf } from '@storybook/react'
 import Table from './Table'
 import TableCell from './TableCell'
-import TableHeader from './TableHeader'
 import TableRow from './TableRow'
 
+const TextWithEllipsis = styled.p`
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+`
+const Sample = () => (
+  <TextWithEllipsis>
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+  </TextWithEllipsis>
+)
+
 storiesOf('Atoms/Tables/Table', module).add('default', () => (
   <Table>
-    <TableHeader>
+    <TableRow>
       <TableCell>Header 1</TableCell>
       <TableCell>Header 2</TableCell>
       <TableCell>Header 3</TableCell>
-    </TableHeader>
+      <TableCell>Header 4</TableCell>
+      <TableCell>Header 5</TableCell>
+    </TableRow>
     <TableRow>
-      <TableCell>Cell 11</TableCell>
-      <TableCell>Cell 12</TableCell>
-      <TableCell>Cell 13</TableCell>
+      <TableCell>
+        <Sample />
+      </TableCell>
+      <TableCell>
+        <Sample />
+      </TableCell>
+      <TableCell>
+        <Sample />
+      </TableCell>
+      <TableCell>
+        <Sample />
+      </TableCell>
+      <TableCell>
+        <Sample />
+      </TableCell>
     </TableRow>
     <TableRow>
-      <TableCell>Cell 21</TableCell>
-      <TableCell>Cell 22</TableCell>
-      <TableCell>Cell 23</TableCell>
+      <TableCell>
+        <Sample />
+      </TableCell>
+      <TableCell>
+        <Sample />
+      </TableCell>
+      <TableCell>
+        <Sample />
+      </TableCell>
+      <TableCell>
+        <Sample />
+      </TableCell>
+      <TableCell>
+        <Sample />
+      </TableCell>
     </TableRow>
     <TableRow>
-      <TableCell>Cell 31</TableCell>
-      <TableCell>Cell 32</TableCell>
-      <TableCell>Cell 33</TableCell>
+      <TableCell>
+        <Sample />
+      </TableCell>
+      <TableCell>
+        <Sample />
+      </TableCell>
+      <TableCell>
+        <Sample />
+      </TableCell>
+      <TableCell>
+        <Sample />
+      </TableCell>
+      <TableCell>
+        <Sample />
+      </TableCell>
     </TableRow>
   </Table>
 ))

lib/Atoms/Tables/TableCell.js

@@ -16,4 +16,8 @@ "use strict";
 
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  width: 100%;\n"]);
+  var data = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: ", ";\n  align-items: center;\n  min-width: 0;\n  flex-basis: ", ";\n\n  & > * {\n    display: ", ";\n    text-overflow: ", ";\n    overflow: ", ";\n    white-space: ", ";\n  }\n"]);
 
@@ -29,13 +33,51 @@ _templateObject = function _templateObject() {
 
-var Wrapper = _styledComponents.default.div(_templateObject());
+var selectAlign = function selectAlign(align) {
+  switch (align) {
+    case 'left':
+      return 'flex-start';
 
+    case 'center':
+      return 'center';
+
+    case 'right':
+      return 'flex-end';
+
+    default:
+      return 'flex-start';
+  }
+};
+
+var Wrapper = _styledComponents.default.div(_templateObject(), function (props) {
+  return selectAlign(props.align);
+}, function (props) {
+  return props.width;
+}, function (props) {
+  return props.shrinked ? 'block' : 'initial';
+}, function (props) {
+  return props.shrinked ? 'ellipsis' : 'initial';
+}, function (props) {
+  return props.shrinked ? 'hidden' : 'initial';
+}, function (props) {
+  return props.shrinked ? 'nowrap' : 'initial';
+});
+
 var TableCell = function TableCell(_ref) {
-  var children = _ref.children;
-  return _react.default.createElement(Wrapper, null, children);
+  var children = _ref.children,
+      rest = _objectWithoutProperties(_ref, ["children"]);
+
+  return _react.default.createElement(Wrapper, rest, children);
 };
 
 TableCell.propTypes = {
-  children: _propTypes.default.node
+  align: _propTypes.default.oneOf(['left', 'center', 'right']),
+  children: _propTypes.default.node,
+  shrinked: _propTypes.default.bool,
+  width: _propTypes.default.string
 };
+TableCell.defaultProps = {
+  align: 'left',
+  shrinked: true,
+  width: '100%'
+};
 var _default = TableCell;
 exports.default = _default;

lib/Atoms/Tables/TableRow.js

@@ -16,4 +16,8 @@ "use strict";
 
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  width: 100%;\n  padding: 30px 30px;\n  box-sizing: border-box;\n"]);
+  var data = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  width: 100%;\n  padding: 1.875rem;\n  box-sizing: border-box;\n"]);
 
@@ -32,4 +36,6 @@ _templateObject = function _templateObject() {
 var TableRow = function TableRow(_ref) {
-  var children = _ref.children;
-  return _react.default.createElement(Wrapper, null, children);
+  var children = _ref.children,
+      rest = _objectWithoutProperties(_ref, ["children"]);
+
+  return _react.default.createElement(Wrapper, rest, children);
 };
@@ -36,0 +42,0 @@

lib/Atoms/Tabs/TabMenu.js

@@ -21,3 +21,3 @@ "use strict";
 function _templateObject2() {
-  var data = _taggedTemplateLiteral(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: space-between;\n  width: 100%;\n  min-height: 100%;\n\n  @media (max-width: 767px) {\n    & > .hidden {\n      display: ", ";\n    }\n  }\n\n  @media (min-width: 768px) {\n    flex-direction: row;\n    align-items: center;\n  }\n"]);
+  var data = _taggedTemplateLiteral(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: space-between;\n  width: 100%;\n  min-height: 100%;\n\n  @media (max-width: 48rem) {\n    & > .disabled {\n      display: ", ";\n    }\n  }\n\n  @media (min-width: 48rem) {\n    flex-direction: row;\n    align-items: center;\n  }\n"]);
 
@@ -32,3 +32,3 @@ _templateObject2 = function _templateObject2() {
 function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  width: ", ";\n  min-height: ", ";\n  border-bottom: 2px solid ", ";\n  box-sizing: border-box;\n"]);
+  var data = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  width: ", ";\n  min-height: ", ";\n  border-bottom: 0.125rem solid ", ";\n  box-sizing: border-box;\n"]);
 
@@ -73,3 +73,3 @@ _templateObject = function _templateObject() {
 TabMenu.defaultProps = {
-  height: '50px',
+  height: '3rem',
   toggled: false,
@@ -76,0 +76,0 @@ width: '100%'

lib/Atoms/Tabs/TabMenuItem.js

@@ -23,3 +23,3 @@ "use strict";
 function _templateObject2() {
-  var data = _taggedTemplateLiteral(["\n  position: absolute;\n  bottom: -2px;\n  left: 0;\n  width: 100%;\n  height: 5px;\n  transition-duration: 0.3s;\n  transition-timing-function: ease-in-out;\n  background-color: ", ";\n  opacity: ", ";\n"]);
+  var data = _taggedTemplateLiteral(["\n  position: absolute;\n  bottom: -2px;\n  left: 0;\n  width: 100%;\n  height: 0.325rem;\n  transition-duration: 0.3s;\n  transition-timing-function: ease-in-out;\n  background-color: ", ";\n  opacity: ", ";\n"]);
 
@@ -34,3 +34,3 @@ _templateObject2 = function _templateObject2() {
 function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  position: relative;\n  flex: 1 auto;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  order: 1;\n  padding: 15px;\n  box-sizing: border-box;\n  cursor: pointer;\n\n  &.hidden {\n    order: 2;\n  }\n\n  @media (min-width: 768px) {\n    display: flex;\n    justify-content: center;\n\n    &:hover {\n      & :last-child {\n        opacity: 1;\n      }\n    }\n  }\n"]);
+  var data = _taggedTemplateLiteral(["\n  position: relative;\n  flex: 1 auto;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  padding: 1rem;\n  box-sizing: border-box;\n  cursor: pointer;\n\n  @media (max-width: 48rem) {\n    order: 1;\n\n    &.hidden {\n      order: 2;\n    }\n  }\n\n  @media (min-width: 48rem) {\n    display: flex;\n    justify-content: center;\n    order: 1;\n\n    &:hover {\n      & :last-child {\n        opacity: 1;\n      }\n    }\n  }\n"]);
 
@@ -61,3 +61,3 @@ _templateObject = function _templateObject() {
   return _react.default.createElement(Wrapper, _extends({
-    className: selected ? '' : 'hidden'
+    className: selected ? className : "".concat(className, " disabled")
   }, rest), children, _react.default.createElement(Bar, {
@@ -64,0 +64,0 @@ selected: selected

lib/Atoms/Tabs/TabMenuToggler.js

@@ -18,4 +18,10 @@ "use strict";
 
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 10px;\n  right: 20px;\n\n  @media (min-width: 768px) {\n    display: none;\n  }\n"]);
+  var data = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 10px;\n  right: 20px;\n\n  @media (min-width: 48rem) {\n    display: none;\n  }\n"]);
 
@@ -33,13 +39,20 @@ _templateObject = function _templateObject() {
   name: 'hamburgerMenu',
-  size: '20px'
+  selectable: true,
+  size: '1.3rem'
 })(_templateObject());
 
-var TabMenuToggler = function TabMenuToggler(props) {
-  return _react.default.createElement(Toggler, props);
+var TabMenuToggler = function TabMenuToggler(_ref) {
+  var onToggle = _ref.onToggle,
+      rest = _objectWithoutProperties(_ref, ["onToggle"]);
+
+  return _react.default.createElement(Toggler, _extends({
+    onClick: onToggle
+  }, rest));
 };
 
 TabMenuToggler.propTypes = {
-  children: _propTypes.default.node
+  children: _propTypes.default.node,
+  onToggle: _propTypes.default.func
 };
 var _default = TabMenuToggler;
 exports.default = _default;

lib/Atoms/Typography/Text.js

@@ -68,3 +68,3 @@ "use strict";
   opacity: 1,
-  size: '14px',
+  size: '1rem',
   uppercase: false,
@@ -71,0 +71,0 @@ weight: 400

lib/Atoms/Typography/TextGroup.js

@@ -37,3 +37,3 @@ "use strict";
 }, function (props) {
-  return props.inline ? '5px' : '0';
+  return props.inline ? '0.4rem' : '0';
 });
@@ -40,0 +40,0 @@

lib/index.js

@@ -54,2 +54,14 @@ "use strict";
 });
+Object.defineProperty(exports, "Pagination", {
+  enumerable: true,
+  get: function get() {
+    return _Atoms.Pagination;
+  }
+});
+Object.defineProperty(exports, "PaginationItem", {
+  enumerable: true,
+  get: function get() {
+    return _Atoms.PaginationItem;
+  }
+});
 Object.defineProperty(exports, "Panel", {
@@ -79,8 +91,2 @@ enumerable: true,
 });
-Object.defineProperty(exports, "TableHeader", {
-  enumerable: true,
-  get: function get() {
-    return _Atoms.TableHeader;
-  }
-});
 Object.defineProperty(exports, "TableRow", {
@@ -152,2 +158,62 @@ enumerable: true,
 });
+Object.defineProperty(exports, "Toggler", {
+  enumerable: true,
+  get: function get() {
+    return _Molecules.Toggler;
+  }
+});
+Object.defineProperty(exports, "TogglerItem", {
+  enumerable: true,
+  get: function get() {
+    return _Molecules.TogglerItem;
+  }
+});
+Object.defineProperty(exports, "Tooltip", {
+  enumerable: true,
+  get: function get() {
+    return _Molecules.Tooltip;
+  }
+});
+Object.defineProperty(exports, "TooltipHost", {
+  enumerable: true,
+  get: function get() {
+    return _Molecules.TooltipHost;
+  }
+});
+Object.defineProperty(exports, "TooltipIcon", {
+  enumerable: true,
+  get: function get() {
+    return _Molecules.TooltipIcon;
+  }
+});
+Object.defineProperty(exports, "Footer", {
+  enumerable: true,
+  get: function get() {
+    return _Organisms.Footer;
+  }
+});
+Object.defineProperty(exports, "FooterCategory", {
+  enumerable: true,
+  get: function get() {
+    return _Organisms.FooterCategory;
+  }
+});
+Object.defineProperty(exports, "FooterElement", {
+  enumerable: true,
+  get: function get() {
+    return _Organisms.FooterElement;
+  }
+});
+Object.defineProperty(exports, "FooterGroup", {
+  enumerable: true,
+  get: function get() {
+    return _Organisms.FooterGroup;
+  }
+});
+Object.defineProperty(exports, "FooterRow", {
+  enumerable: true,
+  get: function get() {
+    return _Organisms.FooterRow;
+  }
+});
 Object.defineProperty(exports, "Navbar", {
@@ -159,2 +225,56 @@ enumerable: true,
 });
+Object.defineProperty(exports, "NavbarBrand", {
+  enumerable: true,
+  get: function get() {
+    return _Organisms.NavbarBrand;
+  }
+});
+Object.defineProperty(exports, "NavbarDropdownContent", {
+  enumerable: true,
+  get: function get() {
+    return _Organisms.NavbarDropdownContent;
+  }
+});
+Object.defineProperty(exports, "NavbarDropdownHeader", {
+  enumerable: true,
+  get: function get() {
+    return _Organisms.NavbarDropdownHeader;
+  }
+});
+Object.defineProperty(exports, "NavbarHeader", {
+  enumerable: true,
+  get: function get() {
+    return _Organisms.NavbarHeader;
+  }
+});
+Object.defineProperty(exports, "NavbarMenu", {
+  enumerable: true,
+  get: function get() {
+    return _Organisms.NavbarMenu;
+  }
+});
+Object.defineProperty(exports, "NavbarNav", {
+  enumerable: true,
+  get: function get() {
+    return _Organisms.NavbarNav;
+  }
+});
+Object.defineProperty(exports, "NavbarNavDropdown", {
+  enumerable: true,
+  get: function get() {
+    return _Organisms.NavbarNavDropdown;
+  }
+});
+Object.defineProperty(exports, "NavbarNavItem", {
+  enumerable: true,
+  get: function get() {
+    return _Organisms.NavbarNavItem;
+  }
+});
+Object.defineProperty(exports, "NavbarToggler", {
+  enumerable: true,
+  get: function get() {
+    return _Organisms.NavbarToggler;
+  }
+});
 Object.defineProperty(exports, "palette", {
@@ -161,0 +281,0 @@ enumerable: true,

lib/Molecules/Badges/CircleBadge.js

@@ -25,3 +25,3 @@ "use strict";
 function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  height: ", ";\n  width: ", ";\n  padding: 7px;\n  box-sizing: border-box;\n  border-radius: 50%;\n  background-color: ", ";\n  transition: all 0.5s;\n\n  &:hover {\n    background-color: ", ";\n  }\n"]);
+  var data = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  height: ", ";\n  width: ", ";\n  padding: 0.4rem;\n  box-sizing: border-box;\n  border-radius: 50%;\n  background-color: ", ";\n  transition: all 0.5s;\n\n  &:hover {\n    background-color: ", ";\n  }\n"]);
 
@@ -74,5 +74,5 @@ _templateObject = function _templateObject() {
   name: 'facebook',
-  size: '40px'
+  size: '2.625rem'
 };
 var _default = CircleBadge;
 exports.default = _default;

lib/Molecules/Cartridges/Cartridge.js

@@ -12,4 +12,2 @@ "use strict";
 
-var _ramda = require("ramda");
-
 var _Text = _interopRequireDefault(require("../../Atoms/Typography/Text"));
@@ -24,3 +22,3 @@
 function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  display: inline-flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  font-weight: 300;\n  color: ", ";\n  background-color: ", ";\n  padding: 5px;\n  box-sizing: border-box;\n"]);
+  var data = _taggedTemplateLiteral(["\n  display: inline-flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  color: ", ";\n  background-color: ", ";\n  padding: 0.3rem;\n  box-sizing: border-box;\n"]);
 
@@ -50,6 +48,4 @@ _templateObject = function _templateObject() {
 Cartridge.propTypes = _Text.default.propTypes;
-Cartridge.defaultProps = (0, _ramda.merge)(_Text.default.defaultProps, {
-  weight: 300
-});
+Cartridge.defaultProps = _Text.default.defaultProps;
 var _default = Cartridge;
 exports.default = _default;

lib/Molecules/Dropdowns/SingleDropdown.js

@@ -23,3 +23,3 @@ "use strict";
 function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  margin-bottom: 0;\n  min-width: 100px;\n  box-sizing: border-box;\n  color: ", ";\n  background-color: ", ";\n  background-size: 15px;\n  background-repeat: no-repeat;\n  background-position: 95% 0%;\n  background-image: url(", ");\n  appearance: none;\n  border: none;\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  text-transform: ", ";\n  font-style: ", ";\n  border-radius: 5px;\n  height: 2.5rem;\n  line-height: 2.5rem;\n  cursor: pointer;\n  outline: none;\n  text-align: left;\n"]);
+  var data = _taggedTemplateLiteral(["\n  margin-bottom: 0;\n  min-width: 6rem;\n  box-sizing: border-box;\n  color: ", ";\n  background-color: ", ";\n  background-size: 1rem;\n  background-repeat: no-repeat;\n  background-position: 95% 0%;\n  background-image: url(", ");\n  appearance: none;\n  border: none;\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  text-transform: ", ";\n  font-style: ", ";\n  border-radius: 0.3rem;\n  height: 2.5rem;\n  line-height: 2.5rem;\n  cursor: pointer;\n  outline: none;\n  text-align: left;\n"]);
 
@@ -79,3 +79,3 @@ _templateObject = function _templateObject() {
   italic: false,
-  size: '16px',
+  size: '1rem',
   uppercase: false,
@@ -82,0 +82,0 @@ weight: 300

lib/Molecules/index.js

@@ -36,2 +36,32 @@ "use strict";
 });
+Object.defineProperty(exports, "Toggler", {
+  enumerable: true,
+  get: function get() {
+    return _Togglers.Toggler;
+  }
+});
+Object.defineProperty(exports, "TogglerItem", {
+  enumerable: true,
+  get: function get() {
+    return _Togglers.TogglerItem;
+  }
+});
+Object.defineProperty(exports, "Tooltip", {
+  enumerable: true,
+  get: function get() {
+    return _Tooltips.Tooltip;
+  }
+});
+Object.defineProperty(exports, "TooltipHost", {
+  enumerable: true,
+  get: function get() {
+    return _Tooltips.TooltipHost;
+  }
+});
+Object.defineProperty(exports, "TooltipIcon", {
+  enumerable: true,
+  get: function get() {
+    return _Tooltips.TooltipIcon;
+  }
+});
 
@@ -44,2 +74,6 @@ var _Badges = require("./Badges");
 
-var _SearchBars = require("./SearchBars");
+var _SearchBars = require("./SearchBars");
+
+var _Togglers = require("./Togglers");
+
+var _Tooltips = require("./Tooltips");

lib/Molecules/SearchBars/SearchBar.js

@@ -27,3 +27,3 @@ "use strict";
 function _templateObject3() {
-  var data = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  width: 60px;\n  height: 52px;\n  background-color: ", ";\n  border-top-right-radius: 0.5rem;\n  border-bottom-right-radius: 0.5rem;\n"]);
+  var data = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  width: 60px;\n  height: 52px;\n  background-color: ", ";\n  border-top-right-radius: 0.125rem;\n  border-bottom-right-radius: 0.125rem;\n"]);
 
@@ -83,3 +83,3 @@ _templateObject3 = function _templateObject3() {
     selectable: true,
-    size: "20px"
+    size: "1.3rem"
   })));
@@ -86,0 +86,0 @@ };

lib/Molecules/SearchBars/SearchBarUnderlined.js

@@ -82,3 +82,3 @@ "use strict";
     selectable: true,
-    size: "20px"
+    size: "1.3rem"
   })));
@@ -85,0 +85,0 @@ };

lib/Organisms/index.js

@@ -6,11 +6,95 @@ "use strict";
 });
+Object.defineProperty(exports, "Footer", {
+  enumerable: true,
+  get: function get() {
+    return _Footer.Footer;
+  }
+});
+Object.defineProperty(exports, "FooterCategory", {
+  enumerable: true,
+  get: function get() {
+    return _Footer.FooterCategory;
+  }
+});
+Object.defineProperty(exports, "FooterElement", {
+  enumerable: true,
+  get: function get() {
+    return _Footer.FooterElement;
+  }
+});
+Object.defineProperty(exports, "FooterGroup", {
+  enumerable: true,
+  get: function get() {
+    return _Footer.FooterGroup;
+  }
+});
+Object.defineProperty(exports, "FooterRow", {
+  enumerable: true,
+  get: function get() {
+    return _Footer.FooterRow;
+  }
+});
 Object.defineProperty(exports, "Navbar", {
   enumerable: true,
   get: function get() {
-    return _Navbar.default;
+    return _Navbar.Navbar;
   }
 });
+Object.defineProperty(exports, "NavbarBrand", {
+  enumerable: true,
+  get: function get() {
+    return _Navbar.NavbarBrand;
+  }
+});
+Object.defineProperty(exports, "NavbarDropdownContent", {
+  enumerable: true,
+  get: function get() {
+    return _Navbar.NavbarDropdownContent;
+  }
+});
+Object.defineProperty(exports, "NavbarDropdownHeader", {
+  enumerable: true,
+  get: function get() {
+    return _Navbar.NavbarDropdownHeader;
+  }
+});
+Object.defineProperty(exports, "NavbarHeader", {
+  enumerable: true,
+  get: function get() {
+    return _Navbar.NavbarHeader;
+  }
+});
+Object.defineProperty(exports, "NavbarMenu", {
+  enumerable: true,
+  get: function get() {
+    return _Navbar.NavbarMenu;
+  }
+});
+Object.defineProperty(exports, "NavbarNav", {
+  enumerable: true,
+  get: function get() {
+    return _Navbar.NavbarNav;
+  }
+});
+Object.defineProperty(exports, "NavbarNavDropdown", {
+  enumerable: true,
+  get: function get() {
+    return _Navbar.NavbarNavDropdown;
+  }
+});
+Object.defineProperty(exports, "NavbarNavItem", {
+  enumerable: true,
+  get: function get() {
+    return _Navbar.NavbarNavItem;
+  }
+});
+Object.defineProperty(exports, "NavbarToggler", {
+  enumerable: true,
+  get: function get() {
+    return _Navbar.NavbarToggler;
+  }
+});
 
-var _Navbar = _interopRequireDefault(require("./Navbar"));
+var _Footer = require("./Footer");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _Navbar = require("./Navbar");

lib/Organisms/Navbar/index.js

@@ -6,3 +6,62 @@ "use strict";
 });
-exports.default = void 0;
+Object.defineProperty(exports, "Navbar", {
+  enumerable: true,
+  get: function get() {
+    return _Navbar.default;
+  }
+});
+Object.defineProperty(exports, "NavbarBrand", {
+  enumerable: true,
+  get: function get() {
+    return _NavbarBrand.default;
+  }
+});
+Object.defineProperty(exports, "NavbarDropdownContent", {
+  enumerable: true,
+  get: function get() {
+    return _NavbarDropdownContent.default;
+  }
+});
+Object.defineProperty(exports, "NavbarDropdownHeader", {
+  enumerable: true,
+  get: function get() {
+    return _NavbarDropdownHeader.default;
+  }
+});
+Object.defineProperty(exports, "NavbarHeader", {
+  enumerable: true,
+  get: function get() {
+    return _NavbarHeader.default;
+  }
+});
+Object.defineProperty(exports, "NavbarMenu", {
+  enumerable: true,
+  get: function get() {
+    return _NavbarMenu.default;
+  }
+});
+Object.defineProperty(exports, "NavbarNav", {
+  enumerable: true,
+  get: function get() {
+    return _NavbarNav.default;
+  }
+});
+Object.defineProperty(exports, "NavbarNavDropdown", {
+  enumerable: true,
+  get: function get() {
+    return _NavbarNavDropdown.default;
+  }
+});
+Object.defineProperty(exports, "NavbarNavItem", {
+  enumerable: true,
+  get: function get() {
+    return _NavbarNavItem.default;
+  }
+});
+Object.defineProperty(exports, "NavbarToggler", {
+  enumerable: true,
+  get: function get() {
+    return _NavbarToggler.default;
+  }
+});
 
@@ -29,16 +88,2 @@ var _Navbar = _interopRequireDefault(require("./Navbar"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = {
-  Navbar: _Navbar.default,
-  NavbarBrand: _NavbarBrand.default,
-  NavbarDropdownContent: _NavbarDropdownContent.default,
-  NavbarDropdownHeader: _NavbarDropdownHeader.default,
-  NavbarHeader: _NavbarHeader.default,
-  NavbarMenu: _NavbarMenu.default,
-  NavbarNav: _NavbarNav.default,
-  NavbarNavDropdown: _NavbarNavDropdown.default,
-  NavbarNavItem: _NavbarNavItem.default,
-  NavbarToggler: _NavbarToggler.default
-};
-exports.default = _default;
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

lib/Organisms/Navbar/Navbar.stories.js

 import React from 'react'
 import styled from 'styled-components'
 import { storiesOf } from '@storybook/react'
-import Navbar from '../Navbar'
 import Button from '../../Atoms/Buttons/Button'
@@ -9,2 +8,12 @@ import Image from '../../Atoms/Images/Image'
 import Section from '../../Atoms/Containers/Section'
+import Navbar from './Navbar'
+import NavbarBrand from './NavbarBrand'
+import NavbarDropdownContent from './NavbarDropdownContent'
+import NavbarDropdownHeader from './NavbarDropdownHeader'
+import NavbarHeader from './NavbarHeader'
+import NavbarMenu from './NavbarMenu'
+import NavbarNav from './NavbarNav'
+import NavbarNavDropdown from './NavbarNavDropdown'
+import NavbarNavItem from './NavbarNavItem'
+import NavbarToggler from './NavbarToggler'
 
@@ -25,35 +34,31 @@ const OrientSection = styled(Section)`
     <Wrapper>
-      <Navbar.Navbar>
-        <Navbar.NavbarHeader>
-          <Navbar.NavbarBrand>
+      <Navbar>
+        <NavbarHeader>
+          <NavbarBrand>
             <Image name="brand" width="175px" />
-          </Navbar.NavbarBrand>
-        </Navbar.NavbarHeader>
-        <Navbar.NavbarMenu>
-          <Navbar.NavbarNav width="auto">
-            <Navbar.NavbarNavDropdown>
-              <Navbar.NavbarDropdownHeader>
-                Header 1
-              </Navbar.NavbarDropdownHeader>
-              <Navbar.NavbarDropdownContent>
+          </NavbarBrand>
+        </NavbarHeader>
+        <NavbarMenu>
+          <NavbarNav width="auto">
+            <NavbarNavDropdown>
+              <NavbarDropdownHeader>Header 1</NavbarDropdownHeader>
+              <NavbarDropdownContent>
                 <Content />
-              </Navbar.NavbarDropdownContent>
-            </Navbar.NavbarNavDropdown>
-            <Navbar.NavbarNavDropdown>
-              <Navbar.NavbarDropdownHeader>
-                Header 2
-              </Navbar.NavbarDropdownHeader>
-              <Navbar.NavbarDropdownContent>
+              </NavbarDropdownContent>
+            </NavbarNavDropdown>
+            <NavbarNavDropdown>
+              <NavbarDropdownHeader>Header 2</NavbarDropdownHeader>
+              <NavbarDropdownContent>
                 <Content />
-              </Navbar.NavbarDropdownContent>
-            </Navbar.NavbarNavDropdown>
-          </Navbar.NavbarNav>
-          <Navbar.NavbarNav width="auto">
-            <Navbar.NavbarNavItem>
+              </NavbarDropdownContent>
+            </NavbarNavDropdown>
+          </NavbarNav>
+          <NavbarNav width="auto">
+            <NavbarNavItem>
               <ButtonLogin />
-            </Navbar.NavbarNavItem>
-          </Navbar.NavbarNav>
-        </Navbar.NavbarMenu>
-        <Navbar.NavbarToggler />
-      </Navbar.Navbar>
+            </NavbarNavItem>
+          </NavbarNav>
+        </NavbarMenu>
+        <NavbarToggler />
+      </Navbar>
     </Wrapper>
@@ -63,36 +68,32 @@ ))
     <Wrapper>
-      <Navbar.Navbar>
-        <Navbar.NavbarHeader>
-          <Navbar.NavbarBrand>
+      <Navbar>
+        <NavbarHeader>
+          <NavbarBrand>
             <Image name="brand" width="175px" />
-          </Navbar.NavbarBrand>
-        </Navbar.NavbarHeader>
-        <Navbar.NavbarMenu toggled>
-          <Navbar.NavbarNav width="auto">
-            <Navbar.NavbarNavDropdown>
-              <Navbar.NavbarDropdownHeader>
-                Header 1
-              </Navbar.NavbarDropdownHeader>
-              <Navbar.NavbarDropdownContent>
+          </NavbarBrand>
+        </NavbarHeader>
+        <NavbarMenu toggled>
+          <NavbarNav width="auto">
+            <NavbarNavDropdown>
+              <NavbarDropdownHeader>Header 1</NavbarDropdownHeader>
+              <NavbarDropdownContent>
                 <Content />
-              </Navbar.NavbarDropdownContent>
-            </Navbar.NavbarNavDropdown>
-            <Navbar.NavbarNavDropdown>
-              <Navbar.NavbarDropdownHeader>
-                Header 2
-              </Navbar.NavbarDropdownHeader>
-              <Navbar.NavbarDropdownContent>
+              </NavbarDropdownContent>
+            </NavbarNavDropdown>
+            <NavbarNavDropdown>
+              <NavbarDropdownHeader>Header 2</NavbarDropdownHeader>
+              <NavbarDropdownContent>
                 <Content />
-              </Navbar.NavbarDropdownContent>
-            </Navbar.NavbarNavDropdown>
-          </Navbar.NavbarNav>
-          <Navbar.NavbarNav width="auto">
-            <Navbar.NavbarNavItem>
+              </NavbarDropdownContent>
+            </NavbarNavDropdown>
+          </NavbarNav>
+          <NavbarNav width="auto">
+            <NavbarNavItem>
               <ButtonLogin />
-            </Navbar.NavbarNavItem>
-          </Navbar.NavbarNav>
-        </Navbar.NavbarMenu>
-        <Navbar.NavbarToggler />
-      </Navbar.Navbar>
+            </NavbarNavItem>
+          </NavbarNav>
+        </NavbarMenu>
+        <NavbarToggler />
+      </Navbar>
     </Wrapper>
   ))

lib/Organisms/Navbar/NavbarDropdownHeader.js

@@ -21,3 +21,3 @@ "use strict";
 function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: 20px;\n  font-weight: 400;\n  color: ", ";\n  cursor: pointer;\n  display: none;\n\n  @media (min-width: 768px) {\n    display: block;\n  }\n"]);
+  var data = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: 1rem;\n  font-weight: 600;\n  color: ", ";\n  cursor: pointer;\n  display: none;\n\n  @media (min-width: 48rem) {\n    display: block;\n  }\n"]);
 
@@ -24,0 +24,0 @@ _templateObject = function _templateObject() {

lib/Organisms/Navbar/NavbarMenu.js

@@ -21,3 +21,3 @@ "use strict";
 function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  display: ", ";\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  width: 100%;\n  padding: 60px 0 15px 0;\n  background-color: ", ";\n  z-index: 10;\n\n  @media (min-width: 768px) {\n    position: relative;\n    top: initial;\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n    width: 100%;\n    padding: 15px 0;\n    background-color: transparent;\n  }\n"]);
+  var data = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  display: ", ";\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  width: 100%;\n  padding: 60px 0 15px 0;\n  background-color: ", ";\n  z-index: 10;\n  transform: translate3d(0, 0, 0);\n\n  @media (min-width: 768px) {\n    position: relative;\n    top: initial;\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n    width: 100%;\n    padding: 15px 0;\n    background-color: transparent;\n  }\n"]);
 
@@ -24,0 +24,0 @@ _templateObject = function _templateObject() {

lib/Organisms/Navbar/NavbarNav.js

@@ -21,3 +21,3 @@ "use strict";
 function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n  list-style-type: none;\n\n  @media (min-width: 768px) {\n    display: ", ";\n    flex-direction: row;\n    align-items: center;\n    height: auto;\n    width: ", ";\n  }\n"]);
+  var data = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n  list-style-type: none;\n\n  @media (min-width: 48rem) {\n    display: ", ";\n    flex-direction: row;\n    align-items: center;\n    height: auto;\n    width: ", ";\n  }\n"]);
 
@@ -24,0 +24,0 @@ _templateObject = function _templateObject() {

lib/Organisms/Navbar/NavbarToggler.js

@@ -19,3 +19,3 @@ "use strict";
 function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  z-index: 15;\n  margin-right: 20px;\n\n  & > svg {\n    fill: ", ";\n\n    &:hover {\n      fill: ", ";\n    }\n  }\n\n  @media (min-width: 768px) {\n    display: none;\n  }\n"]);
+  var data = _taggedTemplateLiteral(["\n  z-index: 15;\n  margin-right: 20px;\n  fill: ", " !important;\n\n  &:hover {\n    fill: ", " !important;\n  }\n\n  @media (min-width: 48rem) {\n    display: none;\n  }\n"]);
 
@@ -22,0 +22,0 @@ _templateObject = function _templateObject() {

lib/Tools/palette.js

@@ -17,2 +17,3 @@ "use strict";
   cerulean: '#10ADE4',
+  ceruleanAlpha10: 'rgba(16,173,228,0.1)',
   powderBlue: '#B2D5E5',
@@ -19,0 +20,0 @@

lib/Tools/theme.js

@@ -27,2 +27,3 @@ "use strict";
   dropdownBackgroundColor: _palette.default['transparent'],
+  footerCategoryColor: _palette.default['gray6'],
   iconColor: _palette.default['gray5'],
@@ -33,2 +34,3 @@ iconHoverColor: _palette.default['gray4'],
   inputBorderColor: _palette.default['gray2'],
+  inputPlaceholderColor: _palette.default['gray3'],
   linkColor: _palette.default['gray5'],
@@ -41,2 +43,9 @@ linkHoverColor: _palette.default['orient'],
   navbarTogglerColor: _palette.default['white'],
+  paginationBorderColor: _palette.default['gray1'],
+  paginationColor: _palette.default['gray6'],
+  paginationBackgroundColor: _palette.default['transparent'],
+  paginationHoverColor: _palette.default['gray6'],
+  paginationHoverBackgroundColor: _palette.default['ceruleanAlpha10'],
+  paginationSelectedColor: _palette.default['white'],
+  paginationSelectedBackgroundColor: _palette.default['cerulean'],
   panelBackgroundColor: _palette.default['white'],
@@ -50,3 +59,2 @@ panelShadowColor: _palette.default['gray1'],
   tableShadowColor: _palette.default['gray1'],
-  tableHeaderColor: _palette.default['gray3'],
   tableCellEvenBackgroundColor: _palette.default['gray0'],
@@ -56,3 +64,11 @@ tableCellOddBackgroundColor: _palette.default['white'],
   tabMenuBarColor: _palette.default['gold'],
-  textColor: _palette.default['gray5']
+  textColor: _palette.default['gray5'],
+  togglerBorderColor: _palette.default['gray1'],
+  togglerColor: _palette.default['cerulean'],
+  togglerBackgroundColor: _palette.default['white'],
+  togglerSelectedColor: _palette.default['white'],
+  togglerSelectedBackgroundColor: _palette.default['cerulean'],
+  tooltipColor: _palette.default['white'],
+  tooltipBackgroundColor: _palette.default['gray6'],
+  tooltipBorderColor: _palette.default['gray6']
   /* eslint-enable */
@@ -59,0 +75,0 @@

package.json

 {
   "name": "@blockchain-com/components",
-  "version": "0.2.0",
+  "version": "1.0.0",
   "description": "Blockchain.com components library",
@@ -33,17 +33,17 @@ "main": "lib/index.js",
   "devDependencies": {
-    "@babel/cli": "7.0.0-beta.55",
-    "@babel/core": "7.0.0-beta.55",
-    "@babel/plugin-proposal-class-properties": "7.0.0-beta.55",
-    "@babel/plugin-proposal-export-namespace-from": "7.0.0-beta.55",
-    "@babel/plugin-transform-modules-commonjs": "7.0.0-beta.55",
-    "@babel/preset-env": "7.0.0-beta.55",
-    "@babel/preset-react": "7.0.0-beta.55",
+    "@babel/cli": "7.0.0-rc.1",
+    "@babel/core": "7.0.0-rc.1",
+    "@babel/plugin-proposal-class-properties": "7.0.0-rc.1",
+    "@babel/plugin-proposal-export-namespace-from": "7.0.0-rc.1",
+    "@babel/plugin-transform-modules-commonjs": "7.0.0-rc.1",
+    "@babel/preset-env": "7.0.0-rc.1",
+    "@babel/preset-react": "7.0.0-rc.1",
     "@commitlint/cli": "7.0.0",
     "@commitlint/config-conventional": "7.0.1",
-    "@storybook/addon-actions": "3.4.8",
-    "@storybook/addon-backgrounds": "3.4.8",
-    "@storybook/addon-info": "3.4.8",
-    "@storybook/addon-notes": "3.4.8",
-    "@storybook/cli": "3.4.8",
-    "@storybook/react": "3.4.8",
+    "@storybook/addon-actions": "3.4.10",
+    "@storybook/addon-backgrounds": "3.4.10",
+    "@storybook/addon-info": "3.4.10",
+    "@storybook/addon-notes": "3.4.10",
+    "@storybook/cli": "3.4.10",
+    "@storybook/react": "3.4.10",
     "babel-core": "7.0.0-bridge.0",
@@ -55,15 +55,15 @@ "babel-eslint": "8.2.6",
     "babel-plugin-inline-react-svg": "0.5.4",
-    "enzyme": "3.3.0",
-    "enzyme-adapter-react-16": "1.1.1",
+    "enzyme": "3.4.1",
+    "enzyme-adapter-react-16": "1.2.0",
     "enzyme-to-json": "3.3.4",
     "eslint": "4.19.1",
-    "eslint-config-prettier": "2.9.0",
+    "eslint-config-prettier": "3.0.1",
     "eslint-config-standard": "11.0.0",
     "eslint-loader": "2.1.0",
     "eslint-plugin-babel": "5.1.0",
-    "eslint-plugin-import": "2.13.0",
+    "eslint-plugin-import": "2.14.0",
     "eslint-plugin-node": "7.0.1",
     "eslint-plugin-prettier": "2.6.2",
     "eslint-plugin-promise": "3.8.0",
-    "eslint-plugin-react": "7.10.0",
+    "eslint-plugin-react": "7.11.1",
     "eslint-plugin-standard": "3.1.0",
@@ -73,7 +73,7 @@ "git-changelog": "1.1.2",
     "identity-obj-proxy": "3.0.0",
-    "jest": "23.4.2",
-    "jest-styled-components": "5.0.1",
+    "jest": "23.5.0",
+    "jest-styled-components": "6.0.1",
     "nodemon": "1.18.3",
     "polished": "1.9.3",
-    "prettier": "1.13.7",
+    "prettier": "1.14.2",
     "prop-types": "15.6.2",
@@ -83,5 +83,6 @@ "ramda": "0.25.0",
     "react-dom": "16.4.2",
+    "react-tooltip": "3.6.1",
     "rimraf": "2.6.2",
     "standard": "11.0.1",
-    "styled-components": "3.3.3",
+    "styled-components": "3.4.2",
     "stylelint": "9.4.0",
@@ -100,4 +101,5 @@ "stylelint-config-recommended": "2.1.0",
     "react-dom": "^16.4.2",
+    "react-tooltip": "^3.6.1",
     "styled-components": "^3.3.3"
   }
 }

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

2775805

increased by15.65%

Number of package files

669

increased by15.94%

Lines of code

12868

increased by20.23%

Number of low quality alerts

1

decreased by-50%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Dependency count

7

increased by16.67%

Dev dependency count

57

increased by1.79%

No dependency changes