@coinswap-app/uikit 1.0.15 → 1.0.17

package/dist/index.esm.js

@@ -18,9 +18,8 @@ import { ThemeProvider } from '@mui/styles';
 import { useDropzone } from 'react-dropzone';
 import { TextField } from '@mui/material';
 import noop from 'lodash/noop';
-import _, { some } from 'lodash';
+import _ from 'lodash';
 import { Link as Link$1, NavLink, useLocation } from 'react-router-dom';
-import { useWeb3React } from '@web3-react/core';
 import { CSSTransition, TransitionGroup } from 'react-transition-group';
 import { useFormik } from 'formik';
 import * as Yup from 'yup';
@@ -308,9 +307,9 @@ var getThemeValue = function getThemeValue(path, fallback) {
   };
 };
 
-var _templateObject$2b, _templateObject2$16, _templateObject3$O;
-var rotate$1 = keyframes(_templateObject$2b || (_templateObject$2b = _taggedTemplateLiteral(["\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n"])));
-var spinStyle = css(_templateObject2$16 || (_templateObject2$16 = _taggedTemplateLiteral(["\n  animation: ", " 2s linear infinite;\n"])), rotate$1);
+var _templateObject$2a, _templateObject2$15, _templateObject3$N;
+var rotate$1 = keyframes(_templateObject$2a || (_templateObject$2a = _taggedTemplateLiteral(["\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n"])));
+var spinStyle = css(_templateObject2$15 || (_templateObject2$15 = _taggedTemplateLiteral(["\n  animation: ", " 2s linear infinite;\n"])), rotate$1);
 var Svg = styled("svg").withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !['$spin', '$opac'].includes(prop);
@@ -318,7 +317,7 @@ var Svg = styled("svg").withConfig({
 }).withConfig({
   displayName: "Svg",
   componentId: "sc-1oa1mzv-0"
-})(_templateObject3$O || (_templateObject3$O = _taggedTemplateLiteral(["\n  fill: ", ";\n  flex-shrink: 0;\n  width: ", ";\n  xmlns: ", ";\n\n  ", "\n  ", "\n  path {\n    fill: ", ";\n    //Opacity set on 0.5\n    fill-opacity: ", ";\n  }\n"])), function (_ref) {
+})(_templateObject3$N || (_templateObject3$N = _taggedTemplateLiteral(["\n  fill: ", ";\n  flex-shrink: 0;\n  width: ", ";\n  xmlns: ", ";\n\n  ", "\n  ", "\n  path {\n    fill: ", ";\n    //Opacity set on 0.5\n    fill-opacity: ", ";\n  }\n"])), function (_ref) {
   var theme = _ref.theme,
     _ref$color = _ref.color,
     color = _ref$color === void 0 ? "text" : _ref$color;
@@ -352,10 +351,10 @@ var Icon$2H = function Icon(props) {
   }));
 };
 
-var _excluded$13 = ["fill"];
+var _excluded$12 = ["fill"];
 var Icon$2G = function Icon(_ref) {
   var fill = _ref.fill,
-    props = _objectWithoutProperties(_ref, _excluded$13);
+    props = _objectWithoutProperties(_ref, _excluded$12);
   return /*#__PURE__*/jsxs(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 20 20"
   }, props), {}, {
@@ -389,7 +388,7 @@ var Icon$2E = function Icon(props) {
   }));
 };
 
-var _templateObject$2a;
+var _templateObject$29;
 var getColor$1 = function getColor(_ref) {
   var color = _ref.color,
     theme = _ref.theme;
@@ -407,7 +406,7 @@ var Text = styled.div.withConfig({
 }).withConfig({
   displayName: "Text",
   componentId: "sc-nskjht-0"
-})(_templateObject$2a || (_templateObject$2a = _taggedTemplateLiteral(["\n  color: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: 1.5;\n  ", "\n  ", "\n  ", "\n"])), getColor$1, getFontSize, function (_ref3) {
+})(_templateObject$29 || (_templateObject$29 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: 1.5;\n  ", "\n  ", "\n  ", "\n"])), getColor$1, getFontSize, function (_ref3) {
   var $bold = _ref3.$bold,
     bold = _ref3.bold;
   return $bold || bold ? 700 : 400;
@@ -454,7 +453,7 @@ var variants$4 = {
   OUTLINE: "outline"
 };
 
-var _templateObject$29;
+var _templateObject$28;
 var getDisabledStyles$3 = function getDisabledStyles(_ref) {
   var $isLoading = _ref.$isLoading,
     theme = _ref.theme;
@@ -486,7 +485,7 @@ var StyledButton$2 = styled.button.withConfig({
 }).withConfig({
   displayName: "StyledButton",
   componentId: "sc-pxfjak-0"
-})(_templateObject$29 || (_templateObject$29 = _taggedTemplateLiteral(["\n  align-items: center;\n  background-color: ", ";\n  border: ", ";\n  border-radius: 10px;\n  color: ", ";\n  cursor: pointer;\n  display: inline-flex;\n  font-family: inherit;\n  font-size: 16px;\n  font-weight: 600;\n  /* max-content instead of auto for Safari fix */\n  width: ", ";\n  height: ", ";\n  line-height: 1;\n  letter-spacing: 0.03em;\n  justify-content: center;\n  outline: 0;\n  padding: ", ";\n  transition: background-color 0.2s;\n  opacity: ", ";\n\n  &:hover:not(:disabled):not(.button--disabled):not(:active) {\n    background-color: ", ";\n    border-color: ", ";\n  }\n\n  &:focus:not(:active) {\n    box-shadow: 0 0 0 1px ", ";\n  }\n\n  &:active {\n    background-color: ", ";\n    box-shadow: ", ";\n  }\n\n  ", "\n  ", "\n  ", "\n"])), getButtonVariantProp$3("background"), getButtonVariantProp$3("border"), function (_ref4) {
+})(_templateObject$28 || (_templateObject$28 = _taggedTemplateLiteral(["\n  align-items: center;\n  background-color: ", ";\n  border: ", ";\n  border-radius: 10px;\n  color: ", ";\n  cursor: pointer;\n  display: inline-flex;\n  font-family: inherit;\n  font-size: 16px;\n  font-weight: 600;\n  /* max-content instead of auto for Safari fix */\n  width: ", ";\n  height: ", ";\n  line-height: 1;\n  letter-spacing: 0.03em;\n  justify-content: center;\n  outline: 0;\n  padding: ", ";\n  transition: background-color 0.2s;\n  opacity: ", ";\n\n  &:hover:not(:disabled):not(.button--disabled):not(:active) {\n    background-color: ", ";\n    border-color: ", ";\n  }\n\n  &:focus:not(:active) {\n    box-shadow: 0 0 0 1px ", ";\n  }\n\n  &:active {\n    background-color: ", ";\n    box-shadow: ", ";\n  }\n\n  ", "\n  ", "\n  ", "\n"])), getButtonVariantProp$3("background"), getButtonVariantProp$3("border"), function (_ref4) {
   var $white = _ref4.$white;
   return $white ? "white" : getButtonVariantProp$3("color");
 }, function (_ref5) {
@@ -508,7 +507,7 @@ var StyledButton$2 = styled.button.withConfig({
   return theme.colors.secondary;
 }, getButtonVariantProp$3("backgroundActive"), getButtonVariantProp$3("boxShadowActive"), getDisabledStyles$3, removePointerEvents$3, space);
 
-var _excluded$12 = ["startIcon", "style", "endIcon", "children", "external", "$isLoading", "disabled", "$white", "$fullWidth", "fullWidth", "isLoading", "white"],
+var _excluded$11 = ["startIcon", "style", "endIcon", "children", "external", "$isLoading", "disabled", "$white", "$fullWidth", "fullWidth", "isLoading", "white"],
   _excluded2$2 = ["isActive"];
 var Button$1 = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var startIcon = _ref.startIcon,
@@ -525,7 +524,7 @@ var Button$1 = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     fullWidthProp = _ref.fullWidth,
     isLoadingProp = _ref.isLoading,
     whiteProp = _ref.white,
-    props = _objectWithoutProperties(_ref, _excluded$12);
+    props = _objectWithoutProperties(_ref, _excluded$11);
   var internalProps = external ? getExternalLinkProps() : {};
   var $isLoading = $isLoadingProp || isLoadingProp || false;
   var $white = $whiteProp || whiteProp;
@@ -562,10 +561,10 @@ var Icon$2D = function Icon(props) {
   }));
 };
 
-var _excluded$11 = ["fill"];
+var _excluded$10 = ["fill"];
 var Icon$2C = function Icon(_ref) {
   var fill = _ref.fill,
-    props = _objectWithoutProperties(_ref, _excluded$11);
+    props = _objectWithoutProperties(_ref, _excluded$10);
   return /*#__PURE__*/jsxs(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 20 20"
   }, props), {}, {
@@ -596,10 +595,10 @@ var Icon$2B = function Icon() {
   });
 };
 
-var _excluded$10 = ["fill"];
+var _excluded$$ = ["fill"];
 var Icon$2A = function Icon(_ref) {
   var fill = _ref.fill,
-    props = _objectWithoutProperties(_ref, _excluded$10);
+    props = _objectWithoutProperties(_ref, _excluded$$);
   return /*#__PURE__*/jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 24 25"
   }, props), {}, {
@@ -610,10 +609,10 @@ var Icon$2A = function Icon(_ref) {
   }));
 };
 
-var _excluded$$ = ["fill"];
+var _excluded$_ = ["fill"];
 var Icon$2z = function Icon(_ref) {
   var fill = _ref.fill,
-    props = _objectWithoutProperties(_ref, _excluded$$);
+    props = _objectWithoutProperties(_ref, _excluded$_);
   return /*#__PURE__*/jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 24 25"
   }, props), {}, {
@@ -656,10 +655,10 @@ var Icon$2x = function Icon(props) {
   }));
 };
 
-var _excluded$_ = ["fill"];
+var _excluded$Z = ["fill"];
 var Icon$2w = function Icon(_ref) {
   var fill = _ref.fill,
-    props = _objectWithoutProperties(_ref, _excluded$_);
+    props = _objectWithoutProperties(_ref, _excluded$Z);
   return /*#__PURE__*/jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 24 25"
   }, props), {}, {
@@ -706,10 +705,10 @@ var Icon$2t = function Icon(props) {
   }));
 };
 
-var _excluded$Z = ["fill"];
+var _excluded$Y = ["fill"];
 var Icon$2s = function Icon(_ref) {
   var fill = _ref.fill,
-    props = _objectWithoutProperties(_ref, _excluded$Z);
+    props = _objectWithoutProperties(_ref, _excluded$Y);
   return /*#__PURE__*/jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 16 16"
   }, props), {}, {
@@ -721,10 +720,10 @@ var Icon$2s = function Icon(_ref) {
   }));
 };
 
-var _excluded$Y = ["fill"];
+var _excluded$X = ["fill"];
 var Icon$2r = function Icon(_ref) {
   var fill = _ref.fill,
-    props = _objectWithoutProperties(_ref, _excluded$Y);
+    props = _objectWithoutProperties(_ref, _excluded$X);
   return /*#__PURE__*/jsxs(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 25 24"
   }, props), {}, {
@@ -748,11 +747,11 @@ var Icon$2q = function Icon(props) {
   }));
 };
 
-var _excluded$X = ["fill", "fillOpacity"];
+var _excluded$W = ["fill", "fillOpacity"];
 var Icon$2p = function Icon(_ref) {
   var fill = _ref.fill,
     fillOpacity = _ref.fillOpacity,
-    props = _objectWithoutProperties(_ref, _excluded$X);
+    props = _objectWithoutProperties(_ref, _excluded$W);
   return /*#__PURE__*/jsx(Svg, _objectSpread2(_objectSpread2({}, props), {}, {
     children: /*#__PURE__*/jsx("path", {
       fillRule: "evenodd",
@@ -764,10 +763,10 @@ var Icon$2p = function Icon(_ref) {
   }));
 };
 
-var _excluded$W = ["fill"];
+var _excluded$V = ["fill"];
 var Icon$2o = function Icon(_ref) {
   var fill = _ref.fill,
-    props = _objectWithoutProperties(_ref, _excluded$W);
+    props = _objectWithoutProperties(_ref, _excluded$V);
   return /*#__PURE__*/jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 24 24"
   }, props), {}, {
@@ -778,10 +777,10 @@ var Icon$2o = function Icon(_ref) {
   }));
 };
 
-var _excluded$V = ["fill"];
+var _excluded$U = ["fill"];
 var Icon$2n = function Icon(_ref) {
   var fill = _ref.fill,
-    props = _objectWithoutProperties(_ref, _excluded$V);
+    props = _objectWithoutProperties(_ref, _excluded$U);
   return /*#__PURE__*/jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 24 24"
   }, props), {}, {
@@ -792,10 +791,10 @@ var Icon$2n = function Icon(_ref) {
   }));
 };
 
-var _excluded$U = ["fill"];
+var _excluded$T = ["fill"];
 var Icon$2m = function Icon(_ref) {
   var fill = _ref.fill,
-    props = _objectWithoutProperties(_ref, _excluded$U);
+    props = _objectWithoutProperties(_ref, _excluded$T);
   return /*#__PURE__*/jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 24 24"
   }, props), {}, {
@@ -806,10 +805,10 @@ var Icon$2m = function Icon(_ref) {
   }));
 };
 
-var _excluded$T = ["fill"];
+var _excluded$S = ["fill"];
 var Icon$2l = function Icon(_ref) {
   var fill = _ref.fill,
-    props = _objectWithoutProperties(_ref, _excluded$T);
+    props = _objectWithoutProperties(_ref, _excluded$S);
   return /*#__PURE__*/jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 24 24"
   }, props), {}, {
@@ -820,10 +819,10 @@ var Icon$2l = function Icon(_ref) {
   }));
 };
 
-var _excluded$S = ["fill"];
+var _excluded$R = ["fill"];
 var Icon$2k = function Icon(_ref) {
   var fill = _ref.fill,
-    props = _objectWithoutProperties(_ref, _excluded$S);
+    props = _objectWithoutProperties(_ref, _excluded$R);
   return /*#__PURE__*/jsxs(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 20 20"
   }, props), {}, {
@@ -837,10 +836,10 @@ var Icon$2k = function Icon(_ref) {
   }));
 };
 
-var _excluded$R = ["fill"];
+var _excluded$Q = ["fill"];
 var Icon$2j = function Icon(_ref) {
   var fill = _ref.fill;
-    _objectWithoutProperties(_ref, _excluded$R);
+    _objectWithoutProperties(_ref, _excluded$Q);
   return /*#__PURE__*/jsx("svg", {
     width: "17",
     height: "17",
@@ -856,10 +855,10 @@ var Icon$2j = function Icon(_ref) {
   });
 };
 
-var _excluded$Q = ["fill"];
+var _excluded$P = ["fill"];
 var Icon$2i = function Icon(_ref) {
   var fill = _ref.fill,
-    props = _objectWithoutProperties(_ref, _excluded$Q);
+    props = _objectWithoutProperties(_ref, _excluded$P);
   return /*#__PURE__*/jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 20 22"
   }, props), {}, {
@@ -895,10 +894,10 @@ var Icon$2g = function Icon(props) {
   }));
 };
 
-var _excluded$P = ["fill"];
+var _excluded$O = ["fill"];
 var Icon$2f = function Icon(_ref) {
   var fill = _ref.fill,
-    props = _objectWithoutProperties(_ref, _excluded$P);
+    props = _objectWithoutProperties(_ref, _excluded$O);
   return /*#__PURE__*/jsxs(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 20 20"
   }, props), {}, {
@@ -968,10 +967,10 @@ var Icon$2c = function Icon(props) {
   }));
 };
 
-var _excluded$O = ["fill"];
+var _excluded$N = ["fill"];
 var Icon$2b = function Icon(_ref) {
   var fill = _ref.fill,
-    props = _objectWithoutProperties(_ref, _excluded$O);
+    props = _objectWithoutProperties(_ref, _excluded$N);
   return /*#__PURE__*/jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 14 14"
   }, props), {}, {
@@ -1127,10 +1126,10 @@ var Icon$27 = function Icon(props) {
   }));
 };
 
-var _excluded$N = ["fill"];
+var _excluded$M = ["fill"];
 var Icon$26 = function Icon(_ref) {
   var fill = _ref.fill,
-    props = _objectWithoutProperties(_ref, _excluded$N);
+    props = _objectWithoutProperties(_ref, _excluded$M);
   return /*#__PURE__*/jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 24 24"
   }, props), {}, {
@@ -1392,10 +1391,10 @@ var Icon$1Y = function Icon(props) {
   }));
 };
 
-var _excluded$M = ["fill"];
+var _excluded$L = ["fill"];
 var Icon$1X = function Icon(_ref) {
   var fill = _ref.fill,
-    props = _objectWithoutProperties(_ref, _excluded$M);
+    props = _objectWithoutProperties(_ref, _excluded$L);
   return /*#__PURE__*/jsx(Svg, _objectSpread2(_objectSpread2({
     width: "20",
     height: "20",
@@ -1408,10 +1407,10 @@ var Icon$1X = function Icon(_ref) {
   }));
 };
 
-var _excluded$L = ["fill"];
+var _excluded$K = ["fill"];
 var Icon$1W = function Icon(_ref) {
   var fill = _ref.fill,
-    props = _objectWithoutProperties(_ref, _excluded$L);
+    props = _objectWithoutProperties(_ref, _excluded$K);
   return /*#__PURE__*/jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 20 20"
   }, props), {}, {
@@ -1484,10 +1483,10 @@ var Icon$1U = function Icon(props) {
   }));
 };
 
-var _excluded$K = ["fill"];
+var _excluded$J = ["fill"];
 var Icon$1T = function Icon(_ref) {
   var fill = _ref.fill,
-    props = _objectWithoutProperties(_ref, _excluded$K);
+    props = _objectWithoutProperties(_ref, _excluded$J);
   return /*#__PURE__*/jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 20 20"
   }, props), {}, {
@@ -1498,10 +1497,10 @@ var Icon$1T = function Icon(_ref) {
   }));
 };
 
-var _excluded$J = ["fill"];
+var _excluded$I = ["fill"];
 var Icon$1S = function Icon(_ref) {
   var fill = _ref.fill,
-    props = _objectWithoutProperties(_ref, _excluded$J);
+    props = _objectWithoutProperties(_ref, _excluded$I);
   return /*#__PURE__*/jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 24 24"
   }, props), {}, {
@@ -1585,10 +1584,10 @@ var Icon$1N = function Icon(props) {
   }));
 };
 
-var _excluded$I = ["fill"];
+var _excluded$H = ["fill"];
 var Icon$1M = function Icon(_ref) {
   var fill = _ref.fill,
-    props = _objectWithoutProperties(_ref, _excluded$I);
+    props = _objectWithoutProperties(_ref, _excluded$H);
   return /*#__PURE__*/jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 24 25"
   }, props), {}, {
@@ -1599,10 +1598,10 @@ var Icon$1M = function Icon(_ref) {
   }));
 };
 
-var _excluded$H = ["fill"];
+var _excluded$G = ["fill"];
 var Icon$1L = function Icon(_ref) {
   var fill = _ref.fill,
-    props = _objectWithoutProperties(_ref, _excluded$H);
+    props = _objectWithoutProperties(_ref, _excluded$G);
   return /*#__PURE__*/jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 24 24"
   }, props), {}, {
@@ -1613,10 +1612,10 @@ var Icon$1L = function Icon(_ref) {
   }));
 };
 
-var _excluded$G = ["fill"];
+var _excluded$F = ["fill"];
 var Icon$1K = function Icon(_ref) {
   var fill = _ref.fill,
-    props = _objectWithoutProperties(_ref, _excluded$G);
+    props = _objectWithoutProperties(_ref, _excluded$F);
   return /*#__PURE__*/jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 24 24"
   }, props), {}, {
@@ -1627,10 +1626,10 @@ var Icon$1K = function Icon(_ref) {
   }));
 };
 
-var _excluded$F = ["fill"];
+var _excluded$E = ["fill"];
 var Icon$1J = function Icon(_ref) {
   var fill = _ref.fill,
-    props = _objectWithoutProperties(_ref, _excluded$F);
+    props = _objectWithoutProperties(_ref, _excluded$E);
   return /*#__PURE__*/jsxs(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 24 24"
   }, props), {}, {
@@ -1644,10 +1643,10 @@ var Icon$1J = function Icon(_ref) {
   }));
 };
 
-var _excluded$E = ["fill"];
+var _excluded$D = ["fill"];
 var Icon$1I = function Icon(_ref) {
   var fill = _ref.fill,
-    props = _objectWithoutProperties(_ref, _excluded$E);
+    props = _objectWithoutProperties(_ref, _excluded$D);
   return /*#__PURE__*/jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 14 14"
   }, props), {}, {
@@ -1660,10 +1659,10 @@ var Icon$1I = function Icon(_ref) {
   }));
 };
 
-var _excluded$D = ["fill"];
+var _excluded$C = ["fill"];
 var Icon$1H = function Icon(_ref) {
   var fill = _ref.fill,
-    props = _objectWithoutProperties(_ref, _excluded$D);
+    props = _objectWithoutProperties(_ref, _excluded$C);
   return /*#__PURE__*/jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 24 25"
   }, props), {}, {
@@ -1674,10 +1673,10 @@ var Icon$1H = function Icon(_ref) {
   }));
 };
 
-var _excluded$C = ["fill"];
+var _excluded$B = ["fill"];
 var Icon$1G = function Icon(_ref) {
   var fill = _ref.fill,
-    props = _objectWithoutProperties(_ref, _excluded$C);
+    props = _objectWithoutProperties(_ref, _excluded$B);
   return /*#__PURE__*/jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 20 12"
   }, props), {}, {
@@ -1690,10 +1689,10 @@ var Icon$1G = function Icon(_ref) {
   }));
 };
 
-var _excluded$B = ["fill"];
+var _excluded$A = ["fill"];
 var Icon$1F = function Icon(_ref) {
   var fill = _ref.fill,
-    props = _objectWithoutProperties(_ref, _excluded$B);
+    props = _objectWithoutProperties(_ref, _excluded$A);
   return /*#__PURE__*/jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 24 25"
   }, props), {}, {
@@ -1704,10 +1703,10 @@ var Icon$1F = function Icon(_ref) {
   }));
 };
 
-var _excluded$A = ["fill"];
+var _excluded$z = ["fill"];
 var Icon$1E = function Icon(_ref) {
   var fill = _ref.fill,
-    props = _objectWithoutProperties(_ref, _excluded$A);
+    props = _objectWithoutProperties(_ref, _excluded$z);
   return /*#__PURE__*/jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 24 24"
   }, props), {}, {
@@ -1718,10 +1717,10 @@ var Icon$1E = function Icon(_ref) {
   }));
 };
 
-var _excluded$z = ["fill"];
+var _excluded$y = ["fill"];
 var Icon$1D = function Icon(_ref) {
   var fill = _ref.fill,
-    props = _objectWithoutProperties(_ref, _excluded$z);
+    props = _objectWithoutProperties(_ref, _excluded$y);
   return /*#__PURE__*/jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 24 24"
   }, props), {}, {
@@ -1732,10 +1731,10 @@ var Icon$1D = function Icon(_ref) {
   }));
 };
 
-var _excluded$y = ["fill"];
+var _excluded$x = ["fill"];
 var Icon$1C = function Icon(_ref) {
   var fill = _ref.fill,
-    props = _objectWithoutProperties(_ref, _excluded$y);
+    props = _objectWithoutProperties(_ref, _excluded$x);
   return /*#__PURE__*/jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 20 20"
   }, props), {}, {
@@ -1746,10 +1745,10 @@ var Icon$1C = function Icon(_ref) {
   }));
 };
 
-var _excluded$x = ["fill"];
+var _excluded$w = ["fill"];
 var Icon$1B = function Icon(_ref) {
   var fill = _ref.fill,
-    props = _objectWithoutProperties(_ref, _excluded$x);
+    props = _objectWithoutProperties(_ref, _excluded$w);
   return /*#__PURE__*/jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 24 24"
   }, props), {}, {
@@ -1760,10 +1759,10 @@ var Icon$1B = function Icon(_ref) {
   }));
 };
 
-var _excluded$w = ["fill"];
+var _excluded$v = ["fill"];
 var Icon$1A = function Icon(_ref) {
   var fill = _ref.fill,
-    props = _objectWithoutProperties(_ref, _excluded$w);
+    props = _objectWithoutProperties(_ref, _excluded$v);
   return /*#__PURE__*/jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 20 20"
   }, props), {}, {
@@ -1774,10 +1773,10 @@ var Icon$1A = function Icon(_ref) {
   }));
 };
 
-var _excluded$v = ["fill"];
+var _excluded$u = ["fill"];
 var Icon$1z = function Icon(_ref) {
   var fill = _ref.fill,
-    props = _objectWithoutProperties(_ref, _excluded$v);
+    props = _objectWithoutProperties(_ref, _excluded$u);
   return /*#__PURE__*/jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 24 24"
   }, props), {}, {
@@ -1788,10 +1787,10 @@ var Icon$1z = function Icon(_ref) {
   }));
 };
 
-var _excluded$u = ["fill"];
+var _excluded$t = ["fill"];
 var Icon$1y = function Icon(_ref) {
   var fill = _ref.fill,
-    props = _objectWithoutProperties(_ref, _excluded$u);
+    props = _objectWithoutProperties(_ref, _excluded$t);
   return /*#__PURE__*/jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 17 14"
   }, props), {}, {
@@ -2048,10 +2047,10 @@ var Icon$1l = function Icon(props) {
   }));
 };
 
-var _excluded$t = ["fill"];
+var _excluded$s = ["fill"];
 var Icon$1k = function Icon(_ref) {
   _ref.fill;
-    var props = _objectWithoutProperties(_ref, _excluded$t);
+    var props = _objectWithoutProperties(_ref, _excluded$s);
   return /*#__PURE__*/jsxs(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 20 20"
   }, props), {}, {
@@ -2172,10 +2171,10 @@ var Icon$1g = function Icon(props) {
   }));
 };
 
-var _excluded$s = ["fill"];
+var _excluded$r = ["fill"];
 var Icon$1f = function Icon(_ref) {
   _ref.fill;
-    var props = _objectWithoutProperties(_ref, _excluded$s);
+    var props = _objectWithoutProperties(_ref, _excluded$r);
   return /*#__PURE__*/jsxs(Svg, _objectSpread2(_objectSpread2({
     width: "20",
     height: "21",
@@ -2207,10 +2206,10 @@ var Icon$1f = function Icon(_ref) {
   }));
 };
 
-var _excluded$r = ["fill"];
+var _excluded$q = ["fill"];
 var Icon$1e = function Icon(_ref) {
   var fill = _ref.fill,
-    props = _objectWithoutProperties(_ref, _excluded$r);
+    props = _objectWithoutProperties(_ref, _excluded$q);
   return /*#__PURE__*/jsx(Svg, _objectSpread2(_objectSpread2({
     viewBox: "0 0 28 28",
     width: props.width || "28",
@@ -7921,17 +7920,17 @@ var Icon$T = function Icon(props) {
   });
 };
 
-var _templateObject$28, _templateObject2$15;
+var _templateObject$27, _templateObject2$14;
 var ButtonText = styled.span.withConfig({
   displayName: "ButtonText",
   componentId: "sc-kepl07-0"
-})(_templateObject$28 || (_templateObject$28 = _taggedTemplateLiteral(["\n  font-weight: bold;\n  font-size: 16px;\n  line-height: 28px;\n  width: 84px;\n  transition: all 0.5s ease-in;\n  display: ", ";\n"])), function (props) {
+})(_templateObject$27 || (_templateObject$27 = _taggedTemplateLiteral(["\n  font-weight: bold;\n  font-size: 16px;\n  line-height: 28px;\n  width: 84px;\n  transition: all 0.5s ease-in;\n  display: ", ";\n"])), function (props) {
   return props.extended ? "block" : "none";
 });
 var RampButtonWrapper$1 = styled(Button$1).withConfig({
   displayName: "RampButtonWrapper",
   componentId: "sc-kepl07-1"
-})(_templateObject2$15 || (_templateObject2$15 = _taggedTemplateLiteral(["\n  padding: 6px 10px;\n  padding: ", ";\n  outline: none;\n  border: none;\n  width: ", "px;\n  height: 40px;\n  background: ", ";\n  border-radius: 10px;\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  overflow: hidden;\n  transition: all 0.5s ease-in;\n"])), function (props) {
+})(_templateObject2$14 || (_templateObject2$14 = _taggedTemplateLiteral(["\n  padding: 6px 10px;\n  padding: ", ";\n  outline: none;\n  border: none;\n  width: ", "px;\n  height: 40px;\n  background: ", ";\n  border-radius: 10px;\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  overflow: hidden;\n  transition: all 0.5s ease-in;\n"])), function (props) {
   return props.extended ? "6px 25px" : "6px 10px";
 }, function (props) {
   return props.extended ? 110 : 60;
@@ -7959,20 +7958,20 @@ var RampButtonLite = function RampButtonLite(_ref2) {
   });
 };
 
-var _templateObject$27;
+var _templateObject$26;
 var IconButton = styled(Button$1).withConfig({
   displayName: "IconButton",
   componentId: "sc-9rnm19-0"
-})(_templateObject$27 || (_templateObject$27 = _taggedTemplateLiteral(["\n  padding: 0;\n  width: ", ";\n  margin: 0px 4px;\n  border: none;\n  outline: none;\n"])), function (_ref) {
+})(_templateObject$26 || (_templateObject$26 = _taggedTemplateLiteral(["\n  padding: 0;\n  width: ", ";\n  margin: 0px 4px;\n  border: none;\n  outline: none;\n"])), function (_ref) {
   var size = _ref.size;
   return size === "sm" ? "32px" : "60px";
 });
 
-var _templateObject$26;
+var _templateObject$25;
 var RampButtonWrapper = styled.button.withConfig({
   displayName: "RampButtonWrapper",
   componentId: "sc-1y4rjmy-0"
-})(_templateObject$26 || (_templateObject$26 = _taggedTemplateLiteral(["\n  padding: 6px 10px;\n  outline: none;\n  border: none;\n  width: ", "px;\n  height: 40px;\n  background: #2b2b38;\n  border-radius: 10px;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-around;\n  align-items: center;\n  color: black;\n  cursor: pointer;\n  position: relative;\n  overflow: hidden;\n  &:active {\n    background: ", ";\n  }\n  transition: all 0.5s ease-in;\n"])), function (props) {
+})(_templateObject$25 || (_templateObject$25 = _taggedTemplateLiteral(["\n  padding: 6px 10px;\n  outline: none;\n  border: none;\n  width: ", "px;\n  height: 40px;\n  background: #2b2b38;\n  border-radius: 10px;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-around;\n  align-items: center;\n  color: black;\n  cursor: pointer;\n  position: relative;\n  overflow: hidden;\n  &:active {\n    background: ", ";\n  }\n  transition: all 0.5s ease-in;\n"])), function (props) {
   return props.extended ? 108 : 70;
 }, function (_ref) {
   var theme = _ref.theme;
@@ -7996,17 +7995,17 @@ var RampButton = function RampButton(_ref2) {
   });
 };
 
-var _templateObject$25;
+var _templateObject$24;
 var Box = styled.div.withConfig({
   displayName: "Box",
   componentId: "sc-1vk503f-0"
-})(_templateObject$25 || (_templateObject$25 = _taggedTemplateLiteral(["\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n"])), background, border, layout, position, space);
+})(_templateObject$24 || (_templateObject$24 = _taggedTemplateLiteral(["\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n"])), background, border, layout, position, space);
 
-var _templateObject$24;
+var _templateObject$23;
 var Flex = styled(Box).withConfig({
   displayName: "Flex",
   componentId: "sc-10l7f81-0"
-})(_templateObject$24 || (_templateObject$24 = _taggedTemplateLiteral(["\n  display: flex;\n  ", "\n"])), flexbox);
+})(_templateObject$23 || (_templateObject$23 = _taggedTemplateLiteral(["\n  display: flex;\n  ", "\n"])), flexbox);
 
 var variants$3 = {
   INFO: "info",
@@ -8015,7 +8014,7 @@ var variants$3 = {
   WARNING: "warning"
 };
 
-var _templateObject$23, _templateObject2$14, _templateObject3$N, _templateObject4$y;
+var _templateObject$22, _templateObject2$13, _templateObject3$M, _templateObject4$x;
 var getThemeColor = function getThemeColor(_ref) {
   var theme = _ref.theme,
     _ref$variant = _ref.variant,
@@ -8049,23 +8048,23 @@ var getIcon = function getIcon() {
 var IconLabel = styled.div.withConfig({
   displayName: "IconLabel",
   componentId: "sc-iju7nx-0"
-})(_templateObject$23 || (_templateObject$23 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  border-radius: 10px 0 0 10px;\n  color: black;\n  padding: 12px;\n"])), getThemeColor);
+})(_templateObject$22 || (_templateObject$22 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  border-radius: 10px 0 0 10px;\n  color: black;\n  padding: 12px;\n"])), getThemeColor);
 var withHandlerSpacing = 32 + 12 + 8; // button size + inner spacing + handler position
 var Details = styled.div.withConfig({
   displayName: "Details",
   componentId: "sc-iju7nx-1"
-})(_templateObject2$14 || (_templateObject2$14 = _taggedTemplateLiteral(["\n  flex: 1;\n  padding-bottom: 12px;\n  padding-left: 12px;\n  padding-right: ", ";\n  padding-top: 12px;\n"])), function (_ref2) {
+})(_templateObject2$13 || (_templateObject2$13 = _taggedTemplateLiteral(["\n  flex: 1;\n  padding-bottom: 12px;\n  padding-left: 12px;\n  padding-right: ", ";\n  padding-top: 12px;\n"])), function (_ref2) {
   var hasHandler = _ref2.hasHandler;
   return hasHandler ? "".concat(withHandlerSpacing, "px") : "12px";
 });
 var CloseHandler = styled.div.withConfig({
   displayName: "CloseHandler",
   componentId: "sc-iju7nx-2"
-})(_templateObject3$N || (_templateObject3$N = _taggedTemplateLiteral(["\n  border-radius: 0 16px 16px 0;\n  right: 8px;\n  position: absolute;\n  top: 8px;\n"])));
+})(_templateObject3$M || (_templateObject3$M = _taggedTemplateLiteral(["\n  border-radius: 0 16px 16px 0;\n  right: 8px;\n  position: absolute;\n  top: 8px;\n"])));
 var StyledAlert = styled(Flex).withConfig({
   displayName: "StyledAlert",
   componentId: "sc-iju7nx-3"
-})(_templateObject4$y || (_templateObject4$y = _taggedTemplateLiteral(["\n  position: relative;\n  background: ", ";\n  @-moz-document url-prefix() {\n    background: rgba(36, 36, 36, 0.95) !important;\n  }\n  box-shadow: 0 13px 20px rgba(0, 0, 0, 0.25);\n  border: 1px solid ", ";\n  border-radius: 10px;\n"])), function (_ref3) {
+})(_templateObject4$x || (_templateObject4$x = _taggedTemplateLiteral(["\n  position: relative;\n  background: ", ";\n  @-moz-document url-prefix() {\n    background: rgba(36, 36, 36, 0.95) !important;\n  }\n  box-shadow: 0 13px 20px rgba(0, 0, 0, 0.25);\n  border: 1px solid ", ";\n  border-radius: 10px;\n"])), function (_ref3) {
   var theme = _ref3.theme;
   return theme.backgrounds.secondary;
 }, function (_ref4) {
@@ -8115,11 +8114,11 @@ var observerOptions = {
   threshold: 0
 };
 
-var _templateObject$22;
+var _templateObject$21;
 var Wrapper$3 = styled.div.withConfig({
   displayName: "Wrapper",
   componentId: "sc-1ie94f-0"
-})(_templateObject$22 || (_templateObject$22 = _taggedTemplateLiteral(["\n  position: relative;\n  background-position: center center;\n  background-repeat: no-repeat;\n  background-size: cover;\n  height: ", "px;\n  max-width: ", "px;\n  max-height: ", "px;\n  width: 100%;\n  padding-top: ", "%;\n  ", "\n"])), function (_ref) {
+})(_templateObject$21 || (_templateObject$21 = _taggedTemplateLiteral(["\n  position: relative;\n  background-position: center center;\n  background-repeat: no-repeat;\n  background-size: cover;\n  height: ", "px;\n  max-width: ", "px;\n  max-height: ", "px;\n  width: 100%;\n  padding-top: ", "%;\n  ", "\n"])), function (_ref) {
   var height = _ref.height,
     responsive = _ref.responsive;
   return responsive ? 0 : height;
@@ -8136,20 +8135,20 @@ var Wrapper$3 = styled.div.withConfig({
   return responsive ? height / width * 100 : 0;
 }, space);
 
-var _excluded$q = ["src", "alt"];
-var _templateObject$21, _templateObject2$13;
+var _excluded$p = ["src", "alt"];
+var _templateObject$20, _templateObject2$12;
 var StyledImage = styled.img.withConfig({
   displayName: "StyledImage",
   componentId: "sc-10tqvvr-0"
-})(_templateObject$21 || (_templateObject$21 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  max-width: 100%;\n"])));
+})(_templateObject$20 || (_templateObject$20 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  max-width: 100%;\n"])));
 var Placeholder = styled.div.withConfig({
   displayName: "Placeholder",
   componentId: "sc-10tqvvr-1"
-})(_templateObject2$13 || (_templateObject2$13 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n"])));
+})(_templateObject2$12 || (_templateObject2$12 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n"])));
 var Image = function Image(_ref) {
   var src = _ref.src,
     alt = _ref.alt,
-    otherProps = _objectWithoutProperties(_ref, _excluded$q);
+    otherProps = _objectWithoutProperties(_ref, _excluded$p);
   var imgRef = useRef(null);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -8181,7 +8180,7 @@ var Image = function Image(_ref) {
   }));
 };
 
-var _templateObject$20;
+var _templateObject$1$;
 var breakpointMap = {
   xs: 370,
   sm: 576,
@@ -8224,7 +8223,7 @@ var grids = {
   mobile: "grid-template-columns: repeat(".concat(gridsMap.mobile.gridColumns, ", minmax(0, 1fr));\n            grid-gap: 20px;\n            "),
   desktop: "grid-template-columns: repeat(".concat(gridsMap.desktop.gridColumns, ", minmax(0, 1fr));\n            grid-gap: 24px;\n            ")
 };
-var gridLayout = css(_templateObject$20 || (_templateObject$20 = _taggedTemplateLiteral(["\n  display: grid;\n  ", " {\n    ", ";\n  }\n  ", " {\n    ", ";\n  }\n"])), function (_ref) {
+var gridLayout = css(_templateObject$1$ || (_templateObject$1$ = _taggedTemplateLiteral(["\n  display: grid;\n  ", " {\n    ", ";\n  }\n  ", " {\n    ", ";\n  }\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.mediaQueries.xs;
 }, grids.mobile, function (_ref2) {
@@ -8448,7 +8447,7 @@ var sizes$1 = {
   XXL: "xxl"
 };
 
-var _templateObject$1$;
+var _templateObject$1_;
 var style = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, sizes$1.MD, {
   fontSize: "20px",
   fontSizeLg: "20px"
@@ -8472,7 +8471,7 @@ var Heading = styled(Text).attrs(function (_ref) {
 }).withConfig({
   displayName: "Heading",
   componentId: "sc-1bynhbg-0"
-})(_templateObject$1$ || (_templateObject$1$ = _taggedTemplateLiteral(["\n  font-size: ", ";\n  font-weight: 600;\n  line-height: 1.1;\n\n  ", " {\n    font-size: ", ";\n  }\n"])), function (_ref2) {
+})(_templateObject$1_ || (_templateObject$1_ = _taggedTemplateLiteral(["\n  font-size: ", ";\n  font-weight: 600;\n  line-height: 1.1;\n\n  ", " {\n    font-size: ", ";\n  }\n"])), function (_ref2) {
   var _ref2$size = _ref2.size,
     size = _ref2$size === void 0 ? sizes$1.MD : _ref2$size;
   return style[size].fontSize;
@@ -8485,11 +8484,11 @@ var Heading = styled(Text).attrs(function (_ref) {
   return style[size].fontSizeLg;
 });
 
-var _templateObject$1_, _templateObject2$12, _templateObject3$M, _templateObject4$x;
+var _templateObject$1Z, _templateObject2$11, _templateObject3$L, _templateObject4$w;
 var StyledModal = styled.div.withConfig({
   displayName: "StyledModal",
   componentId: "sc-gb2uez-0"
-})(_templateObject$1_ || (_templateObject$1_ = _taggedTemplateLiteral(["\n  background: ", ";\n  box-shadow: 0 13px 20px rgba(0, 0, 0, 0.25);\n  @-moz-document url-prefix() {\n    background: #191921 !important;\n  }\n  border-radius: 15px;\n  width: 100%;\n  z-index: 99;\n  overflow-y: auto;\n  padding-bottom: 8px;\n  ", " {\n    width: auto;\n    min-width: 360px;\n    max-width: 100%;\n    max-height: 80%;\n  }\n  ", " {\n    max-height: 80vh;\n  }\n"])), function (_ref) {
+})(_templateObject$1Z || (_templateObject$1Z = _taggedTemplateLiteral(["\n  background: ", ";\n  box-shadow: 0 13px 20px rgba(0, 0, 0, 0.25);\n  @-moz-document url-prefix() {\n    background: #191921 !important;\n  }\n  border-radius: 15px;\n  width: 100%;\n  z-index: 99;\n  overflow-y: auto;\n  padding-bottom: 8px;\n  ", " {\n    width: auto;\n    min-width: 360px;\n    max-width: 100%;\n    max-height: 80%;\n  }\n  ", " {\n    max-height: 80vh;\n  }\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.colors.card;
 }, function (_ref2) {
@@ -8502,15 +8501,15 @@ var StyledModal = styled.div.withConfig({
 var CloseButton$1 = styled(Button$1).withConfig({
   displayName: "CloseButton",
   componentId: "sc-gb2uez-1"
-})(_templateObject2$12 || (_templateObject2$12 = _taggedTemplateLiteral(["\n  z-index: 99999;\n  width: 16px;\n  border: none;\n  align-items: flex-start !important;\n  padding: 0px !important;\n  &:hover:not(:disabled):not(.button--disabled):not(:active) {\n    background-color: transparent;\n    border-color: transparent;\n  }\n  &:focus:not(:active) {\n    box-shadow: none;\n  }\n"])));
+})(_templateObject2$11 || (_templateObject2$11 = _taggedTemplateLiteral(["\n  z-index: 99999;\n  width: 16px;\n  border: none;\n  align-items: flex-start !important;\n  padding: 0px !important;\n  &:hover:not(:disabled):not(.button--disabled):not(:active) {\n    background-color: transparent;\n    border-color: transparent;\n  }\n  &:focus:not(:active) {\n    box-shadow: none;\n  }\n"])));
 var ModalHeader = styled.div.withConfig({
   displayName: "ModalHeader",
   componentId: "sc-gb2uez-2"
-})(_templateObject3$M || (_templateObject3$M = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  padding: 24px 24px 0;\n"])));
+})(_templateObject3$L || (_templateObject3$L = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  padding: 24px 24px 0;\n"])));
 var ModalTitle = styled(Flex).withConfig({
   displayName: "ModalTitle",
   componentId: "sc-gb2uez-3"
-})(_templateObject4$x || (_templateObject4$x = _taggedTemplateLiteral(["\n  align-items: center;\n  flex: 1;\n"])));
+})(_templateObject4$w || (_templateObject4$w = _taggedTemplateLiteral(["\n  align-items: center;\n  flex: 1;\n"])));
 var Modal = function Modal(_ref4) {
   var title = _ref4.title,
     onDismiss = _ref4.onDismiss,
@@ -8551,7 +8550,7 @@ var Modal = function Modal(_ref4) {
   });
 };
 
-var _templateObject$1Z;
+var _templateObject$1Y;
 var Overlay = styled.div.attrs(function (_ref) {
   var _ref$show = _ref.show,
     show = _ref$show === void 0 ? false : _ref$show,
@@ -8565,7 +8564,7 @@ var Overlay = styled.div.attrs(function (_ref) {
 }).withConfig({
   displayName: "Overlay",
   componentId: "sc-1u1va95-0"
-})(_templateObject$1Z || (_templateObject$1Z = _taggedTemplateLiteral(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgb(22, 22, 29);\n  transition: opacity 0.4s;\n  opacity: ", ";\n  z-index: ", ";\n  pointer-events: ", ";\n"])), function (_ref2) {
+})(_templateObject$1Y || (_templateObject$1Y = _taggedTemplateLiteral(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgb(22, 22, 29);\n  transition: opacity 0.4s;\n  opacity: ", ";\n  z-index: ", ";\n  pointer-events: ", ";\n"])), function (_ref2) {
   var _ref2$show = _ref2.show,
     show = _ref2$show === void 0 ? false : _ref2$show;
   return show ? 0.6 : 0;
@@ -8579,11 +8578,11 @@ var Overlay = styled.div.attrs(function (_ref) {
   return show ? "initial" : "none";
 });
 
-var _templateObject$1Y;
+var _templateObject$1X;
 var ModalWrapper = styled.div.withConfig({
   displayName: "ModalWrapper",
   componentId: "sc-4rfz2j-0"
-})(_templateObject$1Y || (_templateObject$1Y = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: ", ";\n  ", " {\n    justify-content: flex-start;\n    padding-top: 50px;\n  }\n"])), function (_ref) {
+})(_templateObject$1X || (_templateObject$1X = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: ", ";\n  ", " {\n    justify-content: flex-start;\n    padding-top: 50px;\n  }\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.zIndices.modal - 1;
 }, function (_ref2) {
@@ -8885,7 +8884,7 @@ var ConnectorNames$1;
   ConnectorNames["BSC"] = "bsc";
 })(ConnectorNames$1 || (ConnectorNames$1 = {}));
 
-var connectors$1 = [{
+[{
   title: "Metamask",
   icon: Icon$S,
   connectorId: ConnectorNames$1.Injected
@@ -8912,79 +8911,21 @@ var connectors$1 = [{
 }];
 var connectorLocalStorageKey$1 = "connectorId";
 
-var WalletCard = function WalletCard(_ref) {
-  var login = _ref.login,
-    walletConfig = _ref.walletConfig,
-    onDismiss = _ref.onDismiss,
-    mb = _ref.mb;
-  var title = walletConfig.title,
-    Icon = walletConfig.icon;
-  process.env.NODE_ENV === "development" ? "" : "".concat(process.env.REACT_APP_PROD_DOMAIN);
-  var _useCookies = useCookies$1([connectorLocalStorageKey$1]),
-    _useCookies2 = _slicedToArray(_useCookies, 2);
-    _useCookies2[0];
-    _useCookies2[1];
-  return /*#__PURE__*/jsxs(Button$1, {
-    $fullWidth: true,
-    variant: buttonVariant.OUTLINE,
-    onClick: function onClick() {
-      login(walletConfig.connectorId, title);
-      onDismiss();
-    },
-    style: {
-      justifyContent: "space-between"
-    },
-    mb: mb,
-    id: "wallet-connect-".concat(title.toLocaleLowerCase()),
-    children: [/*#__PURE__*/jsx(Text, {
-      bold: true,
-      color: "rgba(255, 255, 255, 0.55)",
-      mr: "16px",
-      children: title
-    }), /*#__PURE__*/jsx(Icon, {
-      width: "20px",
-      $opac: true
-    })]
-  });
-};
-
 var getTranslations = function getTranslations(translation) {
   return translation;
 };
 
-var ConnectModal = function ConnectModal(_ref) {
-  var login = _ref.login,
-    _ref$onDismiss = _ref.onDismiss,
-    onDismiss = _ref$onDismiss === void 0 ? function () {
-      return null;
-    } : _ref$onDismiss,
-    translations = _ref.translations;
-  var t = translations || getTranslations;
-  return /*#__PURE__*/jsx(Modal, {
-    title: t("Connect to a wallet"),
-    onDismiss: onDismiss,
-    children: connectors$1.map(function (entry, index) {
-      return /*#__PURE__*/jsx(WalletCard, {
-        login: login,
-        walletConfig: entry,
-        onDismiss: onDismiss,
-        mb: index < connectors$1.length - 1 ? "10px" : "0"
-      }, entry.title);
-    })
-  });
-};
-
-var _excluded$p = ["external", "color"];
-var _templateObject$1X;
+var _excluded$o = ["external", "color"];
+var _templateObject$1W;
 var StyledLink$1 = styled(Text).withConfig({
   displayName: "StyledLink",
   componentId: "sc-qw3uvt-0"
-})(_templateObject$1X || (_templateObject$1X = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  margin-right: 21px;\n  &:hover {\n    text-decoration: underline;\n  }\n"])));
+})(_templateObject$1W || (_templateObject$1W = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  margin-right: 21px;\n  &:hover {\n    text-decoration: underline;\n  }\n"])));
 var Link = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var external = _ref.external,
     _ref$color = _ref.color,
     color = _ref$color === void 0 ? "primary" : _ref$color,
-    props = _objectWithoutProperties(_ref, _excluded$p);
+    props = _objectWithoutProperties(_ref, _excluded$o);
   var internalProps = external ? getExternalLinkProps() : {};
   return /*#__PURE__*/jsx(StyledLink$1, _objectSpread2(_objectSpread2({
     ref: ref,
@@ -8995,10 +8936,10 @@ var Link = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
 });
 Link.displayName = "Link";
 
-var _excluded$o = ["children"];
+var _excluded$n = ["children"];
 var LinkExternal = function LinkExternal(_ref) {
   var children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded$o);
+    props = _objectWithoutProperties(_ref, _excluded$n);
   return /*#__PURE__*/jsxs(Link, _objectSpread2(_objectSpread2({
     external: true
   }, props), {}, {
@@ -9011,21 +8952,20 @@ var LinkExternal = function LinkExternal(_ref) {
   }));
 };
 
-var _excluded$n = ["toCopy", "translations", "children"];
-var _templateObject$1W, _templateObject2$11;
-var StyleButton = styled(Text).attrs({
+var _templateObject$1V, _templateObject2$10;
+styled(Text).attrs({
   role: "button"
 }).withConfig({
   displayName: "StyleButton",
   componentId: "sc-v35pzo-0"
-})(_templateObject$1W || (_templateObject$1W = _taggedTemplateLiteral(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  color: ", ";\n"])), function (_ref) {
+})(_templateObject$1V || (_templateObject$1V = _taggedTemplateLiteral(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  color: ", ";\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.colors.primary;
 });
-var Tooltip$1 = styled.div.withConfig({
+styled.div.withConfig({
   displayName: "Tooltip",
   componentId: "sc-v35pzo-1"
-})(_templateObject2$11 || (_templateObject2$11 = _taggedTemplateLiteral(["\n  display: ", ";\n  position: absolute;\n  bottom: -40px;\n  right: 0;\n  left: 0;\n  text-align: center;\n  background-color: ", ";\n  color: ", ";\n  border-radius: 5px;\n  opacity: 0.7;\n  padding: 5px;\n"])), function (_ref2) {
+})(_templateObject2$10 || (_templateObject2$10 = _taggedTemplateLiteral(["\n  display: ", ";\n  position: absolute;\n  bottom: -40px;\n  right: 0;\n  left: 0;\n  text-align: center;\n  background-color: ", ";\n  color: ", ";\n  border-radius: 5px;\n  opacity: 0.7;\n  padding: 5px;\n"])), function (_ref2) {
   var isTooltipDisplayed = _ref2.isTooltipDisplayed;
   return isTooltipDisplayed ? "block" : "none";
 }, function (_ref3) {
@@ -9035,104 +8975,6 @@ var Tooltip$1 = styled.div.withConfig({
   var theme = _ref4.theme;
   return theme.colors.invertedContrast;
 });
-var CopyToClipboard = function CopyToClipboard(_ref5) {
-  var toCopy = _ref5.toCopy,
-    translations = _ref5.translations,
-    children = _ref5.children,
-    props = _objectWithoutProperties(_ref5, _excluded$n);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isTooltipDisplayed = _useState2[0],
-    setIsTooltipDisplayed = _useState2[1];
-  var t = translations || getTranslations;
-  return /*#__PURE__*/jsxs(StyleButton, _objectSpread2(_objectSpread2({
-    small: true,
-    bold: true,
-    onClick: function onClick() {
-      if (navigator.clipboard) {
-        navigator.clipboard.writeText(toCopy);
-        setIsTooltipDisplayed(true);
-        setTimeout(function () {
-          setIsTooltipDisplayed(false);
-        }, 1000);
-      }
-    }
-  }, props), {}, {
-    children: [children, /*#__PURE__*/jsx(Icon$2g, {
-      width: "20px",
-      color: "primary",
-      ml: "4px"
-    }), /*#__PURE__*/jsx(Tooltip$1, {
-      isTooltipDisplayed: isTooltipDisplayed,
-      children: t("Copied")
-    })]
-  }));
-};
-
-var AccountModal = function AccountModal(_ref) {
-  var account = _ref.account,
-    logout = _ref.logout,
-    _ref$onDismiss = _ref.onDismiss,
-    onDismiss = _ref$onDismiss === void 0 ? function () {
-      return null;
-    } : _ref$onDismiss,
-    translations = _ref.translations;
-  var t = translations || getTranslations;
-  return /*#__PURE__*/jsxs(Modal, {
-    title: t("Your wallet"),
-    onDismiss: onDismiss,
-    children: [/*#__PURE__*/jsx(Text, {
-      fontSize: "20px",
-      bold: true,
-      style: {
-        whiteSpace: "nowrap",
-        overflow: "hidden",
-        textOverflow: "ellipsis",
-        marginBottom: "8px"
-      },
-      children: account
-    }), /*#__PURE__*/jsxs(Flex, {
-      mb: "32px",
-      children: [/*#__PURE__*/jsx(LinkExternal, {
-        small: true,
-        href: "https://bscscan.com/address/".concat(account),
-        mr: "16px",
-        children: t("View on BscScan")
-      }), /*#__PURE__*/jsx(CopyToClipboard, {
-        toCopy: account,
-        children: "Copy Address"
-      })]
-    }), /*#__PURE__*/jsx(Flex, {
-      justifyContent: "center",
-      children: /*#__PURE__*/jsx(Button$1, {
-        size: "md",
-        variant: buttonVariant.PRIMARY,
-        onClick: logout,
-        children: t("Logout")
-      })
-    })]
-  });
-};
-
-var useWalletModal = function useWalletModal(login, logout, account, translations) {
-  var _useModal = useModal(/*#__PURE__*/jsx(ConnectModal, {
-      translations: translations,
-      login: login
-    })),
-    _useModal2 = _slicedToArray(_useModal, 1),
-    onPresentConnectModal = _useModal2[0];
-  var _useModal3 = useModal(/*#__PURE__*/jsx(AccountModal, {
-      translations: translations,
-      account: account || "",
-      logout: logout
-    })),
-    _useModal4 = _slicedToArray(_useModal3, 1),
-    onPresentAccountModal = _useModal4[0];
-  return {
-    onPresentConnectModal: onPresentConnectModal,
-    onPresentAccountModal: onPresentAccountModal
-  };
-};
 
 var Cookies;
 (function (Cookies) {
@@ -9366,11 +9208,11 @@ var useConnectWalletEvent = function useConnectWalletEvent(account) {
   }, [account]);
 };
 
-var _templateObject$1V, _templateObject2$10;
+var _templateObject$1U, _templateObject2$$;
 var BannerSlideWrapper = styled.div.withConfig({
   displayName: "BannerSlideWrapper",
   componentId: "sc-1mbqjcw-0"
-})(_templateObject$1V || (_templateObject$1V = _taggedTemplateLiteral(["\n  position: relative;\n  height: ", ";\n  max-height: 225px;\n  display: flex;\n  flex-direction: row;\n  justify-content: ", ";\n  align-items: center;\n"])), function (_ref) {
+})(_templateObject$1U || (_templateObject$1U = _taggedTemplateLiteral(["\n  position: relative;\n  height: ", ";\n  max-height: 225px;\n  display: flex;\n  flex-direction: row;\n  justify-content: ", ";\n  align-items: center;\n"])), function (_ref) {
   var height = _ref.height;
   return "".concat(height, "px");
 }, function (_ref2) {
@@ -9380,7 +9222,7 @@ var BannerSlideWrapper = styled.div.withConfig({
 var StyledImg = styled(Image).withConfig({
   displayName: "StyledImg",
   componentId: "sc-1mbqjcw-1"
-})(_templateObject2$10 || (_templateObject2$10 = _taggedTemplateLiteral(["\n  position: absolute;\n  max-height: 225px;\n  top: 0;\n  img {\n    object-fit: contain;\n    border-radius: ", ";\n  }\n"])), function (_ref3) {
+})(_templateObject2$$ || (_templateObject2$$ = _taggedTemplateLiteral(["\n  position: absolute;\n  max-height: 225px;\n  top: 0;\n  img {\n    object-fit: contain;\n    border-radius: ", ";\n  }\n"])), function (_ref3) {
   var isMobile = _ref3.isMobile,
     theme = _ref3.theme;
   return isMobile ? 0 : theme.radii.primary;
@@ -9417,18 +9259,18 @@ var BannerSlide = function BannerSlide(_ref4) {
   });
 };
 
-var _templateObject$1U, _templateObject2$$;
+var _templateObject$1T, _templateObject2$_;
 var CarouselWrapper = styled.div.withConfig({
   displayName: "CarouselWrapper",
   componentId: "sc-whzh3q-0"
-})(_templateObject$1U || (_templateObject$1U = _taggedTemplateLiteral(["\n  margin: 0 -32px;\n\n  ", " {\n    margin: 0;\n  }\n"])), function (_ref) {
+})(_templateObject$1T || (_templateObject$1T = _taggedTemplateLiteral(["\n  margin: 0 -32px;\n\n  ", " {\n    margin: 0;\n  }\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.mediaQueries.sm;
 });
 var StyledSlider$2 = styled(Slider).withConfig({
   displayName: "StyledSlider",
   componentId: "sc-whzh3q-1"
-})(_templateObject2$$ || (_templateObject2$$ = _taggedTemplateLiteral(["\n  .slick-track {\n    > div {\n      padding: 0 10px;\n    }\n  }\n\n  .slick-dots {\n    .slick-active {\n      div {\n        background: ", " !important;\n        border: 2px ", " solid;\n      }\n    }\n  }\n"])), function (_ref2) {
+})(_templateObject2$_ || (_templateObject2$_ = _taggedTemplateLiteral(["\n  .slick-track {\n    > div {\n      padding: 0 10px;\n    }\n  }\n\n  .slick-dots {\n    .slick-active {\n      div {\n        background: ", " !important;\n        border: 2px ", " solid;\n      }\n    }\n  }\n"])), function (_ref2) {
   var theme = _ref2.theme;
   return theme.colors.blue;
 }, function (_ref3) {
@@ -9487,11 +9329,11 @@ var BannerSlider = function BannerSlider(_ref4) {
   });
 };
 
-var _templateObject$1T, _templateObject2$_;
+var _templateObject$1S, _templateObject2$Z;
 var Separator = styled.div.withConfig({
   displayName: "Separator",
   componentId: "sc-1c6k3v2-0"
-})(_templateObject$1T || (_templateObject$1T = _taggedTemplateLiteral(["\n  align-items: center;\n  color: currentColor;\n  display: flex;\n  justify-content: center;\n  padding-left: 4px;\n  padding-right: 4px;\n\n  ", " {\n    padding-left: 8px;\n    padding-right: 8px;\n  }\n\n  ", " {\n    padding-left: 16px;\n    padding-right: 16px;\n  }\n"])), function (_ref) {
+})(_templateObject$1S || (_templateObject$1S = _taggedTemplateLiteral(["\n  align-items: center;\n  color: currentColor;\n  display: flex;\n  justify-content: center;\n  padding-left: 4px;\n  padding-right: 4px;\n\n  ", " {\n    padding-left: 8px;\n    padding-right: 8px;\n  }\n\n  ", " {\n    padding-left: 16px;\n    padding-right: 16px;\n  }\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.mediaQueries.sm;
 }, function (_ref2) {
@@ -9501,7 +9343,7 @@ var Separator = styled.div.withConfig({
 var StyledBreadcrumbs = styled.ul.withConfig({
   displayName: "StyledBreadcrumbs",
   componentId: "sc-1c6k3v2-1"
-})(_templateObject2$_ || (_templateObject2$_ = _taggedTemplateLiteral(["\n  align-items: center;\n  color: ", ";\n  display: flex;\n  flex-wrap: wrap;\n  list-style-type: none;\n\n  ", "\n"])), function (_ref3) {
+})(_templateObject2$Z || (_templateObject2$Z = _taggedTemplateLiteral(["\n  align-items: center;\n  color: ", ";\n  display: flex;\n  flex-wrap: wrap;\n  list-style-type: none;\n\n  ", "\n"])), function (_ref3) {
   var theme = _ref3.theme;
   return theme.colors.textDisabled;
 }, space);
@@ -9537,7 +9379,7 @@ var Breadcrumbs = function Breadcrumbs(_ref4) {
   });
 };
 
-var _templateObject$1S;
+var _templateObject$1R;
 var StyledButtonMenu = styled.div.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return prop !== 'variant';
@@ -9545,7 +9387,7 @@ var StyledButtonMenu = styled.div.withConfig({
 }).withConfig({
   displayName: "StyledButtonMenu",
   componentId: "sc-14hzc1v-0"
-})(_templateObject$1S || (_templateObject$1S = _taggedTemplateLiteral(["\n  background-color: transparent;\n  border-radius: 16px;\n  display: inline-flex;\n  @media (max-width: 500px) {\n    width: 100%;\n    justify-content: space-around;\n  }\n"])));
+})(_templateObject$1R || (_templateObject$1R = _taggedTemplateLiteral(["\n  background-color: transparent;\n  border-radius: 16px;\n  display: inline-flex;\n  @media (max-width: 500px) {\n    width: 100%;\n    justify-content: space-around;\n  }\n"])));
 
 var ButtonMenu = function ButtonMenu(_ref) {
   var _ref$activeIndex = _ref.activeIndex,
@@ -9577,7 +9419,7 @@ var sizes = {
 var variants$2 = {
   PRIMARY: "primary"};
 
-var _templateObject$1R;
+var _templateObject$1Q;
 var getDisabledStyles$2 = function getDisabledStyles(_ref) {
   var isLoading = _ref.isLoading,
     theme = _ref.theme;
@@ -9609,7 +9451,7 @@ var StyledButton$1 = styled.button.withConfig({
 }).withConfig({
   displayName: "StyledButton",
   componentId: "sc-zft497-0"
-})(_templateObject$1R || (_templateObject$1R = _taggedTemplateLiteral(["\n  align-items: center;\n  background-color: transparent;\n  border: none;\n  border-radius: 10px;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  font-family: inherit;\n  font-size: 16px;\n  font-weight: 700;\n  color: white;\n  /* max-content instead of auto for Safari fix */\n  width: ", ";\n  height: ", ";\n  line-height: 1;\n  letter-spacing: 0.03em;\n  justify-content: center;\n  outline: 0;\n  padding: ", ";\n  transition: all 0.5s;\n\n  .dot {\n    margin-top: 10px;\n    height: ", ";\n    width: ", ";\n    border-radius: ", ";\n    display: inline-block;\n    background-color: ", ";\n  }\n\n  &:hover:not(:disabled):not(.button--disabled):not(:active) {\n    border-color: ", ";\n    color: ", ";\n  }\n\n  &:active {\n    background-color: transparent;\n    color: ", ";\n  }\n\n  ", "\n  ", "\n  ", "\n"])), function (_ref4) {
+})(_templateObject$1Q || (_templateObject$1Q = _taggedTemplateLiteral(["\n  align-items: center;\n  background-color: transparent;\n  border: none;\n  border-radius: 10px;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  font-family: inherit;\n  font-size: 16px;\n  font-weight: 700;\n  color: white;\n  /* max-content instead of auto for Safari fix */\n  width: ", ";\n  height: ", ";\n  line-height: 1;\n  letter-spacing: 0.03em;\n  justify-content: center;\n  outline: 0;\n  padding: ", ";\n  transition: all 0.5s;\n\n  .dot {\n    margin-top: 10px;\n    height: ", ";\n    width: ", ";\n    border-radius: ", ";\n    display: inline-block;\n    background-color: ", ";\n  }\n\n  &:hover:not(:disabled):not(.button--disabled):not(:active) {\n    border-color: ", ";\n    color: ", ";\n  }\n\n  &:active {\n    background-color: transparent;\n    color: ", ";\n  }\n\n  ", "\n  ", "\n  ", "\n"])), function (_ref4) {
   var fullWidth = _ref4.fullWidth;
   return fullWidth ? "100%" : "max-content";
 }, function (_ref5) {
@@ -9671,7 +9513,7 @@ var getColor = function getColor(color, theme) {
   return getThemeValue("colors.".concat(color), color)(theme);
 };
 
-var _templateObject$1Q;
+var _templateObject$1P;
 var getThemeTextColor = function getThemeTextColor(_ref) {
   var outline = _ref.outline,
     _ref$variant = _ref.variant,
@@ -9682,7 +9524,7 @@ var getThemeTextColor = function getThemeTextColor(_ref) {
 var StyledTag = styled.div.withConfig({
   displayName: "StyledTag",
   componentId: "sc-j7cw9s-0"
-})(_templateObject$1Q || (_templateObject$1Q = _taggedTemplateLiteral(["\n  align-items: center;\n  background-color: ", ";\n  border: 1px solid ", ";\n  border-radius: 16px;\n  color: ", ";\n  display: inline-flex;\n  font-size: 14px;\n  font-weight: 400;\n  height: 28px;\n  line-height: 1.5;\n  padding: 0 8px;\n  white-space: nowrap;\n\n  svg {\n    fill: ", ";\n  }\n"])), function (_ref2) {
+})(_templateObject$1P || (_templateObject$1P = _taggedTemplateLiteral(["\n  align-items: center;\n  background-color: ", ";\n  border: 1px solid ", ";\n  border-radius: 16px;\n  color: ", ";\n  display: inline-flex;\n  font-size: 14px;\n  font-weight: 400;\n  height: 28px;\n  line-height: 1.5;\n  padding: 0 8px;\n  white-space: nowrap;\n\n  svg {\n    fill: ", ";\n  }\n"])), function (_ref2) {
   var outline = _ref2.outline,
     theme = _ref2.theme,
     _ref2$variant = _ref2.variant,
@@ -9697,15 +9539,15 @@ var StyledTag = styled.div.withConfig({
 
 var _excluded$l = ["isActive", "size", "variant", "as", "children", "tag", "hide"],
   _excluded2$1 = ["isActive", "onClick", "size", "variant"];
-var _templateObject$1P, _templateObject2$Z, _templateObject3$L;
+var _templateObject$1O, _templateObject2$Y, _templateObject3$K;
 var ButtonBody = styled.div.withConfig({
   displayName: "ButtonBody",
   componentId: "sc-1bbtdtk-0"
-})(_templateObject$1P || (_templateObject$1P = _taggedTemplateLiteral(["\n  display: inline-flex;\n  align-items: center;\n"])));
+})(_templateObject$1O || (_templateObject$1O = _taggedTemplateLiteral(["\n  display: inline-flex;\n  align-items: center;\n"])));
 var ButtonTag = styled(StyledTag).withConfig({
   displayName: "ButtonTag",
   componentId: "sc-1bbtdtk-1"
-})(_templateObject2$Z || (_templateObject2$Z = _taggedTemplateLiteral(["\n  margin-left: 7px;\n  font-weight: bold;\n  font-size: 11px;\n  padding: 1px 5px;\n  height: unset;\n  border-width: 1px;\n"])));
+})(_templateObject2$Y || (_templateObject2$Y = _taggedTemplateLiteral(["\n  margin-left: 7px;\n  font-weight: bold;\n  font-size: 11px;\n  padding: 1px 5px;\n  height: unset;\n  border-width: 1px;\n"])));
 var InactiveButton$1 = styled(Button).withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return prop !== 'colorKey' && prop !== 'isActive';
@@ -9713,7 +9555,7 @@ var InactiveButton$1 = styled(Button).withConfig({
 }).withConfig({
   displayName: "InactiveButton",
   componentId: "sc-1bbtdtk-2"
-})(_templateObject3$L || (_templateObject3$L = _taggedTemplateLiteral(["\n  background-color: transparent;\n  color: #535459;\n  .dot {\n    background-color: transparent;\n  }\n\n  &:hover:not(:disabled):not(:active) {\n    background-color: transparent;\n  }\n"])));
+})(_templateObject3$K || (_templateObject3$K = _taggedTemplateLiteral(["\n  background-color: transparent;\n  color: #535459;\n  .dot {\n    background-color: transparent;\n  }\n\n  &:hover:not(:disabled):not(:active) {\n    background-color: transparent;\n  }\n"])));
 var ButtonMenuItem = function ButtonMenuItem(_ref) {
   var _ref$isActive = _ref.isActive,
     isActive = _ref$isActive === void 0 ? false : _ref$isActive,
@@ -9768,11 +9610,11 @@ var ButtonMenuItem = function ButtonMenuItem(_ref) {
   }));
 };
 
-var _templateObject$1O;
+var _templateObject$1N;
 var StyledButtonActivityMenu = styled.div.withConfig({
   displayName: "StyledButtonActivityMenu",
   componentId: "sc-byew2t-0"
-})(_templateObject$1O || (_templateObject$1O = _taggedTemplateLiteral(["\n  background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 17.71%), #16161d;\n  border: 1px solid #808080;\n  box-sizing: border-box;\n  border-radius: 99px;\n  display: inline-flex;\n"])));
+})(_templateObject$1N || (_templateObject$1N = _taggedTemplateLiteral(["\n  background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 17.71%), #16161d;\n  border: 1px solid #808080;\n  box-sizing: border-box;\n  border-radius: 99px;\n  display: inline-flex;\n"])));
 
 var ButtonActivityMenu = function ButtonActivityMenu(_ref) {
   var _ref$activeIndex = _ref.activeIndex,
@@ -9798,7 +9640,7 @@ var ButtonActivityMenu = function ButtonActivityMenu(_ref) {
   });
 };
 
-var _templateObject$1N;
+var _templateObject$1M;
 var getDisabledStyles$1 = function getDisabledStyles(_ref) {
   var isLoading = _ref.isLoading,
     theme = _ref.theme;
@@ -9826,7 +9668,7 @@ var getButtonVariantProp$1 = function getButtonVariantProp(prop) {
 var StyledButtonActivity = styled.button.withConfig({
   displayName: "StyledButtonActivity",
   componentId: "sc-pam326-0"
-})(_templateObject$1N || (_templateObject$1N = _taggedTemplateLiteral(["\n  align-items: center;\n  border: none;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  font-family: inherit;\n  font-size: 16px;\n  font-weight: 600;\n  color: white;\n  /* max-content instead of auto for Safari fix */\n  width: ", ";\n  height: ", ";\n  line-height: 1;\n  letter-spacing: 0.03em;\n  justify-content: center;\n  outline: 0;\n  padding: ", ";\n  transition: all 0.5s;\n\n  // Activity\n  border-radius: 99px;\n  background: linear-gradient(332.11deg, #13c3af 8.45%, #13d8b2 39.11%, #12ffb8 85.67%);\n  color: rgba(22, 22, 29, 1);\n\n  &:hover:not(:disabled):not(.button--disabled):not(:active) {\n    border-color: ", ";\n    color: white;\n  }\n\n  ", "\n  ", "\n  ", "\n"])), function (_ref4) {
+})(_templateObject$1M || (_templateObject$1M = _taggedTemplateLiteral(["\n  align-items: center;\n  border: none;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  font-family: inherit;\n  font-size: 16px;\n  font-weight: 600;\n  color: white;\n  /* max-content instead of auto for Safari fix */\n  width: ", ";\n  height: ", ";\n  line-height: 1;\n  letter-spacing: 0.03em;\n  justify-content: center;\n  outline: 0;\n  padding: ", ";\n  transition: all 0.5s;\n\n  // Activity\n  border-radius: 99px;\n  background: linear-gradient(332.11deg, #13c3af 8.45%, #13d8b2 39.11%, #12ffb8 85.67%);\n  color: rgba(22, 22, 29, 1);\n\n  &:hover:not(:disabled):not(.button--disabled):not(:active) {\n    border-color: ", ";\n    color: white;\n  }\n\n  ", "\n  ", "\n  ", "\n"])), function (_ref4) {
   var fullWidth = _ref4.fullWidth;
   return fullWidth ? "100%" : "max-content";
 }, function (_ref5) {
@@ -9865,11 +9707,11 @@ var ButtonActivity = function ButtonActivity(_ref) {
 };
 
 var _excluded$j = ["isActive", "size", "variant", "as"];
-var _templateObject$1M;
+var _templateObject$1L;
 var InactiveButton = styled(ButtonActivity).withConfig({
   displayName: "InactiveButton",
   componentId: "sc-kqgtlg-0"
-})(_templateObject$1M || (_templateObject$1M = _taggedTemplateLiteral(["\n  background: transparent;\n  color: #808080;\n  &:hover:not(:disabled):not(:active) {\n    background-color: transparent;\n  }\n"])));
+})(_templateObject$1L || (_templateObject$1L = _taggedTemplateLiteral(["\n  background: transparent;\n  color: #808080;\n  &:hover:not(:disabled):not(:active) {\n    background-color: transparent;\n  }\n"])));
 var ButtonActivityMenuItem = function ButtonActivityMenuItem(_ref) {
   var _ref$isActive = _ref.isActive,
     isActive = _ref$isActive === void 0 ? false : _ref$isActive,
@@ -9894,7 +9736,7 @@ var ButtonActivityMenuItem = function ButtonActivityMenuItem(_ref) {
   }, props));
 };
 
-var _templateObject$1L;
+var _templateObject$1K;
 var getDisabledStyles = function getDisabledStyles(_ref) {
   var isLoading = _ref.isLoading,
     theme = _ref.theme;
@@ -9922,7 +9764,7 @@ var getButtonVariantProp = function getButtonVariantProp(prop) {
 var StyledButtonSwitch = styled.button.withConfig({
   displayName: "StyledButtonSwitch",
   componentId: "sc-obsjj-0"
-})(_templateObject$1L || (_templateObject$1L = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  background-color: transparent;\n  border: none;\n  cursor: pointer;\n  font-family: inherit;\n  font-size: 16px;\n  line-height: 28px;\n  font-weight: 700;\n  color: ", ";\n  width: ", ";\n  height: 36px;\n  outline: 0;\n  padding: 0 8px;\n  transition: all 0.5s;\n\n  &:hover:not(:disabled):not(.button--disabled):not(:active) {\n    border-color: ", ";\n    color: ", ";\n  }\n\n  ", "\n  ", "\n  ", "\n"])), function (_ref4) {
+})(_templateObject$1K || (_templateObject$1K = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  background-color: transparent;\n  border: none;\n  cursor: pointer;\n  font-family: inherit;\n  font-size: 16px;\n  line-height: 28px;\n  font-weight: 700;\n  color: ", ";\n  width: ", ";\n  height: 36px;\n  outline: 0;\n  padding: 0 8px;\n  transition: all 0.5s;\n\n  &:hover:not(:disabled):not(.button--disabled):not(:active) {\n    border-color: ", ";\n    color: ", ";\n  }\n\n  ", "\n  ", "\n  ", "\n"])), function (_ref4) {
   var theme = _ref4.theme,
     active = _ref4.active;
   return active ? "white" : theme.colors.grey;
@@ -9956,18 +9798,18 @@ var ButtonSwitch = function ButtonSwitch(_ref) {
   }));
 };
 
-var _templateObject$1K;
+var _templateObject$1J;
 var StyledButtonSwitchMenu = styled.div.withConfig({
   displayName: "StyledButtonSwitchMenu",
   componentId: "sc-1qzp9bs-0"
-})(_templateObject$1K || (_templateObject$1K = _taggedTemplateLiteral(["\n  background: transparent;\n  box-sizing: border-box;\n  display: inline-flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n"])));
+})(_templateObject$1J || (_templateObject$1J = _taggedTemplateLiteral(["\n  background: transparent;\n  box-sizing: border-box;\n  display: inline-flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n"])));
 
 var variants$1 = {
   DEFAULT: "default",
   PANEL: "panel"
 };
 
-var _templateObject$1J, _templateObject2$Y, _templateObject3$K;
+var _templateObject$1I, _templateObject2$X, _templateObject3$J;
 var getToggleVariantProp = function getToggleVariantProp(prop) {
   return function (_ref) {
     var theme = _ref.theme,
@@ -9979,18 +9821,18 @@ var getToggleVariantProp = function getToggleVariantProp(prop) {
 var Handle = styled.div.withConfig({
   displayName: "Handle",
   componentId: "sc-11wqnqq-0"
-})(_templateObject$1J || (_templateObject$1J = _taggedTemplateLiteral(["\n  background-color: ", ";\n  border-radius: 50%;\n  cursor: pointer;\n  height: 16px;\n  left: 3px;\n  position: absolute;\n  top: 2px;\n  transition: all 200ms ease-in;\n  width: 16px;\n  z-index: 1;\n"])), function (_ref2) {
+})(_templateObject$1I || (_templateObject$1I = _taggedTemplateLiteral(["\n  background-color: ", ";\n  border-radius: 50%;\n  cursor: pointer;\n  height: 16px;\n  left: 3px;\n  position: absolute;\n  top: 2px;\n  transition: all 200ms ease-in;\n  width: 16px;\n  z-index: 1;\n"])), function (_ref2) {
   var checked = _ref2.checked;
   return checked ? getToggleVariantProp("backgroundHandleActive") : getToggleVariantProp("backgroundHandleInactive");
 });
 var Input$1 = styled.input.withConfig({
   displayName: "Input",
   componentId: "sc-11wqnqq-1"
-})(_templateObject2$Y || (_templateObject2$Y = _taggedTemplateLiteral(["\n  cursor: pointer;\n  opacity: 0;\n  height: 100%;\n  position: absolute;\n  width: 100%;\n  z-index: 3;\n\n  &:checked + ", " {\n    left: calc(100% - 18px);\n  }\n"])), Handle);
+})(_templateObject2$X || (_templateObject2$X = _taggedTemplateLiteral(["\n  cursor: pointer;\n  opacity: 0;\n  height: 100%;\n  position: absolute;\n  width: 100%;\n  z-index: 3;\n\n  &:checked + ", " {\n    left: calc(100% - 18px);\n  }\n"])), Handle);
 var StyledToggle = styled.div.withConfig({
   displayName: "StyledToggle",
   componentId: "sc-11wqnqq-2"
-})(_templateObject3$K || (_templateObject3$K = _taggedTemplateLiteral(["\n  align-items: center;\n  background: ", ";\n  border: 1px solid ", ";\n  border-radius: 11px;\n  cursor: pointer;\n  display: inline-flex;\n  height: 22px;\n  position: relative;\n  transition: background-color 200ms;\n  width: 42px;\n"])), function (_ref3) {
+})(_templateObject3$J || (_templateObject3$J = _taggedTemplateLiteral(["\n  align-items: center;\n  background: ", ";\n  border: 1px solid ", ";\n  border-radius: 11px;\n  cursor: pointer;\n  display: inline-flex;\n  height: 22px;\n  position: relative;\n  transition: background-color 200ms;\n  width: 42px;\n"])), function (_ref3) {
   var checked = _ref3.checked;
   return checked ? getToggleVariantProp("backgroundToggleActive") : getToggleVariantProp("backgroundToggleInactive");
 }, getToggleVariantProp("borderColor"));
@@ -10069,7 +9911,7 @@ var ButtonSwitchMenu = function ButtonSwitchMenu(_ref) {
   });
 };
 
-var _templateObject$1I;
+var _templateObject$1H;
 /**
  * Priority: Warning --> Success --> Active
  */
@@ -10102,7 +9944,7 @@ var StyledCard = styled.div.withConfig({
 }).withConfig({
   displayName: "StyledCard",
   componentId: "sc-b498h5-0"
-})(_templateObject$1I || (_templateObject$1I = _taggedTemplateLiteral(["\n  background: ", ";\n  @-moz-document url-prefix() {\n    background: rgba(36, 36, 36, 0.95) !important;\n  }\n  box-shadow: 0 13px 20px rgba(0, 0, 0, 0.25);\n  border: 1px solid ", ";\n  border-radius: 15px;\n  box-shadow: ", ";\n  color: ", ";\n  overflow: hidden;\n  position: relative;\n  padding: 30px;\n\n  ", "\n"])), function (_ref2) {
+})(_templateObject$1H || (_templateObject$1H = _taggedTemplateLiteral(["\n  background: ", ";\n  @-moz-document url-prefix() {\n    background: rgba(36, 36, 36, 0.95) !important;\n  }\n  box-shadow: 0 13px 20px rgba(0, 0, 0, 0.25);\n  border: 1px solid ", ";\n  border-radius: 15px;\n  box-shadow: ", ";\n  color: ", ";\n  overflow: hidden;\n  position: relative;\n  padding: 30px;\n\n  ", "\n"])), function (_ref2) {
   var theme = _ref2.theme;
   return theme.colors.card;
 }, function (_ref3) {
@@ -10125,7 +9967,7 @@ var Card = function Card(_ref) {
   }));
 };
 
-var _templateObject$1H;
+var _templateObject$1G;
 var CardBody = styled.div.attrs(function (_ref) {
   var _ref$p = _ref.p,
     p = _ref$p === void 0 ? "24px" : _ref$p;
@@ -10135,15 +9977,15 @@ var CardBody = styled.div.attrs(function (_ref) {
 }).withConfig({
   displayName: "CardBody",
   componentId: "sc-1of0iur-0"
-})(_templateObject$1H || (_templateObject$1H = _taggedTemplateLiteral(["\n  ", "\n  display: flex;\n  justify-content: center;\n"])), space);
+})(_templateObject$1G || (_templateObject$1G = _taggedTemplateLiteral(["\n  ", "\n  display: flex;\n  justify-content: center;\n"])), space);
 
-var _templateObject$1G;
+var _templateObject$1F;
 var CardHeader = styled.div.withConfig({
   displayName: "CardHeader",
   componentId: "sc-1ikcixt-0"
-})(_templateObject$1G || (_templateObject$1G = _taggedTemplateLiteral(["\n  ", "\n  font-weight: 700;\n  font-size: 26px;\n  line-height: 130%;\n  display: flex;\n  width: 100%;\n  justify-content: space-between;\n"])), space);
+})(_templateObject$1F || (_templateObject$1F = _taggedTemplateLiteral(["\n  ", "\n  font-weight: 700;\n  font-size: 26px;\n  line-height: 130%;\n  display: flex;\n  width: 100%;\n  justify-content: space-between;\n"])), space);
 
-var _templateObject$1F;
+var _templateObject$1E;
 var CardFooter = styled.div.attrs(function (_ref) {
   var _ref$p = _ref.p,
     p = _ref$p === void 0 ? "24px" : _ref$p;
@@ -10153,13 +9995,13 @@ var CardFooter = styled.div.attrs(function (_ref) {
 }).withConfig({
   displayName: "CardFooter",
   componentId: "sc-7k1ypk-0"
-})(_templateObject$1F || (_templateObject$1F = _taggedTemplateLiteral(["\n  ", "\n  display: flex;\n  justify-content: center;\n"])), space);
+})(_templateObject$1E || (_templateObject$1E = _taggedTemplateLiteral(["\n  ", "\n  display: flex;\n  justify-content: center;\n"])), space);
 
-var _templateObject$1E;
+var _templateObject$1D;
 var StyledCardRibbon = styled.div.withConfig({
   displayName: "StyledCardRibbon",
   componentId: "sc-1qhw702-0"
-})(_templateObject$1E || (_templateObject$1E = _taggedTemplateLiteral(["\n  background-color: ", ";\n  color: white;\n  margin: 0;\n  padding: 0;\n  padding: 8px 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n  text-align: center;\n  transform: translateX(30%) translateY(0%) rotate(45deg);\n  transform-origin: top left;\n  width: 96px;\n\n  &:before,\n  &:after {\n    background-color: ", ";\n    content: \"\";\n    height: 100%;\n    margin: 0 -1px; /* Removes tiny gap */\n    position: absolute;\n    top: 0;\n    width: 100%;\n  }\n\n  &:before {\n    right: 100%;\n  }\n\n  &:after {\n    left: 100%;\n  }\n\n  & > div {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    width: 96px;\n  }\n"])), function (_ref) {
+})(_templateObject$1D || (_templateObject$1D = _taggedTemplateLiteral(["\n  background-color: ", ";\n  color: white;\n  margin: 0;\n  padding: 0;\n  padding: 8px 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n  text-align: center;\n  transform: translateX(30%) translateY(0%) rotate(45deg);\n  transform-origin: top left;\n  width: 96px;\n\n  &:before,\n  &:after {\n    background-color: ", ";\n    content: \"\";\n    height: 100%;\n    margin: 0 -1px; /* Removes tiny gap */\n    position: absolute;\n    top: 0;\n    width: 100%;\n  }\n\n  &:before {\n    right: 100%;\n  }\n\n  &:after {\n    left: 100%;\n  }\n\n  & > div {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    width: 96px;\n  }\n"])), function (_ref) {
   var _ref$variantColor = _ref.variantColor,
     variantColor = _ref$variantColor === void 0 ? "secondary" : _ref$variantColor,
     theme = _ref.theme;
@@ -10187,7 +10029,7 @@ var scales$2 = {
   MD: "md"
 };
 
-var _templateObject$1D;
+var _templateObject$1C;
 var getScale$1 = function getScale(_ref) {
   var scale = _ref.scale;
   switch (scale) {
@@ -10203,7 +10045,7 @@ var Checkbox = styled.input.attrs({
 }).withConfig({
   displayName: "Checkbox",
   componentId: "sc-1dgqwt2-0"
-})(_templateObject$1D || (_templateObject$1D = _taggedTemplateLiteral(["\n  appearance: none;\n  overflow: hidden;\n  cursor: pointer;\n  position: relative;\n  display: inline-block;\n  height: ", ";\n  width: ", ";\n  vertical-align: middle;\n  transition: background-color 0.2s ease-in-out;\n  border: ", ";\n  border-radius: 8px;\n  background-color: ", ";\n  box-shadow: ", ";\n\n  &:after {\n    content: \"\";\n    position: absolute;\n    border-bottom: 2px solid;\n    border-left: 2px solid;\n    border-color: transparent;\n    top: 30%;\n    left: 0;\n    right: 0;\n    width: 50%;\n    height: 25%;\n    margin: auto;\n    transform: rotate(-50deg);\n    transition: border-color 0.2s ease-in-out;\n  }\n\n  &:hover:not(:disabled):not(:checked) {\n    box-shadow: ", ";\n    border: ", ";\n  }\n\n  &:focus {\n    outline: none;\n    box-shadow: ", ";\n  }\n\n  &:checked {\n    background-color: ", ";\n    border: ", ";\n    &:after {\n      border-color: white;\n    }\n  }\n\n  &:disabled {\n    cursor: default;\n    opacity: 0.6;\n  }\n"])), getScale$1, getScale$1, function (_ref2) {
+})(_templateObject$1C || (_templateObject$1C = _taggedTemplateLiteral(["\n  appearance: none;\n  overflow: hidden;\n  cursor: pointer;\n  position: relative;\n  display: inline-block;\n  height: ", ";\n  width: ", ";\n  vertical-align: middle;\n  transition: background-color 0.2s ease-in-out;\n  border: ", ";\n  border-radius: 8px;\n  background-color: ", ";\n  box-shadow: ", ";\n\n  &:after {\n    content: \"\";\n    position: absolute;\n    border-bottom: 2px solid;\n    border-left: 2px solid;\n    border-color: transparent;\n    top: 30%;\n    left: 0;\n    right: 0;\n    width: 50%;\n    height: 25%;\n    margin: auto;\n    transform: rotate(-50deg);\n    transition: border-color 0.2s ease-in-out;\n  }\n\n  &:hover:not(:disabled):not(:checked) {\n    box-shadow: ", ";\n    border: ", ";\n  }\n\n  &:focus {\n    outline: none;\n    box-shadow: ", ";\n  }\n\n  &:checked {\n    background-color: ", ";\n    border: ", ";\n    &:after {\n      border-color: white;\n    }\n  }\n\n  &:disabled {\n    cursor: default;\n    opacity: 0.6;\n  }\n"])), getScale$1, getScale$1, function (_ref2) {
   var bordered = _ref2.bordered;
   return bordered ? "0.1px solid white !important" : "";
 }, function (_ref3) {
@@ -10229,7 +10071,7 @@ var Checkbox = styled.input.attrs({
   return bordered ? "none !important" : "";
 });
 
-var _templateObject$1C, _templateObject2$X;
+var _templateObject$1B, _templateObject2$W;
 var getLeft = function getLeft(_ref) {
   var position = _ref.position;
   if (position === "top-right") {
@@ -10247,7 +10089,7 @@ var getBottom = function getBottom(_ref2) {
 var DropdownContent = styled.div.withConfig({
   displayName: "DropdownContent",
   componentId: "sc-1ns2r4e-0"
-})(_templateObject$1C || (_templateObject$1C = _taggedTemplateLiteral(["\n  width: max-content;\n  display: none;\n  flex-direction: column;\n  position: absolute;\n  transform: translate(-50%, 0);\n  left: ", ";\n  bottom: ", ";\n  background-color: ", ";\n  box-shadow: ", ";\n  padding: 16px;\n  max-height: 400px;\n  overflow-y: auto;\n  overflow-x: hidden;\n  z-index: ", ";\n  border-radius: ", ";\n"])), getLeft, getBottom, function (_ref3) {
+})(_templateObject$1B || (_templateObject$1B = _taggedTemplateLiteral(["\n  width: max-content;\n  display: none;\n  flex-direction: column;\n  position: absolute;\n  transform: translate(-50%, 0);\n  left: ", ";\n  bottom: ", ";\n  background-color: ", ";\n  box-shadow: ", ";\n  padding: 16px;\n  max-height: 400px;\n  overflow-y: auto;\n  overflow-x: hidden;\n  z-index: ", ";\n  border-radius: ", ";\n"])), getLeft, getBottom, function (_ref3) {
   var theme = _ref3.theme;
   return theme.nav.background;
 }, function (_ref4) {
@@ -10263,7 +10105,7 @@ var DropdownContent = styled.div.withConfig({
 var Container$7 = styled.div.withConfig({
   displayName: "Container",
   componentId: "sc-1ns2r4e-1"
-})(_templateObject2$X || (_templateObject2$X = _taggedTemplateLiteral(["\n  position: relative;\n  &:hover ", ", &:focus-within ", " {\n    display: flex;\n  }\n"])), DropdownContent, DropdownContent);
+})(_templateObject2$W || (_templateObject2$W = _taggedTemplateLiteral(["\n  position: relative;\n  &:hover ", ", &:focus-within ", " {\n    display: flex;\n  }\n"])), DropdownContent, DropdownContent);
 var Dropdown = function Dropdown(_ref7) {
   var target = _ref7.target,
     _ref7$position = _ref7.position,
@@ -10278,15 +10120,15 @@ var Dropdown = function Dropdown(_ref7) {
 };
 
 var _excluded$e = ["tokenName", "amount", "tokenIcon", "actions"];
-var _templateObject$1B, _templateObject2$W, _templateObject3$J, _templateObject4$w, _templateObject5$t, _templateObject6$j, _templateObject7$f;
+var _templateObject$1A, _templateObject2$V, _templateObject3$I, _templateObject4$v, _templateObject5$s, _templateObject6$j, _templateObject7$f;
 var StyledHeading = styled.div.withConfig({
   displayName: "StyledHeading",
   componentId: "sc-1kzbws6-0"
-})(_templateObject$1B || (_templateObject$1B = _taggedTemplateLiteral(["\n  font-weight: 700;\n"])));
+})(_templateObject$1A || (_templateObject$1A = _taggedTemplateLiteral(["\n  font-weight: 700;\n"])));
 var StyledEarnedToken = styled.div.withConfig({
   displayName: "StyledEarnedToken",
   componentId: "sc-1kzbws6-1"
-})(_templateObject2$W || (_templateObject2$W = _taggedTemplateLiteral(["\n  width: 100%;\n  background: ", ";\n  border-radius: ", ";\n  overflow: hidden;\n  position: relative;\n  padding: ", ";\n  color: ", ";\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 28px;\n\n  ", "\n\n  ", " {\n    padding: 15px;\n    border: 1px solid ", ";\n    font-size: 20px;\n    line-height: 26px;\n  }\n"])), function (_ref) {
+})(_templateObject2$V || (_templateObject2$V = _taggedTemplateLiteral(["\n  width: 100%;\n  background: ", ";\n  border-radius: ", ";\n  overflow: hidden;\n  position: relative;\n  padding: ", ";\n  color: ", ";\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 28px;\n\n  ", "\n\n  ", " {\n    padding: 15px;\n    border: 1px solid ", ";\n    font-size: 20px;\n    line-height: 26px;\n  }\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.backgrounds.secondary;
 }, function (_ref2) {
@@ -10301,7 +10143,7 @@ var StyledEarnedToken = styled.div.withConfig({
   return theme.colors.white;
 }, function (_ref5) {
   var toggled = _ref5.toggled;
-  return toggled && css(_templateObject3$J || (_templateObject3$J = _taggedTemplateLiteral(["\n      border: 1px solid ", ";\n    "])), function (_ref6) {
+  return toggled && css(_templateObject3$I || (_templateObject3$I = _taggedTemplateLiteral(["\n      border: 1px solid ", ";\n    "])), function (_ref6) {
     var theme = _ref6.theme;
     return theme.colors.white10;
   });
@@ -10315,7 +10157,7 @@ var StyledEarnedToken = styled.div.withConfig({
 var Amount = styled.div.withConfig({
   displayName: "Amount",
   componentId: "sc-1kzbws6-2"
-})(_templateObject4$w || (_templateObject4$w = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: flex-start;\n  width: 100%;\n\n  svg {\n    width: 24px;\n    height: 24px;\n    margin-top: 5px;\n    margin-right: 15px;\n\n    ", " {\n      margin-top: 0;\n      margin-right: 8px;\n    }\n  }\n\n  ", " {\n    display: flex;\n    flex-direction: row;\n    justify-content: flex-start;\n    align-items: center;\n    height: 24px;\n    padding: 25px 0;\n  }\n"])), function (_ref9) {
+})(_templateObject4$v || (_templateObject4$v = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: flex-start;\n  width: 100%;\n\n  svg {\n    width: 24px;\n    height: 24px;\n    margin-top: 5px;\n    margin-right: 15px;\n\n    ", " {\n      margin-top: 0;\n      margin-right: 8px;\n    }\n  }\n\n  ", " {\n    display: flex;\n    flex-direction: row;\n    justify-content: flex-start;\n    align-items: center;\n    height: 24px;\n    padding: 25px 0;\n  }\n"])), function (_ref9) {
   var theme = _ref9.theme;
   return theme.mediaQueries.sm;
 }, function (_ref0) {
@@ -10325,7 +10167,7 @@ var Amount = styled.div.withConfig({
 var Actions = styled.div.withConfig({
   displayName: "Actions",
   componentId: "sc-1kzbws6-3"
-})(_templateObject5$t || (_templateObject5$t = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n\n  button {\n    width: 100%;\n    height: 40px;\n    font-size: 11px;\n    padding: 0;\n  }\n\n  ", " {\n    flex-direction: column;\n\n    button {\n      font-size: 16px;\n      margin-bottom: 5px;\n    }\n  }\n"])), function (_ref1) {
+})(_templateObject5$s || (_templateObject5$s = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n\n  button {\n    width: 100%;\n    height: 40px;\n    font-size: 11px;\n    padding: 0;\n  }\n\n  ", " {\n    flex-direction: column;\n\n    button {\n      font-size: 16px;\n      margin-bottom: 5px;\n    }\n  }\n"])), function (_ref1) {
   var theme = _ref1.theme;
   return theme.mediaQueries.sm;
 });
@@ -10396,11 +10238,11 @@ var Tokens;
   Tokens["ETH"] = "ETH";
 })(Tokens || (Tokens = {}));
 
-var _templateObject$1A;
+var _templateObject$1z;
 var StyledEarnedWrapper = styled.div.withConfig({
   displayName: "StyledEarnedWrapper",
   componentId: "sc-vkh54k-0"
-})(_templateObject$1A || (_templateObject$1A = _taggedTemplateLiteral(["\n  border: 1px solid ", ";\n  background: ", ";\n  width: 100%;\n  border-radius: ", ";\n  color: ", ";\n  overflow: hidden;\n  position: relative;\n"])), function (_ref) {
+})(_templateObject$1z || (_templateObject$1z = _taggedTemplateLiteral(["\n  border: 1px solid ", ";\n  background: ", ";\n  width: 100%;\n  border-radius: ", ";\n  color: ", ";\n  overflow: hidden;\n  position: relative;\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.colors.white7;
 }, function (_ref2) {
@@ -10423,7 +10265,7 @@ var EarnedWrapper = function EarnedWrapper(_ref) {
   }));
 };
 
-var _templateObject$1z;
+var _templateObject$1y;
 var EarnedWrapperHeader = styled.div.attrs(function (_ref) {
   var _ref$as = _ref.as,
     as = _ref$as === void 0 ? tags.H2 : _ref$as;
@@ -10433,7 +10275,7 @@ var EarnedWrapperHeader = styled.div.attrs(function (_ref) {
 }).withConfig({
   displayName: "EarnedWrapperHeader",
   componentId: "sc-fpoazu-0"
-})(_templateObject$1z || (_templateObject$1z = _taggedTemplateLiteral(["\n  font-size: 20px;\n  line-height: 26px;\n  padding: 15px;\n  font-weight: 700;\n  color: ", ";\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n\n  ", " {\n    font-size: 26px;\n    line-height: 33.8px;\n    padding: 25px 10px 25px 30px;\n  }\n"])), function (_ref2) {
+})(_templateObject$1y || (_templateObject$1y = _taggedTemplateLiteral(["\n  font-size: 20px;\n  line-height: 26px;\n  padding: 15px;\n  font-weight: 700;\n  color: ", ";\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n\n  ", " {\n    font-size: 26px;\n    line-height: 33.8px;\n    padding: 25px 10px 25px 30px;\n  }\n"])), function (_ref2) {
   var theme = _ref2.theme;
   return theme.colors.white;
 }, function (_ref3) {
@@ -10441,11 +10283,11 @@ var EarnedWrapperHeader = styled.div.attrs(function (_ref) {
   return theme.mediaQueries.md;
 });
 
-var _templateObject$1y;
+var _templateObject$1x;
 var GridLayout$1 = styled.div.withConfig({
   displayName: "GridLayout",
   componentId: "sc-183ri5-0"
-})(_templateObject$1y || (_templateObject$1y = _taggedTemplateLiteral(["\n  display: grid;\n  grid-template-columns: repeat(8, 1fr);\n  grid-gap: 16px;\n  ", " {\n    grid-gap: 10px;\n  }\n  ", " {\n    grid-template-columns: repeat(12, 1fr);\n    grid-gap: 24px;\n  }\n  ", " {\n    grid-template-columns: repeat(12, 1fr);\n    grid-gap: 32px;\n  }\n"])), function (_ref) {
+})(_templateObject$1x || (_templateObject$1x = _taggedTemplateLiteral(["\n  display: grid;\n  grid-template-columns: repeat(8, 1fr);\n  grid-gap: 16px;\n  ", " {\n    grid-gap: 10px;\n  }\n  ", " {\n    grid-template-columns: repeat(12, 1fr);\n    grid-gap: 24px;\n  }\n  ", " {\n    grid-template-columns: repeat(12, 1fr);\n    grid-gap: 32px;\n  }\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.mediaQueries.sm;
 }, function (_ref2) {
@@ -10456,20 +10298,20 @@ var GridLayout$1 = styled.div.withConfig({
   return theme.mediaQueries.lg;
 });
 
-var _templateObject$1x;
+var _templateObject$1w;
 var GridLayout = styled(GridLayout$1).withConfig({
   displayName: "GridLayout",
   componentId: "sc-1cke1k8-0"
-})(_templateObject$1x || (_templateObject$1x = _taggedTemplateLiteral(["\n  & > div {\n    grid-column: span 6;\n    ", " {\n      grid-column: span 4;\n    }\n  }\n"])), function (_ref) {
+})(_templateObject$1w || (_templateObject$1w = _taggedTemplateLiteral(["\n  & > div {\n    grid-column: span 6;\n    ", " {\n      grid-column: span 4;\n    }\n  }\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.mediaQueries.sm;
 });
 
-var _templateObject$1w, _templateObject2$V, _templateObject3$I;
+var _templateObject$1v, _templateObject2$U, _templateObject3$H;
 var StyledEarnedWrapperBody = styled.div.withConfig({
   displayName: "StyledEarnedWrapperBody",
   componentId: "sc-1bcwv2i-0"
-})(_templateObject$1w || (_templateObject$1w = _taggedTemplateLiteral(["\n  width: 100%;\n  display: flex;\n  justify-content: flex-start;\n  padding: 0 10px;\n\n  ", " {\n    padding: 0 30px;\n    margin-bottom: ", " !important;\n  }\n"])), function (_ref) {
+})(_templateObject$1v || (_templateObject$1v = _taggedTemplateLiteral(["\n  width: 100%;\n  display: flex;\n  justify-content: flex-start;\n  padding: 0 10px;\n\n  ", " {\n    padding: 0 30px;\n    margin-bottom: ", " !important;\n  }\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.mediaQueries.md;
 }, function (_ref2) {
@@ -10479,7 +10321,7 @@ var StyledEarnedWrapperBody = styled.div.withConfig({
 var StyledCardsLayout = styled(GridLayout$1).withConfig({
   displayName: "StyledCardsLayout",
   componentId: "sc-1bcwv2i-1"
-})(_templateObject2$V || (_templateObject2$V = _taggedTemplateLiteral(["\n  width: 100%;\n\n  & > div {\n    grid-column: span 12;\n    ", " {\n      grid-column: span 4;\n    }\n    ", " {\n      grid-column: span 4;\n    }\n    ", " {\n      grid-column: span ", ";\n    }\n  }\n"])), function (_ref3) {
+})(_templateObject2$U || (_templateObject2$U = _taggedTemplateLiteral(["\n  width: 100%;\n\n  & > div {\n    grid-column: span 12;\n    ", " {\n      grid-column: span 4;\n    }\n    ", " {\n      grid-column: span 4;\n    }\n    ", " {\n      grid-column: span ", ";\n    }\n  }\n"])), function (_ref3) {
   var theme = _ref3.theme;
   return theme.mediaQueries.sm;
 }, function (_ref4) {
@@ -10495,7 +10337,7 @@ var StyledCardsLayout = styled(GridLayout$1).withConfig({
 var EarnedWrapperFooter = styled.div.withConfig({
   displayName: "EarnedWrapperFooter",
   componentId: "sc-1bcwv2i-2"
-})(_templateObject3$I || (_templateObject3$I = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 10px 5px;\n\n  ", " {\n    padding: 20px 30px;\n  }\n"])), function (_ref7) {
+})(_templateObject3$H || (_templateObject3$H = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 10px 5px;\n\n  ", " {\n    padding: 20px 30px;\n  }\n"])), function (_ref7) {
   var theme = _ref7.theme;
   return theme.mediaQueries.md;
 });
@@ -10562,11 +10404,11 @@ var EarnedWrapperBody = function EarnedWrapperBody(_ref8) {
   });
 };
 
-var _templateObject$1v;
+var _templateObject$1u;
 var StyledEarnedCarouselWrapper = styled.div.withConfig({
   displayName: "StyledEarnedCarouselWrapper",
   componentId: "sc-1fmwe6r-0"
-})(_templateObject$1v || (_templateObject$1v = _taggedTemplateLiteral(["\n  border: 1px solid ", ";\n  background: ", ";\n  width: 100%;\n  border-radius: ", ";\n  color: ", ";\n  overflow: hidden;\n  position: relative;\n  padding-bottom: 10px;\n  ", " {\n    padding-bottom: 0px;\n  }\n"])), function (_ref) {
+})(_templateObject$1u || (_templateObject$1u = _taggedTemplateLiteral(["\n  border: 1px solid ", ";\n  background: ", ";\n  width: 100%;\n  border-radius: ", ";\n  color: ", ";\n  overflow: hidden;\n  position: relative;\n  padding-bottom: 10px;\n  ", " {\n    padding-bottom: 0px;\n  }\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.colors.white7;
 }, function (_ref2) {
@@ -10592,7 +10434,7 @@ var EarnedCarouselWrapper = function EarnedCarouselWrapper(_ref) {
   }));
 };
 
-var _templateObject$1u;
+var _templateObject$1t;
 var EarnedCarouselWrapperHeader = styled.div.attrs(function (_ref) {
   var _ref$as = _ref.as,
     as = _ref$as === void 0 ? tags.H2 : _ref$as;
@@ -10602,7 +10444,7 @@ var EarnedCarouselWrapperHeader = styled.div.attrs(function (_ref) {
 }).withConfig({
   displayName: "EarnedCarouselWrapperHeader",
   componentId: "sc-zz4zep-0"
-})(_templateObject$1u || (_templateObject$1u = _taggedTemplateLiteral(["\n  font-size: 20px;\n  line-height: 26px;\n  padding: 15px;\n  font-weight: 700;\n  color: ", ";\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n\n  ", " {\n    font-size: 26px;\n    line-height: 33.8px;\n    padding: 25px 10px 25px 30px;\n  }\n"])), function (_ref2) {
+})(_templateObject$1t || (_templateObject$1t = _taggedTemplateLiteral(["\n  font-size: 20px;\n  line-height: 26px;\n  padding: 15px;\n  font-weight: 700;\n  color: ", ";\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n\n  ", " {\n    font-size: 26px;\n    line-height: 33.8px;\n    padding: 25px 10px 25px 30px;\n  }\n"])), function (_ref2) {
   var theme = _ref2.theme;
   return theme.colors.white;
 }, function (_ref3) {
@@ -10610,15 +10452,15 @@ var EarnedCarouselWrapperHeader = styled.div.attrs(function (_ref) {
   return theme.mediaQueries.md;
 });
 
-var _templateObject$1t, _templateObject2$U, _templateObject3$H;
+var _templateObject$1s, _templateObject2$T, _templateObject3$G;
 var CSSTokenWrapper = styled.div.withConfig({
   displayName: "CSSTokenWrapper",
   componentId: "sc-63miep-0"
-})(_templateObject$1t || (_templateObject$1t = _taggedTemplateLiteral(["\n  padding: 0 10px;\n\n  @media (max-width: 800px) {\n    width: 50%;\n  }\n  @media (min-width: 800px) {\n    width: 33.3%;\n  }\n  @media (min-width: 1200px) {\n    width: 25%;\n  }\n"])));
+})(_templateObject$1s || (_templateObject$1s = _taggedTemplateLiteral(["\n  padding: 0 10px;\n\n  @media (max-width: 800px) {\n    width: 50%;\n  }\n  @media (min-width: 800px) {\n    width: 33.3%;\n  }\n  @media (min-width: 1200px) {\n    width: 25%;\n  }\n"])));
 var SliderWrapper = styled.div.withConfig({
   displayName: "SliderWrapper",
   componentId: "sc-63miep-1"
-})(_templateObject2$U || (_templateObject2$U = _taggedTemplateLiteral(["\n  ", " {\n    margin: ", ";\n  }\n\n  ", " {\n    margin: ", ";\n  }\n\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n"])), function (_ref) {
+})(_templateObject2$T || (_templateObject2$T = _taggedTemplateLiteral(["\n  ", " {\n    margin: ", ";\n  }\n\n  ", " {\n    margin: ", ";\n  }\n\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.mediaQueries.sm;
 }, function (_ref2) {
@@ -10634,7 +10476,7 @@ var SliderWrapper = styled.div.withConfig({
 var StyledSlider$1 = styled(Slider).withConfig({
   displayName: "StyledSlider",
   componentId: "sc-63miep-2"
-})(_templateObject3$H || (_templateObject3$H = _taggedTemplateLiteral(["\n  @media (max-width: 800px) {\n    width: ", ";\n  }\n  @media (min-width: 800px) {\n    width: ", ";\n  }\n  @media (min-width: 1200px) {\n    width: ", ";\n  }\n\n  .slick-track {\n    display: flex;\n    > div {\n      padding: 0 10px;\n    }\n  }\n\n  .slick-dots {\n    .slick-active {\n      div {\n        background: ", " !important;\n      }\n    }\n  }\n"])), function (_ref5) {
+})(_templateObject3$G || (_templateObject3$G = _taggedTemplateLiteral(["\n  @media (max-width: 800px) {\n    width: ", ";\n  }\n  @media (min-width: 800px) {\n    width: ", ";\n  }\n  @media (min-width: 1200px) {\n    width: ", ";\n  }\n\n  .slick-track {\n    display: flex;\n    > div {\n      padding: 0 10px;\n    }\n  }\n\n  .slick-dots {\n    .slick-active {\n      div {\n        background: ", " !important;\n      }\n    }\n  }\n"])), function (_ref5) {
   var withoutMain = _ref5.withoutMain;
   if (withoutMain) {
     return "100%";
@@ -10799,7 +10641,7 @@ var BackgroundImage = function BackgroundImage(_ref) {
   }, otherProps));
 };
 
-var _templateObject$1s;
+var _templateObject$1r;
 var getBoxShadow$1 = function getBoxShadow(_ref) {
   var isActive = _ref.isActive,
     isWarning = _ref.isWarning,
@@ -10815,7 +10657,7 @@ var getBoxShadow$1 = function getBoxShadow(_ref) {
 var StyledInfoBox = styled.div.withConfig({
   displayName: "StyledInfoBox",
   componentId: "sc-132sfwq-0"
-})(_templateObject$1s || (_templateObject$1s = _taggedTemplateLiteral(["\n  filter: drop-shadow(rgba(25, 19, 38, 0.15) 0px 1px 4px);\n  width: 100%;\n  background: rgb(22, 22, 29);\n  border: 1px solid rgb(82, 75, 99);\n  border-radius: 15px;\n  border: 1px solid ", ";\n  box-shadow: ", ";\n  color: ", ";\n  overflow: hidden;\n  position: relative;\n\n  ", "\n"])), function (_ref2) {
+})(_templateObject$1r || (_templateObject$1r = _taggedTemplateLiteral(["\n  filter: drop-shadow(rgba(25, 19, 38, 0.15) 0px 1px 4px);\n  width: 100%;\n  background: rgb(22, 22, 29);\n  border: 1px solid rgb(82, 75, 99);\n  border-radius: 15px;\n  border: 1px solid ", ";\n  box-shadow: ", ";\n  color: ", ";\n  overflow: hidden;\n  position: relative;\n\n  ", "\n"])), function (_ref2) {
   var theme = _ref2.theme;
   return theme.colors.borderColor;
 }, getBoxShadow$1, function (_ref3) {
@@ -10832,7 +10674,7 @@ var InfoBox$1 = function InfoBox(_ref) {
   }));
 };
 
-var _templateObject$1r;
+var _templateObject$1q;
 var InfoBox = styled.div.attrs(function (_ref) {
   var _ref$p = _ref.p,
     p = _ref$p === void 0 ? "24px" : _ref$p;
@@ -10842,15 +10684,15 @@ var InfoBox = styled.div.attrs(function (_ref) {
 }).withConfig({
   displayName: "InfoBox",
   componentId: "sc-1opp4pn-0"
-})(_templateObject$1r || (_templateObject$1r = _taggedTemplateLiteral(["\n  ", ";\n  padding: 20px;\n  display: flex;\n  justify-content: flex-start;\n"])), space);
+})(_templateObject$1q || (_templateObject$1q = _taggedTemplateLiteral(["\n  ", ";\n  padding: 20px;\n  display: flex;\n  justify-content: flex-start;\n"])), space);
 
-var _templateObject$1q;
+var _templateObject$1p;
 var InfoBoxHeader = styled.div.withConfig({
   displayName: "InfoBoxHeader",
   componentId: "sc-ll0lgz-0"
-})(_templateObject$1q || (_templateObject$1q = _taggedTemplateLiteral(["\n  ", ";\n  font-weight: 600;\n  font-size: 24px;\n  line-height: 130%;\n  color: white;\n\n  display: flex;\n  height: 55px;\n  padding: 0 20px;\n  justify-content: space-between;\n  align-items: center;\n  background: rgba(10, 10, 10, 1);\n"])), space);
+})(_templateObject$1p || (_templateObject$1p = _taggedTemplateLiteral(["\n  ", ";\n  font-weight: 600;\n  font-size: 24px;\n  line-height: 130%;\n  color: white;\n\n  display: flex;\n  height: 55px;\n  padding: 0 20px;\n  justify-content: space-between;\n  align-items: center;\n  background: rgba(10, 10, 10, 1);\n"])), space);
 
-var _templateObject$1p;
+var _templateObject$1o;
 var InfoBoxFooter = styled.div.attrs(function (_ref) {
   var _ref$p = _ref.p,
     p = _ref$p === void 0 ? "24px" : _ref$p;
@@ -10860,7 +10702,7 @@ var InfoBoxFooter = styled.div.attrs(function (_ref) {
 }).withConfig({
   displayName: "InfoBoxFooter",
   componentId: "sc-suth0r-0"
-})(_templateObject$1p || (_templateObject$1p = _taggedTemplateLiteral(["\n  ", ";\n  padding: 20px;\n  display: flex;\n  justify-content: flex-start;\n"])), space);
+})(_templateObject$1o || (_templateObject$1o = _taggedTemplateLiteral(["\n  ", ";\n  padding: 20px;\n  display: flex;\n  justify-content: flex-start;\n"])), space);
 
 var scales$1 = {
   SM: "sm",
@@ -10868,7 +10710,7 @@ var scales$1 = {
   LG: "lg"
 };
 
-var _templateObject$1o;
+var _templateObject$1n;
 /**
  * Priority: Warning --> Success
  */
@@ -10902,7 +10744,7 @@ var getHeight = function getHeight(_ref2) {
 var Input = styled.input.withConfig({
   displayName: "Input",
   componentId: "sc-i7ggno-0"
-})(_templateObject$1o || (_templateObject$1o = _taggedTemplateLiteral(["\n  background-color: ", ";\n  border: 1px solid rgba(255, 255, 255, 0.3);\n  border-radius: 10px;\n  box-shadow: ", ";\n  color: ", ";\n  display: block;\n  font-size: 16px;\n  height: ", ";\n  outline: 0;\n  padding: 0 16px;\n  width: 100%;\n\n  &::placeholder {\n    color: ", ";\n  }\n\n  &:disabled {\n    background-color: ", ";\n    box-shadow: none;\n    color: ", ";\n    cursor: not-allowed;\n  }\n\n  &:focus:not(:disabled) {\n    box-shadow: ", ";\n  }\n"])), function (_ref3) {
+})(_templateObject$1n || (_templateObject$1n = _taggedTemplateLiteral(["\n  background-color: ", ";\n  border: 1px solid rgba(255, 255, 255, 0.3);\n  border-radius: 10px;\n  box-shadow: ", ";\n  color: ", ";\n  display: block;\n  font-size: 16px;\n  height: ", ";\n  outline: 0;\n  padding: 0 16px;\n  width: 100%;\n\n  &::placeholder {\n    color: ", ";\n  }\n\n  &:disabled {\n    background-color: ", ";\n    box-shadow: none;\n    color: ", ";\n    cursor: not-allowed;\n  }\n\n  &:focus:not(:disabled) {\n    box-shadow: ", ";\n  }\n"])), function (_ref3) {
   var theme = _ref3.theme;
   return theme.colors.input;
 }, getBoxShadow, function (_ref4) {
@@ -10925,30 +10767,30 @@ var Input = styled.input.withConfig({
 var _excluded$9 = ["children"],
   _excluded2 = ["children"],
   _excluded3 = ["children"];
-var _templateObject$1n, _templateObject2$T, _templateObject3$G, _templateObject4$v, _templateObject5$s, _templateObject6$i, _templateObject7$e, _templateObject8$a, _templateObject9$9;
+var _templateObject$1m, _templateObject2$S, _templateObject3$F, _templateObject4$u, _templateObject5$r, _templateObject6$i, _templateObject7$e, _templateObject8$a, _templateObject9$9;
 var InputLabelBox = styled.div.withConfig({
   displayName: "InputLabelBox",
   componentId: "sc-1xa506b-0"
-})(_templateObject$1n || (_templateObject$1n = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 8px;\n"])));
+})(_templateObject$1m || (_templateObject$1m = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 8px;\n"])));
 var Label = styled(Text).withConfig({
   displayName: "Label",
   componentId: "sc-1xa506b-1"
-})(_templateObject2$T || (_templateObject2$T = _taggedTemplateLiteral(["\n  color: ", ";\n  font-weight: bold;\n  font-size: 16px;\n  line-height: 28px;\n"])), function (_ref) {
+})(_templateObject2$S || (_templateObject2$S = _taggedTemplateLiteral(["\n  color: ", ";\n  font-weight: bold;\n  font-size: 16px;\n  line-height: 28px;\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.colors.white55;
 });
 var OptionalBox = styled(Text).withConfig({
   displayName: "OptionalBox",
   componentId: "sc-1xa506b-2"
-})(_templateObject3$G || (_templateObject3$G = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n"])));
+})(_templateObject3$F || (_templateObject3$F = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n"])));
 var Optional = styled(Text).withConfig({
   displayName: "Optional",
   componentId: "sc-1xa506b-3"
-})(_templateObject4$v || (_templateObject4$v = _taggedTemplateLiteral(["\n  color: #373749;\n  font-weight: bold;\n  font-size: 11px;\n  line-height: 138.5%;\n"])));
+})(_templateObject4$u || (_templateObject4$u = _taggedTemplateLiteral(["\n  color: #373749;\n  font-weight: bold;\n  font-size: 11px;\n  line-height: 138.5%;\n"])));
 var StyledInputDesc = styled(Text).withConfig({
   displayName: "StyledInputDesc",
   componentId: "sc-1xa506b-4"
-})(_templateObject5$s || (_templateObject5$s = _taggedTemplateLiteral(["\n  color: ", ";\n  font-weight: normal;\n  font-size: 12px;\n  line-height: 170%;\n"])), function (_ref2) {
+})(_templateObject5$r || (_templateObject5$r = _taggedTemplateLiteral(["\n  color: ", ";\n  font-weight: normal;\n  font-size: 12px;\n  line-height: 170%;\n"])), function (_ref2) {
   var theme = _ref2.theme;
   return theme.colors.white55;
 });
@@ -11034,14 +10876,14 @@ var InputWrapper$1 = function InputWrapper(_ref0) {
   });
 };
 
-var _templateObject$1m, _templateObject2$S;
+var _templateObject$1l, _templateObject2$R;
 var StyledInput$1 = styled(function (_ref) {
   var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
   return /*#__PURE__*/jsx(DatePicker, _objectSpread2({}, props));
 }).withConfig({
   displayName: "StyledInput",
   componentId: "sc-2l4k3e-0"
-})(_templateObject$1m || (_templateObject$1m = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 60px;\n  .MuiInputBase-root {\n    border: 1px solid\n      ", ";\n    border-radius: 10px;\n    background: ", ";\n    padding: 16px 24px;\n    color: white;\n    font-weight: 500;\n    font-size: 16px;\n    line-height: 28px;\n    &.Mui-disabled {\n      .MuiInputBase-input {\n        color: ", ";\n      }\n    }\n  }\n  .MuiFormHelperText-root.Mui-error {\n    display: none;\n  }\n"])), function (props) {
+})(_templateObject$1l || (_templateObject$1l = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 60px;\n  .MuiInputBase-root {\n    border: 1px solid\n      ", ";\n    border-radius: 10px;\n    background: ", ";\n    padding: 16px 24px;\n    color: white;\n    font-weight: 500;\n    font-size: 16px;\n    line-height: 28px;\n    &.Mui-disabled {\n      .MuiInputBase-input {\n        color: ", ";\n      }\n    }\n  }\n  .MuiFormHelperText-root.Mui-error {\n    display: none;\n  }\n"])), function (props) {
   return props.disabled ? "".concat(props.theme.colors.white55) : props.error ? "".concat(props.theme.colors.error) : props.value ? "".concat(props.theme.colors.white55) : "rgba(255, 255, 255, 0.03)";
 }, function (props) {
   return props.disabled ? props.theme.colors.disabled : props.theme.backgrounds.secondary;
@@ -11055,7 +10897,7 @@ var DateInputWrapper = styled(function (_ref3) {
 }).withConfig({
   displayName: "DateInputWrapper",
   componentId: "sc-2l4k3e-1"
-})(_templateObject2$S || (_templateObject2$S = _taggedTemplateLiteral(["\n  margin-bottom: 15px;\n"])));
+})(_templateObject2$R || (_templateObject2$R = _taggedTemplateLiteral(["\n  margin-bottom: 15px;\n"])));
 var MuiDateInput = function MuiDateInput(_ref4) {
   var name = _ref4.name,
     label = _ref4.label,
@@ -11119,14 +10961,14 @@ var MuiDateInput = function MuiDateInput(_ref4) {
   });
 };
 
-var _templateObject$1l, _templateObject2$R;
+var _templateObject$1k, _templateObject2$Q;
 var DragAndDropZone = styled(function (_ref) {
   var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
   return /*#__PURE__*/jsx("div", _objectSpread2({}, props));
 }).withConfig({
   displayName: "DragAndDropZone",
   componentId: "sc-1qlv44t-0"
-})(_templateObject$1l || (_templateObject$1l = _taggedTemplateLiteral(["\n  background: ", ";\n  cursor: ", ";\n  border: 1px\n    ", ";\n  box-sizing: border-box;\n  border-radius: 10px;\n  padding: 16px 24px;\n  font-weight: 500;\n  font-size: 16px;\n  line-height: 28px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 10px;\n"])), function (props) {
+})(_templateObject$1k || (_templateObject$1k = _taggedTemplateLiteral(["\n  background: ", ";\n  cursor: ", ";\n  border: 1px\n    ", ";\n  box-sizing: border-box;\n  border-radius: 10px;\n  padding: 16px 24px;\n  font-weight: 500;\n  font-size: 16px;\n  line-height: 28px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 10px;\n"])), function (props) {
   return props.disabled ? props.theme.colors.disabled : props.theme.backgrounds.secondary;
 }, function (props) {
   return props.disabled ? "not-allowed" : "pointer";
@@ -11139,7 +10981,7 @@ var DragAndDropText = styled(function (_ref2) {
 }).withConfig({
   displayName: "DragAndDropText",
   componentId: "sc-1qlv44t-1"
-})(_templateObject2$R || (_templateObject2$R = _taggedTemplateLiteral(["\n  font-weight: 500;\n  font-size: 16px;\n  line-height: 28px;\n  color: ", ";\n  span {\n    color: ", ";\n  }\n"])), function (props) {
+})(_templateObject2$Q || (_templateObject2$Q = _taggedTemplateLiteral(["\n  font-weight: 500;\n  font-size: 16px;\n  line-height: 28px;\n  color: ", ";\n  span {\n    color: ", ";\n  }\n"])), function (props) {
   return props.disabled ? props.theme.colors.white55 : props.theme.colors.white;
 }, function (props) {
   return props.disabled ? props.theme.colors.white55 : props.theme.colors.primary;
@@ -11213,22 +11055,22 @@ var MuiFileInput = function MuiFileInput(_ref3) {
 };
 
 var _excluded$8 = ["name", "label", "placeholderLabel", "placeholder", "topDesc", "bottomDesc", "optional", "value", "onChange", "onBlur", "error", "textarea", "maxLength", "disabled", "success", "successMsg"];
-var _templateObject$1k, _templateObject2$Q, _templateObject3$F;
+var _templateObject$1j, _templateObject2$P, _templateObject3$E;
 var TextAreaWrapper = styled.div.withConfig({
   displayName: "TextAreaWrapper",
   componentId: "sc-1pp44v8-0"
-})(_templateObject$1k || (_templateObject$1k = _taggedTemplateLiteral(["\n  position: relative;\n"])));
+})(_templateObject$1j || (_templateObject$1j = _taggedTemplateLiteral(["\n  position: relative;\n"])));
 var LengthText = styled(Text).withConfig({
   displayName: "LengthText",
   componentId: "sc-1pp44v8-1"
-})(_templateObject2$Q || (_templateObject2$Q = _taggedTemplateLiteral(["\n  position: absolute;\n  font-weight: bold;\n  font-size: 11px;\n  line-height: 138.5%;\n  color: ", ";\n  bottom: 20px;\n  right: 15px;\n"])), function (_ref) {
+})(_templateObject2$P || (_templateObject2$P = _taggedTemplateLiteral(["\n  position: absolute;\n  font-weight: bold;\n  font-size: 11px;\n  line-height: 138.5%;\n  color: ", ";\n  bottom: 20px;\n  right: 15px;\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.colors.grey;
 });
 var StyledTextField = styled(TextField).withConfig({
   displayName: "StyledTextField",
   componentId: "sc-1pp44v8-2"
-})(_templateObject3$F || (_templateObject3$F = _taggedTemplateLiteral(["\n  &.MuiTextField-root {\n    margin-bottom: 10px;\n    width: 100%;\n    .MuiInputBase-input {\n      color: white;\n      ::placeholder {\n        opacity: 1;\n        color: ", ";\n      }\n    }\n    .MuiFilledInput-root {\n      background-color: ", ";\n      border: 1px solid ", ";\n      border-radius: 10px;\n      height: ", ";\n      .MuiFilledInput-input {\n        padding: ", ";\n      }\n      &.Mui-error {\n        border: 1px solid ", ";\n      }\n      &.Mui-focused {\n        border: 1px solid ", ";\n        box-shadow: 0px 0px 8px rgba(18, 255, 184, 0.15);\n        &.Mui-error {\n          border: 1px solid ", ";\n          box-shadow: unset;\n        }\n      }\n      &.Mui-disabled {\n        background-color: ", ";\n        border: 1px solid ", ";\n        .MuiInputBase-input {\n          color: ", ";\n        }\n      }\n      &.MuiFilledInput-underline:before {\n        border-bottom: unset;\n      }\n      &.MuiFilledInput-underline:after {\n        border-bottom: unset;\n      }\n    }\n    .MuiInputLabel-filled {\n      font-weight: 500;\n      font-size: 16px;\n      line-height: 28px;\n      transform: translate(24px, 17px);\n      color: ", ";\n      transition: all 0.15s;\n      &.MuiInputLabel-shrink {\n        font-weight: bold;\n        font-size: 11px;\n        line-height: 138.5%;\n        transform: translate(24px, 10px);\n        color: ", ";\n      }\n    }\n  }\n  .MuiFilledInput-multiline {\n    padding: 0px 12px 30px 0px;\n  }\n"])), function (_ref2) {
+})(_templateObject3$E || (_templateObject3$E = _taggedTemplateLiteral(["\n  &.MuiTextField-root {\n    margin-bottom: 10px;\n    width: 100%;\n    .MuiInputBase-input {\n      color: white;\n      ::placeholder {\n        opacity: 1;\n        color: ", ";\n      }\n    }\n    .MuiFilledInput-root {\n      background-color: ", ";\n      border: 1px solid ", ";\n      border-radius: 10px;\n      height: ", ";\n      .MuiFilledInput-input {\n        padding: ", ";\n      }\n      &.Mui-error {\n        border: 1px solid ", ";\n      }\n      &.Mui-focused {\n        border: 1px solid ", ";\n        box-shadow: 0px 0px 8px rgba(18, 255, 184, 0.15);\n        &.Mui-error {\n          border: 1px solid ", ";\n          box-shadow: unset;\n        }\n      }\n      &.Mui-disabled {\n        background-color: ", ";\n        border: 1px solid ", ";\n        .MuiInputBase-input {\n          color: ", ";\n        }\n      }\n      &.MuiFilledInput-underline:before {\n        border-bottom: unset;\n      }\n      &.MuiFilledInput-underline:after {\n        border-bottom: unset;\n      }\n    }\n    .MuiInputLabel-filled {\n      font-weight: 500;\n      font-size: 16px;\n      line-height: 28px;\n      transform: translate(24px, 17px);\n      color: ", ";\n      transition: all 0.15s;\n      &.MuiInputLabel-shrink {\n        font-weight: bold;\n        font-size: 11px;\n        line-height: 138.5%;\n        transform: translate(24px, 10px);\n        color: ", ";\n      }\n    }\n  }\n  .MuiFilledInput-multiline {\n    padding: 0px 12px 30px 0px;\n  }\n"])), function (_ref2) {
   var theme = _ref2.theme,
     disabled = _ref2.disabled;
   return disabled ? theme.colors.white55 : theme.colors.grey;
@@ -11336,22 +11178,22 @@ var MuiTextInput = function MuiTextInput(_ref11) {
   });
 };
 
-var _templateObject$1j, _templateObject2$P, _templateObject3$E;
+var _templateObject$1i, _templateObject2$O, _templateObject3$D;
 var CarouselBox = styled.div.withConfig({
   displayName: "CarouselBox",
   componentId: "sc-xakklk-0"
-})(_templateObject$1j || (_templateObject$1j = _taggedTemplateLiteral(["\n  height: 200px;\n"])));
+})(_templateObject$1i || (_templateObject$1i = _taggedTemplateLiteral(["\n  height: 200px;\n"])));
 var StyledSlider = styled(Slider).withConfig({
   displayName: "StyledSlider",
   componentId: "sc-xakklk-1"
-})(_templateObject2$P || (_templateObject2$P = _taggedTemplateLiteral(["\n  .slick-track {\n    > div {\n      padding: 0 10px;\n    }\n  }\n\n  .slick-dots {\n    .slick-active {\n      div {\n        background: ", " !important;\n      }\n    }\n  }\n"])), function (_ref) {
+})(_templateObject2$O || (_templateObject2$O = _taggedTemplateLiteral(["\n  .slick-track {\n    > div {\n      padding: 0 10px;\n    }\n  }\n\n  .slick-dots {\n    .slick-active {\n      div {\n        background: ", " !important;\n      }\n    }\n  }\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.colors.blue;
 });
 var ImageDiv = styled.div.withConfig({
   displayName: "ImageDiv",
   componentId: "sc-xakklk-2"
-})(_templateObject3$E || (_templateObject3$E = _taggedTemplateLiteral(["\n  background: ", ";\n  background-size: cover;\n  color: white;\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: flex-end;\n  padding-bottom: 30px;\n  height: 200px;\n  border-radius: 15px;\n  border: 1px solid ", ";\n"])), function (_ref2) {
+})(_templateObject3$D || (_templateObject3$D = _taggedTemplateLiteral(["\n  background: ", ";\n  background-size: cover;\n  color: white;\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: flex-end;\n  padding-bottom: 30px;\n  height: 200px;\n  border-radius: 15px;\n  border: 1px solid ", ";\n"])), function (_ref2) {
   var background = _ref2.background;
   return background;
 }, function (_ref3) {
@@ -11400,7 +11242,7 @@ var scales = {
   MD: "md"
 };
 
-var _templateObject$1i;
+var _templateObject$1h;
 var getScale = function getScale(_ref) {
   var scale = _ref.scale;
   switch (scale) {
@@ -11434,7 +11276,7 @@ var Radio = styled.input.attrs(function (_ref3) {
 }).withConfig({
   displayName: "Radio",
   componentId: "sc-955j6u-0"
-})(_templateObject$1i || (_templateObject$1i = _taggedTemplateLiteral(["\n  appearance: none;\n  overflow: hidden;\n  cursor: pointer;\n  position: relative;\n  display: inline-block;\n  height: ", ";\n  width: ", ";\n  vertical-align: middle;\n  transition: background-color 0.2s ease-in-out;\n  border: 0;\n  border-radius: 50%;\n  background-color: ", ";\n  box-shadow: ", ";\n\n  &:after {\n    border-radius: 50%;\n    content: \"\";\n    height: ", ";\n    left: 6px;\n    position: absolute;\n    top: 6px;\n    width: ", ";\n  }\n\n  &:hover:not(:disabled):not(:checked) {\n    box-shadow: ", ";\n  }\n\n  &:focus {\n    outline: none;\n    box-shadow: ", ";\n  }\n\n  &:checked {\n    background-color: ", ";\n    &:after {\n      background-color: ", ";\n    }\n  }\n\n  &:disabled {\n    cursor: default;\n    opacity: 0.6;\n  }\n  ", "\n"])), getScale, getScale, function (_ref4) {
+})(_templateObject$1h || (_templateObject$1h = _taggedTemplateLiteral(["\n  appearance: none;\n  overflow: hidden;\n  cursor: pointer;\n  position: relative;\n  display: inline-block;\n  height: ", ";\n  width: ", ";\n  vertical-align: middle;\n  transition: background-color 0.2s ease-in-out;\n  border: 0;\n  border-radius: 50%;\n  background-color: ", ";\n  box-shadow: ", ";\n\n  &:after {\n    border-radius: 50%;\n    content: \"\";\n    height: ", ";\n    left: 6px;\n    position: absolute;\n    top: 6px;\n    width: ", ";\n  }\n\n  &:hover:not(:disabled):not(:checked) {\n    box-shadow: ", ";\n  }\n\n  &:focus {\n    outline: none;\n    box-shadow: ", ";\n  }\n\n  &:checked {\n    background-color: ", ";\n    &:after {\n      background-color: ", ";\n    }\n  }\n\n  &:disabled {\n    cursor: default;\n    opacity: 0.6;\n  }\n  ", "\n"])), getScale, getScale, function (_ref4) {
   var theme = _ref4.theme;
   return theme.colors.input;
 }, function (_ref5) {
@@ -11572,11 +11414,11 @@ var darkColors = _objectSpread2(_objectSpread2(_objectSpread2({}, baseColors), b
   }
 });
 
-var _templateObject$1h, _templateObject2$O;
+var _templateObject$1g, _templateObject2$N;
 var StyledCoreTag = styled.div.withConfig({
   displayName: "StyledCoreTag",
   componentId: "sc-1bfj6gr-0"
-})(_templateObject$1h || (_templateObject$1h = _taggedTemplateLiteral(["\n  width: auto;\n  height: 24px;\n  display: inline-flex;\n  justify-content: space-between;\n  align-items: center;\n  background-color: transparent;\n  border: 1px solid ", ";\n  border-radius: ", ";\n  color: ", ";\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 1.5;\n  padding: 0 8px;\n  white-space: nowrap;\n\n  svg {\n    margin-left: ", "px;\n    margin-right: ", "px;\n    width: 16px;\n    height: 16px;\n    fill: ", ";\n  }\n"])), function (_ref) {
+})(_templateObject$1g || (_templateObject$1g = _taggedTemplateLiteral(["\n  width: auto;\n  height: 24px;\n  display: inline-flex;\n  justify-content: space-between;\n  align-items: center;\n  background-color: transparent;\n  border: 1px solid ", ";\n  border-radius: ", ";\n  color: ", ";\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 1.5;\n  padding: 0 8px;\n  white-space: nowrap;\n\n  svg {\n    margin-left: ", "px;\n    margin-right: ", "px;\n    width: 16px;\n    height: 16px;\n    fill: ", ";\n  }\n"])), function (_ref) {
   var theme = _ref.theme,
     active = _ref.active,
     color = _ref.color;
@@ -11603,7 +11445,7 @@ var StyledCoreTag = styled.div.withConfig({
 var StyledText = styled(Text).withConfig({
   displayName: "StyledText",
   componentId: "sc-1bfj6gr-1"
-})(_templateObject2$O || (_templateObject2$O = _taggedTemplateLiteral(["\n  font-weight: 700;\n  color: ", ";\n  font-size: 14px;\n  line-height: 20px;\n"])), function (_ref7) {
+})(_templateObject2$N || (_templateObject2$N = _taggedTemplateLiteral(["\n  font-weight: 700;\n  color: ", ";\n  font-size: 14px;\n  line-height: 20px;\n"])), function (_ref7) {
   var theme = _ref7.theme,
     active = _ref7.active,
     color = _ref7.color;
@@ -11687,12 +11529,12 @@ var Icon$M = function Icon(props) {
   }));
 };
 
-var _templateObject$1g, _templateObject2$N, _templateObject3$D;
-var rotate = keyframes(_templateObject$1g || (_templateObject$1g = _taggedTemplateLiteral(["\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n"])));
+var _templateObject$1f, _templateObject2$M, _templateObject3$C;
+var rotate = keyframes(_templateObject$1f || (_templateObject$1f = _taggedTemplateLiteral(["\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n"])));
 var Container$6 = styled.div.withConfig({
   displayName: "Container",
   componentId: "sc-1wgci3j-0"
-})(_templateObject2$N || (_templateObject2$N = _taggedTemplateLiteral(["\n  position: relative;\n  height: ", "px;\n  width: ", "px;\n"])), function (_ref) {
+})(_templateObject2$M || (_templateObject2$M = _taggedTemplateLiteral(["\n  position: relative;\n  height: ", "px;\n  width: ", "px;\n"])), function (_ref) {
   var size = _ref.size;
   return size;
 }, function (_ref2) {
@@ -11702,7 +11544,7 @@ var Container$6 = styled.div.withConfig({
 var RotatingSpinnerIcon = styled(Icon$M).withConfig({
   displayName: "RotatingSpinnerIcon",
   componentId: "sc-1wgci3j-1"
-})(_templateObject3$D || (_templateObject3$D = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  animation: ", " 2s linear infinite;\n  transform: translate3d(0, 0, 0);\n"])), rotate);
+})(_templateObject3$C || (_templateObject3$C = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  animation: ", " 2s linear infinite;\n  transform: translate3d(0, 0, 0);\n"])), rotate);
 var Spinner = function Spinner(_ref3) {
   var _ref3$size = _ref3.size,
     size = _ref3$size === void 0 ? 128 : _ref3$size;
@@ -11714,26 +11556,26 @@ var Spinner = function Spinner(_ref3) {
   });
 };
 
-var _templateObject$1f, _templateObject2$M, _templateObject3$C, _templateObject4$u;
+var _templateObject$1e, _templateObject2$L, _templateObject3$B, _templateObject4$t;
 var StyledContainer = styled.div.withConfig({
   displayName: "StyledContainer",
   componentId: "sc-1c4vjp9-0"
-})(_templateObject$1f || (_templateObject$1f = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  ", "\n"])), function (_ref) {
+})(_templateObject$1e || (_templateObject$1e = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  ", "\n"])), function (_ref) {
   var loader = _ref.loader;
   return loader && "\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  ";
 });
 var StyledItem = styled.div.withConfig({
   displayName: "StyledItem",
   componentId: "sc-1c4vjp9-1"
-})(_templateObject2$M || (_templateObject2$M = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  border-bottom: 1px solid rgba(55, 55, 73, 0.3);\n  padding-top: 8px;\n  padding-bottom: 8px;\n"])));
+})(_templateObject2$L || (_templateObject2$L = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  border-bottom: 1px solid rgba(55, 55, 73, 0.3);\n  padding-top: 8px;\n  padding-bottom: 8px;\n"])));
 var StyledLabel = styled(Text).withConfig({
   displayName: "StyledLabel",
   componentId: "sc-1c4vjp9-2"
-})(_templateObject3$C || (_templateObject3$C = _taggedTemplateLiteral(["\n  opacity: 0.55;\n"])));
+})(_templateObject3$B || (_templateObject3$B = _taggedTemplateLiteral(["\n  opacity: 0.55;\n"])));
 var ListWrapper = styled.div.withConfig({
   displayName: "ListWrapper",
   componentId: "sc-1c4vjp9-3"
-})(_templateObject4$u || (_templateObject4$u = _taggedTemplateLiteral(["\n  display: flex;\n  height: ", ";\n"])), function (_ref2) {
+})(_templateObject4$t || (_templateObject4$t = _taggedTemplateLiteral(["\n  display: flex;\n  height: ", ";\n"])), function (_ref2) {
   var customHeight = _ref2.customHeight;
   return customHeight ? "".concat(customHeight, "px") : "100%";
 });
@@ -11796,18 +11638,18 @@ var List = function List(_ref3) {
   });
 };
 
-var _templateObject$1e, _templateObject2$L;
+var _templateObject$1d, _templateObject2$K;
 var Bar = styled.div.withConfig({
   displayName: "Bar",
   componentId: "sc-1wd61gz-0"
-})(_templateObject$1e || (_templateObject$1e = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  background-color: ", ";\n  border-top-left-radius: 32px;\n  border-bottom-left-radius: 32px;\n  height: 16px;\n  transition: width 200ms ease;\n"])), function (props) {
+})(_templateObject$1d || (_templateObject$1d = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  background-color: ", ";\n  border-top-left-radius: 32px;\n  border-bottom-left-radius: 32px;\n  height: 16px;\n  transition: width 200ms ease;\n"])), function (props) {
   var _props$primary;
   return ((_props$primary = props.primary) !== null && _props$primary !== void 0 ? _props$primary : false) ? props.theme.colors.secondary : "".concat(props.theme.colors.secondary, "80");
 });
 var StyledProgress = styled.div.withConfig({
   displayName: "StyledProgress",
   componentId: "sc-1wd61gz-1"
-})(_templateObject2$L || (_templateObject2$L = _taggedTemplateLiteral(["\n  position: relative;\n  background-color: ", ";\n  border-radius: 32px;\n  box-shadow: ", ";\n  height: 16px;\n  overflow: hidden;\n"])), function (_ref) {
+})(_templateObject2$K || (_templateObject2$K = _taggedTemplateLiteral(["\n  position: relative;\n  background-color: ", ";\n  border-radius: 32px;\n  box-shadow: ", ";\n  height: 16px;\n  overflow: hidden;\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.colors.input;
 }, function (_ref2) {
@@ -11815,11 +11657,11 @@ var StyledProgress = styled.div.withConfig({
   return theme.shadows.inset;
 });
 
-var _templateObject$1d;
+var _templateObject$1c;
 var ProgressBunnyWrapper = styled.div.withConfig({
   displayName: "ProgressBunnyWrapper",
   componentId: "sc-12wvu5w-0"
-})(_templateObject$1d || (_templateObject$1d = _taggedTemplateLiteral(["\n  display: flex;\n  z-index: 2;\n  top: -65%;\n  position: absolute;\n  transform: translate(-50%, -50%);\n  transition: left 200ms ease-out;\n"])));
+})(_templateObject$1c || (_templateObject$1c = _taggedTemplateLiteral(["\n  display: flex;\n  z-index: 2;\n  top: -65%;\n  position: absolute;\n  transform: translate(-50%, -50%);\n  transition: left 200ms ease-out;\n"])));
 
 var stepGuard = function stepGuard(step) {
   if (step < 0) {
@@ -11866,13 +11708,13 @@ var variant = {
 };
 
 var _excluded$6 = ["variant", "animation"];
-var _templateObject$1c, _templateObject2$K, _templateObject3$B, _templateObject4$t, _templateObject5$r;
-var waves = keyframes(_templateObject$1c || (_templateObject$1c = _taggedTemplateLiteral(["\n   from {\n        left: -150px;\n    }\n    to   {\n        left: 100%;\n    }\n"])));
-var pulse = keyframes(_templateObject2$K || (_templateObject2$K = _taggedTemplateLiteral(["\n  0% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n"])));
+var _templateObject$1b, _templateObject2$J, _templateObject3$A, _templateObject4$s, _templateObject5$q;
+var waves = keyframes(_templateObject$1b || (_templateObject$1b = _taggedTemplateLiteral(["\n   from {\n        left: -150px;\n    }\n    to   {\n        left: 100%;\n    }\n"])));
+var pulse = keyframes(_templateObject2$J || (_templateObject2$J = _taggedTemplateLiteral(["\n  0% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n"])));
 var Root = styled.div.withConfig({
   displayName: "Root",
   componentId: "sc-20824z-0"
-})(_templateObject3$B || (_templateObject3$B = _taggedTemplateLiteral(["\n  min-height: 20px;\n  display: block;\n  background-color: ", ";\n  border-radius: ", ";\n\n  ", "\n  ", "\n"])), function (_ref) {
+})(_templateObject3$A || (_templateObject3$A = _taggedTemplateLiteral(["\n  min-height: 20px;\n  display: block;\n  background-color: ", ";\n  border-radius: ", ";\n\n  ", "\n  ", "\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.colors.backgroundDisabled;
 }, function (_ref2) {
@@ -11883,11 +11725,11 @@ var Root = styled.div.withConfig({
 var Pulse = styled(Root).withConfig({
   displayName: "Pulse",
   componentId: "sc-20824z-1"
-})(_templateObject4$t || (_templateObject4$t = _taggedTemplateLiteral(["\n  animation: ", " 2s infinite ease-out;\n  transform: translate3d(0, 0, 0);\n"])), pulse);
+})(_templateObject4$s || (_templateObject4$s = _taggedTemplateLiteral(["\n  animation: ", " 2s infinite ease-out;\n  transform: translate3d(0, 0, 0);\n"])), pulse);
 var Waves = styled(Root).withConfig({
   displayName: "Waves",
   componentId: "sc-20824z-2"
-})(_templateObject5$r || (_templateObject5$r = _taggedTemplateLiteral(["\n  position: relative;\n  overflow: hidden;\n  transform: translate3d(0, 0, 0);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  &:before {\n    content: \"\";\n    position: absolute;\n    background-image: linear-gradient(90deg, transparent, rgba(243, 243, 243, 0.5), transparent);\n    top: 0;\n    left: -150px;\n    height: 100%;\n    width: 150px;\n    animation: ", " 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n  }\n"])), waves);
+})(_templateObject5$q || (_templateObject5$q = _taggedTemplateLiteral(["\n  position: relative;\n  overflow: hidden;\n  transform: translate3d(0, 0, 0);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  &:before {\n    content: \"\";\n    position: absolute;\n    background-image: linear-gradient(90deg, transparent, rgba(243, 243, 243, 0.5), transparent);\n    top: 0;\n    left: -150px;\n    height: 100%;\n    width: 150px;\n    animation: ", " 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n  }\n"])), waves);
 var Skeleton = function Skeleton(_ref3) {
   var _ref3$variant = _ref3.variant,
     variant$1 = _ref3$variant === void 0 ? variant.RECT : _ref3$variant,
@@ -11905,15 +11747,15 @@ var Skeleton = function Skeleton(_ref3) {
 };
 
 var _excluded$5 = ["text"];
-var _templateObject$1b, _templateObject2$J;
+var _templateObject$1a, _templateObject2$I;
 var StyledButton = styled(Button$1).withConfig({
   displayName: "StyledButton",
   componentId: "sc-1ofv4rm-0"
-})(_templateObject$1b || (_templateObject$1b = _taggedTemplateLiteral(["\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 11px 27px;\n  border-radius: 10px;\n  // Should this color be added to theme colors?\n  background-color: rgb(43, 43, 56);\n\n  #open-new {\n    width: 13.25px;\n    height: 13.25px;\n  }\n"])));
+})(_templateObject$1a || (_templateObject$1a = _taggedTemplateLiteral(["\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 11px 27px;\n  border-radius: 10px;\n  // Should this color be added to theme colors?\n  background-color: rgb(43, 43, 56);\n\n  #open-new {\n    width: 13.25px;\n    height: 13.25px;\n  }\n"])));
 var DetailsContainer = styled.div.withConfig({
   displayName: "DetailsContainer",
   componentId: "sc-1ofv4rm-1"
-})(_templateObject2$J || (_templateObject2$J = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n\n  * {\n    margin-right: 10px;\n  }\n"])));
+})(_templateObject2$I || (_templateObject2$I = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n\n  * {\n    margin-right: 10px;\n  }\n"])));
 var SwapButton = function SwapButton(_ref) {
   var _ref$text = _ref.text,
     text = _ref$text === void 0 ? "Token info page" : _ref$text,
@@ -12625,11 +12467,11 @@ var lightTheme = _objectSpread2(_objectSpread2({}, base), {}, {
   tooltip: light
 });
 
-var _templateObject$1a;
+var _templateObject$19;
 var TableActiveDot = styled.div.withConfig({
   displayName: "TableActiveDot",
   componentId: "sc-1phywr3-0"
-})(_templateObject$1a || (_templateObject$1a = _taggedTemplateLiteral(["\n  width: 8px;\n  height: 8px;\n  background: ", ";\n  border-radius: 50%;\n  margin: auto;\n  box-shadow: ", ";\n  @media (max-width: 576px) {\n    margin: 0;\n  }\n"])), function (_ref) {
+})(_templateObject$19 || (_templateObject$19 = _taggedTemplateLiteral(["\n  width: 8px;\n  height: 8px;\n  background: ", ";\n  border-radius: 50%;\n  margin: auto;\n  box-shadow: ", ";\n  @media (max-width: 576px) {\n    margin: 0;\n  }\n"])), function (_ref) {
   var actionActive = _ref.actionActive;
   return actionActive ? "#12FFB8" : "#373749";
 }, function (_ref2) {
@@ -12637,11 +12479,11 @@ var TableActiveDot = styled.div.withConfig({
   return actionActive ? "0px 0px 14px 3px rgba(18, 255, 184, 0.17)" : "none";
 });
 
-var _templateObject$19, _templateObject2$I, _templateObject3$A, _templateObject4$s, _templateObject5$q;
+var _templateObject$18, _templateObject2$H, _templateObject3$z, _templateObject4$r, _templateObject5$p;
 var StyledRow = styled.div.withConfig({
   displayName: "StyledRow",
   componentId: "sc-qzdbwn-0"
-})(_templateObject$19 || (_templateObject$19 = _taggedTemplateLiteral(["\n  position: relative;\n  width: calc(100% - 60px);\n  height: ", ";\n  margin: ", " 30px 0 30px;\n  padding: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  border-radius: ", ";\n  border: ", ";\n  border-bottom: ", ";\n  background: ", ";\n  @media (max-width: 576px) {\n    min-height: 59px;\n    width: calc(100% - 16px);\n    margin: ", " 8px 0 8px;\n  }\n"])), function (_ref) {
+})(_templateObject$18 || (_templateObject$18 = _taggedTemplateLiteral(["\n  position: relative;\n  width: calc(100% - 60px);\n  height: ", ";\n  margin: ", " 30px 0 30px;\n  padding: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  border-radius: ", ";\n  border: ", ";\n  border-bottom: ", ";\n  background: ", ";\n  @media (max-width: 576px) {\n    min-height: 59px;\n    width: calc(100% - 16px);\n    margin: ", " 8px 0 8px;\n  }\n"])), function (_ref) {
   var active = _ref.active;
   return active ? "auto" : "77.5px";
 }, function (_ref2) {
@@ -12670,19 +12512,19 @@ var StyledRow = styled.div.withConfig({
 var StyledTableChildren = styled(GridLayout$1).withConfig({
   displayName: "StyledTableChildren",
   componentId: "sc-qzdbwn-1"
-})(_templateObject2$I || (_templateObject2$I = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 77.5px;\n  align-items: center;\n  justify-content: center;\n  flex-direction: row;\n  cursor: pointer;\n  position: relative;\n"])));
+})(_templateObject2$H || (_templateObject2$H = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 77.5px;\n  align-items: center;\n  justify-content: center;\n  flex-direction: row;\n  cursor: pointer;\n  position: relative;\n"])));
 var StyledTableDetails = styled(GridLayout$1).withConfig({
   displayName: "StyledTableDetails",
   componentId: "sc-qzdbwn-2"
-})(_templateObject3$A || (_templateObject3$A = _taggedTemplateLiteral(["\n  padding: 13px;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n"])));
+})(_templateObject3$z || (_templateObject3$z = _taggedTemplateLiteral(["\n  padding: 13px;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n"])));
 var ToggleContainer = styled.div.withConfig({
   displayName: "ToggleContainer",
   componentId: "sc-qzdbwn-3"
-})(_templateObject4$s || (_templateObject4$s = _taggedTemplateLiteral(["\n  grid-column: span 1 / -1;\n  cursor: pointer;\n  margin-right: 19px;\n  @media (max-width: 576px) {\n    position: absolute;\n    right: 0;\n    margin-right: 10px;\n  }\n"])));
+})(_templateObject4$r || (_templateObject4$r = _taggedTemplateLiteral(["\n  grid-column: span 1 / -1;\n  cursor: pointer;\n  margin-right: 19px;\n  @media (max-width: 576px) {\n    position: absolute;\n    right: 0;\n    margin-right: 10px;\n  }\n"])));
 var DotContainer = styled.div.withConfig({
   displayName: "DotContainer",
   componentId: "sc-qzdbwn-4"
-})(_templateObject5$q || (_templateObject5$q = _taggedTemplateLiteral(["\n  grid-column: span 1;\n  @media (max-width: 576px) {\n    margin-left: 10px;\n  }\n"])));
+})(_templateObject5$p || (_templateObject5$p = _taggedTemplateLiteral(["\n  grid-column: span 1;\n  @media (max-width: 576px) {\n    margin-left: 10px;\n  }\n"])));
 var TableRow = function TableRow(_ref9) {
   var children = _ref9.children,
     details = _ref9.details,
@@ -12720,19 +12562,19 @@ var TableRow = function TableRow(_ref9) {
   });
 };
 
-var _templateObject$18, _templateObject2$H, _templateObject3$z;
+var _templateObject$17, _templateObject2$G, _templateObject3$y;
 var LiquidityWrapper = styled.div.withConfig({
   displayName: "LiquidityWrapper",
   componentId: "sc-wsy021-0"
-})(_templateObject$18 || (_templateObject$18 = _taggedTemplateLiteral(["\n  padding-right: 4px;\n  width: 100%;\n"])));
+})(_templateObject$17 || (_templateObject$17 = _taggedTemplateLiteral(["\n  padding-right: 4px;\n  width: 100%;\n"])));
 var DescriptionRow = styled.div.withConfig({
   displayName: "DescriptionRow",
   componentId: "sc-wsy021-1"
-})(_templateObject2$H || (_templateObject2$H = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n"])));
+})(_templateObject2$G || (_templateObject2$G = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n"])));
 var Container$5 = styled.div.withConfig({
   displayName: "Container",
   componentId: "sc-wsy021-2"
-})(_templateObject3$z || (_templateObject3$z = _taggedTemplateLiteral(["\n  height: 100%;\n  padding: 17px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: space-around;\n  grid-column: span ", ";\n  border: 1px solid rgba(255, 255, 255, 0.1);\n  border-radius: 10px;\n  svg {\n    margin-left: 0;\n  }\n"])), function (_ref) {
+})(_templateObject3$y || (_templateObject3$y = _taggedTemplateLiteral(["\n  height: 100%;\n  padding: 17px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: space-around;\n  grid-column: span ", ";\n  border: 1px solid rgba(255, 255, 255, 0.1);\n  border-radius: 10px;\n  svg {\n    margin-left: 0;\n  }\n"])), function (_ref) {
   var grid = _ref.grid;
   return grid;
 });
@@ -12764,11 +12606,11 @@ var LiquidityContainer = function LiquidityContainer(_ref2) {
   });
 };
 
-var _templateObject$17, _templateObject2$G, _templateObject3$y;
+var _templateObject$16, _templateObject2$F, _templateObject3$x;
 var Container$4 = styled.div.withConfig({
   displayName: "Container",
   componentId: "sc-1t71h7-0"
-})(_templateObject$17 || (_templateObject$17 = _taggedTemplateLiteral(["\n  width: 100%;\n  padding: ", ";\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: space-around;\n  grid-column: span ", ";\n  border: ", ";\n  border-radius: 10px;\n  svg {\n    margin-left: 0;\n  }\n"])), function (_ref) {
+})(_templateObject$16 || (_templateObject$16 = _taggedTemplateLiteral(["\n  width: 100%;\n  padding: ", ";\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: space-around;\n  grid-column: span ", ";\n  border: ", ";\n  border-radius: 10px;\n  svg {\n    margin-left: 0;\n  }\n"])), function (_ref) {
   var mobile = _ref.mobile;
   return mobile ? "0px" : "17px";
 }, function (_ref2) {
@@ -12781,14 +12623,14 @@ var Container$4 = styled.div.withConfig({
 var TokenValueWrapper = styled.div.withConfig({
   displayName: "TokenValueWrapper",
   componentId: "sc-1t71h7-1"
-})(_templateObject2$G || (_templateObject2$G = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: ", ";\n"])), function (_ref4) {
+})(_templateObject2$F || (_templateObject2$F = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: ", ";\n"])), function (_ref4) {
   var mobile = _ref4.mobile;
   return mobile ? "flex-start" : "space-between";
 });
 var ActionsWrapper = styled.div.withConfig({
   displayName: "ActionsWrapper",
   componentId: "sc-1t71h7-2"
-})(_templateObject3$y || (_templateObject3$y = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  margin-top: 4px;\n  width: 100%;\n  justify-content: space-between;\n"])));
+})(_templateObject3$x || (_templateObject3$x = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  margin-top: 4px;\n  width: 100%;\n  justify-content: space-between;\n"])));
 var TableActionBox = function TableActionBox(_ref5) {
   var title = _ref5.title,
     value = _ref5.value,
@@ -12848,30 +12690,30 @@ var getNumberedDifference = function getNumberedDifference(differenceToConvert)
   return 0;
 };
 
-var _templateObject$16, _templateObject2$F, _templateObject3$x, _templateObject4$r, _templateObject5$p;
+var _templateObject$15, _templateObject2$E, _templateObject3$w, _templateObject4$q, _templateObject5$o;
 var ValueBox = styled.div.withConfig({
   displayName: "ValueBox",
   componentId: "sc-2a5tiq-0"
-})(_templateObject$16 || (_templateObject$16 = _taggedTemplateLiteral(["\n  background: transparent;\n  color: white;\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: flex-start;\n  max-width: 190px;\n"])));
+})(_templateObject$15 || (_templateObject$15 = _taggedTemplateLiteral(["\n  background: transparent;\n  color: white;\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: flex-start;\n  max-width: 190px;\n"])));
 var IconColumn = styled.div.withConfig({
   displayName: "IconColumn",
   componentId: "sc-2a5tiq-1"
-})(_templateObject2$F || (_templateObject2$F = _taggedTemplateLiteral(["\n  width: auto;\n  padding-right: 10px;\n  padding-top: 1px;\n"])));
+})(_templateObject2$E || (_templateObject2$E = _taggedTemplateLiteral(["\n  width: auto;\n  padding-right: 10px;\n  padding-top: 1px;\n"])));
 var InfoColumn = styled.div.withConfig({
   displayName: "InfoColumn",
   componentId: "sc-2a5tiq-2"
-})(_templateObject3$x || (_templateObject3$x = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n"])));
+})(_templateObject3$w || (_templateObject3$w = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n"])));
 var PairContainer = styled.div.withConfig({
   displayName: "PairContainer",
   componentId: "sc-2a5tiq-3"
-})(_templateObject4$r || (_templateObject4$r = _taggedTemplateLiteral(["\n  width: 100%;\n  display: flex;\n  margin-bottom: 5px;\n  align-items: center;\n  flex-direction: ", ";\n"])), function (_ref) {
+})(_templateObject4$q || (_templateObject4$q = _taggedTemplateLiteral(["\n  width: 100%;\n  display: flex;\n  margin-bottom: 5px;\n  align-items: center;\n  flex-direction: ", ";\n"])), function (_ref) {
   var mobile = _ref.mobile;
   return mobile ? "column" : "row";
 });
 var ValueRow = styled.div.withConfig({
   displayName: "ValueRow",
   componentId: "sc-2a5tiq-4"
-})(_templateObject5$p || (_templateObject5$p = _taggedTemplateLiteral(["\n  width: 100%;\n"])));
+})(_templateObject5$o || (_templateObject5$o = _taggedTemplateLiteral(["\n  width: 100%;\n"])));
 var Value = function Value(_ref2) {
   var coin = _ref2.coin,
     value = _ref2.value,
@@ -12925,15 +12767,15 @@ var Value = function Value(_ref2) {
   });
 };
 
-var _templateObject$15, _templateObject2$E;
+var _templateObject$14, _templateObject2$D;
 var ValueFullBox = styled.div.withConfig({
   displayName: "ValueFullBox",
   componentId: "sc-ig82wo-0"
-})(_templateObject$15 || (_templateObject$15 = _taggedTemplateLiteral(["\n  background: transparent;\n  color: white;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  width: 100%;\n"])));
+})(_templateObject$14 || (_templateObject$14 = _taggedTemplateLiteral(["\n  background: transparent;\n  color: white;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  width: 100%;\n"])));
 var DifferenceBox = styled.div.withConfig({
   displayName: "DifferenceBox",
   componentId: "sc-ig82wo-1"
-})(_templateObject2$E || (_templateObject2$E = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  height: 24px;\n"])));
+})(_templateObject2$D || (_templateObject2$D = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  height: 24px;\n"])));
 var ValueFull = function ValueFull(_ref) {
   var value = _ref.value,
     difference = _ref.difference;
@@ -12964,11 +12806,11 @@ var ValueFull = function ValueFull(_ref) {
   });
 };
 
-var _templateObject$14;
+var _templateObject$13;
 var VContainer = styled.div.withConfig({
   displayName: "VContainer",
   componentId: "sc-o09b6h-0"
-})(_templateObject$14 || (_templateObject$14 = _taggedTemplateLiteral(["\n  position: absolute;\n  right: 20px;\n  bottom: 20px;\n  color: ", ";\n  opacity: 0.6;\n  font-size: 12px;\n"])), function (_ref) {
+})(_templateObject$13 || (_templateObject$13 = _taggedTemplateLiteral(["\n  position: absolute;\n  right: 20px;\n  bottom: 20px;\n  color: ", ";\n  opacity: 0.6;\n  font-size: 12px;\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.colors.secondaryText;
 });
@@ -12979,23 +12821,23 @@ var VersionContainer = function VersionContainer(_ref2) {
   });
 };
 
-var _templateObject$13, _templateObject2$D, _templateObject3$w, _templateObject4$q, _templateObject5$o, _templateObject6$h, _templateObject7$d;
+var _templateObject$12, _templateObject2$C, _templateObject3$v, _templateObject4$p, _templateObject5$n, _templateObject6$h, _templateObject7$d;
 var ProgressDataColumn = styled.div.withConfig({
   displayName: "ProgressDataColumn",
   componentId: "sc-ri8846-0"
-})(_templateObject$13 || (_templateObject$13 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n"])));
+})(_templateObject$12 || (_templateObject$12 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n"])));
 var ProgressDataRow = styled.div.withConfig({
   displayName: "ProgressDataRow",
   componentId: "sc-ri8846-1"
-})(_templateObject2$D || (_templateObject2$D = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n"])));
+})(_templateObject2$C || (_templateObject2$C = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n"])));
 var ProgressBarWrapper = styled.div.withConfig({
   displayName: "ProgressBarWrapper",
   componentId: "sc-ri8846-2"
-})(_templateObject3$w || (_templateObject3$w = _taggedTemplateLiteral(["\n  position: relative;\n  width: 100%;\n  height: 8px;\n  background: #272730;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  border-radius: 4px;\n  box-sizing: border-box;\n"])));
+})(_templateObject3$v || (_templateObject3$v = _taggedTemplateLiteral(["\n  position: relative;\n  width: 100%;\n  height: 8px;\n  background: #272730;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  border-radius: 4px;\n  box-sizing: border-box;\n"])));
 var ProgressBar = styled.div.withConfig({
   displayName: "ProgressBar",
   componentId: "sc-ri8846-3"
-})(_templateObject4$q || (_templateObject4$q = _taggedTemplateLiteral(["\n  position: relative;\n  height: 100%;\n  width: ", "%;\n  background: ", ";\n  border-radius: 4px;\n"])), function (_ref) {
+})(_templateObject4$p || (_templateObject4$p = _taggedTemplateLiteral(["\n  position: relative;\n  height: 100%;\n  width: ", "%;\n  background: ", ";\n  border-radius: 4px;\n"])), function (_ref) {
   var width = _ref.width;
   return width;
 }, function (_ref2) {
@@ -13005,7 +12847,7 @@ var ProgressBar = styled.div.withConfig({
 var ProgressDescription = styled(Text).withConfig({
   displayName: "ProgressDescription",
   componentId: "sc-ri8846-4"
-})(_templateObject5$o || (_templateObject5$o = _taggedTemplateLiteral(["\n  font-weight: 600;\n  font-size: 18px;\n  line-height: 170%;\n  color: ", ";\n  margin-bottom: 8px;\n"])), function (_ref3) {
+})(_templateObject5$n || (_templateObject5$n = _taggedTemplateLiteral(["\n  font-weight: 600;\n  font-size: 18px;\n  line-height: 170%;\n  color: ", ";\n  margin-bottom: 8px;\n"])), function (_ref3) {
   var theme = _ref3.theme,
     color = _ref3.color;
   return color || theme.colors.white;
@@ -13061,22 +12903,22 @@ var SpacePadProgressBar = function SpacePadProgressBar(_ref4) {
   });
 };
 
-var _templateObject$12, _templateObject2$C, _templateObject3$v, _templateObject4$p, _templateObject5$n;
+var _templateObject$11, _templateObject2$B, _templateObject3$u, _templateObject4$o, _templateObject5$m;
 var MainWrapper$1 = styled.div.withConfig({
   displayName: "MainWrapper",
   componentId: "sc-1lzbjkk-0"
-})(_templateObject$12 || (_templateObject$12 = _taggedTemplateLiteral(["\n  display: flex;\n  height: 94px;\n  justify-content: flex-start;\n  align-items: center;\n  flex-direction: row;\n"])));
+})(_templateObject$11 || (_templateObject$11 = _taggedTemplateLiteral(["\n  display: flex;\n  height: 94px;\n  justify-content: flex-start;\n  align-items: center;\n  flex-direction: row;\n"])));
 var ProjectImage = styled.div.withConfig({
   displayName: "ProjectImage",
   componentId: "sc-1lzbjkk-1"
-})(_templateObject2$C || (_templateObject2$C = _taggedTemplateLiteral(["\n  display: flex;\n  width: 46px;\n  height: 46px;\n  margin-right: 34px;\n  border-radius: 50%;\n  justify-content: center;\n  align-items: center;\n  ", " {\n    margin-right: 12px;\n  }\n"])), function (_ref) {
+})(_templateObject2$B || (_templateObject2$B = _taggedTemplateLiteral(["\n  display: flex;\n  width: 46px;\n  height: 46px;\n  margin-right: 34px;\n  border-radius: 50%;\n  justify-content: center;\n  align-items: center;\n  ", " {\n    margin-right: 12px;\n  }\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.mediaQueries.mobile;
 });
 var ProjectName$1 = styled.div.withConfig({
   displayName: "ProjectName",
   componentId: "sc-1lzbjkk-2"
-})(_templateObject3$v || (_templateObject3$v = _taggedTemplateLiteral(["\n  display: flex;\n  margin-right: 8px;\n  justify-content: center;\n  align-items: flex-end;\n  font-size: 26px;\n  font-weight: bold;\n  color: ", ";\n  ", " {\n    margin-bottom: 6px;\n  }\n"])), function (_ref2) {
+})(_templateObject3$u || (_templateObject3$u = _taggedTemplateLiteral(["\n  display: flex;\n  margin-right: 8px;\n  justify-content: center;\n  align-items: flex-end;\n  font-size: 26px;\n  font-weight: bold;\n  color: ", ";\n  ", " {\n    margin-bottom: 6px;\n  }\n"])), function (_ref2) {
   var theme = _ref2.theme;
   return theme.colors.white;
 }, function (_ref3) {
@@ -13086,14 +12928,14 @@ var ProjectName$1 = styled.div.withConfig({
 var ProjectFullName = styled.div.withConfig({
   displayName: "ProjectFullName",
   componentId: "sc-1lzbjkk-3"
-})(_templateObject4$p || (_templateObject4$p = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: flex-end;\n  justify-content: center;\n  color: ", ";\n  letter-spacing: 0.03rem;\n  font-size: 14px;\n"])), function (_ref4) {
+})(_templateObject4$o || (_templateObject4$o = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: flex-end;\n  justify-content: center;\n  color: ", ";\n  letter-spacing: 0.03rem;\n  font-size: 14px;\n"])), function (_ref4) {
   var theme = _ref4.theme;
   return theme.colors.white55;
 });
 var ProjectDetails = styled.div.withConfig({
   displayName: "ProjectDetails",
   componentId: "sc-1lzbjkk-4"
-})(_templateObject5$n || (_templateObject5$n = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: flex-end;\n  justify-content: flex-start;\n  ", " {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n"])), function (_ref5) {
+})(_templateObject5$m || (_templateObject5$m = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: flex-end;\n  justify-content: flex-start;\n  ", " {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n"])), function (_ref5) {
   var theme = _ref5.theme;
   return theme.mediaQueries.mobile;
 });
@@ -13467,17 +13309,17 @@ var connectors = [{
 }];
 var connectorLocalStorageKey = "connectorId";
 
-var _templateObject$11;
+var _templateObject$10;
 var AccountNumber = styled(Text).withConfig({
   displayName: "AccountNumber",
   componentId: "sc-1jw25yf-0"
-})(_templateObject$11 || (_templateObject$11 = _taggedTemplateLiteral(["\n  color: #818c92;\n  line-height: 23.8px;\n"])));
+})(_templateObject$10 || (_templateObject$10 = _taggedTemplateLiteral(["\n  color: #818c92;\n  line-height: 23.8px;\n"])));
 
-var _templateObject$10;
+var _templateObject$$;
 var AccountNumberWrapper = styled.div.withConfig({
   displayName: "AccountNumberWrapper",
   componentId: "sc-1bz6nuv-0"
-})(_templateObject$10 || (_templateObject$10 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: ", ";\n  align-items: center;\n  justify-content: center;\n  text-align: ", ";\n"])), function (_ref) {
+})(_templateObject$$ || (_templateObject$$ = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: ", ";\n  align-items: center;\n  justify-content: center;\n  text-align: ", ";\n"])), function (_ref) {
   var isVerifiedUser = _ref.isVerifiedUser;
   return !isVerifiedUser ? "column" : "row";
 }, function (_ref2) {
@@ -13485,99 +13327,99 @@ var AccountNumberWrapper = styled.div.withConfig({
   return textAlign && textAlign;
 });
 
-var _templateObject$$;
+var _templateObject$_;
 var Background = styled.div.withConfig({
   displayName: "Background",
   componentId: "sc-s9bf1w-0"
-})(_templateObject$$ || (_templateObject$$ = _taggedTemplateLiteral(["\n  position: absolute;\n  width: 100vw;\n  height: 100vh;\n  background-color: black;\n  opacity: 0.4;\n  left: 0;\n  top: 0;\n  z-index: 11;\n"])));
+})(_templateObject$_ || (_templateObject$_ = _taggedTemplateLiteral(["\n  position: absolute;\n  width: 100vw;\n  height: 100vh;\n  background-color: black;\n  opacity: 0.4;\n  left: 0;\n  top: 0;\n  z-index: 11;\n"])));
 
-var _templateObject$_;
+var _templateObject$Z;
 var BottomRow = styled.div.withConfig({
   displayName: "BottomRow",
   componentId: "sc-1elsl0s-0"
-})(_templateObject$_ || (_templateObject$_ = _taggedTemplateLiteral(["\n  padding-top: 20px;\n"])));
+})(_templateObject$Z || (_templateObject$Z = _taggedTemplateLiteral(["\n  padding-top: 20px;\n"])));
 
-var _templateObject$Z;
+var _templateObject$Y;
 styled(Button$1).withConfig({
   displayName: "ChangeProviderButton",
   componentId: "sc-w1eu8g-0"
-})(_templateObject$Z || (_templateObject$Z = _taggedTemplateLiteral(["\n  background: #383847;\n  color: ", ";\n  width: 85px;\n  height: 32px;\n  font-size: 14px;\n"])), function (_ref) {
+})(_templateObject$Y || (_templateObject$Y = _taggedTemplateLiteral(["\n  background: #383847;\n  color: ", ";\n  width: 85px;\n  height: 32px;\n  font-size: 14px;\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.colors.white;
 });
 
-var _templateObject$Y;
+var _templateObject$X;
 var CloseButton = styled(Icon$2m).withConfig({
   displayName: "CloseButton",
   componentId: "sc-1afnq0v-0"
-})(_templateObject$Y || (_templateObject$Y = _taggedTemplateLiteral(["\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  cursor: pointer;\n  background: #383847;\n  position: absolute;\n  left: -35px;\n  top: 5px;\n"])));
+})(_templateObject$X || (_templateObject$X = _taggedTemplateLiteral(["\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  cursor: pointer;\n  background: #383847;\n  position: absolute;\n  left: -35px;\n  top: 5px;\n"])));
 
-var _templateObject$X;
+var _templateObject$W;
 var ConnectedInfoWrapper = styled.div.withConfig({
   displayName: "ConnectedInfoWrapper",
   componentId: "sc-lxc0i5-0"
-})(_templateObject$X || (_templateObject$X = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-top: 16px;\n"])));
+})(_templateObject$W || (_templateObject$W = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-top: 16px;\n"])));
 
-var _templateObject$W;
+var _templateObject$V;
 var ConnectedProvider = styled.div.withConfig({
   displayName: "ConnectedProvider",
   componentId: "sc-1satccs-0"
-})(_templateObject$W || (_templateObject$W = _taggedTemplateLiteral(["\n  height: 72px;\n  width: 309px;\n  margin-top: 24px;\n  display: flex;\n  align-items: center;\n  padding-left: 32px;\n  border-radius: 10px;\n  background: #272730;\n"])));
+})(_templateObject$V || (_templateObject$V = _taggedTemplateLiteral(["\n  height: 72px;\n  width: 309px;\n  margin-top: 24px;\n  display: flex;\n  align-items: center;\n  padding-left: 32px;\n  border-radius: 10px;\n  background: #272730;\n"])));
 
-var _templateObject$V, _templateObject2$B;
-var fadeInAnimation = keyframes(_templateObject$V || (_templateObject$V = _taggedTemplateLiteral(["\n  0% {\n    right: -357px;\n  }\n  100% {\n    right: 0;\n  }\n"])));
+var _templateObject$U, _templateObject2$A;
+var fadeInAnimation = keyframes(_templateObject$U || (_templateObject$U = _taggedTemplateLiteral(["\n  0% {\n    right: -357px;\n  }\n  100% {\n    right: 0;\n  }\n"])));
 var ConnectWalletWrapper = styled.div.withConfig({
   displayName: "ConnectWalletWrapper",
   componentId: "sc-1oauz4x-0"
-})(_templateObject2$B || (_templateObject2$B = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  width: 357px;\n  height: 100vh;\n  padding: 24px;\n  background: #191921;\n  position: fixed;\n  top: 0%;\n  right: 0;\n  animation: ", " 0.4s;\n  z-index: 20;\n"])), fadeInAnimation);
+})(_templateObject2$A || (_templateObject2$A = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  width: 357px;\n  height: 100vh;\n  padding: 24px;\n  background: #191921;\n  position: fixed;\n  top: 0%;\n  right: 0;\n  animation: ", " 0.4s;\n  z-index: 20;\n"])), fadeInAnimation);
 
-var _templateObject$U;
+var _templateObject$T;
 var LogoutButton = styled(Button$1).withConfig({
   displayName: "LogoutButton",
   componentId: "sc-ljmmm0-0"
-})(_templateObject$U || (_templateObject$U = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: #383847;\n  color: ", ";\n  width: 100%;\n  font-weight: 700;\n  font-size: 14px;\n"])), function (_ref) {
+})(_templateObject$T || (_templateObject$T = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: #383847;\n  color: ", ";\n  width: 100%;\n  font-weight: 700;\n  font-size: 14px;\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.colors.white;
 });
 
-var _templateObject$T;
+var _templateObject$S;
 var MiddleRow = styled.div.withConfig({
   displayName: "MiddleRow",
   componentId: "sc-deagnw-0"
-})(_templateObject$T || (_templateObject$T = _taggedTemplateLiteral(["\n  padding: 20px 0;\n  border-bottom: 1px solid #252530;\n"])));
+})(_templateObject$S || (_templateObject$S = _taggedTemplateLiteral(["\n  padding: 20px 0;\n  border-bottom: 1px solid #252530;\n"])));
 
-var _templateObject$S;
+var _templateObject$R;
 var MyWallet = styled(Text).withConfig({
   displayName: "MyWallet",
   componentId: "sc-17gxhjg-0"
-})(_templateObject$S || (_templateObject$S = _taggedTemplateLiteral(["\n  line-height: 28px;\n  margin-left: 18px;\n"])));
+})(_templateObject$R || (_templateObject$R = _taggedTemplateLiteral(["\n  line-height: 28px;\n  margin-left: 18px;\n"])));
 
-var _templateObject$R;
+var _templateObject$Q;
 var MyWalletWrapper = styled.div.withConfig({
   displayName: "MyWalletWrapper",
   componentId: "sc-126mq9l-0"
-})(_templateObject$R || (_templateObject$R = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n"])));
+})(_templateObject$Q || (_templateObject$Q = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n"])));
 
-var _templateObject$Q;
+var _templateObject$P;
 var ProviderTitle = styled(Text).withConfig({
   displayName: "ProviderTitle",
   componentId: "sc-cz48yj-0"
-})(_templateObject$Q || (_templateObject$Q = _taggedTemplateLiteral(["\n  font-weight: 600;\n  line-height: 24px;\n  margin-left: 16px;\n"])));
+})(_templateObject$P || (_templateObject$P = _taggedTemplateLiteral(["\n  font-weight: 600;\n  line-height: 24px;\n  margin-left: 16px;\n"])));
 
-var _templateObject$P;
+var _templateObject$O;
 var SettingsButton = styled(Button$1).withConfig({
   displayName: "SettingsButton",
   componentId: "sc-zhm3ih-0"
-})(_templateObject$P || (_templateObject$P = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: #383847;\n  color: ", ";\n  width: 100%;\n  font-weight: 700;\n  font-size: 14px;\n  margin-bottom: 16px;\n"])), function (_ref) {
+})(_templateObject$O || (_templateObject$O = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: #383847;\n  color: ", ";\n  width: 100%;\n  font-weight: 700;\n  font-size: 14px;\n  margin-bottom: 16px;\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.colors.white;
 });
 
-var _templateObject$O;
+var _templateObject$N;
 var UpperRow = styled.div.withConfig({
   displayName: "UpperRow",
   componentId: "sc-zlngw8-0"
-})(_templateObject$O || (_templateObject$O = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 54px;\n  display: flex;\n  align-items: ", ";\n  justify-content: ", ";\n  border-bottom: 1px solid #252530;\n  position: relative;\n  padding-bottom: 20px;\n"])), function (_ref) {
+})(_templateObject$N || (_templateObject$N = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 54px;\n  display: flex;\n  align-items: ", ";\n  justify-content: ", ";\n  border-bottom: 1px solid #252530;\n  position: relative;\n  padding-bottom: 20px;\n"])), function (_ref) {
   var alignItems = _ref.alignItems;
   return alignItems && alignItems;
 }, function (_ref2) {
@@ -13585,29 +13427,29 @@ var UpperRow = styled.div.withConfig({
   return justifyContent && justifyContent;
 });
 
-var _templateObject$N;
+var _templateObject$M;
 var VerificationInfo = styled.div.withConfig({
   displayName: "VerificationInfo",
   componentId: "sc-1jviz6b-0"
-})(_templateObject$N || (_templateObject$N = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-top: ", ";\n"])), function (_ref) {
+})(_templateObject$M || (_templateObject$M = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-top: ", ";\n"])), function (_ref) {
   var marginTop = _ref.marginTop;
   return marginTop && marginTop;
 });
 
-var _templateObject$M;
-var VerifiedWalletIcon = styled(Icon$28).withConfig({
+var _templateObject$L;
+var VerifiedWalletIcon$1 = styled(Icon$28).withConfig({
   displayName: "VerifiedWalletIcon",
   componentId: "sc-1l4uhr0-0"
-})(_templateObject$M || (_templateObject$M = _taggedTemplateLiteral(["\n  fill: ", ";\n  margin-right: 8px;\n"])), function (_ref) {
+})(_templateObject$L || (_templateObject$L = _taggedTemplateLiteral(["\n  fill: ", ";\n  margin-right: 8px;\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.colors.vividBlue;
 });
 
-var _templateObject$L;
+var _templateObject$K;
 var Provider = styled.div.withConfig({
   displayName: "Provider",
   componentId: "sc-ipxejr-0"
-})(_templateObject$L || (_templateObject$L = _taggedTemplateLiteral(["\n  height: 72px;\n  width: 309px;\n  display: flex;\n  align-items: center;\n  padding-left: 32px;\n  border-radius: 10px;\n  background: ", ";\n  margin-bottom: ", ";\n  border: 1px solid transparent;\n\n  &:hover {\n    border: ", ";\n    cursor: pointer;\n  }\n"])), function (_ref) {
+})(_templateObject$K || (_templateObject$K = _taggedTemplateLiteral(["\n  height: 72px;\n  width: 309px;\n  display: flex;\n  align-items: center;\n  padding-left: 32px;\n  border-radius: 10px;\n  background: ", ";\n  margin-bottom: ", ";\n  border: 1px solid transparent;\n\n  &:hover {\n    border: ", ";\n    cursor: pointer;\n  }\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.backgrounds.secondary;
 }, function (_ref2) {
@@ -13662,11 +13504,11 @@ var Icon$F = function Icon(props) {
   }));
 };
 
-var _templateObject$K;
+var _templateObject$J;
 var ConnectDescription = styled(Text).withConfig({
   displayName: "ConnectDescription",
   componentId: "sc-mzj27o-0"
-})(_templateObject$K || (_templateObject$K = _taggedTemplateLiteral(["\n  line-height: 24px;\n  font-weight: 400;\n  color: #818c92;\n  margin: 16px 0;\n"])));
+})(_templateObject$J || (_templateObject$J = _taggedTemplateLiteral(["\n  line-height: 24px;\n  font-weight: 400;\n  color: #818c92;\n  margin: 16px 0;\n"])));
 var ConnectWallet$1 = function ConnectWallet(_ref) {
   var handleLogin = _ref.handleLogin,
     setIsConnectWalletPanelOpen = _ref.setIsConnectWalletPanelOpen,
@@ -13712,22 +13554,22 @@ var ConnectWallet$1 = function ConnectWallet(_ref) {
   });
 };
 
-var _templateObject$J, _templateObject2$A, _templateObject3$u;
+var _templateObject$I, _templateObject2$z, _templateObject3$t;
 var VerifyAddressIndicator$1 = styled(Text).withConfig({
   displayName: "VerifyAddressIndicator",
   componentId: "sc-ooxgfj-0"
-})(_templateObject$J || (_templateObject$J = _taggedTemplateLiteral(["\n  color: ", ";\n  line-height: 20.4px;\n"])), function (_ref) {
+})(_templateObject$I || (_templateObject$I = _taggedTemplateLiteral(["\n  color: ", ";\n  line-height: 20.4px;\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.colors.red;
 });
 var ConnectedInfo = styled(Text).withConfig({
   displayName: "ConnectedInfo",
   componentId: "sc-ooxgfj-1"
-})(_templateObject2$A || (_templateObject2$A = _taggedTemplateLiteral(["\n  color: #818c92;\n"])));
+})(_templateObject2$z || (_templateObject2$z = _taggedTemplateLiteral(["\n  color: #818c92;\n"])));
 var VerifyButton = styled(Button$1).withConfig({
   displayName: "VerifyButton",
   componentId: "sc-ooxgfj-2"
-})(_templateObject3$u || (_templateObject3$u = _taggedTemplateLiteral(["\n  font-size: 14px;\n  width: 100%;\n  margin: 24px 0;\n"])));
+})(_templateObject3$t || (_templateObject3$t = _taggedTemplateLiteral(["\n  font-size: 14px;\n  width: 100%;\n  margin: 24px 0;\n"])));
 var ConnectWallet = function ConnectWallet(_ref2) {
   var account = _ref2.account,
     setIsConnectWalletPanelOpen = _ref2.setIsConnectWalletPanelOpen;
@@ -13763,7 +13605,7 @@ var ConnectWallet = function ConnectWallet(_ref2) {
         }), /*#__PURE__*/jsxs(AccountNumberWrapper, {
           isUserVerified: isUserVerified,
           textAlign: "right",
-          children: [isUserVerified && /*#__PURE__*/jsx(VerifiedWalletIcon, {
+          children: [isUserVerified && /*#__PURE__*/jsx(VerifiedWalletIcon$1, {
             $opac: true
           }), /*#__PURE__*/jsx(AccountNumber, {
             bold: true,
@@ -13778,7 +13620,7 @@ var ConnectWallet = function ConnectWallet(_ref2) {
       }), /*#__PURE__*/jsxs(MiddleRow, {
         children: [isUserVerified && /*#__PURE__*/jsxs(VerificationInfo, {
           marginTop: "20px",
-          children: [/*#__PURE__*/jsx(VerifiedWalletIcon, {
+          children: [/*#__PURE__*/jsx(VerifiedWalletIcon$1, {
             $opac: true
           }), /*#__PURE__*/jsx(Text, {
             color: "#818C92",
@@ -13874,7 +13716,7 @@ var VerifiedWallet = function VerifiedWallet(_ref) {
           })]
         }), /*#__PURE__*/jsxs(AccountNumberWrapper, {
           isVerifiedUser: true,
-          children: [/*#__PURE__*/jsx(VerifiedWalletIcon, {
+          children: [/*#__PURE__*/jsx(VerifiedWalletIcon$1, {
             $opac: true
           }), /*#__PURE__*/jsx(AccountNumber, {
             bold: true,
@@ -13884,7 +13726,7 @@ var VerifiedWallet = function VerifiedWallet(_ref) {
         })]
       }), /*#__PURE__*/jsxs(MiddleRow, {
         children: [/*#__PURE__*/jsxs(VerificationInfo, {
-          children: [/*#__PURE__*/jsx(VerifiedWalletIcon, {
+          children: [/*#__PURE__*/jsx(VerifiedWalletIcon$1, {
             $opac: true
           }), /*#__PURE__*/jsx(Text, {
             color: "#818C92",
@@ -14161,11 +14003,11 @@ var getTimeValue = function getTimeValue(value, timeUnit) {
   return "".concat(value).concat(timeUnit);
 };
 
-var _templateObject$I, _templateObject2$z, _templateObject3$t, _templateObject4$o, _templateObject5$m, _templateObject6$g, _templateObject7$c, _templateObject8$9, _templateObject9$8, _templateObject0$6, _templateObject1$6, _templateObject10$5, _templateObject11$5, _templateObject12$4, _templateObject13$2;
+var _templateObject$H, _templateObject2$y, _templateObject3$s, _templateObject4$n, _templateObject5$l, _templateObject6$g, _templateObject7$c, _templateObject8$9, _templateObject9$8, _templateObject0$6, _templateObject1$6, _templateObject10$5, _templateObject11$5, _templateObject12$4, _templateObject13$2;
 var ActiveDot$1 = styled.div.withConfig({
   displayName: "ActiveDot",
   componentId: "sc-1kin2xe-0"
-})(_templateObject$I || (_templateObject$I = _taggedTemplateLiteral(["\n  height: 8px;\n  width: 8px;\n  border-radius: 50%;\n  background: ", ";\n  margin-right: 8px;\n  ", "\n"])), function (_ref) {
+})(_templateObject$H || (_templateObject$H = _taggedTemplateLiteral(["\n  height: 8px;\n  width: 8px;\n  border-radius: 50%;\n  background: ", ";\n  margin-right: 8px;\n  ", "\n"])), function (_ref) {
   var dotColor = _ref.dotColor;
   return dotColor;
 }, function (_ref2) {
@@ -14175,19 +14017,19 @@ var ActiveDot$1 = styled.div.withConfig({
 var ActivityDescription = styled(Text).withConfig({
   displayName: "ActivityDescription",
   componentId: "sc-1kin2xe-1"
-})(_templateObject2$z || (_templateObject2$z = _taggedTemplateLiteral(["\n  font-weight: bold;\n  font-size: 14px;\n  line-height: 140%;\n  width: max-content;\n"])));
+})(_templateObject2$y || (_templateObject2$y = _taggedTemplateLiteral(["\n  font-weight: bold;\n  font-size: 14px;\n  line-height: 140%;\n  width: max-content;\n"])));
 var ActivityWrapper = styled.div.withConfig({
   displayName: "ActivityWrapper",
   componentId: "sc-1kin2xe-2"
-})(_templateObject3$t || (_templateObject3$t = _taggedTemplateLiteral(["\n  display: flex;\n  position: absolute;\n  right: 15px;\n  top: 15px;\n"])));
+})(_templateObject3$s || (_templateObject3$s = _taggedTemplateLiteral(["\n  display: flex;\n  position: absolute;\n  right: 15px;\n  top: 15px;\n"])));
 var ActivityComponent = styled.div.withConfig({
   displayName: "ActivityComponent",
   componentId: "sc-1kin2xe-3"
-})(_templateObject4$o || (_templateObject4$o = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 4px 8px;\n  width: max-content;\n  height: 28px;\n  background: rgba(55, 55, 73, 0.5);\n  backdrop-filter: blur(53px);\n  border-radius: 10px;\n  margin-left: 8px;\n"])));
+})(_templateObject4$n || (_templateObject4$n = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 4px 8px;\n  width: max-content;\n  height: 28px;\n  background: rgba(55, 55, 73, 0.5);\n  backdrop-filter: blur(53px);\n  border-radius: 10px;\n  margin-left: 8px;\n"])));
 var ProjectNameColumn = styled.div.withConfig({
   displayName: "ProjectNameColumn",
   componentId: "sc-1kin2xe-4"
-})(_templateObject5$m || (_templateObject5$m = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n"])));
+})(_templateObject5$l || (_templateObject5$l = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n"])));
 var ProjectName = styled(Text).withConfig({
   displayName: "ProjectName",
   componentId: "sc-1kin2xe-5"
@@ -14365,36 +14207,36 @@ var getPreciseRatio = function getPreciseRatio(ratio) {
   return ratio.toString();
 };
 
-var _templateObject$H, _templateObject2$y, _templateObject3$s, _templateObject4$n, _templateObject5$l, _templateObject6$f, _templateObject7$b, _templateObject8$8, _templateObject9$7, _templateObject0$5, _templateObject1$5;
+var _templateObject$G, _templateObject2$x, _templateObject3$r, _templateObject4$m, _templateObject5$k, _templateObject6$f, _templateObject7$b, _templateObject8$8, _templateObject9$7, _templateObject0$5, _templateObject1$5;
 var SpacePadProjectDetailsWrapper = styled.div.withConfig({
   displayName: "SpacePadProjectDetailsWrapper",
   componentId: "sc-18f4woi-0"
-})(_templateObject$H || (_templateObject$H = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n"])));
+})(_templateObject$G || (_templateObject$G = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n"])));
 var StyledDetailsHeader = styled.div.withConfig({
   displayName: "StyledDetailsHeader",
   componentId: "sc-18f4woi-1"
-})(_templateObject2$y || (_templateObject2$y = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  margin-bottom: 32px;\n  ", " {\n    flex-direction: column-reverse;\n    align-items: flex-start;\n    justify-content: space-between;\n    margin-bottom: 16px;\n  }\n"])), function (_ref) {
+})(_templateObject2$x || (_templateObject2$x = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  margin-bottom: 32px;\n  ", " {\n    flex-direction: column-reverse;\n    align-items: flex-start;\n    justify-content: space-between;\n    margin-bottom: 16px;\n  }\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.mediaQueries.mobile;
 });
 var StyledDetails = styled.div.withConfig({
   displayName: "StyledDetails",
   componentId: "sc-18f4woi-2"
-})(_templateObject3$s || (_templateObject3$s = _taggedTemplateLiteral(["\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  grid-gap: 32px;\n  height: max-content;\n  ", " {\n    display: flex;\n    flex-direction: column;\n  }\n"])), function (_ref2) {
+})(_templateObject3$r || (_templateObject3$r = _taggedTemplateLiteral(["\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  grid-gap: 32px;\n  height: max-content;\n  ", " {\n    display: flex;\n    flex-direction: column;\n  }\n"])), function (_ref2) {
   var theme = _ref2.theme;
   return theme.mediaQueries.mobile;
 });
 var ProjectLogo$1 = styled.div.withConfig({
   displayName: "ProjectLogo",
   componentId: "sc-18f4woi-3"
-})(_templateObject4$n || (_templateObject4$n = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 80px;\n  height: 80px;\n  border-radius: 50%;\n  background: #16161d;\n  background-image: ", ";\n  background-position: center; /* Center the image */\n  background-repeat: no-repeat; /* Do not repeat the image */\n  background-size: cover;\n  border: 3px solid #373749;\n  overflow: hidden;\n  margin-right: 16px;\n"])), function (_ref3) {
+})(_templateObject4$m || (_templateObject4$m = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 80px;\n  height: 80px;\n  border-radius: 50%;\n  background: #16161d;\n  background-image: ", ";\n  background-position: center; /* Center the image */\n  background-repeat: no-repeat; /* Do not repeat the image */\n  background-size: cover;\n  border: 3px solid #373749;\n  overflow: hidden;\n  margin-right: 16px;\n"])), function (_ref3) {
   var background = _ref3.background;
   return background;
 });
 var TimerWrapper = styled.div.withConfig({
   displayName: "TimerWrapper",
   componentId: "sc-18f4woi-4"
-})(_templateObject5$l || (_templateObject5$l = _taggedTemplateLiteral(["\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  ", " {\n    flex-direction: column;\n    align-items: flex-start;\n    margin-bottom: 44px;\n  }\n"])), function (_ref4) {
+})(_templateObject5$k || (_templateObject5$k = _taggedTemplateLiteral(["\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  ", " {\n    flex-direction: column;\n    align-items: flex-start;\n    margin-bottom: 44px;\n  }\n"])), function (_ref4) {
   var theme = _ref4.theme;
   return theme.mediaQueries.mobile;
 });
@@ -14550,11 +14392,11 @@ var SpacePadProjectDetails = function SpacePadProjectDetails(props) {
   });
 };
 
-var _templateObject$G, _templateObject2$x, _templateObject3$r, _templateObject4$m, _templateObject5$k, _templateObject6$e, _templateObject7$a, _templateObject8$7, _templateObject9$6;
+var _templateObject$F, _templateObject2$w, _templateObject3$q, _templateObject4$l, _templateObject5$j, _templateObject6$e, _templateObject7$a, _templateObject8$7, _templateObject9$6;
 var WalletWrapper = styled.div.withConfig({
   displayName: "WalletWrapper",
   componentId: "sc-1uosrv7-0"
-})(_templateObject$G || (_templateObject$G = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  height: 129px;\n  background: ", ";\n  border: 1px solid ", ";\n  border-radius: 10px;\n  justify-content: space-around;\n  flex-direction: column;\n  padding: 12px 16px 34px 16px;\n"])), function (_ref) {
+})(_templateObject$F || (_templateObject$F = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  height: 129px;\n  background: ", ";\n  border: 1px solid ", ";\n  border-radius: 10px;\n  justify-content: space-around;\n  flex-direction: column;\n  padding: 12px 16px 34px 16px;\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.backgrounds.secondary;
 }, function (_ref2) {
@@ -14564,11 +14406,11 @@ var WalletWrapper = styled.div.withConfig({
 styled.div.withConfig({
   displayName: "WalletValueBar",
   componentId: "sc-1uosrv7-1"
-})(_templateObject2$x || (_templateObject2$x = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  height: 100%;\n  justify-content: space-between;\n  align-items: flex-start;\n  flex-direction: column;\n  flex: 2;\n"])));
+})(_templateObject2$w || (_templateObject2$w = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  height: 100%;\n  justify-content: space-between;\n  align-items: flex-start;\n  flex-direction: column;\n  flex: 2;\n"])));
 styled.div.withConfig({
   displayName: "ProgressBarWrapper",
   componentId: "sc-1uosrv7-2"
-})(_templateObject3$r || (_templateObject3$r = _taggedTemplateLiteral(["\n  position: relative;\n  width: 100%;\n  height: 30px;\n  background: ", ";\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  border-radius: 7px;\n  border: 1px solid ", ";\n  box-sizing: border-box;\n  padding: 3px;\n"])), function (_ref3) {
+})(_templateObject3$q || (_templateObject3$q = _taggedTemplateLiteral(["\n  position: relative;\n  width: 100%;\n  height: 30px;\n  background: ", ";\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  border-radius: 7px;\n  border: 1px solid ", ";\n  box-sizing: border-box;\n  padding: 3px;\n"])), function (_ref3) {
   var theme = _ref3.theme;
   return theme.colors.dark;
 }, function (_ref4) {
@@ -14578,7 +14420,7 @@ styled.div.withConfig({
 styled.div.withConfig({
   displayName: "ProgressBar",
   componentId: "sc-1uosrv7-3"
-})(_templateObject4$m || (_templateObject4$m = _taggedTemplateLiteral(["\n  position: relative;\n  height: 100%;\n  width: ", "%;\n  font-size: 14px;\n  background: ", ";\n  border-radius: 7px;\n"])), function (_ref5) {
+})(_templateObject4$l || (_templateObject4$l = _taggedTemplateLiteral(["\n  position: relative;\n  height: 100%;\n  width: ", "%;\n  font-size: 14px;\n  background: ", ";\n  border-radius: 7px;\n"])), function (_ref5) {
   var width = _ref5.width;
   return width;
 }, function (_ref6) {
@@ -14588,7 +14430,7 @@ styled.div.withConfig({
 styled.div.withConfig({
   displayName: "ProcentValue",
   componentId: "sc-1uosrv7-4"
-})(_templateObject5$k || (_templateObject5$k = _taggedTemplateLiteral(["\n  position: absolute;\n  color: ", ";\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  font-weight: bold;\n  display: inline-block;\n  width: 100%;\n  text-align: center;\n"])), function (_ref7) {
+})(_templateObject5$j || (_templateObject5$j = _taggedTemplateLiteral(["\n  position: absolute;\n  color: ", ";\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  font-weight: bold;\n  display: inline-block;\n  width: 100%;\n  text-align: center;\n"])), function (_ref7) {
   var theme = _ref7.theme;
   return theme.colors.white;
 });
@@ -14648,11 +14490,11 @@ var WalletCap = function WalletCap(_ref1) {
   });
 };
 
-var _templateObject$F, _templateObject2$w, _templateObject3$q;
+var _templateObject$E, _templateObject2$v, _templateObject3$p;
 var TooltipContent = styled.div.withConfig({
   displayName: "TooltipContent",
   componentId: "sc-isj8qi-0"
-})(_templateObject$F || (_templateObject$F = _taggedTemplateLiteral(["\n  background: ", ";\n  padding: 16px;\n  border-radius: 10px;\n  border: 1px solid ", ";\n  box-shadow: 0px 13px 20px rgba(0, 0, 0, 0.25);\n  color: ", ";\n  width: max-content;\n  min-width: 200px;\n  display: none;\n  max-height: 500px;\n  z-index: 9999999;\n  position: absolute;\n  bottom: calc(100% + 16px);\n  transform: translate(34px, 0);\n  right: ", "px;\n  font-size: ", "px;\n\n  ", "\n"])), function (_ref) {
+})(_templateObject$E || (_templateObject$E = _taggedTemplateLiteral(["\n  background: ", ";\n  padding: 16px;\n  border-radius: 10px;\n  border: 1px solid ", ";\n  box-shadow: 0px 13px 20px rgba(0, 0, 0, 0.25);\n  color: ", ";\n  width: max-content;\n  min-width: 200px;\n  display: none;\n  max-height: 500px;\n  z-index: 9999999;\n  position: absolute;\n  bottom: calc(100% + 16px);\n  transform: translate(34px, 0);\n  right: ", "px;\n  font-size: ", "px;\n\n  ", "\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.colors.card;
 }, function (_ref2) {
@@ -14667,7 +14509,7 @@ var TooltipContent = styled.div.withConfig({
 }, function (props) {
   return props.small ? 12 : "";
 }, function (props) {
-  return !props.removeAfter && css(_templateObject2$w || (_templateObject2$w = _taggedTemplateLiteral(["\n      &:after {\n        content: \"\";\n        display: block;\n        width: 0;\n        height: 0;\n        border-left: 10px solid transparent;\n        border-right: 10px solid transparent;\n        border-top: 10px solid ", ";\n        bottom: ", "px;\n        position: absolute;\n        transform: translate(-34px, 9px);\n        right: 0;\n      }\n    "])), function (_ref5) {
+  return !props.removeAfter && css(_templateObject2$v || (_templateObject2$v = _taggedTemplateLiteral(["\n      &:after {\n        content: \"\";\n        display: block;\n        width: 0;\n        height: 0;\n        border-left: 10px solid transparent;\n        border-right: 10px solid transparent;\n        border-top: 10px solid ", ";\n        bottom: ", "px;\n        position: absolute;\n        transform: translate(-34px, 9px);\n        right: 0;\n      }\n    "])), function (_ref5) {
     var theme = _ref5.theme;
     return theme.tooltip.background;
   }, props.bottom || 0);
@@ -14675,7 +14517,7 @@ var TooltipContent = styled.div.withConfig({
 var Container$3 = styled.div.withConfig({
   displayName: "Container",
   componentId: "sc-isj8qi-1"
-})(_templateObject3$q || (_templateObject3$q = _taggedTemplateLiteral(["\n  position: relative;\n  z-index: 99999999999;\n\n  &:hover ", ", &:focus-within ", " {\n    display: block;\n  }\n"])), TooltipContent, TooltipContent);
+})(_templateObject3$p || (_templateObject3$p = _taggedTemplateLiteral(["\n  position: relative;\n  z-index: 99999999999;\n\n  &:hover ", ", &:focus-within ", " {\n    display: block;\n  }\n"])), TooltipContent, TooltipContent);
 var Tooltip = function Tooltip(_ref6) {
   var content = _ref6.content,
     children = _ref6.children,
@@ -14700,11 +14542,11 @@ var Tooltip = function Tooltip(_ref6) {
   });
 };
 
-var _templateObject$E, _templateObject2$v, _templateObject3$p, _templateObject4$l, _templateObject5$j, _templateObject6$d, _templateObject7$9, _templateObject8$6, _templateObject9$5;
+var _templateObject$D, _templateObject2$u, _templateObject3$o, _templateObject4$k, _templateObject5$i, _templateObject6$d, _templateObject7$9, _templateObject8$6, _templateObject9$5;
 var CSSPowerWrapper = styled.div.withConfig({
   displayName: "CSSPowerWrapper",
   componentId: "sc-12ic40m-0"
-})(_templateObject$E || (_templateObject$E = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  background: #252530;\n  border: 1px solid ", ";\n  padding: 16px 24px;\n  border-radius: 10px;\n  ", " {\n    width: 100%;\n    align-items: center;\n    margin-top: 24px;\n  }\n"])), function (_ref) {
+})(_templateObject$D || (_templateObject$D = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  background: #252530;\n  border: 1px solid ", ";\n  padding: 16px 24px;\n  border-radius: 10px;\n  ", " {\n    width: 100%;\n    align-items: center;\n    margin-top: 24px;\n  }\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.colors.white3;
 }, function (_ref2) {
@@ -14714,25 +14556,25 @@ var CSSPowerWrapper = styled.div.withConfig({
 var PowerWrapper = styled.div.withConfig({
   displayName: "PowerWrapper",
   componentId: "sc-12ic40m-1"
-})(_templateObject2$v || (_templateObject2$v = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  justify-content: space-between;\n  margin-left: 30px;\n"])));
+})(_templateObject2$u || (_templateObject2$u = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  justify-content: space-between;\n  margin-left: 30px;\n"])));
 var CSSPowerText = styled(Text).withConfig({
   displayName: "CSSPowerText",
   componentId: "sc-12ic40m-2"
-})(_templateObject3$p || (_templateObject3$p = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  font-weight: bold;\n  font-size: 14px;\n  line-height: 140%;\n  color: ", ";\n  width: max-content;\n"])), function (_ref3) {
+})(_templateObject3$o || (_templateObject3$o = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  font-weight: bold;\n  font-size: 14px;\n  line-height: 140%;\n  color: ", ";\n  width: max-content;\n"])), function (_ref3) {
   var theme = _ref3.theme;
   return theme.colors.white55;
 });
 var CSSPowerValue = styled(Text).withConfig({
   displayName: "CSSPowerValue",
   componentId: "sc-12ic40m-3"
-})(_templateObject4$l || (_templateObject4$l = _taggedTemplateLiteral(["\n  font-weight: bold;\n  font-size: 36px;\n  line-height: 130%;\n  color: ", ";\n"])), function (_ref4) {
+})(_templateObject4$k || (_templateObject4$k = _taggedTemplateLiteral(["\n  font-weight: bold;\n  font-size: 36px;\n  line-height: 130%;\n  color: ", ";\n"])), function (_ref4) {
   var theme = _ref4.theme;
   return theme.colors.white;
 });
 var StyledInfoIcon = styled(Icon$2E).withConfig({
   displayName: "StyledInfoIcon",
   componentId: "sc-12ic40m-4"
-})(_templateObject5$j || (_templateObject5$j = _taggedTemplateLiteral(["\n  margin-left: 5px;\n  height: 18px;\n  cursor: pointer;\n"])));
+})(_templateObject5$i || (_templateObject5$i = _taggedTemplateLiteral(["\n  margin-left: 5px;\n  height: 18px;\n  cursor: pointer;\n"])));
 var PowerDescriptionWrapper = styled.div.withConfig({
   displayName: "PowerDescriptionWrapper",
   componentId: "sc-12ic40m-5"
@@ -14804,11 +14646,11 @@ var CSSPower = function CSSPower(_ref7) {
 };
 
 var _excluded$4 = ["value", "onUserInput", "placeholder", "type"];
-var _templateObject$D;
+var _templateObject$C;
 var StyledInput = styled.input.withConfig({
   displayName: "StyledInput",
   componentId: "sc-mu1fop-0"
-})(_templateObject$D || (_templateObject$D = _taggedTemplateLiteral(["\n  color: ", ";\n  width: 0;\n  position: relative;\n  font-weight: 700;\n  outline: none;\n  border: none;\n  flex: 1 1 auto;\n  background-color: transparent;\n  background: transparent;\n  font-size: 24px;\n  text-align: ", ";\n  white-space: nowrap;\n  line-height: 33px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  padding: 0px;\n  -webkit-appearance: textfield;\n\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n\n  [type=\"number\"] {\n    -moz-appearance: textfield;\n  }\n\n  ::-webkit-outer-spin-button,\n  ::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n  }\n\n  ::placeholder {\n    color: ", ";\n  }\n"])), function (_ref) {
+})(_templateObject$C || (_templateObject$C = _taggedTemplateLiteral(["\n  color: ", ";\n  width: 0;\n  position: relative;\n  font-weight: 700;\n  outline: none;\n  border: none;\n  flex: 1 1 auto;\n  background-color: transparent;\n  background: transparent;\n  font-size: 24px;\n  text-align: ", ";\n  white-space: nowrap;\n  line-height: 33px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  padding: 0px;\n  -webkit-appearance: textfield;\n\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n\n  [type=\"number\"] {\n    -moz-appearance: textfield;\n  }\n\n  ::-webkit-outer-spin-button,\n  ::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n  }\n\n  ::placeholder {\n    color: ", ";\n  }\n"])), function (_ref) {
   var error = _ref.error,
     theme = _ref.theme;
   return error ? theme.colors.failure : theme.colors.text;
@@ -14854,11 +14696,11 @@ var NumericalInput = /*#__PURE__*/React__default.memo(function InnerInput(_ref4)
   }));
 });
 
-var _templateObject$C, _templateObject2$u, _templateObject3$o, _templateObject4$k, _templateObject5$i, _templateObject6$c, _templateObject7$8, _templateObject8$5, _templateObject9$4, _templateObject0$4, _templateObject1$4, _templateObject10$4, _templateObject11$4, _templateObject12$3;
+var _templateObject$B, _templateObject2$t, _templateObject3$n, _templateObject4$j, _templateObject5$h, _templateObject6$c, _templateObject7$8, _templateObject8$5, _templateObject9$4, _templateObject0$4, _templateObject1$4, _templateObject10$4, _templateObject11$4, _templateObject12$3;
 var SpacePadDatesWrapper = styled.div.withConfig({
   displayName: "SpacePadDatesWrapper",
   componentId: "sc-wmdxzq-0"
-})(_templateObject$C || (_templateObject$C = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  background: ", ";\n  border: 1px solid ", ";\n  border-radius: 10px;\n  padding: 16px 24px;\n  align-items: center;\n  justify-content: space-between;\n  ", " {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n"])), function (_ref) {
+})(_templateObject$B || (_templateObject$B = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  background: ", ";\n  border: 1px solid ", ";\n  border-radius: 10px;\n  padding: 16px 24px;\n  align-items: center;\n  justify-content: space-between;\n  ", " {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.backgrounds.secondary;
 }, function (_ref2) {
@@ -14871,7 +14713,7 @@ var SpacePadDatesWrapper = styled.div.withConfig({
 var ActiveDot = styled.div.withConfig({
   displayName: "ActiveDot",
   componentId: "sc-wmdxzq-1"
-})(_templateObject2$u || (_templateObject2$u = _taggedTemplateLiteral(["\n  height: 16px;\n  width: 16px;\n  border-radius: 50%;\n  background: ", ";\n  margin-right: ", "px;\n  ", "\n"])), function (_ref4) {
+})(_templateObject2$t || (_templateObject2$t = _taggedTemplateLiteral(["\n  height: 16px;\n  width: 16px;\n  border-radius: 50%;\n  background: ", ";\n  margin-right: ", "px;\n  ", "\n"])), function (_ref4) {
   var color = _ref4.color;
   return color;
 }, function (_ref5) {
@@ -14884,18 +14726,18 @@ var ActiveDot = styled.div.withConfig({
 var TimeWrapper = styled.div.withConfig({
   displayName: "TimeWrapper",
   componentId: "sc-wmdxzq-2"
-})(_templateObject3$o || (_templateObject3$o = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  ", " {\n    flex-direction: column;\n    align-items: flex-start;\n    margin-bottom: 21px;\n  }\n"])), function (_ref7) {
+})(_templateObject3$n || (_templateObject3$n = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  ", " {\n    flex-direction: column;\n    align-items: flex-start;\n    margin-bottom: 21px;\n  }\n"])), function (_ref7) {
   var theme = _ref7.theme;
   return theme.mediaQueries.mobile;
 });
 var EndTimeWrapper = styled.div.withConfig({
   displayName: "EndTimeWrapper",
   componentId: "sc-wmdxzq-3"
-})(_templateObject4$k || (_templateObject4$k = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: flex-start;\n  height: 41px;\n"])));
+})(_templateObject4$j || (_templateObject4$j = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: flex-start;\n  height: 41px;\n"])));
 var TimeNumber = styled(Text).withConfig({
   displayName: "TimeNumber",
   componentId: "sc-wmdxzq-4"
-})(_templateObject5$i || (_templateObject5$i = _taggedTemplateLiteral(["\n  font-weight: 600;\n  font-size: 20px;\n  margin: 0px;\n  padding: 0px;\n  height: 100%;\n  line-height: 100%;\n"])));
+})(_templateObject5$h || (_templateObject5$h = _taggedTemplateLiteral(["\n  font-weight: 600;\n  font-size: 20px;\n  margin: 0px;\n  padding: 0px;\n  height: 100%;\n  line-height: 100%;\n"])));
 var PeriodText = styled(Text).withConfig({
   displayName: "PeriodText",
   componentId: "sc-wmdxzq-5"
@@ -15095,22 +14937,22 @@ var SpacePadDates = function SpacePadDates(_ref14) {
   });
 };
 
-var _templateObject$B, _templateObject2$t, _templateObject3$n, _templateObject4$j, _templateObject5$h, _templateObject6$b, _templateObject7$7, _templateObject8$4, _templateObject9$3, _templateObject0$3, _templateObject1$3, _templateObject10$3, _templateObject11$3, _templateObject12$2, _templateObject13$1;
+var _templateObject$A, _templateObject2$s, _templateObject3$m, _templateObject4$i, _templateObject5$g, _templateObject6$b, _templateObject7$7, _templateObject8$4, _templateObject9$3, _templateObject0$3, _templateObject1$3, _templateObject10$3, _templateObject11$3, _templateObject12$2, _templateObject13$1;
 var AddToCapWrapper = styled.div.withConfig({
   displayName: "AddToCapWrapper",
   componentId: "sc-1vjnrpf-0"
-})(_templateObject$B || (_templateObject$B = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  height: max-content;\n  width: 100%;\n  padding: 32px;\n  background: #191921;\n  border-radius: 16px;\n"])));
+})(_templateObject$A || (_templateObject$A = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  height: max-content;\n  width: 100%;\n  padding: 32px;\n  background: #191921;\n  border-radius: 16px;\n"])));
 var LogicComponentsWrapper = styled.div.withConfig({
   displayName: "LogicComponentsWrapper",
   componentId: "sc-1vjnrpf-1"
-})(_templateObject2$t || (_templateObject2$t = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  ", " {\n    flex-direction: column;\n  }\n"])), function (_ref) {
+})(_templateObject2$s || (_templateObject2$s = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  ", " {\n    flex-direction: column;\n  }\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.mediaQueries.mobile;
 });
 var CapInput = styled(NumericalInput).withConfig({
   displayName: "CapInput",
   componentId: "sc-1vjnrpf-2"
-})(_templateObject3$n || (_templateObject3$n = _taggedTemplateLiteral(["\n  height: 50px;\n  font-size: 16px;\n  padding: 11px 0px 11px 24px;\n  border: 1px solid ", ";\n  background: ", ";\n  border-radius: 10px;\n  margin-bottom: 20px;\n  ::placeholder {\n    color: ", ";\n    font-weight: 500;\n  }\n"])), function (_ref2) {
+})(_templateObject3$m || (_templateObject3$m = _taggedTemplateLiteral(["\n  height: 50px;\n  font-size: 16px;\n  padding: 11px 0px 11px 24px;\n  border: 1px solid ", ";\n  background: ", ";\n  border-radius: 10px;\n  margin-bottom: 20px;\n  ::placeholder {\n    color: ", ";\n    font-weight: 500;\n  }\n"])), function (_ref2) {
   var theme = _ref2.theme;
   return theme.colors.white10;
 }, function (_ref3) {
@@ -15123,11 +14965,11 @@ var CapInput = styled(NumericalInput).withConfig({
 var EligibleWrapper = styled.div.withConfig({
   displayName: "EligibleWrapper",
   componentId: "sc-1vjnrpf-3"
-})(_templateObject4$j || (_templateObject4$j = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  width: max-content;\n  height: 50px;\n  width: 100%;\n  padding: 15.5px;\n  //Used only once in this component, not declared on theme\n  background: #272730;\n  box-sizing: border-box;\n  border-radius: 10px;\n  margin-bottom: 26px;\n"])));
+})(_templateObject4$i || (_templateObject4$i = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  width: max-content;\n  height: 50px;\n  width: 100%;\n  padding: 15.5px;\n  //Used only once in this component, not declared on theme\n  background: #272730;\n  box-sizing: border-box;\n  border-radius: 10px;\n  margin-bottom: 26px;\n"])));
 var IdoActionButton = styled(Button$1).withConfig({
   displayName: "IdoActionButton",
   componentId: "sc-1vjnrpf-4"
-})(_templateObject5$h || (_templateObject5$h = _taggedTemplateLiteral(["\n  color: ", " !important;\n  height: 50px;\n  width: 100%;\n  &:disabled,\n  &.button--disabled {\n    background: #12ffb8;\n    opacity: 0.2;\n    color: #3d3d41 !important;\n  }\n  ", " {\n    margin-top: 16px;\n    width: 100%;\n  }\n"])), function (_ref5) {
+})(_templateObject5$g || (_templateObject5$g = _taggedTemplateLiteral(["\n  color: ", " !important;\n  height: 50px;\n  width: 100%;\n  &:disabled,\n  &.button--disabled {\n    background: #12ffb8;\n    opacity: 0.2;\n    color: #3d3d41 !important;\n  }\n  ", " {\n    margin-top: 16px;\n    width: 100%;\n  }\n"])), function (_ref5) {
   var theme = _ref5.theme;
   return theme.colors.dark;
 }, function (_ref6) {
@@ -15534,33 +15376,33 @@ var AddToCap = function AddToCap(_ref18) {
   return withoutActions ? /*#__PURE__*/jsx(Fragment, {}) : contentWrapper;
 };
 
-var _templateObject$A, _templateObject2$s, _templateObject3$m, _templateObject4$i, _templateObject5$g;
+var _templateObject$z, _templateObject2$r, _templateObject3$l, _templateObject4$h, _templateObject5$f;
 var Description = styled.div.withConfig({
   displayName: "Description",
   componentId: "sc-h5yjzn-0"
-})(_templateObject$A || (_templateObject$A = _taggedTemplateLiteral(["\n  font-family: Manrope;\n  font-size: 12px;\n  line-height: 170%;\n  color: rgba(255, 255, 255, 0.55);\n  align-self: flex-start;\n  font-weight: normal;\n"])));
+})(_templateObject$z || (_templateObject$z = _taggedTemplateLiteral(["\n  font-family: Manrope;\n  font-size: 12px;\n  line-height: 170%;\n  color: rgba(255, 255, 255, 0.55);\n  align-self: flex-start;\n  font-weight: normal;\n"])));
 var CounterWrapper = styled.div.withConfig({
   displayName: "CounterWrapper",
   componentId: "sc-h5yjzn-1"
-})(_templateObject2$s || (_templateObject2$s = _taggedTemplateLiteral(["\n  position: relative;\n  width: 100%;\n  height: 81px;\n  background: ", ";\n  border: 1px solid rgba(255, 255, 255, 0.03);\n  display: flex;\n  border-radius: 10px;\n  padding: 15px 0px 21px 20px;\n"])), function (_ref) {
+})(_templateObject2$r || (_templateObject2$r = _taggedTemplateLiteral(["\n  position: relative;\n  width: 100%;\n  height: 81px;\n  background: ", ";\n  border: 1px solid rgba(255, 255, 255, 0.03);\n  display: flex;\n  border-radius: 10px;\n  padding: 15px 0px 21px 20px;\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.backgrounds.secondary;
 });
 var CapDescriptionWrapper = styled.div.withConfig({
   displayName: "CapDescriptionWrapper",
   componentId: "sc-h5yjzn-2"
-})(_templateObject3$m || (_templateObject3$m = _taggedTemplateLiteral(["\n  color: ", ";\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n  font-weight: bold;\n"])), function (_ref2) {
+})(_templateObject3$l || (_templateObject3$l = _taggedTemplateLiteral(["\n  color: ", ";\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n  font-weight: bold;\n"])), function (_ref2) {
   var theme = _ref2.theme;
   return theme.colors.white;
 });
 var SoftCapWrapper = styled(CapDescriptionWrapper).withConfig({
   displayName: "SoftCapWrapper",
   componentId: "sc-h5yjzn-3"
-})(_templateObject4$i || (_templateObject4$i = _taggedTemplateLiteral(["\n  border-right: 2px solid #252530;\n  margin-left: 10px;\n  padding-right: 17px;\n"])));
+})(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteral(["\n  border-right: 2px solid #252530;\n  margin-left: 10px;\n  padding-right: 17px;\n"])));
 var HardCapWrapper = styled(CapDescriptionWrapper).withConfig({
   displayName: "HardCapWrapper",
   componentId: "sc-h5yjzn-4"
-})(_templateObject5$g || (_templateObject5$g = _taggedTemplateLiteral(["\n  align-items: center;\n  margin-left: 32px;\n"])));
+})(_templateObject5$f || (_templateObject5$f = _taggedTemplateLiteral(["\n  align-items: center;\n  margin-left: 32px;\n"])));
 var CapCounter = function CapCounter(_ref3) {
   var _ref3$softCap = _ref3.softCap,
     softCap = _ref3$softCap === void 0 ? 332.52 : _ref3$softCap,
@@ -15614,33 +15456,33 @@ var SpacePadSchedule = function SpacePadSchedule(_ref) {
   });
 };
 
-var _templateObject$z, _templateObject2$r, _templateObject3$l, _templateObject4$h, _templateObject5$f;
+var _templateObject$y, _templateObject2$q, _templateObject3$k, _templateObject4$g, _templateObject5$e;
 var MainWrapper = styled.div.withConfig({
   displayName: "MainWrapper",
   componentId: "sc-1bkh9t5-0"
-})(_templateObject$z || (_templateObject$z = _taggedTemplateLiteral(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgba(255, 255, 255, 0.1);\n  width: ", ";\n  height: 34px;\n  border-radius: 10px;\n  font-weight: bold;\n  font-size: 14px;\n  padding: 2px;\n  z-index: 99;\n"])), function (_ref) {
+})(_templateObject$y || (_templateObject$y = _taggedTemplateLiteral(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgba(255, 255, 255, 0.1);\n  width: ", ";\n  height: 34px;\n  border-radius: 10px;\n  font-weight: bold;\n  font-size: 14px;\n  padding: 2px;\n  z-index: 99;\n"])), function (_ref) {
   var width = _ref.width;
   return width ? "".concat(width, "px") : "100%";
 });
 var SecondWrapper = styled.div.withConfig({
   displayName: "SecondWrapper",
   componentId: "sc-1bkh9t5-1"
-})(_templateObject2$r || (_templateObject2$r = _taggedTemplateLiteral(["\n  position: relative;\n  display: flex;\n  border-radius: 8px;\n  z-index: 101;\n  width: 100%;\n"])));
+})(_templateObject2$q || (_templateObject2$q = _taggedTemplateLiteral(["\n  position: relative;\n  display: flex;\n  border-radius: 8px;\n  z-index: 101;\n  width: 100%;\n"])));
 var ToggleButton = styled.div.withConfig({
   displayName: "ToggleButton",
   componentId: "sc-1bkh9t5-2"
-})(_templateObject3$l || (_templateObject3$l = _taggedTemplateLiteral(["\n  position: absolute;\n  display: flex;\n  height: 100%;\n  width: 50%;\n  background: rgba(255, 255, 255, 0.85);\n  border-radius: 8px;\n  transform: translateX(", ");\n  transition: 0.4s ease-out;\n  z-index: 100;\n"])), function (_ref2) {
+})(_templateObject3$k || (_templateObject3$k = _taggedTemplateLiteral(["\n  position: absolute;\n  display: flex;\n  height: 100%;\n  width: 50%;\n  background: rgba(255, 255, 255, 0.85);\n  border-radius: 8px;\n  transform: translateX(", ");\n  transition: 0.4s ease-out;\n  z-index: 100;\n"])), function (_ref2) {
   var isSwitched = _ref2.isSwitched;
   return isSwitched ? "100%" : "0%";
 });
 var RowWrapper = styled.div.withConfig({
   displayName: "RowWrapper",
   componentId: "sc-1bkh9t5-3"
-})(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  height: 100%;\n"])));
+})(_templateObject4$g || (_templateObject4$g = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  height: 100%;\n"])));
 var SubscriptionWrapper = styled.div.withConfig({
   displayName: "SubscriptionWrapper",
   componentId: "sc-1bkh9t5-4"
-})(_templateObject5$f || (_templateObject5$f = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 30px;\n  width: 50%;\n  border-radius: 8px;\n  cursor: pointer;\n  z-index: 101;\n  color: ", ";\n  transition: 0.4s ease-out;\n"])), function (_ref3) {
+})(_templateObject5$e || (_templateObject5$e = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 30px;\n  width: 50%;\n  border-radius: 8px;\n  cursor: pointer;\n  z-index: 101;\n  color: ", ";\n  transition: 0.4s ease-out;\n"])), function (_ref3) {
   var isActive = _ref3.isActive;
   return isActive ? "black" : "rgba(255, 255, 255, 0.25)";
 });
@@ -15686,15 +15528,15 @@ var Switch = function Switch(_ref4) {
   });
 };
 
-var _templateObject$y, _templateObject2$q, _templateObject3$k, _templateObject4$g, _templateObject5$e, _templateObject6$a, _templateObject7$6, _templateObject8$3, _templateObject9$2, _templateObject0$2, _templateObject1$2, _templateObject10$2, _templateObject11$2, _templateObject12$1;
+var _templateObject$x, _templateObject2$p, _templateObject3$j, _templateObject4$f, _templateObject5$d, _templateObject6$a, _templateObject7$6, _templateObject8$3, _templateObject9$2, _templateObject0$2, _templateObject1$2, _templateObject10$2, _templateObject11$2, _templateObject12$1;
 var SponsoredText = styled(Text).withConfig({
   displayName: "SponsoredText",
   componentId: "sc-8tid8r-0"
-})(_templateObject$y || (_templateObject$y = _taggedTemplateLiteral(["\n  position: absolute;\n  font-weight: normal;\n  font-size: 10px;\n  line-height: 170%;\n  color: #12ffb8;\n  top: -20px;\n  left: 10px;\n"])));
+})(_templateObject$x || (_templateObject$x = _taggedTemplateLiteral(["\n  position: absolute;\n  font-weight: normal;\n  font-size: 10px;\n  line-height: 170%;\n  color: #12ffb8;\n  top: -20px;\n  left: 10px;\n"])));
 var SpacePadProjectWrapper = styled.div.withConfig({
   displayName: "SpacePadProjectWrapper",
   componentId: "sc-8tid8r-1"
-})(_templateObject2$q || (_templateObject2$q = _taggedTemplateLiteral(["\n  position: relative;\n  width: 406px;\n  height: max-content;\n  ", " {\n    min-width: max-content;\n  }\n  ", " {\n    width: 100%;\n  }\n"])), function (_ref) {
+})(_templateObject2$p || (_templateObject2$p = _taggedTemplateLiteral(["\n  position: relative;\n  width: 406px;\n  height: max-content;\n  ", " {\n    min-width: max-content;\n  }\n  ", " {\n    width: 100%;\n  }\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.mediaQueries.desktop;
 }, function (_ref2) {
@@ -15704,7 +15546,7 @@ var SpacePadProjectWrapper = styled.div.withConfig({
 var SpacePadProjectCard = styled.div.withConfig({
   displayName: "SpacePadProjectCard",
   componentId: "sc-8tid8r-2"
-})(_templateObject3$k || (_templateObject3$k = _taggedTemplateLiteral(["\n  background: ", ";\n  border: 1px solid ", ";\n  box-sizing: border-box;\n  border-radius: 15px;\n  max-width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  overflow: hidden;\n  cursor: pointer;\n  padding-bottom: 24px;\n"])), function (_ref3) {
+})(_templateObject3$j || (_templateObject3$j = _taggedTemplateLiteral(["\n  background: ", ";\n  border: 1px solid ", ";\n  box-sizing: border-box;\n  border-radius: 15px;\n  max-width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  overflow: hidden;\n  cursor: pointer;\n  padding-bottom: 24px;\n"])), function (_ref3) {
   var theme = _ref3.theme;
   return theme.backgrounds.primary;
 }, function (_ref4) {
@@ -15715,14 +15557,14 @@ var SpacePadProjectCard = styled.div.withConfig({
 var ProjectPoster = styled.div.withConfig({
   displayName: "ProjectPoster",
   componentId: "sc-8tid8r-3"
-})(_templateObject4$g || (_templateObject4$g = _taggedTemplateLiteral(["\n  min-height: 175px;\n  width: 100%;\n  position: relative;\n  background: #16161d;\n  background-image: ", ";\n  background-position: center; /* Center the image */\n  background-repeat: no-repeat; /* Do not repeat the image */\n  background-size: cover;\n"])), function (_ref5) {
+})(_templateObject4$f || (_templateObject4$f = _taggedTemplateLiteral(["\n  min-height: 175px;\n  width: 100%;\n  position: relative;\n  background: #16161d;\n  background-image: ", ";\n  background-position: center; /* Center the image */\n  background-repeat: no-repeat; /* Do not repeat the image */\n  background-size: cover;\n"])), function (_ref5) {
   var background = _ref5.background;
   return background;
 });
 var ProjectLogo = styled.div.withConfig({
   displayName: "ProjectLogo",
   componentId: "sc-8tid8r-4"
-})(_templateObject5$e || (_templateObject5$e = _taggedTemplateLiteral(["\n  position: absolute;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 80px;\n  height: 80px;\n  border-radius: 50%;\n  top: 138px;\n  left: 20px;\n  background: #16161d;\n  background-image: ", ";\n  background-position: center; /* Center the image */\n  background-repeat: no-repeat; /* Do not repeat the image */\n  background-size: cover;\n  border: 3px solid #373749;\n  overflow: hidden;\n"])), function (_ref6) {
+})(_templateObject5$d || (_templateObject5$d = _taggedTemplateLiteral(["\n  position: absolute;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 80px;\n  height: 80px;\n  border-radius: 50%;\n  top: 138px;\n  left: 20px;\n  background: #16161d;\n  background-image: ", ";\n  background-position: center; /* Center the image */\n  background-repeat: no-repeat; /* Do not repeat the image */\n  background-size: cover;\n  border: 3px solid #373749;\n  overflow: hidden;\n"])), function (_ref6) {
   var background = _ref6.background;
   return background;
 });
@@ -15983,11 +15825,11 @@ var SpacePadProject = function SpacePadProject(props) {
   });
 };
 
-var _templateObject$x, _templateObject2$p, _templateObject3$j, _templateObject4$f, _templateObject5$d, _templateObject6$9, _templateObject7$5, _templateObject8$2, _templateObject9$1, _templateObject0$1, _templateObject1$1, _templateObject10$1, _templateObject11$1, _templateObject12, _templateObject13;
+var _templateObject$w, _templateObject2$o, _templateObject3$i, _templateObject4$e, _templateObject5$c, _templateObject6$9, _templateObject7$5, _templateObject8$2, _templateObject9$1, _templateObject0$1, _templateObject1$1, _templateObject10$1, _templateObject11$1, _templateObject12, _templateObject13;
 var AccountInfoWrapper = styled.div.withConfig({
   displayName: "AccountInfoWrapper",
   componentId: "sc-1p04ez8-0"
-})(_templateObject$x || (_templateObject$x = _taggedTemplateLiteral(["\n  position: relative;\n  background: ", ";\n  border: 1px solid ", ";\n  border-radius: 10px;\n  padding: 42px 30px;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  ", " {\n    flex-direction: column;\n    padding: 30px 20px;\n  }\n"])), function (_ref) {
+})(_templateObject$w || (_templateObject$w = _taggedTemplateLiteral(["\n  position: relative;\n  background: ", ";\n  border: 1px solid ", ";\n  border-radius: 10px;\n  padding: 42px 30px;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  ", " {\n    flex-direction: column;\n    padding: 30px 20px;\n  }\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.colors.card;
 }, function (_ref2) {
@@ -16000,7 +15842,7 @@ var AccountInfoWrapper = styled.div.withConfig({
 var StyledAccountInfo = styled.div.withConfig({
   displayName: "StyledAccountInfo",
   componentId: "sc-1p04ez8-1"
-})(_templateObject2$p || (_templateObject2$p = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: space-between;\n  justify-content: flex-start;\n  margin-left: 28px;\n  ", " {\n    margin-bottom: ", ";\n    margin-left: 0px;\n  }\n"])), function (_ref4) {
+})(_templateObject2$o || (_templateObject2$o = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: space-between;\n  justify-content: flex-start;\n  margin-left: 28px;\n  ", " {\n    margin-bottom: ", ";\n    margin-left: 0px;\n  }\n"])), function (_ref4) {
   var theme = _ref4.theme;
   return theme.mediaQueries.mobile;
 }, function (_ref5) {
@@ -16010,7 +15852,7 @@ var StyledAccountInfo = styled.div.withConfig({
 var UserComponent = styled.p.withConfig({
   displayName: "UserComponent",
   componentId: "sc-1p04ez8-2"
-})(_templateObject3$j || (_templateObject3$j = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  ", " {\n    width: 100%;\n    margin-bottom: ", ";\n  }\n  ", " {\n    width: 100%;\n    justify-content: ", ";\n  }\n"])), function (_ref6) {
+})(_templateObject3$i || (_templateObject3$i = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  ", " {\n    width: 100%;\n    margin-bottom: ", ";\n  }\n  ", " {\n    width: 100%;\n    justify-content: ", ";\n  }\n"])), function (_ref6) {
   var theme = _ref6.theme;
   return theme.mediaQueries.tablet;
 }, function (_ref7) {
@@ -16036,7 +15878,7 @@ var UserComponent = styled.p.withConfig({
 var AccountComponent = styled.div.withConfig({
   displayName: "AccountComponent",
   componentId: "sc-1p04ez8-3"
-})(_templateObject4$f || (_templateObject4$f = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  justify-content: space-between;\n  border: 1px solid ", ";\n  border-radius: 10px;\n  background: ", ";\n  padding: 16px 24px;\n  margin-left: 31px;\n  ", " {\n    width: 100%;\n    align-items: center;\n    margin-left: 0px;\n  }\n"])), function (_ref0) {
+})(_templateObject4$e || (_templateObject4$e = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  justify-content: space-between;\n  border: 1px solid ", ";\n  border-radius: 10px;\n  background: ", ";\n  padding: 16px 24px;\n  margin-left: 31px;\n  ", " {\n    width: 100%;\n    align-items: center;\n    margin-left: 0px;\n  }\n"])), function (_ref0) {
   var theme = _ref0.theme;
   return theme.colors.white3;
 }, function (_ref1) {
@@ -16049,7 +15891,7 @@ var AccountComponent = styled.div.withConfig({
 var BalanceText = styled(Text).withConfig({
   displayName: "BalanceText",
   componentId: "sc-1p04ez8-4"
-})(_templateObject5$d || (_templateObject5$d = _taggedTemplateLiteral(["\n  margin-left: 50px;\n  ", " {\n    margin-left: 0px;\n  }\n"])), function (_ref11) {
+})(_templateObject5$c || (_templateObject5$c = _taggedTemplateLiteral(["\n  margin-left: 50px;\n  ", " {\n    margin-left: 0px;\n  }\n"])), function (_ref11) {
   var theme = _ref11.theme;
   return theme.mediaQueries.tablet;
 });
@@ -16368,30 +16210,30 @@ var Icon$C = function Icon() {
   });
 };
 
-var _templateObject$w, _templateObject2$o, _templateObject3$i, _templateObject4$e, _templateObject5$c, _templateObject6$8, _templateObject7$4, _templateObject8$1, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11;
+var _templateObject$v, _templateObject2$n, _templateObject3$h, _templateObject4$d, _templateObject5$b, _templateObject6$8, _templateObject7$4, _templateObject8$1, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11;
 var Wrapper$2 = styled.div.withConfig({
   displayName: "Wrapper",
   componentId: "sc-kcmda0-0"
-})(_templateObject$w || (_templateObject$w = _taggedTemplateLiteral(["\n    height: ", ";\n    width: 350px;\n    padding: 24px;\n    background: #191921;\n    border-radius: 10px;\n    @media screen and (max-width: 1180px) {\n      height: auto;\n    }\n"])), function (_ref) {
+})(_templateObject$v || (_templateObject$v = _taggedTemplateLiteral(["\n    height: ", ";\n    width: 350px;\n    padding: 24px;\n    background: #191921;\n    border-radius: 10px;\n    @media screen and (max-width: 1180px) {\n      height: auto;\n    }\n"])), function (_ref) {
   var height = _ref.height;
   return height ? "".concat(height, "px") : "auto";
 });
 var Header = styled.div.withConfig({
   displayName: "Header",
   componentId: "sc-kcmda0-1"
-})(_templateObject2$o || (_templateObject2$o = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"])));
+})(_templateObject2$n || (_templateObject2$n = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"])));
 var PoolWeightWrapper = styled.div.withConfig({
   displayName: "PoolWeightWrapper",
   componentId: "sc-kcmda0-2"
-})(_templateObject3$i || (_templateObject3$i = _taggedTemplateLiteral(["\n  width: auto;\n  display: flex;\n  flex-direction: column;\n"])));
+})(_templateObject3$h || (_templateObject3$h = _taggedTemplateLiteral(["\n  width: auto;\n  display: flex;\n  flex-direction: column;\n"])));
 var PoolWeightText = styled(Text).withConfig({
   displayName: "PoolWeightText",
   componentId: "sc-kcmda0-3"
-})(_templateObject4$e || (_templateObject4$e = _taggedTemplateLiteral(["\n  color: rgba(255, 255, 255, 0.55);\n"])));
+})(_templateObject4$d || (_templateObject4$d = _taggedTemplateLiteral(["\n  color: rgba(255, 255, 255, 0.55);\n"])));
 var CssPowerText = styled(Text).withConfig({
   displayName: "CssPowerText",
   componentId: "sc-kcmda0-4"
-})(_templateObject5$c || (_templateObject5$c = _taggedTemplateLiteral(["\n  color: rgba(255, 255, 255, 0.55);\n"])));
+})(_templateObject5$b || (_templateObject5$b = _taggedTemplateLiteral(["\n  color: rgba(255, 255, 255, 0.55);\n"])));
 var RequirementDescripton = styled(Text).withConfig({
   displayName: "RequirementDescripton",
   componentId: "sc-kcmda0-5"
@@ -16492,27 +16334,27 @@ var TierCard = function TierCard(_ref2) {
   });
 };
 
-var _templateObject$v, _templateObject2$n, _templateObject3$h, _templateObject4$d, _templateObject5$b, _templateObject6$7;
+var _templateObject$u, _templateObject2$m, _templateObject3$g, _templateObject4$c, _templateObject5$a, _templateObject6$7;
 var Wrapper$1 = styled.div.withConfig({
   displayName: "Wrapper",
   componentId: "sc-8hnj4a-0"
-})(_templateObject$v || (_templateObject$v = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 300px;\n"])));
+})(_templateObject$u || (_templateObject$u = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 300px;\n"])));
 var Upper = styled.div.withConfig({
   displayName: "Upper",
   componentId: "sc-8hnj4a-1"
-})(_templateObject2$n || (_templateObject2$n = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n"])));
+})(_templateObject2$m || (_templateObject2$m = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n"])));
 var IconWrapper = styled.div.withConfig({
   displayName: "IconWrapper",
   componentId: "sc-8hnj4a-2"
-})(_templateObject3$h || (_templateObject3$h = _taggedTemplateLiteral(["\n  margin: 0 auto;\n  max-width: 220px;\n  max-height: 160px;\n"])));
+})(_templateObject3$g || (_templateObject3$g = _taggedTemplateLiteral(["\n  margin: 0 auto;\n  max-width: 220px;\n  max-height: 160px;\n"])));
 var StepNumber = styled.p.withConfig({
   displayName: "StepNumber",
   componentId: "sc-8hnj4a-3"
-})(_templateObject4$d || (_templateObject4$d = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 40px;\n  height: 40px;\n  border: 1px solid rgba(255, 255, 255, 0.03);\n  color: #ffffff;\n  opacity: 0.55;\n  border-radius: 10px;\n  background: #1d1d26;\n"])));
+})(_templateObject4$c || (_templateObject4$c = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 40px;\n  height: 40px;\n  border: 1px solid rgba(255, 255, 255, 0.03);\n  color: #ffffff;\n  opacity: 0.55;\n  border-radius: 10px;\n  background: #1d1d26;\n"])));
 var StepDescription = styled(Text).withConfig({
   displayName: "StepDescription",
   componentId: "sc-8hnj4a-4"
-})(_templateObject5$b || (_templateObject5$b = _taggedTemplateLiteral(["\n  text-align: center;\n  color: rgba(255, 255, 255, 0.55);\n  max-width: 229px;\n  ", " {\n    font-size: 14px;\n  }\n"])), function (_ref) {
+})(_templateObject5$a || (_templateObject5$a = _taggedTemplateLiteral(["\n  text-align: center;\n  color: rgba(255, 255, 255, 0.55);\n  max-width: 229px;\n  ", " {\n    font-size: 14px;\n  }\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.mediaQueries.mobile;
 });
@@ -16572,36 +16414,36 @@ var IdoParticipationStep = function IdoParticipationStep(_ref2) {
   });
 };
 
-var _templateObject$u, _templateObject2$m, _templateObject3$g, _templateObject4$c, _templateObject5$a, _templateObject6$6, _templateObject7$3;
+var _templateObject$t, _templateObject2$l, _templateObject3$f, _templateObject4$b, _templateObject5$9, _templateObject6$6, _templateObject7$3;
 var UserTiersWrapper = styled.div.withConfig({
   displayName: "UserTiersWrapper",
   componentId: "sc-ge61bg-0"
-})(_templateObject$u || (_templateObject$u = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  height: max-content;\n  background: ", ";\n  border-radius: 16px;\n  padding: 32px;\n"])), function (_ref) {
+})(_templateObject$t || (_templateObject$t = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  height: max-content;\n  background: ", ";\n  border-radius: 16px;\n  padding: 32px;\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.colors.card;
 });
 var TiersTitle = styled(Text).withConfig({
   displayName: "TiersTitle",
   componentId: "sc-ge61bg-1"
-})(_templateObject2$m || (_templateObject2$m = _taggedTemplateLiteral(["\n  font-weight: bold;\n  font-size: 32px;\n  line-height: 130%;\n  color: ", ";\n  margin-bottom: 20px;\n"])), function (_ref2) {
+})(_templateObject2$l || (_templateObject2$l = _taggedTemplateLiteral(["\n  font-weight: bold;\n  font-size: 32px;\n  line-height: 130%;\n  color: ", ";\n  margin-bottom: 20px;\n"])), function (_ref2) {
   var theme = _ref2.theme;
   return theme.colors.white;
 });
 var Column = styled.div.withConfig({
   displayName: "Column",
   componentId: "sc-ge61bg-2"
-})(_templateObject3$g || (_templateObject3$g = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n"])));
+})(_templateObject3$f || (_templateObject3$f = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n"])));
 var TierRow = styled(Box).withConfig({
   displayName: "TierRow",
   componentId: "sc-ge61bg-3"
-})(_templateObject4$c || (_templateObject4$c = _taggedTemplateLiteral(["\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 10px 0px;\n  border-bottom: ", ";\n"])), function (_ref3) {
+})(_templateObject4$b || (_templateObject4$b = _taggedTemplateLiteral(["\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 10px 0px;\n  border-bottom: ", ";\n"])), function (_ref3) {
   var bordered = _ref3.bordered;
   return bordered && "1px solid #272730";
 });
 var TierNumberText = styled(Text).withConfig({
   displayName: "TierNumberText",
   componentId: "sc-ge61bg-4"
-})(_templateObject5$a || (_templateObject5$a = _taggedTemplateLiteral(["\n  font-size: 14px;\n  line-height: 160%;\n  color: ", ";\n  font-weight: ", ";\n  position: relative;\n"])), function (_ref4) {
+})(_templateObject5$9 || (_templateObject5$9 = _taggedTemplateLiteral(["\n  font-size: 14px;\n  line-height: 160%;\n  color: ", ";\n  font-weight: ", ";\n  position: relative;\n"])), function (_ref4) {
   var theme = _ref4.theme,
     active = _ref4.active;
   return active ? theme.colors.white : "#818c92";
@@ -16684,11 +16526,11 @@ var UserTiers = function UserTiers(props) {
   });
 };
 
-var _templateObject$t;
+var _templateObject$s;
 var StyledMultiValue = styled.div.withConfig({
   displayName: "StyledMultiValue",
   componentId: "sc-11c5hed-0"
-})(_templateObject$t || (_templateObject$t = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: flex-end;\n"])));
+})(_templateObject$s || (_templateObject$s = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: flex-end;\n"])));
 var SpacePadKeyMetrics = function SpacePadKeyMetrics(_ref) {
   var spaceRound = _ref.spaceRound,
     useEndTime = _ref.useEndTime,
@@ -16722,15 +16564,15 @@ var SpacePadKeyMetrics = function SpacePadKeyMetrics(_ref) {
   });
 };
 
-var _templateObject$s, _templateObject2$l, _templateObject3$f, _templateObject4$b, _templateObject5$9;
+var _templateObject$r, _templateObject2$k, _templateObject3$e, _templateObject4$a, _templateObject5$8;
 var LaunchWrapper = styled.div.withConfig({
   displayName: "LaunchWrapper",
   componentId: "sc-8kj88a-0"
-})(_templateObject$s || (_templateObject$s = _taggedTemplateLiteral(["\n  width: 100%;\n  background: #1d1d26;\n  padding: 44px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: center;\n  margin-top: 70px;\n"])));
+})(_templateObject$r || (_templateObject$r = _taggedTemplateLiteral(["\n  width: 100%;\n  background: #1d1d26;\n  padding: 44px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: center;\n  margin-top: 70px;\n"])));
 var ForProjects = styled(Text).withConfig({
   displayName: "ForProjects",
   componentId: "sc-8kj88a-1"
-})(_templateObject2$l || (_templateObject2$l = _taggedTemplateLiteral(["\n  margin: 0 auto;\n  width: 135px;\n  text-align: center;\n  border: 1px solid ", ";\n  color: ", ";\n  line-height: 28px;\n  border-radius: 10px;\n"])), function (_ref) {
+})(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteral(["\n  margin: 0 auto;\n  width: 135px;\n  text-align: center;\n  border: 1px solid ", ";\n  color: ", ";\n  line-height: 28px;\n  border-radius: 10px;\n"])), function (_ref) {
   var theme = _ref.theme,
     mainColor = _ref.mainColor;
   return mainColor || theme.colors.darkPurple;
@@ -16742,15 +16584,15 @@ var ForProjects = styled(Text).withConfig({
 var LaunchHeader = styled(Text).withConfig({
   displayName: "LaunchHeader",
   componentId: "sc-8kj88a-2"
-})(_templateObject3$f || (_templateObject3$f = _taggedTemplateLiteral(["\n  margin: 20px 0;\n  text-align: center;\n  @media screen and (max-width: 760px) {\n    width: 310px;\n    font-size: 26px;\n  }\n"])));
+})(_templateObject3$e || (_templateObject3$e = _taggedTemplateLiteral(["\n  margin: 20px 0;\n  text-align: center;\n  @media screen and (max-width: 760px) {\n    width: 310px;\n    font-size: 26px;\n  }\n"])));
 var LaunchDescription = styled(Text).withConfig({
   displayName: "LaunchDescription",
   componentId: "sc-8kj88a-3"
-})(_templateObject4$b || (_templateObject4$b = _taggedTemplateLiteral(["\n  width: 630px;\n  color: rgba(255, 255, 255, 0.55);\n  text-align: center;\n  @media screen and (max-width: 760px) {\n    width: 310px;\n  }\n"])));
+})(_templateObject4$a || (_templateObject4$a = _taggedTemplateLiteral(["\n  width: 630px;\n  color: rgba(255, 255, 255, 0.55);\n  text-align: center;\n  @media screen and (max-width: 760px) {\n    width: 310px;\n  }\n"])));
 var ApplyForIdoButton = styled(Button$1).withConfig({
   displayName: "ApplyForIdoButton",
   componentId: "sc-8kj88a-4"
-})(_templateObject5$9 || (_templateObject5$9 = _taggedTemplateLiteral(["\n  width: 161px;\n  height: 44px;\n  border-radius: 10px;\n  background: #12ffb8;\n  margin-top: 45px;\n"])));
+})(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteral(["\n  width: 161px;\n  height: 44px;\n  border-radius: 10px;\n  background: #12ffb8;\n  margin-top: 45px;\n"])));
 var SpacePadLaunch = function SpacePadLaunch(_ref3) {
   var title = _ref3.title,
     description = _ref3.description,
@@ -16779,24 +16621,24 @@ var SpacePadLaunch = function SpacePadLaunch(_ref3) {
   });
 };
 
-var _templateObject$r;
+var _templateObject$q;
 var ReferralTitle = styled(Text).withConfig({
   displayName: "ReferralTitle",
   componentId: "sc-q2pgu9-0"
-})(_templateObject$r || (_templateObject$r = _taggedTemplateLiteral(["\n  font-weight: bold;\n  font-size: 32px;\n  line-height: 130%;\n  color: ", ";\n"])), function (_ref) {
+})(_templateObject$q || (_templateObject$q = _taggedTemplateLiteral(["\n  font-weight: bold;\n  font-size: 32px;\n  line-height: 130%;\n  color: ", ";\n"])), function (_ref) {
   var fontColor = _ref.fontColor;
   return fontColor || "#ffffff";
 });
 
-var _templateObject$q, _templateObject2$k;
+var _templateObject$p, _templateObject2$j;
 var ReferralBannerWrapper = styled.div.withConfig({
   displayName: "ReferralBannerWrapper",
   componentId: "sc-3cib5z-0"
-})(_templateObject$q || (_templateObject$q = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n"])));
+})(_templateObject$p || (_templateObject$p = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n"])));
 var InvitationDescription = styled(Text).withConfig({
   displayName: "InvitationDescription",
   componentId: "sc-3cib5z-1"
-})(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteral(["\n  font-weight: normal;\n  font-size: 16px;\n  line-height: 24px;\n  color: #818c92;\n  margin-bottom: 24px;\n"])));
+})(_templateObject2$j || (_templateObject2$j = _taggedTemplateLiteral(["\n  font-weight: normal;\n  font-size: 16px;\n  line-height: 24px;\n  color: #818c92;\n  margin-bottom: 24px;\n"])));
 var ReferralBanner = function ReferralBanner(props) {
   var refFee = props.refFee,
     onReadMore = props.onReadMore,
@@ -16861,33 +16703,33 @@ var copyValueToClipboard = function copyValueToClipboard(value, copyCallback) {
   }, 3000);
 };
 
-var _templateObject$p, _templateObject2$j, _templateObject3$e, _templateObject4$a, _templateObject5$8, _templateObject6$5;
+var _templateObject$o, _templateObject2$i, _templateObject3$d, _templateObject4$9, _templateObject5$7, _templateObject6$5;
 var TableCard = styled(Card).withConfig({
   displayName: "TableCard",
   componentId: "sc-wd2wdf-0"
-})(_templateObject$p || (_templateObject$p = _taggedTemplateLiteral(["\n  border: none;\n  padding: 15px;\n  width: 100%;\n  margin-bottom: 24px;\n  ", " {\n    padding: 25px 30px;\n  }\n"])), function (_ref) {
+})(_templateObject$o || (_templateObject$o = _taggedTemplateLiteral(["\n  border: none;\n  padding: 15px;\n  width: 100%;\n  margin-bottom: 24px;\n  ", " {\n    padding: 25px 30px;\n  }\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.mediaQueries.sm;
 });
 var CopyLinkCardWrapper = styled(TableCard).withConfig({
   displayName: "CopyLinkCardWrapper",
   componentId: "sc-wd2wdf-1"
-})(_templateObject2$j || (_templateObject2$j = _taggedTemplateLiteral(["\n  background: #1d1d26;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n"])));
+})(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteral(["\n  background: #1d1d26;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n"])));
 var MyReferralCard = styled(TableCard).withConfig({
   displayName: "MyReferralCard",
   componentId: "sc-wd2wdf-2"
-})(_templateObject3$e || (_templateObject3$e = _taggedTemplateLiteral(["\n  background: #16161d;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  grid-column: span 6;\n  ", " {\n    grid-column: span 7;\n  }\n"])), function (_ref2) {
+})(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteral(["\n  background: #16161d;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  grid-column: span 6;\n  ", " {\n    grid-column: span 7;\n  }\n"])), function (_ref2) {
   var theme = _ref2.theme;
   return theme.mediaQueries.sm;
 });
 var RefLink = styled(Text).withConfig({
   displayName: "RefLink",
   componentId: "sc-wd2wdf-3"
-})(_templateObject4$a || (_templateObject4$a = _taggedTemplateLiteral(["\n  display: inline;\n  align-items: center;\n  text-overflow: ellipsis;\n  width: 80%;\n  overflow: hidden;\n  white-space: nowrap;\n  height: max-content;\n  font-weight: 600;\n  font-size: 16px;\n  line-height: 24px;\n"])));
+})(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteral(["\n  display: inline;\n  align-items: center;\n  text-overflow: ellipsis;\n  width: 80%;\n  overflow: hidden;\n  white-space: nowrap;\n  height: max-content;\n  font-weight: 600;\n  font-size: 16px;\n  line-height: 24px;\n"])));
 var SocialRow = styled.div.withConfig({
   displayName: "SocialRow",
   componentId: "sc-wd2wdf-4"
-})(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n"])));
+})(_templateObject5$7 || (_templateObject5$7 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n"])));
 var ShareText = styled(Text).withConfig({
   displayName: "ShareText",
   componentId: "sc-wd2wdf-5"
@@ -17632,18 +17474,18 @@ var IconModule = /*#__PURE__*/Object.freeze({
   YouTubeIcon: Icon$e
 });
 
-var _templateObject$o, _templateObject2$i;
+var _templateObject$n, _templateObject2$h;
 var StyledLink = styled(Link$1).withConfig({
   displayName: "StyledLink",
   componentId: "sc-1u6975p-0"
-})(_templateObject$o || (_templateObject$o = _taggedTemplateLiteral(["\n  display: flex;\n  display: -webkit-flex;\n  align-items: center;\n  -webkit-align-items: center;\n  .mobile-icon {\n    width: 32px;\n    margin-left: 10px;\n  }\n  .desktop-icon {\n    width: 156px;\n    display: none;\n    ", " {\n      display: block;\n    }\n  }\n  margin-left: 0px;\n"])), function (_ref) {
+})(_templateObject$n || (_templateObject$n = _taggedTemplateLiteral(["\n  display: flex;\n  display: -webkit-flex;\n  align-items: center;\n  -webkit-align-items: center;\n  .mobile-icon {\n    width: 32px;\n    margin-left: 10px;\n  }\n  .desktop-icon {\n    width: 156px;\n    display: none;\n    ", " {\n      display: block;\n    }\n  }\n  margin-left: 0px;\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.mediaQueries.nav;
 });
 var CoinswapLogo = styled.div.withConfig({
   displayName: "CoinswapLogo",
   componentId: "sc-1u6975p-1"
-})(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteral(["\n  $opacity: ", ";\n  width: ", ";\n  transition: width 0.6s, $opacity 0.3s;\n"])), function (_ref2) {
+})(_templateObject2$h || (_templateObject2$h = _taggedTemplateLiteral(["\n  $opacity: ", ";\n  width: ", ";\n  transition: width 0.6s, $opacity 0.3s;\n"])), function (_ref2) {
   var isPushed = _ref2.isPushed;
   return isPushed ? 1 : 0;
 }, function (_ref3) {
@@ -17836,12 +17678,12 @@ var MENU_ACCORDION_HEIGHT = 30;
 var SIDEBAR_WIDTH_FULL = 240;
 var SIDEBAR_WIDTH_REDUCED = 70;
 
-var _templateObject$n, _templateObject2$h, _templateObject3$d;
-var rainbowAnimation = keyframes(_templateObject$n || (_templateObject$n = _taggedTemplateLiteral(["\n  0%,\n  100% {\n    background-position: 0 0;\n  }\n  50% {\n    background-position: 100% 0;\n  }\n"])));
+var _templateObject$m, _templateObject2$g, _templateObject3$c;
+var rainbowAnimation = keyframes(_templateObject$m || (_templateObject$m = _taggedTemplateLiteral(["\n  0%,\n  100% {\n    background-position: 0 0;\n  }\n  50% {\n    background-position: 100% 0;\n  }\n"])));
 var LinkLabel = styled.div.withConfig({
   displayName: "LinkLabel",
   componentId: "sc-1sxukum-0"
-})(_templateObject2$h || (_templateObject2$h = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  color: ", ";\n  transition: all 0.7s;\n  flex-grow: 1;\n  font-weight: 700;\n  font-size: 14px;\n  width: 100%;\n  opacity: ", ";\n"])), function (_ref) {
+})(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  color: ", ";\n  transition: all 0.7s;\n  flex-grow: 1;\n  font-weight: 700;\n  font-size: 14px;\n  width: 100%;\n  opacity: ", ";\n"])), function (_ref) {
   var isPushed = _ref.isPushed,
     isActive = _ref.isActive;
   return !isPushed ? "transparent" : isActive ? "rgba(255, 255, 255, 1)" : "rgba(255, 255, 255, 0.5)";
@@ -17852,7 +17694,7 @@ var LinkLabel = styled.div.withConfig({
 var MenuEntry = styled.div.withConfig({
   displayName: "MenuEntry",
   componentId: "sc-1sxukum-1"
-})(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteral(["\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  height: ", "px;\n  width: ", "px;\n  padding: ", ";\n  font-size: 14px;\n  background-color: ", ";\n  color: ", ";\n  transition: all 0.9s;\n  ", " {\n    height: 40px;\n  }\n\n  a {\n    display: flex;\n    align-items: center;\n    width: 100%;\n    height: 100%;\n    color: ", ";\n    font-weight: 700;\n    transition: all 0.5s;\n  }\n\n  .dot {\n    height: 5px;\n    width: 5px;\n    border-radius: 50%;\n    display: inline-block;\n    background-color: ", ";\n  }\n\n  svg {\n    fill: ", ";\n    margin-right: 13px;\n  }\n\n  &:hover {\n    svg {\n      path {\n        fill: #12ffb8;\n        fill-opacity: 1;\n      }\n      margin-right: ", ";\n    }\n    div,\n    a {\n      svg {\n        path {\n          fill: ", ";\n        }\n      }\n    }\n\n    div,\n    a {\n      color: rgba(255, 255, 255, 1);\n    }\n  }\n\n  // Safari fix\n  flex-shrink: 0;\n\n  &.rainbow {\n    background-clip: text;\n    animation: ", " 3s ease-in-out infinite;\n    background: ", ";\n    background-size: 400% 100%;\n  }\n"])), MENU_ENTRY_HEIGHT, SIDEBAR_WIDTH_FULL, function (_ref3) {
+})(_templateObject3$c || (_templateObject3$c = _taggedTemplateLiteral(["\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  height: ", "px;\n  width: ", "px;\n  padding: ", ";\n  font-size: 14px;\n  background-color: ", ";\n  color: ", ";\n  transition: all 0.9s;\n  ", " {\n    height: 40px;\n  }\n\n  a {\n    display: flex;\n    align-items: center;\n    width: 100%;\n    height: 100%;\n    color: ", ";\n    font-weight: 700;\n    transition: all 0.5s;\n  }\n\n  .dot {\n    height: 5px;\n    width: 5px;\n    border-radius: 50%;\n    display: inline-block;\n    background-color: ", ";\n  }\n\n  svg {\n    fill: ", ";\n    margin-right: 13px;\n  }\n\n  &:hover {\n    svg {\n      path {\n        fill: #12ffb8;\n        fill-opacity: 1;\n      }\n      margin-right: ", ";\n    }\n    div,\n    a {\n      svg {\n        path {\n          fill: ", ";\n        }\n      }\n    }\n\n    div,\n    a {\n      color: rgba(255, 255, 255, 1);\n    }\n  }\n\n  // Safari fix\n  flex-shrink: 0;\n\n  &.rainbow {\n    background-clip: text;\n    animation: ", " 3s ease-in-out infinite;\n    background: ", ";\n    background-size: 400% 100%;\n  }\n"])), MENU_ENTRY_HEIGHT, SIDEBAR_WIDTH_FULL, function (_ref3) {
   var secondary = _ref3.secondary;
   return secondary ? "0 32px" : "0 25px";
 }, function (_ref4) {
@@ -17886,15 +17728,15 @@ var MenuEntry = styled.div.withConfig({
   return theme.colors.gradients.bubblegum;
 });
 
-var _templateObject$m, _templateObject2$g, _templateObject3$c;
+var _templateObject$l, _templateObject2$f, _templateObject3$b;
 var Container$2 = styled.div.withConfig({
   displayName: "Container",
   componentId: "sc-1j605qy-0"
-})(_templateObject$m || (_templateObject$m = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  // Safari fix\n  flex-shrink: 0;\n"])));
+})(_templateObject$l || (_templateObject$l = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  // Safari fix\n  flex-shrink: 0;\n"])));
 var AccordionContent = styled.div.withConfig({
   displayName: "AccordionContent",
   componentId: "sc-1j605qy-1"
-})(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteral(["\n  max-height: ", ";\n  transition: max-height 0.3s ease-out;\n  overflow-x: hidden;\n  overflow-y: scroll;\n  border-color: ", ";\n  border-style: solid;\n  border-width: 1px 0;\n  border-bottom: none;\n"])), function (_ref) {
+})(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteral(["\n  max-height: ", ";\n  transition: max-height 0.3s ease-out;\n  overflow-x: hidden;\n  overflow-y: scroll;\n  border-color: ", ";\n  border-style: solid;\n  border-width: 1px 0;\n  border-bottom: none;\n"])), function (_ref) {
   var isOpen = _ref.isOpen,
     maxHeight = _ref.maxHeight;
   return isOpen ? "".concat(maxHeight, "px") : 0;
@@ -17906,7 +17748,7 @@ var AccordionContent = styled.div.withConfig({
 var ArrowIcon = styled(Icon$2x).withConfig({
   displayName: "ArrowIcon",
   componentId: "sc-1j605qy-2"
-})(_templateObject3$c || (_templateObject3$c = _taggedTemplateLiteral(["\n  margin-right: -7px !important;\n  transform: rotate(", "deg);\n  transition: transform 0.4s;\n"])), function (_ref3) {
+})(_templateObject3$b || (_templateObject3$b = _taggedTemplateLiteral(["\n  margin-right: -7px !important;\n  transform: rotate(", "deg);\n  transition: transform 0.4s;\n"])), function (_ref3) {
   var isOpen = _ref3.isOpen;
   return isOpen ? 0 : 180;
 });
@@ -17979,19 +17821,19 @@ var ExtraIcon;
   ExtraIcon["new"] = "new";
 })(ExtraIcon || (ExtraIcon = {}));
 
-var _templateObject$l, _templateObject2$f;
+var _templateObject$k, _templateObject2$e;
 var Icons$2 = IconModule;
 var Container$1 = styled.div.withConfig({
   displayName: "Container",
   componentId: "sc-1qgqorz-0"
-})(_templateObject$l || (_templateObject$l = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  overflow-y: auto;\n  overflow-x: hidden;\n  scrollbar-color: ", " transparent;\n  scrollbar-width: thin !important;\n"])), function (_ref) {
+})(_templateObject$k || (_templateObject$k = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  overflow-y: auto;\n  overflow-x: hidden;\n  scrollbar-color: ", " transparent;\n  scrollbar-width: thin !important;\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.colors.primary;
 });
 var NewLabel = styled.div.withConfig({
   displayName: "NewLabel",
   componentId: "sc-1qgqorz-1"
-})(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: ", " !important;\n  border: solid 1px ", ";\n  border-radius: 12px;\n  padding: 2px 8px;\n  font-size: 10px;\n  line-height: 9px;\n  font-weight: 700;\n  margin-left: 5px;\n  text-align: center;\n"])), function (_ref2) {
+})(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: ", " !important;\n  border: solid 1px ", ";\n  border-radius: 12px;\n  padding: 2px 8px;\n  font-size: 10px;\n  line-height: 9px;\n  font-weight: 700;\n  margin-left: 5px;\n  text-align: center;\n"])), function (_ref2) {
   var theme = _ref2.theme;
   return theme.colors.primary;
 }, function (_ref3) {
@@ -18095,7 +17937,7 @@ var PanelBody = function PanelBody(_ref4) {
 };
 
 var _excluded$1 = ["startIcon", "endIcon", "children", "external", "$isLoading", "isLoading", "disabled"];
-var _templateObject$k;
+var _templateObject$j;
 var StyledNavButton = styled.button.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !['$fullWidth', '$isLoading'].includes(prop);
@@ -18103,7 +17945,7 @@ var StyledNavButton = styled.button.withConfig({
 }).withConfig({
   displayName: "StyledNavButton",
   componentId: "sc-11strgr-0"
-})(_templateObject$k || (_templateObject$k = _taggedTemplateLiteral(["\n  align-items: center;\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  font-family: inherit;\n  font-size: 16px;\n  font-weight: 600;\n  /* max-content instead of auto for Safari fix */\n  width: ", ";\n  height: ", ";\n  line-height: 1;\n  letter-spacing: 0.03em;\n  justify-content: center;\n  outline: 0;\n  border: none;\n  transition: background-color 0.2s;\n  background-color: transparent;\n  opacity: ", ";\n  margin-left: 10px;\n"])), function (_ref) {
+})(_templateObject$j || (_templateObject$j = _taggedTemplateLiteral(["\n  align-items: center;\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  font-family: inherit;\n  font-size: 16px;\n  font-weight: 600;\n  /* max-content instead of auto for Safari fix */\n  width: ", ";\n  height: ", ";\n  line-height: 1;\n  letter-spacing: 0.03em;\n  justify-content: center;\n  outline: 0;\n  border: none;\n  transition: background-color 0.2s;\n  background-color: transparent;\n  opacity: ", ";\n  margin-left: 10px;\n"])), function (_ref) {
   var $fullWidth = _ref.$fullWidth,
     fullWidth = _ref.fullWidth;
   return $fullWidth || fullWidth ? "100%" : "max-content";
@@ -18140,14 +17982,14 @@ var NavButton = function NavButton(_ref4) {
   }));
 };
 
-var _templateObject$j;
+var _templateObject$i;
 var MenuButton = styled(NavButton).attrs({
   variant: "text",
   size: "sm"
 }).withConfig({
   displayName: "MenuButton",
   componentId: "sc-1nwrww1-0"
-})(_templateObject$j || (_templateObject$j = _taggedTemplateLiteral(["\n  color: ", ";\n  padding: 0 8px;\n  border-radius: 8px;\n"])), function (_ref) {
+})(_templateObject$i || (_templateObject$i = _taggedTemplateLiteral(["\n  color: ", ";\n  padding: 0 8px;\n  border-radius: 8px;\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.colors.text;
 });
@@ -18183,13 +18025,13 @@ var getLangFlag = function getLangFlag(lang) {
   }
 };
 
-var _templateObject$i, _templateObject2$e, _templateObject3$b, _templateObject4$9, _templateObject5$7, _templateObject6$4, _templateObject7$2;
+var _templateObject$h, _templateObject2$d, _templateObject3$a, _templateObject4$8, _templateObject5$6, _templateObject6$4, _templateObject7$2;
 var Icons$1 = IconModule;
 var LanguageIcon = Icons$1.LanguageIcon;
 var LangButton = styled(Button$1).withConfig({
   displayName: "LangButton",
   componentId: "sc-1yvxo6n-0"
-})(_templateObject$i || (_templateObject$i = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  position: relative;\n  justify-content: flex-start;\n  z-index: 9999999;\n  border: 1px solid ", ";\n  &:hover:not(:disabled):not(.button--disabled):not(:active) {\n    border: 1px solid rgba(255, 255, 255, 0.03);\n  }\n  transition: width 0.6s;\n  height: 28px;\n  width: ", "px;\n  margin-bottom: 15px;\n  padding: 0px 10px;\n"])), function (_ref) {
+})(_templateObject$h || (_templateObject$h = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  position: relative;\n  justify-content: flex-start;\n  z-index: 9999999;\n  border: 1px solid ", ";\n  &:hover:not(:disabled):not(.button--disabled):not(:active) {\n    border: 1px solid rgba(255, 255, 255, 0.03);\n  }\n  transition: width 0.6s;\n  height: 28px;\n  width: ", "px;\n  margin-bottom: 15px;\n  padding: 0px 10px;\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.colors.white3;
 }, function (_ref2) {
@@ -18199,7 +18041,7 @@ var LangButton = styled(Button$1).withConfig({
 var LangModal = styled.div.withConfig({
   displayName: "LangModal",
   componentId: "sc-1yvxo6n-1"
-})(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteral(["\n  position: absolute;\n  display: ", "};\n  bottom: 45px;\n  left: 0px;\n  background: ", ";\n  border: 1px solid rgba(255, 255, 255, 0.03);\n  width: 267px;\n  height: auto;\n  padding: 27px 17px 27px 27px;\n  border-radius: 15px;\n"])), function (_ref3) {
+})(_templateObject2$d || (_templateObject2$d = _taggedTemplateLiteral(["\n  position: absolute;\n  display: ", "};\n  bottom: 45px;\n  left: 0px;\n  background: ", ";\n  border: 1px solid rgba(255, 255, 255, 0.03);\n  width: 267px;\n  height: auto;\n  padding: 27px 17px 27px 27px;\n  border-radius: 15px;\n"])), function (_ref3) {
   var display = _ref3.display;
   return display ? "block" : "none";
 }, function (_ref4) {
@@ -18209,7 +18051,7 @@ var LangModal = styled.div.withConfig({
 var LangsList = styled.div.withConfig({
   displayName: "LangsList",
   componentId: "sc-1yvxo6n-2"
-})(_templateObject3$b || (_templateObject3$b = _taggedTemplateLiteral(["\n  max-height: 170px;\n  overflow-y: scroll;\n  &::-webkit-scrollbar {\n    width: 5px !important;\n  }\n  &::-webkit-scrollbar-thumb {\n    background: ", " !important;\n    border-radius: 8px;\n  }\n  &::-webkit-scrollbar-track {\n    box-shadow: inset 0 0 5px ", ";\n    border-radius: 3px;\n  }\n"])), function (_ref5) {
+})(_templateObject3$a || (_templateObject3$a = _taggedTemplateLiteral(["\n  max-height: 170px;\n  overflow-y: scroll;\n  &::-webkit-scrollbar {\n    width: 5px !important;\n  }\n  &::-webkit-scrollbar-thumb {\n    background: ", " !important;\n    border-radius: 8px;\n  }\n  &::-webkit-scrollbar-track {\n    box-shadow: inset 0 0 5px ", ";\n    border-radius: 3px;\n  }\n"])), function (_ref5) {
   var theme = _ref5.theme;
   return theme.colors.white55;
 }, function (_ref6) {
@@ -18219,11 +18061,11 @@ var LangsList = styled.div.withConfig({
 var TitleContainer = styled.div.withConfig({
   displayName: "TitleContainer",
   componentId: "sc-1yvxo6n-3"
-})(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin-bottom: 10px;\n"])));
-var ButtonContainer$1 = styled.div.withConfig({
+})(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin-bottom: 10px;\n"])));
+var ButtonContainer = styled.div.withConfig({
   displayName: "ButtonContainer",
   componentId: "sc-1yvxo6n-4"
-})(_templateObject5$7 || (_templateObject5$7 = _taggedTemplateLiteral(["\n  width: 100%;\n  text-align: start;\n  padding: 0px 8px;\n"])));
+})(_templateObject5$6 || (_templateObject5$6 = _taggedTemplateLiteral(["\n  width: 100%;\n  text-align: start;\n  padding: 0px 8px;\n"])));
 var LangText = styled(Text).withConfig({
   displayName: "LangText",
   componentId: "sc-1yvxo6n-5"
@@ -18258,7 +18100,7 @@ var LangSelector$1 = function LangSelector(_ref9) {
       setshowModal(false);
     }
   }, [isPushed]);
-  return /*#__PURE__*/jsx(ButtonContainer$1, {
+  return /*#__PURE__*/jsx(ButtonContainer, {
     children: /*#__PURE__*/jsxs(LangButton, {
       variant: buttonVariant.OUTLINE,
       onClick: function onClick() {
@@ -18339,15 +18181,15 @@ var LangSelector = /*#__PURE__*/React__default.memo(LangSelector$1, function (pr
   return prev.currentLang === next.currentLang && prev.isPushed === next.isPushed;
 });
 
-var _templateObject$h, _templateObject2$d;
+var _templateObject$g, _templateObject2$c;
 var Container = styled.div.withConfig({
   displayName: "Container",
   componentId: "sc-11jjlfd-0"
-})(_templateObject$h || (_templateObject$h = _taggedTemplateLiteral(["\n  flex: none;\n  padding: 5px 5px 20px 5px;\n  background-color: transparent;\n  position: relative;\n  width: 100%;\n  margin-top: 15px;\n"])));
+})(_templateObject$g || (_templateObject$g = _taggedTemplateLiteral(["\n  flex: none;\n  padding: 5px 5px 20px 5px;\n  background-color: transparent;\n  position: relative;\n  width: 100%;\n  margin-top: 15px;\n"])));
 var SettingsEntry = styled.div.withConfig({
   displayName: "SettingsEntry",
   componentId: "sc-11jjlfd-1"
-})(_templateObject2$d || (_templateObject2$d = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  height: auto;\n"])));
+})(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  height: auto;\n"])));
 var PanelFooter = function PanelFooter(_ref) {
   var isPushed = _ref.isPushed;
     _ref.pushNav;
@@ -18372,21 +18214,21 @@ var PanelFooter = function PanelFooter(_ref) {
   });
 };
 
-var _templateObject$g;
+var _templateObject$f;
 var MobileEntry = styled.div.withConfig({
   displayName: "MobileEntry",
   componentId: "sc-ialwsc-0"
-})(_templateObject$g || (_templateObject$g = _taggedTemplateLiteral(["\n    &:hover {\n    div,\n    a {\n      svg {\n        path {\n          fill: ", ";\n        }\n      }\n    }\n\n    div,\n    a {\n      color: rgba(255, 255, 255, 1);\n    }\n  }\n"])), function (_ref) {
+})(_templateObject$f || (_templateObject$f = _taggedTemplateLiteral(["\n    &:hover {\n    div,\n    a {\n      svg {\n        path {\n          fill: ", ";\n        }\n      }\n    }\n\n    div,\n    a {\n      color: rgba(255, 255, 255, 1);\n    }\n  }\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.colors.primary;
 });
 
-var _templateObject$f, _templateObject2$c, _templateObject3$a;
+var _templateObject$e, _templateObject2$b, _templateObject3$9;
 var MOBILE_MENU_PANEL_HEIGHT = 83;
 var MobileMenuContainer = styled.div.withConfig({
   displayName: "MobileMenuContainer",
   componentId: "sc-11f9rbo-0"
-})(_templateObject$f || (_templateObject$f = _taggedTemplateLiteral(["\n  position: fixed;\n  bottom: 0px;\n  width: 100%;\n  right: 0px;\n  left: 0px;\n  z-index: 98;\n  height: ", "px;\n  display: none;\n  flex-direction: row;\n  justify-content: space-around;\n  align-items: center;\n  background: ", ";\n  ", " {\n    display: flex;\n  }\n"])), MOBILE_MENU_PANEL_HEIGHT, function (_ref) {
+})(_templateObject$e || (_templateObject$e = _taggedTemplateLiteral(["\n  position: fixed;\n  bottom: 0px;\n  width: 100%;\n  right: 0px;\n  left: 0px;\n  z-index: 98;\n  height: ", "px;\n  display: none;\n  flex-direction: row;\n  justify-content: space-around;\n  align-items: center;\n  background: ", ";\n  ", " {\n    display: flex;\n  }\n"])), MOBILE_MENU_PANEL_HEIGHT, function (_ref) {
   var theme = _ref.theme;
   return theme.colors.card;
 }, function (_ref2) {
@@ -18396,11 +18238,11 @@ var MobileMenuContainer = styled.div.withConfig({
 var MobileLink = styled(MenuLink).withConfig({
   displayName: "MobileLink",
   componentId: "sc-11f9rbo-1"
-})(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-items: soace-between;\n  align-items: center;\n"])));
+})(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-items: soace-between;\n  align-items: center;\n"])));
 var MenuLinkLabel = styled.div.withConfig({
   displayName: "MenuLinkLabel",
   componentId: "sc-11f9rbo-2"
-})(_templateObject3$a || (_templateObject3$a = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  font-weight: 700;\n  font-size: 9px;\n  color: white;\n"])));
+})(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  font-weight: 700;\n  font-size: 9px;\n  color: white;\n"])));
 var Icons = IconModule;
 var MobileMenu = function MobileMenu(_ref3) {
   var links = _ref3.links,
@@ -18435,11 +18277,11 @@ var MobileMenu = function MobileMenu(_ref3) {
   });
 };
 
-var _templateObject$e, _templateObject2$b;
+var _templateObject$d, _templateObject2$a;
 var StyledPanel = styled.div.withConfig({
   displayName: "StyledPanel",
   componentId: "sc-1b3g4s2-0"
-})(_templateObject$e || (_templateObject$e = _taggedTemplateLiteral(["\n  position: fixed;\n  padding-top: 100px;\n  top: 0;\n  left: 0;\n  flex-direction: column;\n  justify-content: space-between;\n  flex-shrink: 0;\n  background-color: #191921;\n  width: ", ";\n  height: 100vh;\n  transition: padding-top 0.2s, width 0.6s, box-shadow 0.4s;\n  z-index: 11;\n  overflow: ", ";\n  transform: translate3d(0, 0, 0);\n  ", " {\n    width: ", ";\n    padding-top: 100px;\n    margin-top: 0px;\n    transition: none;\n    overflow-y: auto;\n    padding-bottom: ", "px;\n  }\n"])), function (_ref) {
+})(_templateObject$d || (_templateObject$d = _taggedTemplateLiteral(["\n  position: fixed;\n  padding-top: 100px;\n  top: 0;\n  left: 0;\n  flex-direction: column;\n  justify-content: space-between;\n  flex-shrink: 0;\n  background-color: #191921;\n  width: ", ";\n  height: 100vh;\n  transition: padding-top 0.2s, width 0.6s, box-shadow 0.4s;\n  z-index: 11;\n  overflow: ", ";\n  transform: translate3d(0, 0, 0);\n  ", " {\n    width: ", ";\n    padding-top: 100px;\n    margin-top: 0px;\n    transition: none;\n    overflow-y: auto;\n    padding-bottom: ", "px;\n  }\n"])), function (_ref) {
   var isPushed = _ref.isPushed;
   return "".concat(isPushed ? SIDEBAR_WIDTH_FULL : SIDEBAR_WIDTH_REDUCED, "px");
 }, function (_ref2) {
@@ -18455,7 +18297,7 @@ var StyledPanel = styled.div.withConfig({
 var RowSplitter = styled.div.withConfig({
   displayName: "RowSplitter",
   componentId: "sc-1b3g4s2-1"
-})(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral(["\n  border: 1px solid #252530;\n  margin: ", ";\n"])), function (_ref5) {
+})(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteral(["\n  border: 1px solid #252530;\n  margin: ", ";\n"])), function (_ref5) {
   var isPushed = _ref5.isPushed;
   return isPushed ? "20px" : "20px 15px";
 });
@@ -18477,269 +18319,24 @@ var Panel = function Panel(props) {
   });
 };
 
-var _templateObject$d, _templateObject2$a, _templateObject3$9, _templateObject4$8, _templateObject5$6;
-var Space = styled.div.withConfig({
-  displayName: "Space",
-  componentId: "sc-11tnsw3-0"
-})(_templateObject$d || (_templateObject$d = _taggedTemplateLiteral(["\n  width: 30px;\n"])));
-var DisclaimerContainer = styled.div.withConfig({
-  displayName: "DisclaimerContainer",
-  componentId: "sc-11tnsw3-1"
-})(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteral(["\n  max-width: 430px;\n"])));
-var CheckBoxContainer = styled.div.withConfig({
-  displayName: "CheckBoxContainer",
-  componentId: "sc-11tnsw3-2"
-})(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral(["\n  width: 20%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"])));
-var ButtonContainer = styled.div.withConfig({
-  displayName: "ButtonContainer",
-  componentId: "sc-11tnsw3-3"
-})(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteral(["\n  margin-top: 25px;\n"])));
-var ListContainer = styled.div.withConfig({
-  displayName: "ListContainer",
-  componentId: "sc-11tnsw3-4"
-})(_templateObject5$6 || (_templateObject5$6 = _taggedTemplateLiteral(["\n  font-size: 13px;\n  color: white;\n  margin-bottom: 10px;\n  padding-left: 14px;\n  ul li {\n    list-style-position: outside;\n    padding: 4px;\n    line-height: 17px;\n  }\n"])));
-var DiclaimerModal = function DiclaimerModal(_ref) {
-  var _ref$onDismiss = _ref.onDismiss,
-    onDismiss = _ref$onDismiss === void 0 ? function () {
-      return null;
-    } : _ref$onDismiss,
-    checkBoxesArray = _ref.checkBoxesArray,
-    onResolve = _ref.onResolve,
-    translations = _ref.translations;
-  var _useState = useState(checkBoxesArray),
-    _useState2 = _slicedToArray(_useState, 2),
-    checkBoxes = _useState2[0],
-    setCheckBoxes = _useState2[1];
-  var t = translations || getTranslations;
-  var updateCheckState = function updateCheckState(index) {
-    var checkArray = _toConsumableArray(checkBoxes);
-    checkArray[index].isChecked = !checkArray[index].isChecked;
-    setCheckBoxes(checkArray);
-  };
-  var resetAllCheckboxes = function resetAllCheckboxes() {
-    var checkArray = _toConsumableArray(checkBoxes);
-    checkArray.map(function (el) {
-      return el.isChecked === false;
-    });
-    setCheckBoxes(checkArray);
-  };
-  var onClickHandler = function onClickHandler(res) {
-    resetAllCheckboxes();
-    onDismiss();
-    onResolve(res);
-  };
-  return /*#__PURE__*/jsx(Modal, {
-    title: t("Important notice").toUpperCase(),
-    hideCloseButton: true,
-    children: /*#__PURE__*/jsxs(DisclaimerContainer, {
-      children: [/*#__PURE__*/jsx(Text, {
-        fontSize: "14px",
-        bold: true,
-        style: {
-          marginBottom: "18px",
-          maxWidth: 420
-        },
-        children: t("While we have taken careful steps to ensure a high level of safety for our clients then it is required that you read, comprehend and consent to the disclaimer underneath:")
-      }), /*#__PURE__*/jsx(ListContainer, {
-        children: /*#__PURE__*/jsxs("ul", {
-          children: [/*#__PURE__*/jsx("li", {
-            children: t("Using our platform may involve financial risk or loss of funds.")
-          }), /*#__PURE__*/jsx("li", {
-            children: t("Never put resources into a pool with tokens you do not trust.")
-          }), /*#__PURE__*/jsx("li", {
-            children: t("Never put resources into a pool with tokens whose rules for minting you disagree with.")
-          }), /*#__PURE__*/jsx("li", {
-            children: t("Never contribute beyond what you can stand to lose.")
-          }), /*#__PURE__*/jsx("li", {
-            children: t("Ensure the accuracy of the contracts for the tokens in the pool.")
-          }), /*#__PURE__*/jsx("li", {
-            children: t("Anyone can make a BEP-20 token on Binance Smart Chain with any name, including making counterfeit variants of existing tokens and tokens that claim to represent projects that do not have a token.")
-          })]
-        })
-      }), /*#__PURE__*/jsx(Text, {
-        fontSize: "14px",
-        bold: true,
-        style: {
-          marginBottom: "4px",
-          maxWidth: 420
-        },
-        children: t("Please read CoinSwap space Documentation!")
-      }), /*#__PURE__*/jsx(Text, {
-        fontSize: "14px",
-        bold: true,
-        style: {
-          marginBottom: "22px",
-          maxWidth: 420
-        },
-        children: t("Continuously do your own examination (due diligence)!")
-      }), checkBoxes === null || checkBoxes === void 0 ? void 0 : checkBoxes.map(function (checkBox, index) {
-        return /*#__PURE__*/jsxs(Flex, {
-          alignItems: "center",
-          children: [/*#__PURE__*/jsx(CheckBoxContainer, {
-            children: /*#__PURE__*/jsx(Checkbox, {
-              bordered: true,
-              onClick: function onClick() {
-                return updateCheckState(index);
-              }
-            })
-          }), /*#__PURE__*/jsx(Text, {
-            style: {
-              marginLeft: 20,
-              fontSize: 12
-            },
-            children: checkBox.checkboxDescription
-          })]
-        });
-      }), /*#__PURE__*/jsx(ButtonContainer, {
-        children: /*#__PURE__*/jsxs(Flex, {
-          justifyContent: "space-between",
-          children: [/*#__PURE__*/jsx(Button$1, {
-            $white: true,
-            size: "md",
-            variant: "secondary",
-            onClick: function onClick() {
-              return onClickHandler(false);
-            },
-            $fullWidth: true,
-            children: t("Decline")
-          }), /*#__PURE__*/jsx(Space, {}), /*#__PURE__*/jsx(Button$1, {
-            disabled: some(checkBoxes, {
-              isChecked: false
-            }),
-            size: "md",
-            variant: "primary",
-            onClick: function onClick() {
-              return onClickHandler(true);
-            },
-            $fullWidth: true,
-            children: t("Agree")
-          })]
-        })
-      })]
-    })
-  });
-};
-
-var useDisclaimerModal = function useDisclaimerModal(_ref) {
-  var checkBoxesArray = _ref.checkBoxesArray,
-    _onResolve = _ref.onResolve,
-    translations = _ref.translations;
-  var _useModal = useModal(/*#__PURE__*/jsx(DiclaimerModal, {
-      translations: translations,
-      onResolve: function onResolve(res) {
-        return _onResolve(res);
-      },
-      checkBoxesArray: checkBoxesArray
-    }), false),
-    _useModal2 = _slicedToArray(_useModal, 2),
-    onPresentDisclaimerModal = _useModal2[0],
-    onDismiss = _useModal2[1];
-  return {
-    onPresentDisclaimerModal: onPresentDisclaimerModal,
-    onDismiss: onDismiss
-  };
-};
-
-var Disclaimer = {
-  checkBox: "By checking this box, you agree that CoinSwap.space is not liable for any financial losses you might incur as a direct or indirect result of investing in any of the pools on the platform."
-};
-
-var useDisclaimer = function useDisclaimer(_ref) {
-  var handleLogin = _ref.handleLogin,
-    translations = _ref.translations,
-    setIsConnectWalletPanelOpen = _ref.setIsConnectWalletPanelOpen;
-  var _useWeb3React = useWeb3React(),
-    account = _useWeb3React.account;
-  // Note: deactivate is not available in newer versions of @web3-react/core
-  var deactivate = function deactivate() {}; // Placeholder - implement disconnect logic if needed
-  var _useCookies = useCookies(Cookies.Disclaimer),
-    _useCookies2 = _slicedToArray(_useCookies, 2),
-    disclaimer = _useCookies2[0],
-    setDisclaimer = _useCookies2[1];
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    inProgress = _useState2[0],
-    setInProgress = _useState2[1];
-  var _useWalletModal = useWalletModal(handleLogin, deactivate, account, translations),
-    onPresentConnectModal = _useWalletModal.onPresentConnectModal;
-  var _useDisclaimerModal = useDisclaimerModal({
-      checkBoxesArray: [{
-        isChecked: false,
-        checkboxDescription: Disclaimer.checkBox
-      }],
-      onResolve: function onResolve(res) {
-        return _onResolve(res);
-      },
-      translations: translations
-    }),
-    onPresentDisclaimerModal = _useDisclaimerModal.onPresentDisclaimerModal;
-  function _onResolve(res) {
-    setDisclaimer(Cookies.Disclaimer, res.toString());
-    setInProgress(false);
-    if (res) {
-      onPresentConnectModal();
-    }
-  }
-  var callback = useCallback(function () {
-    var disclaimerAccepted = disclaimer === "true";
-    if (!inProgress && !disclaimerAccepted) {
-      setInProgress(true);
-      onPresentDisclaimerModal();
-    }
-    if (disclaimerAccepted) {
-      if (setIsConnectWalletPanelOpen) {
-        setIsConnectWalletPanelOpen(true);
-      } else onPresentConnectModal();
-    }
-  }, [disclaimer, inProgress, setIsConnectWalletPanelOpen, onPresentDisclaimerModal, onPresentConnectModal]);
-  return {
-    callback: callback
-  };
-};
-
-var useAutoDisclaimer = function useAutoDisclaimer(_ref) {
-  var login = _ref.login,
-    translations = _ref.translations,
-    title = _ref.title;
-  var _useCookies = useCookies(Cookies.Disclaimer),
-    _useCookies2 = _slicedToArray(_useCookies, 3),
-    disclaimer = _useCookies2[0],
-    setDisclaimer = _useCookies2[1],
-    disclaimerConnector = _useCookies2[2];
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    inProgress = _useState2[0],
-    setInProgress = _useState2[1];
-  function _onResolve(res) {
-    setDisclaimer(Cookies.Disclaimer, res.toString());
-  }
-  var _useDisclaimerModal = useDisclaimerModal({
-      checkBoxesArray: [{
-        isChecked: false,
-        checkboxDescription: Disclaimer.checkBox
-      }],
-      onResolve: function onResolve(res) {
-        return _onResolve(res);
-      },
-      translations: translations
-    }),
-    onPresentDisclaimerModal = _useDisclaimerModal.onPresentDisclaimerModal;
-  useEffect(function () {
-    var disclaimerAccepted = disclaimer === "true";
-    if (!inProgress && !disclaimerAccepted) {
-      setInProgress(true);
-      onPresentDisclaimerModal();
-    }
-    if (disclaimerAccepted) {
-      var connectorId = disclaimerConnector;
-      if (connectorId && connectorId !== ConnectorNames$1.BSC) {
-        login(connectorId, title);
-      }
-    }
-  }, [disclaimer, disclaimerConnector, inProgress, login, onPresentDisclaimerModal, title]);
-};
-
 var _templateObject$c, _templateObject2$9, _templateObject3$8, _templateObject4$7, _templateObject5$5;
+var useWalletModal = null;
+var useDisclaimer = null;
+var VerifiedWalletIcon = null;
+try {
+  // eslint-disable-next-line @typescript-eslint/no-require-imports
+  var walletModal = require("../../WalletModal");
+  useWalletModal = walletModal.useWalletModal;
+  // eslint-disable-next-line @typescript-eslint/no-require-imports
+  var disclaimerModal = require("../../DisclaimerModal");
+  useDisclaimer = disclaimerModal.useDisclaimer;
+  // eslint-disable-next-line @typescript-eslint/no-require-imports
+  var connectVerifyPanel = require("../../ConnectVerifyPanel/components");
+  VerifiedWalletIcon = connectVerifyPanel.VerifiedWalletIcon;
+} catch (e) {
+  // @web3-react/core is not available - wallet functionality will be disabled
+  console.warn("@web3-react/core is not available. Wallet features in Menu will be disabled.");
+}
 var UserBlockWrapper = styled.div.withConfig({
   displayName: "UserBlockWrapper",
   componentId: "sc-1speva4-0"
@@ -18782,6 +18379,7 @@ var Account = styled(Text).withConfig({
   return theme.mediaQueries.mobile;
 });
 var UserBlock = function UserBlock(_ref8) {
+  var _useWalletModal, _useDisclaimer;
   var handleLogin = _ref8.handleLogin,
     account = _ref8.account,
     login = _ref8.login,
@@ -18790,36 +18388,35 @@ var UserBlock = function UserBlock(_ref8) {
     setIsConnectWalletPanelOpen = _ref8.setIsConnectWalletPanelOpen,
     isUserVerified = _ref8.isUserVerified;
   var t = translations || getTranslations;
-  var _useWalletModal = useWalletModal(login, logout, account, translations);
-    _useWalletModal.onPresentAccountModal;
+  // Only use wallet hooks if available
+  useWalletModal ? (_useWalletModal = useWalletModal(login, logout, account, translations)) === null || _useWalletModal === void 0 ? void 0 : _useWalletModal.onPresentAccountModal : null;
   var accountEllipsis = account ? "".concat(account.substring(0, 4), "...").concat(account.substring(account.length - 4)) : null;
-  var _useDisclaimer = useDisclaimer({
-      handleLogin: handleLogin,
-      translations: translations,
-      setIsConnectWalletPanelOpen: setIsConnectWalletPanelOpen
-    });
-    _useDisclaimer.callback;
+  useDisclaimer ? (_useDisclaimer = useDisclaimer({
+    handleLogin: handleLogin,
+    translations: translations,
+    setIsConnectWalletPanelOpen: setIsConnectWalletPanelOpen
+  })) === null || _useDisclaimer === void 0 ? void 0 : _useDisclaimer.callback : null;
   return /*#__PURE__*/jsx(UserBlockWrapper, {
     children: account ? /*#__PURE__*/jsxs(AccountButton, {
-      isUserVerified: isUserVerified,
+      isUserVerified: isUserVerified || false,
       variant: "tertiary",
       onClick: function onClick() {
-        setIsConnectWalletPanelOpen(true);
+        setIsConnectWalletPanelOpen === null || setIsConnectWalletPanelOpen === void 0 || setIsConnectWalletPanelOpen(true);
       },
-      children: [isUserVerified ? /*#__PURE__*/jsx(VerifiedWalletIcon, {
+      children: [isUserVerified && VerifiedWalletIcon ? /*#__PURE__*/jsx(VerifiedWalletIcon, {
         $opac: true
       }) : /*#__PURE__*/jsx(VerifyAddressIndicator, {
         fontSize: "12px",
         fontWeight: 500,
         children: "Login with Web3"
       }), /*#__PURE__*/jsx(Account, {
-        isUserVerified: isUserVerified,
+        isUserVerified: isUserVerified || false,
         fontSize: "14px",
         children: accountEllipsis
       })]
     }) : /*#__PURE__*/jsx(ConnectButton, {
       onClick: function onClick() {
-        setIsConnectWalletPanelOpen(true);
+        setIsConnectWalletPanelOpen === null || setIsConnectWalletPanelOpen === void 0 || setIsConnectWalletPanelOpen(true);
       },
       children: t("Connect wallet")
     })
@@ -20129,4 +19726,4 @@ var ResetCSS = createGlobalStyle(_templateObject || (_templateObject = _taggedTe
   return theme.colors.input;
 });
 
-export { AccountInfo, ActiveDot$1 as ActiveDot, ActivityBadge, ActivityComponent, ActivityDescription, ActivityWrapper, Icon$2D as AddIcon, Icon$2C as AddInCircleIcon, Icon$1m as AddMoney, AddToCap, Alert, Icon$2B as ArrowBackIcon, Icon$1M as ArrowBackwardIcon, Icon$2A as ArrowDownIcon, Icon$2y as ArrowDropDownIcon, Icon$2x as ArrowDropUpIcon, Icon$2w as ArrowForwardIcon, Icon$2z as ArrowUpIcon, Icon$2v as AutoRenewIcon, Icon$19 as BNB, Icon$17 as BNBWhite, Icon$1k as BSCScanIcon, BackgroundImage, BannerSlider, GridLayout$1 as BaseLayout, Icon$1e as BellIcon, Icon$2u as BinanceIcon, Icon$2F as BlockIcon, Icon$1L as BlogIcon, Box, Breadcrumbs, Icon$1J as BurnFilledIcon, Icon$1S as BurnIcon, Button$1 as Button, ButtonActivityMenu, ButtonActivityMenuItem, ButtonMenu, ButtonMenuItem, ButtonSwitch, ButtonSwitchMenu, buttonVariant as ButtonVariant, Icon$14 as CHIcon, Icon$18 as CSS, Icon$T as CSSPowerIcon, Icon$21 as CSSRoundIcon, Icon$1Y as CSSRoundIconLight, Icon$2r as CalculateIcon, Icon$2s as CalendarIcon, CapCounter, Card, CardBody, CardFooter, CardHeader, CardRibbon, Icon$2t as CardViewIcon, GridLayout as CardsLayout, Icon$1b as CheckCircleIcon, Checkbox, Icon$2p as CheckmarkBackground, Icon$2H as CheckmarkCircleIcon, Icon$2q as CheckmarkIcon, Icon$2o as ChevronDownIcon, Icon$2n as ChevronLeftIcon, Icon$2m as ChevronRightIcon, Icon$2l as ChevronUpIcon, Icon$1d as ClockIcon, Icon$2k as CloseIcon, Icon$2j as CloseMenuIcon, Icon$2i as CogIcon, Icon$1I as CollapseIcon, Icon$2h as CommunityIcon, ConnectorNames$1 as ConnectorNames, Cookies, Icon$2g as CopyIcon, CopyLinkCard, CoreTag, Icon$1y as DashboardIcon, DetailsRow, Icon$1n as DiscordIcon, Icon$1H as DocIcon, Icon$1g as DocumentInfo, Icon$1l as Dolar, Dropdown, Icon$15 as ENIcon, Icon$16 as ETHWhite, EarnedCarouselWrapper, EarnedCarouselWrapperBody, EarnedCarouselWrapperHeader, EarnedToken, EarnedWrapper, EarnedWrapperBody, EarnedWrapperHeader, Icon$2G as ErrorIcon, Icon$1G as ExpandIcon, ExtraIcon, Icon$1p as FacebookIcon, Icon$1F as FarmIcon, Flex, Icon$1o as GitHubIcon, Heading, Icon$2f as HelpIcon, Icon$1v as HomeIcon, IDOState, Icon$1E as IFOIcon, Icon$13 as INIcon, IconButton, Icon$Z as IdoCommingSoonIcon, IdoExtensionsModal, Icon$Y as IdoFirstStep, Icon$V as IdoFourthStep, IdoInfoDescription, IdoParticipationStep, Icon$X as IdoSecondStep, Icon$W as IdoThirdStep, Image, InfoBox$1 as InfoBox, InfoBox as InfoBoxBody, InfoBoxFooter, InfoBoxHeader, Icon$1U as InfoFull, Icon$2E as InfoIcon, Input, Link, LinkExternal, LiquidityContainer, List, Icon$2e as ListViewIcon, Icon$2d as LogoIcon, Icon$1w as LogoTextIcon, Icon$1s as LogoThin, Icon$1R as LogoutIcon, MENU_ACCORDION_HEIGHT, MENU_ENTRY_HEIGHT, MENU_HEIGHT, Icon$1r as MediumIcon, Menu, Icon$1f as MetamaskIcon, Icon$1W as MinusBackgroundIcon, Icon$2c as MinusIcon, Modal, ModalProvider, MuiDateInput, MuiFileInput, MuiTextInput, NewsCarousel, Icon$1V as NoProfileAvatarIcon, Icon$_ as OpenLiveNFT, Icon$2b as OpenNewIcon, Icon$1X as PlusBackgroundIcon, PriceContainer, Icon$2a as PrizeIcon, Progress, ProjectName, ProjectNameColumn, ProjectTicker, Radio, RampButton, RampButtonLite, RatioColumn, ReferralBanner, Icon$1D as ReferralIcon, Icon$1a as RefreshIcon, Icon$29 as RemoveIcon, Icon$1T as RepeatIcon, ResetCSS, RowTitle, RowValue, SIDEBAR_WIDTH_FULL, SIDEBAR_WIDTH_REDUCED, Icon$10 as SPIcon, Icon$26 as SearchIcon, Icon$1Q as SettingsIcon, Icon$$ as Shibu, Skeleton, Icon$1C as SocialIcon, Icon$1x as SpaceIcon, SpaceInfoTableRow, SpaceInfoTableWrapper, SpacePadDates, Icon$U as SpacePadHero, SpacePadInfoRow, SpacePadKeyMetrics, SpacePadLaunch, SpacePadProgressBar, SpacePadProject, SpacePadProjectDetails, SpacePadSchedule, SpaceProjectName, Spinner, Icon$1B as StackingIcon, Icon$1z as StarFilledIcon, Icon$1A as StarIcon, Svg, SwapButton, Icon$1j as SwapTokenInfo, Icon$25 as SwapVertIcon, Icon$24 as SyncAltIcon, Icon$23 as SyncIcon, Icon$11 as THIcon, TableActionBox, TableRow, Tag, tagVariant as TagVariant, Icon$1P as TargetIcon, Icon$1u as TelegramIcon, Text, TierCard, Timer, TimerDescription, ToastContainer, Toggle$1 as Toggle, Tokens, TopTokensContainer, Icon$1t as TwitterIcon, Icon$20 as UserAvatar, Icon$1$ as UserAvatar2, Icon$1_ as UserCheckIcon, Icon$1c as UserIcon, UserTiers, Icon$1Z as UserUncheckIcon, Icon$12 as VIEIcon, Value, ValueFull, Icon$1O as ValueIcon, VerificationModal, Icon$28 as VerifiedIcon, VersionContainer, Icon$1h as VisaLogo, Icon$1i as VisaName, Icon$1K as VotingIcon, WalletCap, Icon$1N as WalletIcon, Icon$22 as WarningIcon, Icon$27 as Won, Icon$1q as YouTubeIcon, variants$3 as alertVariants, baseColors, byTextAscending, byTextDescending, connectorLocalStorageKey$1 as connectorLocalStorageKey, darkTheme as dark, darkColors, escapeRegExp, getColor, getContentfulData, getExternalLinkProps, lightTheme as light, lightColors, links, makeRender, links as menuConfig, menuLinks, moveUsercomWidget, socials, types as toastTypes, useAutoDisclaimer, useConnectWalletEvent, useCookies, useDisclaimer, useDisclaimerModal, useIdoExtensionsModal, useMatchBreakpoints, useMenuConfig, useMobile, useModal, useNotification, useParticleBurst, useTable, useVerificationModal, useVoting, useWalletModal, useWindowSize, verifyWallet };
+export { AccountInfo, ActiveDot$1 as ActiveDot, ActivityBadge, ActivityComponent, ActivityDescription, ActivityWrapper, Icon$2D as AddIcon, Icon$2C as AddInCircleIcon, Icon$1m as AddMoney, AddToCap, Alert, Icon$2B as ArrowBackIcon, Icon$1M as ArrowBackwardIcon, Icon$2A as ArrowDownIcon, Icon$2y as ArrowDropDownIcon, Icon$2x as ArrowDropUpIcon, Icon$2w as ArrowForwardIcon, Icon$2z as ArrowUpIcon, Icon$2v as AutoRenewIcon, Icon$19 as BNB, Icon$17 as BNBWhite, Icon$1k as BSCScanIcon, BackgroundImage, BannerSlider, GridLayout$1 as BaseLayout, Icon$1e as BellIcon, Icon$2u as BinanceIcon, Icon$2F as BlockIcon, Icon$1L as BlogIcon, Box, Breadcrumbs, Icon$1J as BurnFilledIcon, Icon$1S as BurnIcon, Button$1 as Button, ButtonActivityMenu, ButtonActivityMenuItem, ButtonMenu, ButtonMenuItem, ButtonSwitch, ButtonSwitchMenu, buttonVariant as ButtonVariant, Icon$14 as CHIcon, Icon$18 as CSS, Icon$T as CSSPowerIcon, Icon$21 as CSSRoundIcon, Icon$1Y as CSSRoundIconLight, Icon$2r as CalculateIcon, Icon$2s as CalendarIcon, CapCounter, Card, CardBody, CardFooter, CardHeader, CardRibbon, Icon$2t as CardViewIcon, GridLayout as CardsLayout, Icon$1b as CheckCircleIcon, Checkbox, Icon$2p as CheckmarkBackground, Icon$2H as CheckmarkCircleIcon, Icon$2q as CheckmarkIcon, Icon$2o as ChevronDownIcon, Icon$2n as ChevronLeftIcon, Icon$2m as ChevronRightIcon, Icon$2l as ChevronUpIcon, Icon$1d as ClockIcon, Icon$2k as CloseIcon, Icon$2j as CloseMenuIcon, Icon$2i as CogIcon, Icon$1I as CollapseIcon, Icon$2h as CommunityIcon, Cookies, Icon$2g as CopyIcon, CopyLinkCard, CoreTag, Icon$1y as DashboardIcon, DetailsRow, Icon$1n as DiscordIcon, Icon$1H as DocIcon, Icon$1g as DocumentInfo, Icon$1l as Dolar, Dropdown, Icon$15 as ENIcon, Icon$16 as ETHWhite, EarnedCarouselWrapper, EarnedCarouselWrapperBody, EarnedCarouselWrapperHeader, EarnedToken, EarnedWrapper, EarnedWrapperBody, EarnedWrapperHeader, Icon$2G as ErrorIcon, Icon$1G as ExpandIcon, ExtraIcon, Icon$1p as FacebookIcon, Icon$1F as FarmIcon, Flex, Icon$1o as GitHubIcon, Heading, Icon$2f as HelpIcon, Icon$1v as HomeIcon, IDOState, Icon$1E as IFOIcon, Icon$13 as INIcon, IconButton, Icon$Z as IdoCommingSoonIcon, IdoExtensionsModal, Icon$Y as IdoFirstStep, Icon$V as IdoFourthStep, IdoInfoDescription, IdoParticipationStep, Icon$X as IdoSecondStep, Icon$W as IdoThirdStep, Image, InfoBox$1 as InfoBox, InfoBox as InfoBoxBody, InfoBoxFooter, InfoBoxHeader, Icon$1U as InfoFull, Icon$2E as InfoIcon, Input, Link, LinkExternal, LiquidityContainer, List, Icon$2e as ListViewIcon, Icon$2d as LogoIcon, Icon$1w as LogoTextIcon, Icon$1s as LogoThin, Icon$1R as LogoutIcon, MENU_ACCORDION_HEIGHT, MENU_ENTRY_HEIGHT, MENU_HEIGHT, Icon$1r as MediumIcon, Menu, Icon$1f as MetamaskIcon, Icon$1W as MinusBackgroundIcon, Icon$2c as MinusIcon, Modal, ModalProvider, MuiDateInput, MuiFileInput, MuiTextInput, NewsCarousel, Icon$1V as NoProfileAvatarIcon, Icon$_ as OpenLiveNFT, Icon$2b as OpenNewIcon, Icon$1X as PlusBackgroundIcon, PriceContainer, Icon$2a as PrizeIcon, Progress, ProjectName, ProjectNameColumn, ProjectTicker, Radio, RampButton, RampButtonLite, RatioColumn, ReferralBanner, Icon$1D as ReferralIcon, Icon$1a as RefreshIcon, Icon$29 as RemoveIcon, Icon$1T as RepeatIcon, ResetCSS, RowTitle, RowValue, SIDEBAR_WIDTH_FULL, SIDEBAR_WIDTH_REDUCED, Icon$10 as SPIcon, Icon$26 as SearchIcon, Icon$1Q as SettingsIcon, Icon$$ as Shibu, Skeleton, Icon$1C as SocialIcon, Icon$1x as SpaceIcon, SpaceInfoTableRow, SpaceInfoTableWrapper, SpacePadDates, Icon$U as SpacePadHero, SpacePadInfoRow, SpacePadKeyMetrics, SpacePadLaunch, SpacePadProgressBar, SpacePadProject, SpacePadProjectDetails, SpacePadSchedule, SpaceProjectName, Spinner, Icon$1B as StackingIcon, Icon$1z as StarFilledIcon, Icon$1A as StarIcon, Svg, SwapButton, Icon$1j as SwapTokenInfo, Icon$25 as SwapVertIcon, Icon$24 as SyncAltIcon, Icon$23 as SyncIcon, Icon$11 as THIcon, TableActionBox, TableRow, Tag, tagVariant as TagVariant, Icon$1P as TargetIcon, Icon$1u as TelegramIcon, Text, TierCard, Timer, TimerDescription, ToastContainer, Toggle$1 as Toggle, Tokens, TopTokensContainer, Icon$1t as TwitterIcon, Icon$20 as UserAvatar, Icon$1$ as UserAvatar2, Icon$1_ as UserCheckIcon, Icon$1c as UserIcon, UserTiers, Icon$1Z as UserUncheckIcon, Icon$12 as VIEIcon, Value, ValueFull, Icon$1O as ValueIcon, VerificationModal, Icon$28 as VerifiedIcon, VersionContainer, Icon$1h as VisaLogo, Icon$1i as VisaName, Icon$1K as VotingIcon, WalletCap, Icon$1N as WalletIcon, Icon$22 as WarningIcon, Icon$27 as Won, Icon$1q as YouTubeIcon, variants$3 as alertVariants, baseColors, byTextAscending, byTextDescending, darkTheme as dark, darkColors, escapeRegExp, getColor, getContentfulData, getExternalLinkProps, lightTheme as light, lightColors, links, makeRender, links as menuConfig, menuLinks, moveUsercomWidget, socials, types as toastTypes, useConnectWalletEvent, useCookies, useIdoExtensionsModal, useMatchBreakpoints, useMenuConfig, useMobile, useModal, useNotification, useParticleBurst, useTable, useVerificationModal, useVoting, useWindowSize, verifyWallet };