app.915824.css.map

{"version":3,"file":"app.915824.css","sources":["webpack:///./shared/pages/Swap/Swap.scss","webpack:///./shared/pages/Swap/SwapProgress/SwapProgress.scss","webpack:///./shared/pages/Swap/Timer/Timer.scss","webpack:///./shared/components/controls/Toggle/Toggle.scss","webpack:///./shared/components/controls/Button/Button.scss","webpack:///./shared/components/controls/ShareLink/ShareLink.scss","webpack:///./shared/components/controls/ShareButton/ShareButton.scss","webpack:///./shared/components/loaders/InlineLoader/InlineLoader.scss","webpack:///./shared/components/controls/Switching/Switching.scss","webpack:///./shared/components/controls/Flip/Flip.scss","webpack:///./shared/components/controls/RemoveButton/RemoveButton.scss","webpack:///./shared/components/controls/WithdrawButton/WithdrawButton.scss","webpack:///./shared/components/forms/Input/Input.scss","webpack:///./shared/components/PageHeadline/Title/Title.scss","webpack:///./shared/components/ui/CloseIcon/CloseIcon.scss","webpack:///./shared/components/layout/WidthContainer/WidthContainer.scss","webpack:///./shared/components/ui/Tooltip/Tooltip.scss","webpack:///./shared/components/loaders/ContentLoader/ElementLoading.scss","webpack:///./shared/components/QR/QR.scss","webpack:///./shared/pages/Swap/FeeControler/FeeControler.scss","webpack:///./shared/pages/Swap/SwapList/SwapList.scss","webpack:///./shared/pages/Swap/FailControler/FailControler.scss","webpack:///./shared/pages/Swap/Share/Share.scss","webpack:///./shared/components/Href/Href.scss","webpack:///./shared/pages/Swap/EmergencySave/EmergencySave.scss","webpack:///./shared/pages/Home/Home.scss","webpack:///./shared/components/layout/Center/Center.scss","webpack:///./shared/components/PageHeadline/PageHeadline.scss","webpack:///./shared/components/PageHeadline/SubTitle/SubTitle.scss","webpack:///./shared/components/FaqExpandableItem/FaqExpandableItem.scss","webpack:///./shared/components/CurrencyDirectionChooser/CurrencyDirectionChooser.scss","webpack:///./shared/components/ui/CurrencySelect/Option/Option.scss","webpack:///./shared/components/ui/CurrencyIcon/CurrencyIcon.scss","webpack:///./shared/components/forms/FieldLabel/FieldLabel.scss","webpack:///./shared/components/ui/DropDown/DropDown.scss","webpack:///./shared/pages/Home/Orders/Orders.scss","webpack:///./shared/components/tables/Table/Table.scss","webpack:///./shared/pages/Home/Orders/Row/Row.scss","webpack:///./shared/components/Avatar/Avatar.scss","webpack:///./shared/pages/Home/Orders/RequestButton/RequestButton.scss","webpack:///./shared/pages/Home/Orders/MyOrders/RowFeeds/RowFeeds.scss","webpack:///./shared/components/Coins/Coins.scss","webpack:///./shared/components/Coin/Coin.scss","webpack:///./shared/pages/Home/Orders/MyOrders/RowFeedsMobile/RowFeedsMobile.scss","webpack:///./shared/pages/History/Row/Row.scss","webpack:///./shared/pages/History/History.scss","webpack:///./shared/components/loaders/ContentLoader/ContentLoader.scss","webpack:///./shared/components/FilterForm/styles.scss","webpack:///./shared/pages/CreateWallet/CreateWallet.scss","webpack:///./shared/pages/NotFound/NotFound.scss","webpack:///./shared/pages/Wallet/Wallet.scss","webpack:///./shared/pages/Wallet/Row/Row.scss","webpack:///./shared/components/ui/DropdownMenu/DropdownMenu.scss","webpack:///./shared/pages/Wallet/components/NotityBlock/NotifyBlock.scss","webpack:///./shared/pages/CurrencyWallet/CurrencyWallet.scss","webpack:///./shared/components/Tabs/styles.scss","webpack:///./shared/components/FAQ/styles.scss","webpack:///./shared/components/modal/Modal/Modal.scss","webpack:///./shared/components/layout/Overlay/Overlay.scss","webpack:///./shared/components/Logo/Logo.scss","webpack:///./shared/components/modals/SignUpModal/SignUpModal.scss","webpack:///./shared/components/modals/OfferModal/OfferModal.scss","webpack:///./shared/components/modals/OfferModal/ConfirmOffer/ConfirmOffer.scss","webpack:///./shared/components/Row/Row.scss","webpack:///./shared/components/modals/OfferModal/ConfirmOffer/Amounts/Amounts.scss","webpack:///./shared/components/modals/OfferModal/ConfirmOffer/Row/Row.scss","webpack:///./shared/components/modals/OfferModal/ConfirmOffer/Value/Value.scss","webpack:///./shared/components/modals/OfferModal/ConfirmOffer/ExchangeRate/ExchangeRate.scss","webpack:///./shared/components/modals/OfferModal/AddOffer/AddOffer.scss","webpack:///./shared/components/modals/OfferModal/AddOffer/Select/Select.scss","webpack:///./shared/components/modals/OfferModal/AddOffer/ExchangeRateGroup/ExchangeRateGroup.scss","webpack:///./shared/components/modals/OfferModal/AddOffer/Group/Group.scss","webpack:///./shared/components/modals/OfferModal/AddOffer/SelectGroup/SelectGroup.scss","webpack:///./shared/components/modals/WithdrawModal/WithdrawModal.scss","webpack:///./shared/components/QrReader/styles.scss","webpack:///./shared/components/InvoiceInfoBlock/InvoiceInfoBlock.scss","webpack:///./shared/components/AdminFeeInfoBlock/AdminFeeInfoBlock.scss","webpack:///./shared/components/modals/WithdrawModal/components/CurrencyList.scss","webpack:///./shared/components/modals/WithdrawModalMultisig/WithdrawModalMultisig.scss","webpack:///./shared/components/modals/WithdrawModalMultisig/WithdrawModalMultisigUser.scss","webpack:///./shared/components/modals/PrivateKeysModal/PrivateKeysModal.scss","webpack:///./shared/components/modals/Approve/Approve.scss","webpack:///./shared/components/modals/ImportKeys/ImportKeys.scss","webpack:///./shared/components/modals/ImportKeys/Group/Group.scss","webpack:///./shared/components/modals/ShowMoreCoins/ShowMoreCoins.scss","webpack:///./shared/components/modals/ShowMoreCoins/Row/Row.scss","webpack:///./shared/components/modals/EthChecker/EthChecker.scss","webpack:///./shared/components/modals/Styles/default.scss","webpack:///./shared/components/modals/ReceiveModal/ReceiveModal.scss","webpack:///./shared/components/modals/DownloadModal/DownloadModal.scss","webpack:///./client/scss/config/mixins/_media.scss","webpack:///./shared/components/modals/IncompletedSwaps/IncompletedSwaps.scss","webpack:///./shared/pages/History/SwapsHistory/RowHistory/RowHistory.scss","webpack:///./shared/components/modals/MobMenu/MobMenu.scss","webpack:///./shared/components/modals/CurrencyAction/CurrencyAction.scss","webpack:///./shared/components/modals/Confirm/Confirm.scss","webpack:///./shared/components/modals/ConfirmBeginSwap/ConfirmBeginSwap.scss","webpack:///./shared/components/modals/RegisterSMSProtected/RegisterSMSProtected.scss","webpack:///./shared/components/forms/PhoneInput/styles.scss","webpack:///styles.scss","webpack:///./shared/components/modals/MultisignJoinLink/MultisignJoinLink.scss","webpack:///./shared/components/modals/InvoiceModal/InvoiceModal.scss","webpack:///./shared/components/modals/InvoiceLinkModal/InvoiceLinkModal.scss","webpack:///./shared/components/modals/Alert/AlertModal.scss","webpack:///./shared/components/modals/AddCustomERC20/AddCustomERC20.scss","webpack:///./shared/components/modals/BtcMultisignSwitch/BtcMultisignSwitch.scss","webpack:///./shared/components/modals/BtcMultisignSwitch/WalletRow.scss","webpack:///./shared/components/controls/CurrencyButton/CurrencyButton.scss","webpack:///./shared/components/modals/Share/Share.scss","webpack:///./shared/components/modals/InfoPay/InfoPay.scss","webpack:///./shared/components/modals/BtcMultisignConfirmTx/BtcMultisignConfirmTx.scss","webpack:///./shared/components/modals/SaveMnemonicModal/SaveMnemonicModal.scss","webpack:///./shared/components/modals/RestoryMnemonicWallet/RestoryMnemonicWallet.scss","webpack:///./shared/components/modals/SweepToMnemonicKeys/SweepToMnemonicKeys.scss","webpack:///./shared/components/modals/HowToWithdrawModal/HowToWithdrawModal.scss","webpack:///./shared/components/modals/InfoInvoice/InfoInvoice.scss","webpack:///./shared/components/modals/RegisterPINProtected/RegisterPINProtected.scss","webpack:///./shared/components/modals/WithdrawBtcPin/WithdrawBtcPin.scss","webpack:///./shared/components/modals/WithdrawBtcSms/WithdrawBtcSms.scss","webpack:///./shared/components/modals/WithdrawBtcMultisig/WithdrawBtcMultisig.scss","webpack:///./shared/components/modals/WalletAddressModal/WalletAddressModal.scss","webpack:///./shared/components/modals/HowToExportModal/HowToExportModal.scss","webpack:///./shared/components/modals/AlertWindow/styles.scss","webpack:///./shared/components/modal/ModalConductor/ModalConductor.scss","webpack:///./shared/components/modal/ModalConductorProvider/styles.scss","webpack:///./shared/components/modal/ModalContainer/ModalContainer.scss","webpack:///./shared/components/modal/ModalBox/ModalBox.scss","webpack:///./shared/components/layout/DashboardLayout/styles.scss","webpack:///./shared/pages/Currency/Currency.scss","webpack:///./shared/pages/Currency/Row/Row.scss","webpack:///./shared/pages/PartialClosure/PartialClosure.scss","webpack:///./shared/pages/PartialClosure/SelectGroup/SelectGroup.scss","webpack:///./shared/pages/PartialClosure/CurrencySlider/CurrencySlider.scss","webpack:///./shared/pages/PartialClosure/PromoText/PromoText.scss","webpack:///./shared/pages/PartialClosure/Promo/Promo.scss","webpack:///./shared/pages/PartialClosure/Quote/styles.scss","webpack:///./shared/pages/PartialClosure/HowItWorks/HowItWorks.scss","webpack:///./shared/pages/PartialClosure/VideoAndFeatures/VideoAndFeatures.scss","webpack:///./shared/pages/PartialClosure/CustomDestAddress/CustomDestAddress.scss","webpack:///./shared/pages/PartialClosure/CustomDestAddress/Option/Option.scss","webpack:///./shared/pages/PointOfSell/CurrencySlider/CurrencySlider.scss","webpack:///./shared/pages/PointOfSell/PromoText/PromoText.scss","webpack:///./shared/pages/PointOfSell/Promo/Promo.scss","webpack:///./shared/pages/PointOfSell/Quote/styles.scss","webpack:///./shared/pages/PointOfSell/HowItWorks/HowItWorks.scss","webpack:///./shared/pages/PointOfSell/VideoAndFeatures/VideoAndFeatures.scss","webpack:///./shared/pages/Transaction/TxInfo/styles.scss","webpack:///./shared/pages/Transaction/styles.scss","webpack:///./shared/pages/IEO/IEO.scss","webpack:///./shared/pages/Multisign/Btc/Btc.scss","webpack:///./shared/pages/Invoices/CreateInvoice/styles.scss","webpack:///./shared/components/SaveKeys/SaveKeys.scss","webpack:///./shared/components/SaveKeys/Field/Field.scss","webpack:///./shared/components/Confirm/Confirm.scss","webpack:///./shared/components/modals/SaveKeysModal/SaveKeysModal.scss","webpack:///./shared/containers/App/App.scss","webpack:///./node_modules/sanitize.scss/_sanitize.scss","webpack:///./shared/components/Header/Header.scss","webpack:///./shared/components/Header/SubMenu/SubMenu.scss","webpack:///./shared/components/Header/Nav/Nav.scss","webpack:///./shared/components/Header/User/User.scss","webpack:///./shared/components/Header/User/Question/Question.scss","webpack:///./shared/components/Header/User/UserAvatar/UserAvatar.scss","webpack:///./shared/components/Header/User/UserTooltip/UserTooltip.scss","webpack:///./shared/components/Header/User/SignUpButton/SignUpButton.scss","webpack:///./shared/components/Header/NavMobile/NavMobile.scss","webpack:///./shared/components/TourWindow/styles.scss","webpack:///./shared/components/loaders/Loader/Loader.scss","webpack:///./shared/components/Header/WidgetHeader/styles.scss","webpack:///./shared/components/Footer/Footer.scss","webpack:///./shared/components/Footer/Info/Info.scss","webpack:///./shared/components/Footer/SocialMenu/SocialMenu.scss","webpack:///./shared/components/Footer/SwitchLang/SwitchLang.scss","webpack:///./shared/components/layout/Wrapper/Wrapper.scss","webpack:///./shared/components/notifications/SuccessWithdraw/SuccessWithdraw.scss","webpack:///./shared/components/notification/Notification/Notification.scss","webpack:///./shared/components/notifications/Message/Message.scss","webpack:///./shared/components/notifications/BTCMultisignRequest/BTCMultisignRequest.scss","webpack:///./shared/components/notification/NotificationConductor/NotificationConductor.scss","webpack:///./shared/components/ErrorPageNoSSL/ErrorPageNoSSL.scss"],"sourcesContent":["@import \"./scss/config/index.scss\";\n.swap {\n  padding-top: 120px;\n}\n\n.dark {\n  code{\n    color: white;\n  }\n}\n\n.swapMobile {\n  padding-top: 0;\n}\n\n.swapContainer {\n  color: #000;\n  display: flex;\n  justify-content: space-between;\n  position: relative;\n  flex-wrap: wrap;\n  padding-bottom: 35px;\n}\n\n.swapDepositWindow {\n  color: #000;\n}\n\n.unfinishedHref {\n  color: $color-f-error;\n  font-size: 40px;\n  text-align: center;\n  cursor: pointer;\n}\n\n.reloadText {\n  position: relative;\n  width: 100%;\n  text-align: center;\n  bottom: 50px;\n  color: #acacac;\n  cursor: pointer;\n}\n\n.swapContainerInfo {\n  position: relative;\n  display: flex;\n  width: 600px;\n  align-items: center;\n  justify-content: space-around;\n  margin-top: 60px;\n}\n\n.linkText {\n  text-align: left;\n  margin-bottom: -3px;\n  display: inline-block;\n  font-weight: bold;\n}\n\n.canceled {\n  color: #e32950;\n  font-size: 24px;\n  text-align: center;\n  text-transform: uppercase;\n  padding: 78px;\n  position: relative;\n  cursor: pointer;\n}\n\n.refHex {\n  text-align: center;\n}\n\n.included {\n  margin-left: 5%;\n  top: -4px;\n  position: relative;\n}\n\n.swapInfo {\n  position: absolute;\n  width: 600px;\n  top: -45px;\n  text-align: center;\n  font-size: 18px;\n}\n.swapInfoMobile {\n  text-align: left;\n}\n\n.swapGoNumber {\n  display: block;\n  text-align: center;\n  font-size: 20px;\n  margin-bottom: -35px;\n}\n\n.swapWrapper {\n  position: relative;\n  margin-top: 70px;\n}\n\n.bitcoinScript {\n  color: #a9a9a9;\n  cursor: pointer;\n  text-decoration: underline;\n  position: absolute;\n  right: 50px;\n  top: -20px;\n}\n\n.onlineIndicator {\n  position: absolute;\n  font-size: 15px;\n  width: 100%;\n  margin-top: 25px;\n  text-align: center;\n}\n\n.showingScript {\n  position: relative;\n  left: 130px;\n}\n\n.online {\n  color: #3de25b;\n}\n.offline {\n  color: $color-f-error;\n}\n\n@include media-mobile {\n  .loaderHolder {\n    display: inline-block;\n    margin-left: 5px;\n    margin-top: 2px;\n  }\n  .included {\n    margin-left: 0;\n    font-size: 11px;\n  }\n}\n\n.topUpLink {\n  border: 1px solid #cecece;\n  font-size: 18px;\n  margin-top: 0px;\n  position: relative;\n  padding: 30px 25px;\n  padding-left: 35px;\n  border-radius: 20px;\n  display: inline-block;\n  text-align: left;\n  padding-bottom: 75px;\n  background: white;\n  max-width: 600px;\n}\n\n@include media-mobile {\n  .bitcoinScript {\n    right: 40px;\n  }\n  .topUpLink {\n    display: block;\n    width: 100%;\n    font-size: 12px;\n  }\n}\n\n.top {\n  width: 100%;\n}\n\n@include media-mobile {\n  .top {\n    display: flex;\n    width: 100%;\n    height: 70px;\n  }\n  .onlineIndicator {\n    position: relative;\n    font-size: 15px;\n    width: 100%;\n    margin-top: 0px;\n    text-align: center;\n  }\n}\n\n.qrImg {\n  position: relative;\n  width: 100%;\n}\n\n.message {\n  max-width: 100%;\n}\n\n.btcMessage {\n  margin-top: 0.5em;\n  max-width: 100%;\n  font-size: 21px;\n  display: block;\n  margin-right: 5px;\n  z-index: 1;\n  position: relative;\n}\n\n.qr span {\n  font-size: 9px;\n  height: 3em;\n}\n\n.qr i {\n  position: relative;\n  top: 9px;\n}\n\n.linkTransactions {\n  display: inline-block;\n  margin-left: 5px;\n  a {\n    text-decoration: underline;\n    &:hover {\n      text-decoration: none;\n      color: #007bff;\n    }\n  }\n}\n\n.btcMessage span > div {\n  display: inline-block;\n}\n\n@include media-mobile {\n  .btcMessage {\n    font-size: 11.2px;\n    width: 60%;\n  }\n}\n\n.sendMessage {\n  font-size: 22px;\n}\n\n.infoWrapper {\n  position: relative;\n}\n\n.logHide {\n  display: none;\n}\n\n.lockTime {\n  position: absolute;\n  bottom: 20px;\n  left: 50%;\n  width: max-content;\n  transform: translateX(-50%);\n  i {\n    position: absolute;\n    top: 4px;\n    left: -25px;\n  }\n}\n\n@include media-mobile {\n  .lockTime {\n    left: 50%;\n    transform: translateX(-50%);\n    i {\n      left: -20px;\n    }\n  }\n}\n\n.copyText {\n  position: absolute;\n  left: 0px;\n  bottom: -40px;\n  color: #000;\n}\n.swapText {\n  color: #000;\n  display: block;\n  margin-top: 10px;\n  width: 185px;\n  text-align: center;\n}\n\n.swapInfo {\n  position: absolute;\n  width: 600px;\n  top: -45px;\n  text-align: center;\n  font-size: 18px;\n}\n\n.qr {\n  display: flex;\n  justify-content: center;\n  position: relative;\n  margin: 1em;\n  img {\n    width: 265px;\n  }\n  button {\n    width: 100%;\n    margin: 0 1em;\n    height: 56px;\n    display: flex;\n    width: 56px;\n    justify-content: center;\n    background: #eee;\n    color: #000;\n    align-items: center;\n    flex-direction: column;\n    &:hover {\n      background: #eee;\n    }\n  }\n}\n\n@include media-mobile {\n  .qr {\n    a {\n      font-size: 9px;\n      height: 30px;\n      width: 100%;\n      display: block;\n      padding: 10px;\n      position: static;\n    }\n    button {\n      display: none;\n    }\n  }\n}\n\n.cardsContainer {\n  display: flex;\n  width: 185px;\n  margin-top: -35px;\n  display: flex;\n  -webkit-justify-content: space-around;\n  -ms-flex-pack: distribute;\n  justify-content: space-between;\n  margin-bottom: -20px;\n  display: none;\n  img {\n    width: 72px;\n  }\n}\n\n.pressCtrlText {\n  display: none;\n}\n\n.pressCtrlTextActive {\n  display: block;\n  margin-bottom: 20px;\n  margin-top: -5px;\n}\n\n.linkAddress,\n.buyWithCard {\n  text-decoration: none;\n  border-radius: 6px;\n  font-size: 18px;\n  align-items: center;\n  height: 56px;\n  display: flex;\n  color: #fff;\n  display: flex;\n  background: #fff;\n  padding: 10px 15px;\n  box-shadow: 1px 1px 6px #929292;\n  color: #000;\n  &:hover {\n    color: #000;\n    background: #eee;\n  }\n}\n\n.linkAddress {\n  cursor: pointer;\n  font-size: 17px;\n}\n\n.fa-copy-in {\n  background: #000;\n  color: #fff;\n}\n\n.buyWithCard {\n  background: #eee;\n  display: -webkit-inline-box;\n  border-radius: 6px;\n  text-decoration: dashed;\n  color: #000;\n  height: 56px;\n  display: flex;\n  width: fit-content;\n  justify-content: normal;\n  align-items: center;\n  font-size: 17px;\n  margin-top: 0;\n  font-size: 13px;\n  text-align: center;\n  font-weight: 500;\n  padding: 0;\n  width: 182px;\n  justify-content: space-around;\n  text-transform: uppercase;\n  margin-top: 10px;\n  background: #dbdbdb;\n  color: #626262;\n  &:hover {\n    background: #dbdbdb;\n    color: #626262;\n  }\n}\n.comingSoon {\n  display: block;\n  position: absolute;\n  bottom: 13px;\n  font-size: 16px;\n  text-transform: initial;\n}\n.yourBalance {\n  color: #000;\n}\n.fromClient,\n.unconfBalance {\n  color: #000;\n}\n.unconfBalance {\n  margin-bottom: 20px;\n}\n\n.gohome-holder {\n  text-align: center;\n}\n\n.button {\n  margin-top: 20px;\n  font-size: 14px;\n}\n\n@media screen and (max-width: 690px) {\n  .topUpLink {\n    width: 100%;\n    .top {\n      width: 100%;\n    }\n  }\n  .swapContainerInfo {\n    width: 100%;\n  }\n  .swapDepositWindow {\n    width: 100%;\n  }\n  .linkAddress {\n    font-size: 14px;\n  }\n\n}\n\n@include media-tablet {\n  .swapDepositWindow {\n    order: 2;\n  }\n  .swapContainerInfo {\n    order: 3;\n  }\n  .showingScript {\n    left: -30px;\n    font-size: 13px;\n  }\n  .swapInfo {\n    text-align: center;\n    font-size: 16px;\n    top: -60px;\n    font-weight: 300;\n    font-size: 16px;\n    border-radius: 6px;\n    background: #cecece3b;\n    color: #000;\n    padding: 7px 20px;\n    width: 100%;\n    max-width: 600px;\n    margin: auto;\n    order: 1;\n  }\n  .swapContainer {\n    flex-direction: column;\n    align-items: baseline;\n  }\n}\n\n@include media-mobile {\n  .showingScript {\n    font-size: 9px;\n    left: 15px;\n  }\n  .swapInfo {\n    order: 1;\n  }\n  .swapDepositWindow {\n    order: 2;\n  }\n  .swapContainerInfo {\n    order: 3;\n  }\n  .transaction {\n    font-size: 8.5px;\n    a {\n      font-size: 8.5px;\n    }\n  }\n  .linkTransactions {\n    display: block;\n    margin-left: 0px;\n    a {\n      font-size: 11px;\n    }\n  }\n  .swap {\n    padding-top: 80px;\n  }\n  .swapDepositWindow {\n    width: 100%;\n  }\n  .topUpLink {\n    padding: 15px 20px;\n    padding-bottom: 70px;\n  }\n  .swapInfo {\n    text-align: center;\n    font-size: 16px;\n    left: 0;\n    top: -60px;\n    font-weight: 300;\n    font-size: 15px;\n    border-radius: 6px;\n    background: #cecece3b;\n    color: #000;\n    padding: 7px 20px;\n    width: 100%;\n  }\n  .linkText {\n    font-size: 11px;\n    margin-top: 20px;\n  }\n  .qrImg {\n    position: absolute;\n    right: 10px;\n    top: 0px;\n    width: 200px;\n  }\n\n  .qrImg > div {\n    height:unset;\n  }\n\n  .qr {\n    justify-content: end;\n    width: max-content;\n    margin: 1em 0;\n  }\n  .swap {\n    display: block;\n    width: 100%;\n    font-size: 11px;\n    margin: 0;\n    margin-top: 80px;\n  }\n  .swapMobile {\n    margin-top: 0;\n  }\n}\n\n.information {\n  position: relative;\n  flex-basis: 100%;\n}\n\nh3 {\n  font-size: 20px;\n}\n\n.swapInfoOpen {\n  padding-bottom: 700px;\n}\n\n.icon {\n  margin-right: 1%;\n  cursor: pointer;\n}\n@media all and (min-width: 320px) and (max-width: 480px) {\n  .swapContainer {\n    display: block;\n    padding-top: 20px !important;\n  }\n}\n\n@media all and (min-width: 570px) and (max-width: 670px) {\n  .swapInfo {\n    max-width: 540px;\n    width: 540px;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/pages/Swap/Swap.scss","@import \"./scss/config/index.scss\";\n.container {\n  width: 100%;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  flex-direction: row-reverse;\n}\n\n.dark {\n  .stepHeading {\n    color: #8e9aa3;\n  }\n}\n\n.progress {\n  content: \"\";\n  position: absolute;\n  border-radius: 50%;\n  left: calc(50% - 100px);\n  top: calc(50% - 100px);\n  width: 200px;\n  height: 200px;\n  clip: rect(0, 200px, 200px, 100px);\n  top: 40px;\n}\n\n@mixin circle($size) {\n  content: \"\";\n  position: absolute;\n  border-radius: 50%;\n  left: calc(50% - #{$size/2});\n  top: calc(50% - #{$size/2});\n  width: $size;\n  height: $size;\n}\n\n$size: 200px;\n.progress-pie-chart {\n  width: $size;\n  height: $size;\n  border-radius: 50%;\n  background-color: #E5E5E5;\n  position: absolute;\n  top: 72px;\n  left: 50%;\n  transform: translateX(-50%);\n  &.gt-50 {\n    background-color: #5100dc;\n  }\n}\n.ppc-progress {\n  @include circle($size);\n  clip: rect(0, $size, $size, #{$size/2});\n  .ppc-progress-fill {\n    @include circle($size);\n    clip: rect(0, #{$size/2}, $size, 0);\n    background: #5100dc;\n    transition: 0.3s transform ease;\n    transform: rotate(200deg);\n  }\n  .gt-50 & {\n    clip: rect(0, #{$size/2}, $size, 0);\n    .ppc-progress-fill {\n      clip: rect(0, $size, $size, #{$size/2});\n      transition: 0.3s transform ease;\n      background: #E5E5E5;\n    }\n  }\n}\n.ppc-percents {\n  @include circle(#{$size/1.15});\n  background: #fff;\n  text-align: center;\n  display: table;\n  span {\n    display: block;\n    font-size: 2.6em;\n    font-weight: bold;\n    color: #81CE97;\n  }\n}\n.pcc-percents-wrapper {\n  display: table-cell;\n  vertical-align: middle;\n}\n\n.finishImg {\n  width: 160px;\n  position: absolute;\n  left: 50%;\n  transform: translate(-50%,-50%);\n  top: 50%;\n}\n\n.bar {\n  content: \"\";\n  position: absolute;\n  border-radius: 50%;\n  left: calc(50% - 100px);\n  top: calc(50% - 100px);\n  width: 200px;\n  height: 200px;\n  clip: rect(0, 100px, 200px, 0);\n  background: #81CE97;\n  transform: rotate(170deg);\n}\n.steps {\n  color: #8e8e8e;\n  position: absolute;\n  right: 65px;\n  top: 68px;\n  font-size: 17px;\n}\n.info {\n  margin-top: 10px;\n  display: block;\n  position: relative;\n  div:first-child {\n    display: inline-block;\n  }\n}\n.headerContent {\n  height: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  position: relative;\n}\n\n.title {\n  min-width: 0;\n  flex: auto 1 1;\n  line-height: 22px;\n  font-size: 24px;\n  text-align: center;\n  &.uppercase {\n    text-transform: uppercase;\n  }\n}\n\n.closeButton {\n  width: 20px;\n  height: 20px;\n  opacity: 0.5;\n  transition: opacity .33s $ease-out-quadratic;\n\n  &:hover {\n    opacity: 1;\n    transition: none;\n  }\n}\n\n.header {\n  height: 88px;\n  border-bottom: 1px solid #ddd;\n}\n\n.saveSecretKey {\n  display: block;\n  color: #d66f6f;\n  em {\n    display: block;\n    font-size: 0.8rem;\n    font-style: normal;\n    word-wrap: break-word;\n  }\n}\n\n.animated-dots {\n  display: inline-block;\n  height: 12px;\n  position: absolute;\n  bottom: 30px;\n  right: -33px;\n}\n\n.animated-dots span {\n  color: #6d18e4;\n  font-size: 33px;\n  animation-name: blink;\n  animation-duration: 1.4s;\n  animation-iteration-count: infinite;\n  animation-fill-mode: both;\n}\n\n.animated-dots span:nth-child(2) {\n  animation-delay: .2s;\n}\n\n.animated-dots span:nth-child(3) {\n  animation-delay: .4s;\n}\n\n.link {\n  color: #fff;\n  background: #e91db4;\n  height: 40px;\n  line-height: 40px;\n  padding: 0 20px;\n  display: block;\n  width: max-content;\n  text-transform: uppercase;\n  border-radius: 20px;\n  margin: auto;\n  margin-top: 20px;\n  font-size: 16px;\n  &:hover {\n    background-color: #ff1fc5;\n    color: #fff;\n  }\n}\n\n.stepContainer {\n  width: 600px;\n  text-align: center;\n  border: 1px solid #ccc;\n  border-radius: 20px;\n}\n\n.step {\n  text-align: center;\n  padding: 50px;\n  padding-bottom: 30px;\n  z-index: 1;\n  border-radius: 20px;\n  padding-top: 70px;\n}\n\n.stepImg {\n  width: 184px;\n  height: 184px;\n  border-radius: 50%;\n  margin: auto;\n  margin-bottom: 60px;\n  z-index: 1111;\n  background: #fff;\n  position: relative;\n  top: 9px;\n  img {\n    width: 100%;\n    border-radius: 50%;\n  }\n}\n\n.stepInfo {\n  display: flex;\n  flex-direction: column;\n  padding: 0 24px;\n}\n\n.swapInfo {\n  position: absolute;\n  width: 600px;\n  top: -45px;\n  text-align: center;\n  font-size: 18px;\n}\n\n.transaction {\n  display: block;\n  margin-bottom: 16px;\n  a {\n    font-size: 13px;\n  }\n}\n\n.btnRefund {\n  button {\n    display: block;\n    margin: auto;\n  }\n}\n\n.tryAgain {\n  font-size: 12px;\n  color: #d66f6f;\n  margin-top: 10px;\n  font-weight: 600;\n}\n\n.timerRefund {\n  color: #000;\n  margin-bottom: 24px;\n\n  span {\n    display: block;\n  }\n}\n\n.ShowBTCScript {\n  position: absolute;\n  bottom: -80px;\n}\n\n.finishButtonsHolder {\n  line-height: 56px;\n  margin: 16px 0;\n  text-align: center;\n  vertical-align: middle;\n}\n.finishButtonsHolder button {\n  width: 40%;\n  margin-left: 20px;\n  margin-right: 20px;\n}\n\n.stepHeading {\n  font-size: 26px;\n  font-weight: 500;\n  line-height: 1.2;\n  padding-bottom: 24px;\n}\n\n.dontLeave {\n  margin-bottom: 24px;\n  color: #d66f6f;\n  font-size: 15px;\n\n  span {\n    span {\n      color: #000\n    }\n  }\n}\n\n.progressContainer {\n  color: #000;\n}\n\n.refundTransaction,\n.refundTransactionHash {\n  display: block;\n  position: relative;\n  font-size: 13px;\n  word-wrap: break-word\n}\n\n@include media-tablet {\n  .container {\n    width: 600px;\n  }\n  .steps {\n    top: -30px;\n    right: 0;\n  }\n}\n\n@media all and (min-width: 570px) and (max-width: 670px) {\n  .container {\n    width: 540px;\n  }\n}\n\n@media all and (min-width: 320px) and (max-width: 570px) {\n  .ShowBTCScript {\n    display: none;\n  }\n  .container {\n    width: 100%;\n  }\n  .info {\n    margin-top: 5px;\n    div {\n      font-size: 13px;\n    }\n  }\n  .steps {\n    font-size: 13px;\n    top: -25px;\n    right: 0;\n  }\n  .link {\n    font-size: 13px;\n  }\n  .stepContainer {\n    width: 100%;\n    border: none;\n  }\n  .stepList {\n    padding-top: 0;\n  }\n  .step {\n    border: none;\n    text-align: center;\n    padding: 0;\n    padding-bottom: 30px;\n    z-index: 1;\n    border-radius: 20px;\n    padding-top: 71px;\n  }\n  .stepInfo {\n    margin-top: -50px;\n  }\n  .progressContainer {\n    color: #000;\n    transform: scale(0.8);\n    margin-top: -80px;\n  }\n  .overlay {\n    border-bottom: 1px solid #eee;\n    padding-bottom: 20px;\n    margin-bottom: 0px;\n    border-top: 1px solid #eee;\n    padding-top: 20px;\n    width: 100%;\n  }\n\n  .stepHeading {\n    color: #000;\n    font-size: 18px;\n  }\n  .transaction {\n    top: -5px;\n    a {\n      font-size: 12px;\n      overflow: hidden;\n      width: 100%;\n      display: block;\n    }\n  }\n  .stepHeading__inner {\n    font-size: 11px;\n    width: 100%;\n    bottom: 0;\n  }\n  .finishButtonsHolder button {\n    width: 90%;\n    margin-left: 0px;\n    margin-right: 0px;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/pages/Swap/SwapProgress/SwapProgress.scss","@import \"./scss/config/index.scss\";\n.timer {\n  @include inline-block;\n  cursor: pointer;\n  text-align: center;\n  font-size: 18px;\n  margin-bottom: -20px;\n}\n\n@include media-mobile {\n  .timer {\n    font-size: 12px;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/pages/Swap/Timer/Timer.scss","@import \"./scss/config/index.scss\";\nlabel.Switch > span {\n\tposition: relative;\n\tpadding-left: 3.2em;\n\tuser-select: none;\n\theight: 20px;\n\tdisplay: block;\n}\n\nlabel.Switch {\n\tmargin: 0.5rem 0;\n}\n\nlabel.Switch > input[type='checkbox'] {\n\tdisplay: none;\n}\n\nlabel.Switch > span:before {\n\tbackground-color: #ffffff;\n    border-radius: 1.2em;\n    border: .1em solid transparent;\n    content: '';\n    height: 1.2em;\n    left: 0;\n    position: absolute;\n    margin-top: -2px;\n    -webkit-transition: border-color .2s, background-color .2s;\n    transition: border-color .2s, background-color .2s;\n    border: 1px solid rgba(0, 0, 0, 0.3);\n    box-sizing: border-box;\n    border-radius: 12px;\n    width: 56px;\n    height: 24px;\n    cursor: pointer;\n}\n\nlabel.Switch > span:after {\n\tbackground-color: #000000;\n\tborder-radius: 50%;\n\tcontent: '';\n\twidth: 15px;\n\theight: 15px;\n\tleft: 5px;\n\ttop: 50%;\n\ttransform: translateY(-50%);\n\tposition: absolute;\n\t-webkit-transition: border-color .2s, -webkit-transform .2s;\n\ttransition: border-color .2s, -webkit-transform .2s;\n\ttransition: transform .2s, border-color .2s;\n\ttransition: transform .2s, border-color .2s, -webkit-transform .2s;\n\tcursor: pointer;\n}\n\nlabel.Switch > input:checked + span:before {\n\tbackground-color: #000;\n}\n\nlabel.Switch > input:checked + span:after {\n\tbackground-color: #fff;\n\tright: 0px;\n\tleft: auto;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/controls/Toggle/Toggle.scss","@import \"./scss/config/index.scss\";\n.button {\n  height: 48px;\n  min-height: 48px;\n  padding: 0 16px;\n  @include inline-block;\n  cursor: pointer;\n  line-height: 40px;\n  // text-transform: uppercase;\n  // font-weight: bold;\n  text-align: center;\n  font-size: 18px;\n  border: none;\n  border-radius: 2px;\n  @include ff-bold;\n  @include no-user-select;\n  transition: background-color 0.23s ease, color 0.23s ease;\n}\n\n.fullWidth {\n  width: 100%;\n  display: block;\n  padding: 0;\n}\n\n.fill {\n  display: block;\n  padding: inherit;\n  width: 100%;\n  height: 100%;\n  margin: inherit;\n}\n\n.big {\n  height: 68px;\n  min-height: 68px;\n}\n\n.brand {\n  background-color: #e72bb3;\n  box-shadow: 1px 1px 6px #929292;\n  color: #fff;\n\n  &:hover {\n    background-color: lighten(#e72bb3, 5%);\n  }\n}\n\n.green {\n  background-color: #3de25b;\n  color: #fff;\n\n  &:hover {\n    background-color: lighten(#3de25b, 5%);\n  }\n}\n\n.blue {\n  background-color: #6144e5;\n  color: #fff;\n  font-size: 15px;\n}\n\n.transparent {\n  background: rgba(255, 255, 255, 0.1);\n  font-size: 15px;\n  color: #fff;\n}\n\n.white {\n  background-color: #fff;\n  color: inherit;\n  font-size: 15px;\n}\n\n.darkTheme-white {\n  background-color: #cf3fff;\n  color: white;\n}\n\n.gray {\n  background-color: #f2f2f2;\n  color: #000;\n\n  &:hover {\n    background-color: darken(#f2f2f2, 10%);\n  }\n}\n\n.darkTheme-gray {\n  background-color: #694cff;\n  color: white;\n\n  &:hover {\n    color: black\n  }\n}\n\n.transparent.blue {\n  background: rgba(97, 68, 229, 0.1);\n  font-weight: bold;\n  color: #6144e5;\n}\n\n.disabled {\n  background: rgba(97, 68, 229, 0.15);\n  font-weight: bold;\n  color: rgba(97, 68, 229, 0.5);\n}\n\n.autoHeight {\n  height: auto;\n  padding: 0.5em 1em;\n}\n\n@include media-mobile {\n  .button {\n    line-height: inherit;\n    padding: 0 9px;\n  }\n  .autoHeight {\n    padding: 0.5em 0.5em;\n  }\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/components/controls/Button/Button.scss","@import \"./scss/config/index.scss\";\n.HolderLinkShorter {\n  max-width: 600px;\n  overflow: hidden;\n  position: relative;\n  background: #fff;\n  cursor: pointer;\n  padding-bottom: 15px;\n  span:nth-child(1) {\n    display: block;\n    text-align: right;\n    outline: 2px solid blue;\n    text-overflow: clip;\n    right: 0px;\n    top: 0px;\n    bottom: 0px;\n    position: absolute;\n    white-space: nowrap;\n  }\n  span:nth-child(2) {\n    display: block;\n    position: relative;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    width: 50%;\n    background: #fff;\n  }\n}\n\n.shareLinkTextarea {\n  min-width: 600px;\n  height: 102px;\n  margin-bottom: 1rem;\n  margin-top: 1rem;\n  border: 1px solid red;\n  padding: 10px;\n  font-family: 'Roboto Mono', monospace;\n  word-break: break-all;\n  border: 1px solid rgba(0,0,0,0.2);\n}\n\n.shareLinkTextarea:focus {\n  border: 2px solid #6144e5;\n  outline: none;\n  padding: 9px;\n}\n\n\n\n.HolderQRCode {\n  position: relative;\n  .loader {\n    text-align: center;\n    line-height: 50px;\n    vertical-align: middle;\n  }\n  img {\n    display: block;\n    opacity: 0;\n    position: absolute;\n    left: -9999px;\n    top: -9999px;\n    margin: 0 auto;\n    width: 250px;\n    cursor: pointer;\n  }\n  &.qrLoaded {\n    img {\n      opacity: 1;\n      position: static;\n    }\n  }\n}\n\n.ButtonsHolder {\n  display: flex;\n  align-items: center;\n  justify-content: space-around;\n}\n\n.CopyLinkButton {\n  display: block;\n  width: 45%;\n}\n\n.ShareButtonHolder {\n  display: block;\n  width: 45%;\n  background: pink;\n\n  div {\n    display: block;\n    width: 100%;\n    padding-left: 0px;\n\n    button {\n      display: block;\n      width: 100%;\n    }\n  }\n}\n\n.WrapShareButton {\n  display: block;\n  background: red;\n}\n\n\n@include media-mobile {\n  .shareLinkTextarea {\n    min-width: auto;\n    width: 100%;\n  }\n  .HolderQRCode {\n    min-height: 50px;\n    img {\n      width: 95%;\n    }\n  }\n  \n  .shareLinkHolder {\n    position: relative;\n    .ButtonsHolder {\n      position: absolute;\n      top: -58px;\n      left: 0px;\n      right: 0px;\n    }\n    .linkHolder {\n      margin-top: 66px;\n    }\n  }\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/components/controls/ShareLink/ShareLink.scss","@import \"./scss/config/index.scss\";\n.WrapShareButton {\n\n  display: inline-block;\n  padding-left: 15px;\n\n  svg {\n    width: 20px;\n    height: 20px;\n    margin-right: 7px;\n  }\n  img {\n    margin-right: 7px;\n  }\n}\n\n.halfWidth {\n  width: 200px;\n  padding: 0px;\n  button {\n    width: 100%;\n  }\n}\n\n.fullWidth {\n  width: 100%;\n  padding: 0px;\n  button {\n    width: 100%;\n  }\n}\n\n@include media-mobile {\n  .halfWidth {\n    width: 50%;\n  }\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/components/controls/ShareButton/ShareButton.scss","@import \"./scss/config/index.scss\";\n.ellipsis {\n  width: 60px;\n  height: 12px;\n  display: inline-block;\n  position: relative;\n}\n\n.ellipsis div {\n  width: 11px;\n  height: 11px;\n  background: #333;\n  position: absolute;\n  top: 0;\n  border-radius: 50%;\n  animation-timing-function: cubic-bezier(0, 1, 1, 0);\n}\n\n.ellipsis div:nth-child(1) {\n  left: 6px;\n  animation: ellipsis1 0.6s infinite;\n}\n\n.ellipsis div:nth-child(2) {\n  left: 6px;\n  animation: ellipsis2 0.6s infinite;\n}\n\n.ellipsis div:nth-child(3) {\n  left: 26px;\n  animation: ellipsis2 0.6s infinite;\n}\n\n.ellipsis div:nth-child(4) {\n  left: 45px;\n  animation: ellipsis3 0.6s infinite;\n}\n\n@keyframes ellipsis1 {\n  0% {\n    transform: scale(0);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n\n@keyframes ellipsis3 {\n  0% {\n    transform: scale(1);\n  }\n  100% {\n    transform: scale(0);\n  }\n}\n\n@keyframes ellipsis2 {\n  0% {\n    transform: translate(0, 0);\n  }\n  100% {\n    transform: translate(19px, 0);\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/loaders/InlineLoader/InlineLoader.scss","@import \"./scss/config/index.scss\";\n.Switching {\n  display: flex;\n  background: url('./images/swapIcon.svg') 50% 50% no-repeat;\n  width: 40px;\n  height: 40px;\n  cursor: pointer;\n  z-index: 1;\n  border-radius: 3px;\n  border: 1px solid rgba(0, 0, 0, 0.2);\n}\n\n.noneBorder {\n  border: none;\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/components/controls/Switching/Switching.scss","@import \"./scss/config/index.scss\";\n.trade-panel__change {\n  display: flex;\n  align-items: center;\n  background: url('./images/flip.svg') 50% 50% no-repeat;\n  height: 58px;\n  width: 32px;\n  cursor: pointer;\n  margin: 0px 25px;\n  border: none;\n}\n\n@include media-mobile {\n  .trade-panel__change {\n    position: absolute;\n    -webkit-transform: scale(0.6);\n    transform: scale(0.6);\n    left: 50%;\n    margin-left: -17px;\n    margin-top: -29px;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/controls/Flip/Flip.scss","@import \"./scss/config/index.scss\";\n.removeButton {\n  width: 40px;\n  height: 40px;\n  background: #e91db4 url('./images/delete.svg') 50% 50% no-repeat;\n  background-size: 16px;\n  cursor: pointer;\n  @include inline-block;\n  opacity: 0.5;\n  border-radius: 50%;\n  line-height: 36px;\n  border: none;\n  text-align: center;\n\n  &:hover {\n    opacity: 1;\n  }\n}\n\n.icon {\n  height: 16px;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/controls/RemoveButton/RemoveButton.scss","@import \"./scss/config/index.scss\";\n.withdrawButton {\n  @include inline-block;\n  height: 40px;\n  background: #f8f3fe;\n  padding: 0 1.6em;\n  cursor: pointer;\n  line-height: 40px;\n  font-size: 16px;\n  border: none;\n  font-weight: 500;\n  color: #7c1de9;\n  border-radius: 20px;\n  margin-right: 10px;\n\n  &:hover {\n    color: #7c1de9;\n    background: #dfc5ff;\n  }\n}\n\n@include media-mobile {\n  .withdrawButton {\n    margin: 0;\n    margin-left: 3.5vw;\n    font-size: 12px;\n  }\n}\n\n@media (max-width: 568px) and (min-width: 450px) {\n  .withdrawButton {\n    margin-left: 5vw;\n  }\n}\n\n@media (max-width: 380px) {\n  .withdrawButton {\n    margin-left: 0;\n  }\n}\n\n.disable {\n  @include inline-block;\n  height: 40px;\n  background: #dbdbdb;\n  padding: 0 25px;\n  cursor: pointer;\n  line-height: 40px;\n  font-size: 16px;\n  border: none;\n  font-weight: 500;\n  color: #626262;\n  border-radius: 20px;\n  margin-right: 10px;\n\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/controls/WithdrawButton/WithdrawButton.scss","@import \"./scss/config/index.scss\";\ninput,\ntextarea {\n  background: none;\n  outline: none;\n  border: 0;\n  border-radius: 0;\n}\n\n.input {\n  width: 100%;\n  height: 68px;\n  padding: 0 16px;\n  border-radius: 2px;\n  vertical-align: top;\n  line-height: 14px;\n  box-shadow: none;\n  font-size: 15px;\n  padding-left: 15px;\n  font-family: 'Roboto Mono', monospace;\n  border: 1px solid rgba(0, 0, 0, 0.2);\n  outline: none;\n\n  &:focus {\n    border: 2px solid #6144e5;\n    outline: none;\n    padding: 0 14px;\n  }\n}\n\n@mixin placeholder {\n  ::-webkit-input-placeholder {\n    @content;\n  }\n\n  :-moz-placeholder {\n    @content;\n  }\n\n  ::-moz-placeholder {\n    @content;\n  }\n\n  :-ms-input-placeholder {\n    @content;\n  }\n}\n\n.srollingForm {\n  height: 100px !important;\n  overflow-y: auto !important;\n}\n\n.root {\n  display: block;\n  width: 100%;\n\n  &.--dark {\n    .inputContainer {\n      background-color: #2b2b2b;\n\n      input {\n        color: white;\n      }\n\n      input:disabled {\n        background-color: #2b2b2b !important;\n        cursor: no-drop;\n      }\n    }\n    .qr {\n      background: #2b2b2b;\n    }\n  }\n}\n\n.inputContainer {\n  position: relative;\n  background-color: #fff;\n  border-radius: 6px;\n\n  &.withMargin {\n    margin-bottom: 40px;\n  }\n\n  &.disabled {\n    background-color: #fafafa;\n  }\n\n  &.withError {\n    border-color: $color-f-error;\n\n    .input~.label {\n      color: $color-f-error;\n    }\n  }\n}\n\ninput[type='number'] {\n  -moz-appearance: textfield;\n}\n\n.rightEl {\n  position: absolute;\n  top: -15px;\n  right: 0px;\n  font-size: 13px;\n  color: #828795;\n  padding: 5px;\n}\n\n.dollar {\n  position: absolute;\n  bottom: -30px;\n  background: #fff;\n  right: 10px;\n  font-size: 13px;\n  color: #828795;\n  padding: 5px 10px;\n}\n\n.qr {\n  color: #6143e5;\n  cursor: pointer;\n  right: 10px;\n  top: 50%;\n  transform: translateY(-50%);\n  background: #fff;\n}\n\n\n.input::-webkit-input-placeholder {\n  /* Chrome/Opera/Safari */\n  color: rgba(31, 45, 72, 0.3);\n}\n\n.input::-moz-placeholder {\n  /* Firefox 19+ */\n  color: rgba(31, 45, 72, 0.3);\n}\n\n.input:-ms-input-placeholder {\n  /* IE 10+ */\n  color: rgba(31, 45, 72, 0.3);\n}\n\n.input:-moz-placeholder {\n  /* Firefox 18- */\n  color: rgba(31, 45, 72, 0.3);\n}\n\n.inputError {\n  border: 1px solid red;\n\n  &:focus {\n    border: 1px solid red;\n  }\n}\n\n@include media-tablet-landscape-and-lower {\n  .input {\n    width: 100%;\n  }\n}\n\ntextarea.input {\n  line-height: 18px;\n  padding: 20px 16px;\n  font-size: 16px;\n\n  &:focus {\n    padding: 19px 15px;\n  }\n\n  @include placeholder() {\n    line-height: 18px;\n  }\n}\n\n.error {\n  font-size: 14px;\n  color: $color-f-error;\n\n  [role='errorLink'] {\n    display: inline !important;\n    color: inherit !important;\n    vertical-align: inherit !important;\n    text-decoration: underline !important;\n  }\n}\n\n@media all and (min-width: 320px) and (max-width: 767px) {\n  .inputContainer {\n    &.smallFontSize {\n      input {\n        font-size: 11px;\n      }\n    }\n\n    @include placeholder() {\n      font-size: 11px;\n    }\n  }\n}\n\n@media all and (max-width: 480px) {\n  .error {\n    font-size: 10px;\n  }\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/components/forms/Input/Input.scss","@import \"./scss/config/index.scss\";\n.title {\n  text-transform: uppercase;\n  @include ff-bold;\n  color: $color-brand;\n  font-size: 16px;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/PageHeadline/Title/Title.scss","@import \"./scss/config/index.scss\";\n.button {\n  cursor: pointer;\n  background: none;\n  border: 0;\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n\n  &.dark {\n    .icon {\n      &::before,\n      &::after {\n        background-color: white;\n      }\n    }\n   \n   }\n\n  &.whiteColor {\n    .icon {\n      &::before,\n      &::after {\n        background-color: #fff;\n      }\n    }\n\n    &:hover {\n\n      .icon {\n\n        &::before,\n        &::after {\n          background-color: $color-brand;\n        }\n      }\n    }\n  }\n\n  &.brandColor {\n\n    .icon {\n\n      &::before,\n      &::after {\n        background-color: $color-brand;\n      }\n    }\n\n    &:hover {\n\n      .icon {\n\n        &::before,\n        &::after {\n          background-color: #000;\n        }\n      }\n    }\n  }\n}\n\n.icon {\n  width: inherit;\n  height: inherit;\n  position: relative;\n  overflow: hidden;\n  pointer-events: none;\n\n  &::before,\n  &::after {\n    content: '';\n    width: 50px;\n    height: 1px;\n    display: block;\n    background-color: #000;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n  }\n\n  &::before {\n    transform: translate(-50%, -50%) rotate(45deg);\n  }\n\n  &::after {\n    transform: translate(-50%, -50%) rotate(-45deg);\n  }\n}\n\n\n@include media-mobile {\n\n  .button {\n\n    &::before {\n      width: vw(36);\n      height: vw(36);\n    }\n  }\n}\n\n@include media-except-mobile {\n\n  .button {\n\n    &::before {\n      width: 36px;\n      height: 36px;\n    }\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/ui/CloseIcon/CloseIcon.scss","@import \"./scss/config/index.scss\";\n.widthContainer {\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n.widthContainerIn {\n\n  &.relative {\n    position: relative;\n  }\n}\n\n.fullHeight {\n  height: 100%;\n}\n\n.centeringContent {\n  text-align: center;\n}\n\n\n@include media-mobile {\n\n  .widthContainer {\n    padding-right: 20px;\n    padding-left: 20px;\n    overflow: hidden;\n    &.main {\n      padding-top: vw(30);\n      padding-bottom: vw(40);\n    }\n  }\n}\n\n@include media-except-mobile {\n\n  .widthContainer {\n\n    &.main {\n      padding-top: 30px;\n      padding-bottom: 40px;\n    }\n  }\n}\n\n@include media-tablet {\n\n  .widthContainer {\n    padding-right: 40px;\n    padding-left: 40px;\n  }\n}\n\n@include media-desktop {\n\n  .widthContainer {\n    padding-right: 2%;\n    padding-left: 2%;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/layout/WidthContainer/WidthContainer.scss","@import \"./scss/config/index.scss\";\n.tooltip {\n  display: inline-block;\n  width: 1.2em;\n  height: 1.2em;\n  text-align: center;\n  line-height: 1.2em;\n  border-radius: 50%;\n  border: 0,5px;\n  border-color: lightgrey;\n  vertical-align: middle;\n  background: rgba(128,128,128,0.2);\n  transform: scale(0.8);\n  margin-top: -2px;\n}\n.r-tooltip {\n  max-width: 50vw;\n}\n\n\n@include media-mobile {\n  .tooltip {\n    display: none;\n    &_truesight {\n      display: inline-block;\n    }\n  }\n  .r-tooltip {\n    max-width: 80%;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/ui/Tooltip/Tooltip.scss","@import \"./scss/config/index.scss\";\n.animate-fetching {\n  position: relative;\n  &::before {\n    content: '';\n    position: absolute;\n    background-color: #ccc;\n    top: 0px;\n    bottom: 0px;\n    left: 0px;\n    right: 0px;\n    animation-name: animate;\n    border-radius: 4px;\n    animation-duration: 2s;\n    position: absolute;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    background: -webkit-gradient(\n      linear,\n      left top,\n      right top,\n      color-stop(8%, #eeeeee),\n      color-stop(18%, #dddddd),\n      color-stop(33%, #eeeeee)\n    );\n    background: -webkit-linear-gradient(left, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);\n    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);\n    -webkit-background-size: 3200px 104px;\n  }\n}\n\n@keyframes animate {\n  0% {\n    background-position: -1500px 0;\n  }\n  100% {\n    background-position: 468px 0;\n  }\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/components/loaders/ContentLoader/ElementLoading.scss","@import \"./scss/config/index.scss\";\n.relativeWrapper {\n  position: relative;\n  height: 70vmin;\n  max-height: 400px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.imageWrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  max-width: 400px;\n  max-height: 400px;\n\n  img {\n    width: 100%;\n    height: 100%;\n    font-size: 25px;\n  }\n}\n\n.imageFaker {\n  position: absolute;\n  width: 80%;\n  height: 80%;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.hiddenEl {\n  display: none;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/QR/QR.scss","@import \"./scss/config/index.scss\";\n.main {\n  color: rgb(231, 43, 179);\n  background: white;\n  font-size: 16px;\n  width: 600px;\n  text-align: center;\n  border: 1px solid #ccc;\n  border-radius: 20px;\n  padding-bottom: 30px;\n  height: 470px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.feeHeading {\n  color: #000;\n  font-size: 23px;\n  margin-bottom: 20px;\n}\n\n.warning {\n  font-size: 120px;\n  color: #ff3b3b;\n  margin-bottom: 5px;\n}\n\n.button {\n  cursor: pointer;\n  width: 200px;\n  margin-left: 20%;\n  background: #5100e0;\n  margin: 0;\n  &:hover {\n    background: #782cff;\n  }\n}\n\n.address {\n  font-weight: bold;\n  margin-top: 30px;\n  padding: 13px 19px;\n  border-radius: 5px;\n  font-size: 19px;\n  color: #373737;\n  box-shadow: 1px 1px 6px #929292;\n  margin-bottom: 35px;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/pages/Swap/FeeControler/FeeControler.scss","@import \"./scss/config/index.scss\";\n.dark {\n  .checked {\n    .stepNumber {\n      background: #9066da;\n      color: #fff;\n      border: 1px solid #5100dc;\n      min-width: 35px;\n    }\n    .stepText {\n      color: #828f96;\n    }\n  }\n}\n\n.stepList,\n.stepItem,\n.stepNumber,\n.stepText {\n  color: #000;\n}\n\n.stepNumber {\n  border: 1px solid #ccc;\n  width: 35px;\n  height: 35px;\n  display: flex;\n  border-radius: 50%;\n  justify-content: center;\n  align-items: center;\n  min-width: 35px;\n}\n\n.cancelSwap {\n  position: relative;\n  font-size: 17px;\n  cursor: pointer;\n  color: #fd6b65;\n  height: 40px;\n  line-height: 40px;\n  border-radius: 20px;\n  padding: 0 1.6em;\n  text-align: center;\n  display: inline-block;\n  text-decoration: underline;\n  padding: 0;\n  margin-top: 20px;\n}\n\n.tooltip {\n  padding-left: 10px;\n}\n\n.stepList {\n  width: 37%;\n  height: 100%;\n  margin-top: 100px;\n}\n\n.stepItem {\n  display: flex;\n  align-items: center;\n  margin-bottom: 17px;\n  font-size: 14px;\n  opacity: 0.3;\n}\n\n.stepText {\n  margin: 0;\n  margin-left: 14px;\n  text-transform: uppercase;\n}\n\n.active {\n  color: #000;\n  opacity: 1;\n  .stepNumber {\n    background: #fff;\n    color: #fff;\n    border: none;\n    border: 1px solid #000;\n    color: #000;\n  }\n}\n\n.checked {\n  .stepNumber {\n    background: #5100dc;\n    color: #fff;\n    border: 1px solid #5100dc;\n    min-width: 35px;\n  }\n  .stepText {\n    color: #5100dc;\n  }\n}\n\n.transactionInStep {\n  font-size: 20px;\n  margin-left: 10px;\n  position: relative;\n  a {\n    font-size: 14px;\n    margin-top: -12px;\n    display: block;\n    margin-right: 4px;\n    display: flex;\n    border-bottom: 1px solid;\n    padding-bottom: 3px;\n    &:hover {\n      border-bottom: none;\n      color: #007bff;\n    }\n  }\n  i {\n    font-size: 19px;\n    color: #007bff;\n    display: none;\n    margin-left: 4px;\n  }\n}\n\n@media all and (max-width: 1000px) {\n  .stepList {\n    width: 100%;\n    margin-top: 30px;\n  }\n}\n\n@include media-tablet {\n  .stepList {\n    margin-left: 0;\n    order: 4;\n  }\n  .stepList.isMobile {\n    margin-left: 0px;\n    margin-bottom: 25px;\n    align-items: baseline;\n    margin-bottom: 5px;\n    margin-top: -20px;\n    display: flex;\n    width: 100%;\n    max-width: 600px;\n    order: 1;\n    justify-content: space-between;\n  }\n}\n\n@include media-mobile {\n  .stepList {\n    margin-left: 0;\n    order: 4;\n  }\n\n  .transactionInStep {\n    a {\n      margin-top: 0;\n    }\n  }\n\n  .stepList.isMobile {\n    width: 100%;\n    order: 1;\n    .cancelSwap {\n      font-size: 15px;\n      height: 30px;\n      line-height: 30px;\n      border-bottom: 1px solid;\n      position: absolute;\n      right: 0;\n      padding-bottom: 3px;\n      top: -5px;\n      text-decoration: none;\n      border-radius: 0;\n    }\n  }\n  .stepText {\n    font-size: 12px;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/pages/Swap/SwapList/SwapList.scss","@import \"./scss/config/index.scss\";\n.main {\n  color: rgb(231, 43, 179);\n  background: white;\n  font-size: 16px;\n  width: 600px;\n  text-align: center;\n  border: 1px solid #ccc;\n  border-radius: 20px;\n  padding-bottom: 30px;\n  height: 470px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.failHeading {\n  color: #000;\n  font-size: 23px;\n  margin-bottom: 20px;\n}\n\n.warning {\n  font-size: 120px;\n  color: #ff3b3b;\n  margin-bottom: 5px;\n}\n\n.button {\n  cursor: pointer;\n  width: 200px;\n  margin-left: 20%;\n  background: #5100e0;\n  margin: 0;\n  &:hover {\n    background: #782cff;\n  }\n}\n\n.address {\n  font-weight: bold;\n  margin-top: 30px;\n  padding: 13px 19px;\n  border-radius: 5px;\n  font-size: 19px;\n  color: #373737;\n  box-shadow: 1px 1px 6px #929292;\n  margin-bottom: 35px;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/pages/Swap/FailControler/FailControler.scss","@import \"./scss/config/index.scss\";\n.row {\n  width: 450px;\n  display: flex;\n  justify-content: space-between;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/pages/Swap/Share/Share.scss","@import \"./scss/config/index.scss\";\n.link {\n  text-decoration: none !important;\n  color: #2181F7 !important;\n\n  &:hover {\n    color: #3b95ff !important;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/Href/Href.scss","@import \"./scss/config/index.scss\";\n.block {\n  cursor: pointer;\n}\n\n.button {\n  color: #A9A9A9;\n  text-decoration: underline;\n  position: absolute;\n  left: 50px;\n  top: -20.5px;\n}\n\n.information {\n  position: relative;\n  display: block;\n  top: 20px;\n  left: 260px;\n}\n\n@include media-tablet {\n  .information {\n    left: 25px;\n    font-size: 12px;\n  }\n}\n\n@include media-mobile {\n  .information {\n    left: 30px;\n    font-size: 6px;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/pages/Swap/EmergencySave/EmergencySave.scss","@import \"./scss/config/index.scss\";\n.sectionContainer {\n  width: 1200px;\n  position: relative;\n  margin: auto;\n  margin-top: 0px;\n  &_widget {\n    margin-top: 0;\n  }\n}\n.sectionContainerMobile {\n  width: 100%;\n  margin-top: -60px;\n  margin-bottom: 120px;\n  position: relative;\n  &_widget {\n    margin-top: 0;\n  }\n}\n.videoContainer {\n  flex-direction: column;\n  width: 100%;\n  justify-content: center;\n  padding: 40px 0 0 0;\n}\n\n.videoFaqContainer {\n  display: flex;\n  width: 100%;\n\n  flex: 1;\n  flex-direction: row;\n  align-items: flex-start;\n  justify-content: center;\n}\n\n.faqContainer {\n  max-height: 480px;\n  height: 480px;\n  width: 300px;\n  overflow: auto;\n  overflow-x: hidden;\n\n  padding: 5px 5px 5px 15px;\n\n  &>div:not(:last-child) {\n    margin-bottom: 20px;\n  }\n\n  &.loading, &.noItems  {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n}\n\n@include media-mobile {\n  .faqContainer {\n    display: none;\n  }\n  .videoContainer {\n    margin-bottom: -45px;\n    iframe {\n      height: 300px;\n    }\n  }\n  .sectionContainerMobile {\n    margin-top: 20px;\n\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/pages/Home/Home.scss","@import \"./scss/config/index.scss\";\n.centringContainer {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  white-space: nowrap;\n  // font-size: 0; // FIXME: why?\n\n  &::before {\n    content: \"\";\n    height: 100%;\n    display: inline-block;\n    vertical-align: top;\n  }\n\n  &.scrollable {\n    overflow: auto;\n  }\n\n  &:not(.keepFontSize) {\n    font-size: 0;\n  }\n\n  &.relative {\n    position: relative;\n  }\n}\n\n.centerHorizontally {\n  text-align: center;\n}\n\n.centerVertically {\n  .centringContent,\n  &::before {\n    vertical-align: middle;\n  }\n}\n\n.centringContent {\n  max-width: 100%;\n  display: inline-block;\n  white-space: normal;\n  vertical-align: middle;\n  text-align: left;\n}\n\n\n@media all and (max-width: 768px) and (min-width: 320px){\n  .centringContent {\n    width: 100%;\n    padding: 0 20px;\n  }\n}\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/layout/Center/Center.scss","@import \"./scss/config/index.scss\";\n.headline {\n  padding: 30px 0 40px;\n}\n\n@include media-tablet-landscape-and-lower {\n  .headline {\n    padding: 10px 0 0;\n  }\n}\n\n@include media-mobile {\n  .headline {\n    padding: 0;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/PageHeadline/PageHeadline.scss","@import \"./scss/config/index.scss\";\n.subTitle {\n  margin-top: 20px;\n  @include ff-bold;\n  font-size: 30px;\n  font-family: Arial;\n  margin-bottom: 10px !important;\n}\n\n@include media-mobile {\n  .subTitle {\n    font-size: 20px;\n    line-height: 1.4;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/PageHeadline/SubTitle/SubTitle.scss","@import \"./scss/config/index.scss\";\n.container {\n  display: flex;\n  width: 100%;\n  flex: 1;\n\n  flex-direction: column;\n  box-shadow: 1px 1px 3px 0;\n\n  &.active {\n\n    .header {\n      background-color: #7371ff;\n      color: #fff !important;\n    }\n\n    .description {\n      background: #fafafa;\n    }\n\n  }\n}\n\n.icon {\n  position: absolute;\n  right: 10px;\n  top: 13px;\n}\n\n.header {\n  position: relative;\n  cursor: pointer;\n  min-height: 40px;\n  user-select: none;\n\n  color: #474748 !important;\n  background: rgb(250, 250, 250);\n\n  padding: 10px 30px 10px 10px;\n}\n\n.description {\n  padding: 10px;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/FaqExpandableItem/FaqExpandableItem.scss","@import \"./scss/config/index.scss\";\n.currencySelect {\n  border-radius: 0 6px 6px 0 !important;\n}\n\n.choice {\n  margin-bottom: 20px;\n  display: flex;\n  align-items: flex-start;\n  flex-direction: column;\n}\n\n.row {\n  display: flex;\n  align-items: center;\n}\n\n.title {\n  margin-bottom: 35px;\n}\n\n.text {\n  margin-bottom: 0px;\n  margin-right: 25px;\n}\n\n.formRow {\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n}\n\n.formRow > button {\n  margin-left: 80px;\n}\n\n@media screen and (max-width: 690px) {\n  .choice {\n    flex-wrap: wrap;\n    margin-top: 20px;\n  }\n  .row {\n    width: 100%;\n    justify-content: center;\n    margin-bottom: 15px;\n    &:last-child {\n      justify-content: center;\n      margin-left: 0;\n    }\n  }\n}\n\n@include media-mobile {\n  .formRow {\n    position: relative;\n    margin-top: 60px;\n    margin-bottom: 85px;\n  }\n  .rowLeft {\n    position: absolute;\n    flex-direction: column;\n    align-items: normal;\n  }\n  .rowRight {\n    position: absolute;\n    flex-direction: column;\n    align-items: flex-end;\n    right: 0;\n    text-align: right;\n  }\n  .currencySelectLeft {\n    transform: scale(0.8);\n    left: -15px;\n  }\n  .currencySelectRight{\n    transform: scale(0.8);\n    left: auto;\n    right: -15px;\n  }\n  .formRow > button {\n    position: absolute;\n    bottom: -90px;\n    width: 100%;\n    left: 0;\n    margin: 0;\n    font-size: 15px;\n    span {\n      margin-left: 5px;\n      margin-top: -4px;\n    }\n  }\n  .text {\n    margin: 0;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/CurrencyDirectionChooser/CurrencyDirectionChooser.scss","@import \"./scss/config/index.scss\";\n.optionrow {\n  white-space: nowrap;\n}\n.icon {\n  width: 12px;\n  &[role=\"letter\"] {\n    color: white;\n    width: 100%;\n    text-align: center;\n  }\n}\n.circle {\n  width: 32px;\n  height: 32px;\n  background: #000;\n  border-radius: 50%;\n  position: absolute;\n  left: 15px;\n  top: 47%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transform: translateY(-50%);\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/ui/CurrencySelect/Option/Option.scss","@import \"./scss/config/index.scss\";\n.text {\n  @include ff-semibold;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/ui/CurrencyIcon/CurrencyIcon.scss","@import \"./scss/config/index.scss\";\n.label {\n  font-size: 15px;\n  @include ff-semibold;\n  display: inline-block;\n  background: #fff;\n  padding: 7px 7px;\n  z-index: 111;\n  position: absolute;\n  top: -18px;\n  left: 10px;\n  white-space: nowrap;\n  padding-right: 20px;\n\n  &.--dark {\n    background: none;\n    z-index: 4;\n    color: white;\n  }\n}\n\n// .inRow {\n//   margin-top: 20px;\n//   font-family: \"Inter-SemiBold\", sans-serif;\n//   z-index: 9999999;\n//   white-space: nowrap;\n//   strong {\n//     font-weight: 500;\n//   }\n//   position: relative;\n//   display: inline-block;\n//   &:first-child {\n//     margin-top: 0;\n//   }\n// }\n\n.positionStatic {\n  position: static;\n}\n\n.inDropDown {\n  display: flex;\n  padding: 0 10px;\n  margin-left: -1px;\n  top: -13px;\n  padding-right: 25px;\n}\n\n@include media-tablet-landscape-and-lower {\n  .inRow {\n    margin-top: 30px;\n\n    &:first-child {\n      margin-top: 0;\n    }\n  }\n}\n\n@include media-mobile {\n  .inRow {\n    &:first-child {\n      font-size: 12px;\n    }\n  }\n\n  .label {\n    font-size: 10px;\n    top: -13px;\n    left: 9px;\n    padding-right: 5px;\n  }\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/components/forms/FieldLabel/FieldLabel.scss","@import \"./scss/config/index.scss\";\n.dropDown {\n  @include inline-block;\n  background: #fff;\n  position: relative;\n  border-radius: 6px;\n  box-shadow: rgba(#000, 0.08) 0 3px 9px 0;\n\n  &.active {\n    width: 100%;\n    border: 1px solid #000;\n    top: -15px;\n    z-index: 11111111;\n    background: #fff;\n    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);\n    height: max-content;\n    border-radius: 2px !important;\n\n    .arrow {\n      display: none;\n    }\n\n    .closeBtn {\n      display: block;\n      color: #000;\n      position: absolute;\n      right: 0;\n      top: 20px;\n      right: 14px;\n    }\n\n    .searchInput {\n      width: 100%;\n\n      input {\n        &:focus {\n          border-bottom: 1px solid #000;\n        }\n      }\n    }\n\n    .selectedItem {\n      padding: 0 20px;\n      height: 335px;\n    }\n  }\n\n  .arrowDropDown {\n    right: 25px;\n  }\n}\n\n.dark {\n  background: #2b2b2b;\n  color: white;\n\n  &.active {\n    background: #2b2b2b;\n  }\n\n  .option,\n  .select {\n    background: #2b2b2b;\n  }\n\n  .option {\n    border-top: 1px solid #545151;\n\n    &:hover {\n      background-color: #3f3f3f;\n    }\n\n    span {\n      color: white;\n    }\n  }\n\n  .selectedItem {\n    background: #2b2b2b;\n  }\n}\n\n.simpleDropdown {\n  border-radius: 0 6px 6px 0 !important;\n  position: absolute;\n  top: 5px;\n  right: 0px;\n  box-shadow: none;\n  background: transparent;\n\n  &.active {\n    top: 80px;\n    border: none;\n    height: 165px;\n    width: 170px;\n  }\n\n  .selectedItem {\n    @include ff-bold;\n  }\n\n  .fullTitle {\n    display: none;\n  }\n\n  .select {\n    overflow: hidden;\n  }\n}\n\n.smallTooltip,\n.dropDownLabel {\n  color: #000;\n}\n\n.closeBtn,\n.activeLabel,\n.dropDownLabel {\n  display: none;\n}\n\n.smallTooltip {\n  >span {\n    display: flex;\n    justify-content: center;\n    position: absolute;\n    right: 5px;\n    top: 5px;\n\n    span {\n      font-size: 10px;\n    }\n  }\n}\n\n.listName {\n  font-weight: 600;\n  font-size: 13px;\n  line-height: 17px;\n  color: #000000;\n  opacity: 0.4;\n  position: relative;\n  text-align: left;\n  display: block;\n  margin-left: 22px;\n  margin-top: 5px;\n  margin-bottom: 10px;\n}\n\n.fullTitle {\n  text-transform: capitalize;\n  font-weight: 500;\n  font-size: 18px;\n  color: #000000;\n  margin-right: 9px;\n  margin-top: 0px;\n}\n\n.range {\n  position: absolute;\n  font-size: 18px;\n  right: 15px;\n  font-weight: 500;\n}\n\n.rangeUp {\n  color: #53ae94;\n}\n\n.rangeDown {\n  color: $color-f-error;\n}\n\n.currencyLogo {\n  width: 20px;\n  position: absolute;\n  left: 22px;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n.shortTitle {\n  color: rgba(0, 0, 0, 0.4);\n  font-size: 18px;\n  font-weight: 500;\n  text-transform: uppercase;\n}\n\n.searchInput {\n  width: 75px;\n\n  &>div {\n    box-shadow: none;\n  }\n\n  & input {\n    border-radius: 0;\n\n    &:focus {\n      border: none;\n    }\n  }\n}\n\n.selectedItem {\n  height: 57px;\n  line-height: 60px;\n  padding-right: 46px;\n  padding-left: 16px;\n  min-width: 135px;\n  background: white;\n\n  z-index: 1;\n  cursor: pointer;\n  text-align: right;\n  font-size: 20px;\n  white-space: nowrap;\n  text-transform: capitalize;\n  font-weight: 500;\n  border-color: grey;\n  @include no-user-select;\n\n  &_disableIteract {\n    cursor: default;\n    padding-right: 22px;\n  }\n\n  img {\n    display: none;\n  }\n}\n\n.arrow {\n  @include arrow('down', 9px, 2px, #828795);\n  margin-top: -6px;\n  position: absolute;\n  top: 50%;\n  right: 20px;\n}\n\n.select {\n  min-width: 100%;\n  max-height: 245px;\n  background-color: #fff;\n  // margin-top: 4px;\n  position: absolute;\n  right: 0;\n  top: 0;\n  overflow-x: hidden;\n  overflow-y: auto;\n  z-index: 9999;\n  background: #fff;\n  border-radius: 6px;\n  box-shadow: rgba(#000, 0.08) 0 3px 9px 0;\n}\n\n.dontscroll {\n  max-height: auto;\n  overflow-y: hidden;\n  top: 10px;\n}\n\n.option {\n  height: 56px;\n  line-height: 56px;\n  border-top: 1px solid #ddd;\n  background: #fff;\n  padding: 0 16px;\n  cursor: pointer;\n  text-align: left;\n  position: relative;\n  padding-left: 60px;\n\n  &:first-child {\n    border-top: 0;\n  }\n\n  &:hover {\n    background-color: #f7f7f7;\n  }\n}\n\n.invoiceCurrencySelect {\n  .dropDown {\n    display: none;\n  }\n}\n\n@include media-mobile {\n  .selectedItem {\n    display: flex;\n    width: 100%;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .range {\n    font-size: 15px;\n    margin-top: 1px;\n  }\n\n  .shortTitle {\n    font-size: 15px;\n    margin-top: 1px;\n  }\n\n  .fullTitle {\n    font-size: 14px;\n  }\n\n  .dontscroll {\n    max-height: auto;\n    overflow-y: hidden;\n    top: 10px;\n    left: calc(50% - 50vw + 20px);\n    width: calc(100vw - 40px);\n  }\n\n}\n\n@media screen and (max-width: 320px) {\n  .dontscroll {\n    top: -60px;\n  }\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/components/ui/DropDown/DropDown.scss","@import \"./scss/config/index.scss\";\n.allOrders {\n  margin-top: 35px;\n}\n\n.titleButtonRow {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 20px;\n}\n\n.buttonRow {\n  display: flex;\n  width: 300px;\n  margin-left: 60%;\n  margin-top: -30px;\n  justify-content: space-around;\n  button {\n    font-size: 14px;\n  }\n}\n\n.buttonRowWidget {\n  width: 450px;\n  margin-left: 50%;\n}\n\n.button {\n  font-size: 14px;\n  width: 135px;\n  line-height: 28px;\n  height: 100%;\n  padding: 5px 5px;\n}\n\n.ordersHeading {\n  margin-top: 20px;\n}\n\n.tableBox {\n  box-shadow: 0 3px 9px 0 rgba(0,0,0,.08);\n  padding: 10px;\n  height: 120px;\n  position: relative;\n}\n\n.price {\n  position: absolute;\n  right: 10px;\n  color: #bbb;\n  text-transform: uppercase;\n  font-size: 13px;\n}\n\n.have, .haveValue, .get, .getValue {\n  color: #000;\n}\n\n.btn {\n  position: absolute;\n  background: #8400f0;\n  color: #fff;\n  text-transform: uppercase;\n  border-radius: 5px;\n  padding: 5px 26px;\n  font-size: 12px;\n  right: 10px;\n  bottom: 15px;\n}\n.img {\n  position: absolute;\n  top: 15px;\n  img {\n    width: 35px;\n  }\n}\n.icon {\n  color: #000;\n}\n\n.subtitle {\n  color: #8E9AA3;\n  font-size: 15px;\n  margin-top: -5px;\n}\n.headerContainer {\n  display: flex;\n  justify-content: space-between;\n}\n\n@include media-min320-max800 {\n  .closeButton {\n    width: 40px;\n    height: 40px;\n    opacity: 0.7;\n    transform: scale(0.6) translate(10px, -3px);\n    margin-top: -7px;\n    margin-right: 0px;\n    margin-left: 6px;\n    div {\n      overflow: visible;\n    }\n  }\n}\n\n@include media-min320-max800 {\n  .buttonRow,\n  .buttonRowMobile {\n    margin: 0;\n    margin-top: 20px;\n    margin-bottom: 30px;\n    width: auto;\n    justify-content: end;\n    position: absolute;\n    .button:first-child {\n      margin-right: 10px;\n      color: #fff;\n    }\n  }\n  .buttonRowWidget {\n    .button {\n      width: 115px;\n      margin-right: 10px;\n    }\n    .button:last-child {\n      margin-right: 0px;\n    }\n  }\n  table thead {\n    display: none;\n  }\n  .buttonRowMobile {\n    bottom: 70px;\n  }\n  .buttonRow {\n    bottom: -85px\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/pages/Home/Orders/Orders.scss","@import \"./scss/config/index.scss\";\n$borderRadius: 3px;\n$borderPadding: 24px;\n$walletPaddingTop: 41px;\n\n.table {\n  border-collapse: collapse;\n  border: 0;\n  width: auto;\n  margin-bottom: 20px;\n\n  thead {\n    position: sticky;\n    top: 0;\n    @include ff-bold;\n    width: 100%;\n    height: 41px;\n    border-bottom: 0.5px solid rgba(#000, 0.03);\n    border-radius: $borderRadius $borderRadius 0 0;\n    background: #fff;\n    z-index: 100;\n  }\n\n  tbody {\n    border-radius: 0 0 $borderRadius $borderRadius;\n\n    tr {\n      border-top: 1px solid #f5f5f5;\n\n      &:first-child {\n        border-top: 0;\n      }\n    }\n  }\n\n  th,\n  td {\n    border: 0;\n    text-align: left;\n    white-space: nowrap;\n\n    &:first-child {\n      padding-left: 0;\n    }\n\n    &:last-child {\n      padding-right: 0;\n    }\n\n    div {\n      button {\n        i {\n          display: none;\n        }\n      }\n    }\n  }\n\n  th {\n    padding: 10px;\n    font-size: 14px;\n    color: #bbb;\n  }\n\n  td {\n    padding: 15px 10px;\n  }\n\n  th:last-child {\n    padding-left: 30px;\n  }\n\n  td:first-child {\n    display: table-cell;\n  }\n\n  td:last-child {\n    padding-right: $borderPadding - 10px;\n\n    @media all and (max-width: 400px) {\n      padding-right: 10px;\n    }\n  }\n\n  tr:last-child td {\n    &:first-child {\n      border-bottom-left-radius: $borderRadius;\n    }\n\n    &:last-child {\n      border-bottom-right-radius: $borderRadius;\n    }\n  }\n\n  thead tr th {\n    &:first-child {\n      border-top-left-radius: $borderRadius;\n    }\n\n    &:last-child {\n      border-top-right-radius: $borderRadius;\n      padding-right: $borderPadding;\n      padding-left: 15px;\n    }\n  }\n}\n\n.dark {\n  background: #232629;\n\n  @media screen and (max-width: 480px) {\n    background: #222528;\n  }\n\n  thead {\n    background: #232629;\n\n    tr {\n      background: #232629;\n    }\n  }\n\n  tr {\n    border-top: 1px solid #313131 !important;\n  }\n}\n\n.color {\n  color: #626262;\n}\n\n.wallet {\n  padding-top: $walletPaddingTop;\n  position: relative;\n  display: inline-block;\n\n  thead {\n    display: block;\n    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .03);\n  }\n}\n\n.history {\n  width: 100%;\n  margin-top: 20px;\n  display: inline-table;\n\n  thead {\n    border: none;\n  }\n\n  td,\n  td:first-child {\n    width: 100%;\n    padding: 0;\n  }\n}\n\n// Exchange and Swap history\n.historySwap {\n  font-size: 14px;\n  width: 100%;\n  margin-top: 30px;\n\n  tbody {\n    display: flex;\n    justify-content: space-between;\n    flex-wrap: wrap;\n\n    tr {\n      display: flex;\n      flex-direction: column;\n      width: 49%;\n      border-radius: 4px;\n      margin-bottom: 2%;\n      border: 1px solid rgba(142, 154, 163, 0.16) !important;\n      box-shadow: 0px 2px 12px rgba(142, 154, 163, 0.08);\n    }\n\n    td {\n      padding: 10px 20px !important;\n      display: flex !important;\n      justify-content: space-between;\n      border-bottom: 1px solid #edeff0;\n      @include ff-regular;\n\n      >span {\n        color: #8E9AA3;\n        @include ff;\n      }\n\n      p {\n        margin: 0;\n      }\n    }\n  }\n\n  thead {\n    display: none;\n  }\n\n  a {\n    font-size: 14px;\n  }\n}\n\n\n@include media-tablet-landscape-and-lower {\n  table {\n    display: block;\n    overflow-x: scroll;\n  }\n\n  // Wallet\n  .wallet {\n\n    th:last-child {\n      padding-left: 30px;\n    }\n\n    & td {\n      // &:first-child {\n      //   position: absolute;\n      //   z-index: 2;\n      //   background: $color-f-brightest;\n      // }\n\n      // &:nth-child(2) {\n      //   position: absolute;\n      //   z-index: 2;\n      //   left: 90px;\n      //   background: $color-f-brightest;\n      //   height: 80px;\n      //   padding-top: 28px;\n      //   max-width: 146px;\n      //   min-width: 100px;\n      // }\n\n      // &:nth-child(3) {\n      //   min-width: 80px;\n      //   display: flex;\n      //   margin-left: 150px;\n      //   height: 80px;\n      //   align-items: center;\n      // }\n      padding: 15px 10px;\n    }\n\n    & th {\n      // &:first-child {\n      //   position: absolute;\n      //   display: flex;\n      //   background: $color-f-brightest;\n      //   align-items: center;\n      //   height: 40px;\n      //   width: 50px;\n      // }\n\n      // &:nth-child(2) {\n      //   position: absolute;\n      //   display: flex;\n      //   background: $color-f-brightest;\n      //   align-items: center;\n      //   height: 40px;\n      //   width: 100px;\n      //   left: 90px;\n      // }\n\n      // &:nth-child(3) {\n      //   margin-left: 150px;\n      //   display: flex;\n      // }\n      padding: 15px 10px;\n    }\n\n    & tr:first-child td:first-child {\n      // padding-top: 15px;\n      // height: 75px;\n      // margin-top: 5px;\n    }\n\n    & tr:first-child td:nth-child(2) {\n      // padding-top: 23px;\n      // height: 75px;\n      // margin-top: 5px;\n    }\n  }\n\n  // History\n  .history {\n    & th {\n      &:first-child {\n        position: absolute;\n        display: flex;\n        background: $color-f-brightest;\n        align-items: center;\n        height: 40px;\n        width: 50px;\n      }\n\n      &:nth-child(2) {\n        display: block;\n        margin-left: 40px;\n      }\n    }\n  }\n}\n\n\ntable.wallet {\n  tr {\n    display: table-row;\n  }\n}\n\n@include media-tablet {\n\n  table {\n    overflow-x: auto;\n  }\n\n  table.wallet {\n\n    // td:nth-child(1) {\n    //   width: 5%;\n    // }\n    td:nth-child(2) {\n      width: 12%;\n    }\n\n    td:nth-child(3) {\n      width: 18%;\n    }\n\n    th:last-child {\n      padding-left: 15px;\n    }\n\n    tr {\n      display: table-row;\n    }\n  }\n\n  .mobileThead {\n    th:nth-child(4) {\n      display: block;\n    }\n  }\n}\n\n\n@media all and (min-width: 570px) and (max-width:1024px) {\n  table.wallet {\n    td:nth-child(4) {\n      width: 80px;\n    }\n\n    td:nth-child(5) {\n      div {\n        display: flex;\n        align-items: initial;\n        flex-direction: column;\n\n        button {\n          margin-bottom: 10px;\n          margin-right: 0;\n          width: 125px;\n        }\n      }\n    }\n\n    td:nth-child(5) {\n      div {\n        position: absolute;\n        bottom: 0;\n        left: 20px;\n        right: 20px;\n      }\n    }\n\n    td:nth-child(2) {\n      width: 15%;\n      max-width: 60px;\n    }\n\n    td:nth-child(3) {\n      width: 54%;\n      max-width: 80px;\n    }\n\n    td:nth-child(5) {\n      width: 26%;\n\n      div {\n        display: flex;\n        flex-direction: row;\n        min-width: 360px;\n        max-width: 360px;\n        justify-content: space-between;\n\n        button {\n          width: auto;\n          padding: 0 15px;\n          margin-right: 5px;\n          font-size: 13px;\n        }\n\n        button {\n          width: 33.3%;\n          flex-basis: 50%;\n        }\n\n        button:last-child {\n          margin-right: 0;\n        }\n      }\n    }\n\n    tr {\n      display: block;\n    }\n  }\n}\n\n\n@media all and (min-width: 320px) and (max-width:1024px) {\n  .table.exchange {\n    min-height: 130px;\n    // overflow-x: visible;\n    // tbody {\n    //   display: block;\n    // }\n    // tr:first-child td:first-child,\n    // tr td{\n    //   position: static;\n    //   display: block;\n    // }\n    // tr {\n    //   position: relative;\n    //   display: block;\n    //   height: 75px;\n    // }\n  }\n\n  table {\n    overflow-x: auto;\n  }\n\n  .wallet {\n    margin-bottom: 15px;\n    font-size: 14px;\n    overflow: hidden;\n    padding-top: 15px;\n    min-width: auto;\n    width: 100vw;\n    margin-left: -45px;\n\n    th {\n      font-size: 13px;\n    }\n\n    th:last-child {\n      padding-left: 15px;\n    }\n\n    th:nth-child(1) {\n      padding-left: 5px;\n    }\n\n    th:nth-child(2),\n    td:nth-child(2) {\n      display: none;\n    }\n\n    td:nth-child(1) {\n      padding-left: 10px;\n    }\n\n    th:nth-child(2) {\n      padding-left: 10px;\n    }\n\n    td:nth-child(2) {\n      width: auto;\n    }\n\n    tr {\n      display: -webkit-box;\n      display: -webkit-flex;\n      display: -ms-flexbox;\n      position: relative;\n      width: 100%;\n      height: 65px;\n      border-radius: 0px;\n      padding: 0;\n      margin-bottom: 0;\n      overflow: hidden;\n      box-shadow: none;\n      padding: 0 10px;\n      align-items: center;\n    }\n\n    tbody {\n      width: 100%;\n      display: block;\n\n      tr {\n        border: none;\n      }\n    }\n\n    thead {\n      display: none;\n    }\n  }\n}\n\n@include media-min320-max800 {\n  .table.exchange {\n    thead {\n      display: none;\n    }\n  }\n}\n\n@include media-mobile {\n  .table {\n    margin-top: 15px;\n  }\n\n  .table.exchange {\n    display: table;\n    width: 280px;\n\n    td {\n      position: relative;\n\n      &:first-child {\n        display: table-cell;\n      }\n    }\n\n    .img {\n      position: relative;\n    }\n  }\n\n  .wallet {\n    margin-left: -20px;\n  }\n\n  table.wallet {\n    td:nth-child(5) {\n      div {\n        position: absolute;\n        bottom: 0;\n        left: 20px;\n        right: 20px;\n      }\n    }\n\n    td:nth-child(2) {\n      width: 15%;\n      max-width: 60px;\n    }\n\n    td:nth-child(3) {\n      width: 54%;\n      max-width: 80px;\n    }\n\n    td:nth-child(5) {\n      width: 26%;\n\n      div {\n        position: absolute;\n        left: 0;\n        top: 70px;\n        width: 100%;\n        justify-content: space-between;\n        display: flex;\n        padding: 0 20px;\n\n        button {\n          width: auto;\n          padding: 0 15px;\n          margin-right: 5px;\n          font-size: 13px;\n        }\n\n        button {\n          width: 33.3%;\n          flex-basis: 50%;\n        }\n\n        button:last-child {\n          margin-right: 0;\n        }\n      }\n    }\n\n    tr {\n      display: block;\n    }\n  }\n}\n\n@media all and (min-width: 320px) and (max-width: 767px) {\n  .historySwap {\n    tbody {\n      tr {\n        width: 100%;\n      }\n    }\n  }\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/components/tables/Table/Table.scss","@import \"./scss/config/index.scss\";\n.mobileRowRemove,\n.mobileRowStart {\n  .firstType,\n  .secondType {\n    color: gray;\n    display: block;\n  }\n  .tdContainer-1 {\n    font-size: 14px;\n  }\n  .tdContainer-2 {\n    font-size: 14px;\n  }\n  .tdContainer-3 {\n    position: relative;\n  }\n  .startButton {\n    font-size: 12px;\n    width: auto;\n    height: auto;\n    padding: 0.8em 1em;\n  }\n  .onHover {\n    top: 48%;\n    right: 0px;\n    width: 75px;\n    height: 40px;\n    font-size: 50%;\n    position: absolute;\n    padding: 0 1px 0 1px;\n    text-transform: uppercase;\n    transform: translateY(-50%);\n  }\n  .bigContainer {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n}\n.mobileRowStart {\n  .tdContainer-3 {\n    position: relative;\n  }\n}\n\n\n@include media-min320-max800 {\n  .bigContainer {\n    width: 280px;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/pages/Home/Orders/Row/Row.scss","@import \"./scss/config/index.scss\";\n.avatar {\n  border-radius: 50%;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/Avatar/Avatar.scss","@import \"./scss/config/index.scss\";\n.button {\n  padding: 5px 30px;\n  height: 60px;\n  width: auto;\n  background-color: #e91db4;\n  position: relative;\n  opacity: 0.8;\n  border-radius: 5px;\n  color: #ffffff;\n  cursor: pointer;\n  box-shadow: 1px 1px 6px #929292;\n\n  &:hover {\n    opacity: 1;\n  }\n}\n\n.disabled {\n  background-color: #828795;\n  color: #000000;\n\n  &:hover {\n    opacity: 0.5;\n  }\n}\n@include media-mobile {\n  .button {\n    height: 60px;\n    min-width: 30px;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/pages/Home/Orders/RequestButton/RequestButton.scss","@import \"./scss/config/index.scss\";\n.userTooltip {\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n}\n\n\n.buy, .accept {\n  color: #3de25b;\n}\n\n.sell, .delete {\n  color: #e32950;\n}\n\n\n.delete, .accept {\n  cursor: pointer;\n}\n\ntd {\n  text-align: center;\n}\n\n.currency {\n  font-size: 14px;\n  font-weight: 700;\n  min-width: 150px;\n  margin-right: 10px;\n  display: flex;\n  align-items: center;\n}\n\n.coin {\n  text-transform: uppercase;\n}\n\n.buttons {\n  width: 150px;\n  display: flex;\n  justify-content: space-around;\n}\n\n.arrow {\n  display: inline-block;\n  width: 5px;\n  margin: 5px;\n}\n\n.arrow img {\n  display: block;\n  width: 100%;\n  height: auto;\n}\n\n.img {\n  width: 18px;\n  margin-top: -2px;\n  margin-right: 12px;\n}\n\n.share {\n  color: #212529;\n  &:hover {\n    color: #212529;\n  }\n}\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// ./shared/pages/Home/Orders/MyOrders/RowFeeds/RowFeeds.scss","@import \"./scss/config/index.scss\";\n.coins {\n  display: flex;\n\n  > div {\n\n    &:first-child {\n      transform: translateX(5px);\n    }\n\n    &:last-child {\n      transform: translateX(-5px);\n    }\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/Coins/Coins.scss","@import \"./scss/config/index.scss\";\n.coin {\n  @include square-block;\n  background-color: #47454a;\n  border: 1px solid #fff;\n  position: relative;\n  border-radius: 50%;\n}\n\n.dark {\n  border-color: #232629\n}\n\n.icon {\n  height: 50%;\n  display: block;\n  @include absolute-centring;\n}\n\n.letter {\n  width: 100%;\n  height: 100%;\n  display: block;\n  position: absolute;\n  top: 0;\n  left: 0;\n  text-align: center;\n  color: #fff;\n}\n\n.light {\n  background: rgba(97, 68, 229, 0.1);\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: 15px;\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/components/Coin/Coin.scss","@import \"./scss/config/index.scss\";\n.userTooltip {\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n}\n\n.buy, .accept {\n  color: #3de25b;\n}\n\n.sell, .delete {\n  color: #e32950;\n}\n\n.delete, .accept {\n  cursor: pointer;\n}\n.delete {\n  position: absolute;\n  right: -20px;\n  font-size: 25px;\n  margin-top: 1px;\n  top: 50%;\n  color: #F93F3F;\n  transform: translateY(-50%);\n}\n\ntd {\n  text-align: center;\n}\n\n.img {\n  width: 18px;\n  margin-right: 12px;\n  position: absolute;\n  cursor: pointer;\n  top: 0;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n.share {\n  color: #212529;\n  &:hover {\n    color: #212529;\n  }\n}\n\n.currency {\n  font-size: 14px;\n  font-weight: 700;\n  min-width: 150px;\n  margin-right: 10px;\n  display: flex;\n  align-items: center;\n}\n\n.buttons {\n  width: 150px;\n  display: flex;\n  justify-content: space-around;\n}\n\n.firstType,\n.secondType {\n  color: gray;\n  display: block;\n}\n.tdContainer-1 {\n  font-size: 14px;\n}\n.tdContainer-2 {\n  font-size: 14px;\n}\n.startButton {\n  position: absolute;\n  top: 48%;\n  right: 0px;\n  width: 67px;\n  height: 40px;\n  transform: translateY(-50%);\n  text-transform: uppercase;\n  font-size: 12px;\n}\n.bigContainer {\n  display: flex;\n  width: 100%;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.CopiedOrders {\n  position: absolute;\n  top: -4px;\n  right: 15px;\n  font-size: 14px;\n}\n\n\n\n\n\n// WEBPACK FOOTER //\n// ./shared/pages/Home/Orders/MyOrders/RowFeedsMobile/RowFeedsMobile.scss","@import \"./scss/config/index.scss\";\n.status {\n  font-size: 15px;\n  font-weight: bold;\n  line-height: 1.5;\n\n  &.in {\n    .arrowWrap {\n      svg {\n        transform: rotate(180deg);\n        margin-top: 4px;\n\n        path {\n          stroke: #0CCF14;\n        }\n      }\n    }\n\n    .amount {\n      color: #0CCF14;\n    }\n  }\n\n  &.out {\n    font-weight: bold;\n\n    .amount {\n      color: #EE5B51;\n    }\n  }\n\n  &.self {\n    font-weight: bold;\n  }\n}\n\n.commentTextarea {\n  overflow: hidden !important;\n  resize: none;\n}\n\n.arrowWrap {\n  width: 36px;\n  height: 36px;\n  background: rgba(142, 154, 163, 0.1);\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-right: 12px;\n\n  svg {\n    fill: transparent;\n  }\n}\n\n.cell {\n  border-radius: 20px;\n  padding: 0px 25px;\n  width: 145px;\n  line-height: 40px;\n  height: 40px;\n  text-align: center;\n  display: inline-block;\n}\n\n.confirm,\n.unconfirmed {\n  text-align: center;\n  height: auto;\n  background: rgba(97, 68, 229, 0.1);\n  font-weight: 800;\n  font-size: 8px;\n  line-height: 10px;\n  color: #6144E5;\n  width: auto;\n  text-transform: uppercase;\n  padding: 3px 10px;\n  border-radius: 2px;\n  margin-left: 10px;\n  position: relative;\n  top: -2px;\n\n  a {\n    font-size: inherit;\n  }\n}\n\n.confirm.red {\n  color: #f51f1f;\n  background: rgba(229, 68, 68, 0.1);\n}\n\n.confirm.green {\n  color: #EE5B51;\n  background: rgba(238, 91, 81, 0.1);\n  padding: 3px 7px;\n}\n\n\n.unconfirmed {\n  color: #8E9AA3;\n  background: rgba(142, 154, 163, 0.1);\n}\n\n.date {\n  font-size: 12px;\n  font-weight: bold;\n  @include ff;\n  color: #8E9AA3;\n  white-space: pre-wrap;\n  cursor: pointer;\n  width: 75%;\n\n  @media all and (max-width: 480px) {\n    font-size: 0.65em;\n  }\n}\n\n.address {\n  margin-top: 5px;\n  font-size: 14px;\n}\n\n.amount {\n  font-weight: 800;\n  font-size: 15px;\n  line-height: 18px;\n  text-align: right;\n  right: 15px;\n  top: 15px;\n  position: absolute;\n}\n\n.amountUsd {\n  font-weight: 600;\n  font-size: 12px;\n  color: #8E9AA3;\n  line-height: 15px;\n  position: absolute;\n  right: 15px;\n  top: 45px;\n}\n\n.historyInfo {\n  margin-left: 50px;\n  margin-top: -37px;\n\n  a {\n    color: #212529;\n\n    @media all and (max-width: 480px) {\n      font-size: 0.85em;\n    }\n  }\n}\n\n.info {\n  span {\n    position: absolute;\n    font-size: 12px;\n    @include ff-regular;\n    bottom: 20px;\n    left: 24px;\n    color: #8E9AA3;\n  }\n}\n\n.info.noButtons {\n  span {\n    position: static;\n  }\n}\n\n.comment {\n  color: #000;\n}\n\n.btnWrapper {\n  border-top: 1px solid #eee;\n  text-align: right;\n  height: 40px;\n  line-height: 48px;\n  margin-top: 15px;\n  @include ff-bold;\n\n  button:first-child {\n    color: #6144E5;\n  }\n\n  button:last-child {\n    color: #1F2D48;\n    margin-left: 10px;\n  }\n}\n\n.confirmWrapper {\n  border-top: 1px solid #eee;\n  height: 40px;\n  line-height: 48px;\n  margin-top: 15px;\n  @include ff-bold;\n  text-align: center;\n\n  >span {\n    font-style: normal;\n    font-weight: 600;\n    font-size: 14px;\n    line-height: 15px;\n    color: #1F2D48;\n  }\n\n  button {\n    font-style: normal;\n    font-weight: 800;\n    font-size: 14px;\n    line-height: 15px;\n    color: #6144E5;\n  }\n}\n\n.icon {\n  border-style: none;\n  width: 14px;\n  margin-left: 10px;\n}\n\n.wrapButtonShare {\n  display: inline-block;\n}\n\ntr.historyRow {\n  display: block;\n  margin-bottom: 10px;\n  width: 100%;\n  min-height: 64px;\n  position: relative;\n  background: #FFFFFF;\n  border: 1px solid rgba(142, 154, 163, 0.16) !important;\n  box-shadow: 0px 2px 12px rgba(142, 154, 163, 0.08);\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  padding: 15px;\n}\n\ntr.dark {\n  background: #242425;\n  box-shadow: 0px 4px 16px rgba(243, 243, 243, 0.08), 0px 1px 4px rgba(240, 233, 233, 0.08);\n\n  @media screen and (max-width: 480px) {\n    box-shadow: none;\n    background: #222528;\n  }\n\n  .historyInfo {\n    a {\n      color: white;\n    }\n  }\n}\n\n.smallTooltip span {\n  margin-top: -4px;\n\n  span {\n    font-size: 10px;\n  }\n}\n\n.input {\n  font-size: 12px;\n  color: #8e9aa3;\n  border-bottom: 1px solid #8e9aa3;\n  width: 75%;\n  padding-bottom: 5px;\n  position: relative;\n\n  textarea {\n    width: 85%;\n    @include ff;\n  }\n\n  .submit {\n    color: #0CCF14;\n    position: absolute;\n    font-size: 16px;\n    right: 22px;\n    top: -1px;\n  }\n\n  .close {\n    color: #EE5B51;\n    margin-right: 5px;\n    font-size: 22px;\n    position: absolute;\n    right: -6px;\n    top: -7px;\n  }\n}\n\n.historyInvoiceInfo {\n  outline: 1px solid red;\n\n  div {\n    display: block;\n    font-size: 10pt;\n  }\n}\n\n@media all and (min-width: 320px) and (max-width: 570px) {\n  tr.historyRow {\n    height: max-content;\n    align-items: flex-start;\n  }\n}\n\n\n@media all and (min-width: 320px) and (max-width: 767px) {\n  .info {\n    span {\n      display: none;\n    }\n  }\n\n  .date {\n    width: 65%;\n  }\n\n  .amountUsd {\n    right: 15px;\n    top: 39px;\n\n    @media all and (max-width: 480px) {\n      font-size: 0.6em;\n    }\n  }\n\n  .amount {\n    right: 15px;\n    top: 17px;\n\n    @media all and (max-width: 480px) {\n      font-size: 0.8em;\n    }\n  }\n\n  .historyInfo {\n    margin-left: 0px;\n    margin-top: 0px;\n    position: relative;\n  }\n\n  .circleIcon {\n    display: none;\n  }\n}\n\n\n@media all and (min-width: 320px) and (max-width: 400px) {\n  .historyInfo {\n    min-height: 60px;\n  }\n\n  .confirm,\n  .unconfirmed {\n    top: 47px;\n    position: absolute;\n    right: 0;\n  }\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/pages/History/Row/Row.scss","@import \"./scss/config/index.scss\";\n.history {\n  display: block;\n  background: #FFFFFF;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08), 0px 1px 4px rgba(0, 0, 0, 0.08);\n  border-radius: 4px;\n  padding: 25px;\n  margin-top: 40px;\n  width: 100%;\n}\n\n.historyHeading {\n  color: #1F2D48;\n  font-size: 24px;\n  line-height: 33px;\n  font-weight: bold;\n  margin-bottom: 10px;\n}\n\n.walletNav {\n  padding: 0;\n  margin-bottom: 0px;\n  margin-top: 25px;\n}\n\n.walletNavItem {\n  display: inline-block;\n  margin-right: 20px;\n  font-weight: bold;\n}\n\n.walletNavItem.active {\n  a {\n    border-bottom: 3px solid #6144e5;\n    color: #1f2d48;\n  }\n}\n\n.walletNavItemLink {\n  cursor: pointer;\n  font-size: 15px;\n  line-height: 140%;\n  padding-bottom: 10px;\n  color: #8e9aa3 !important;\n}\n\n.dark {\n  background: #232629;\n\n  .historyHeading {\n    color: white;\n  }\n\n  a {\n    color: white !important;\n  }\n}\n\n@include media-mobile {\n  .historyHeading {\n    margin-top: 20px;\n  }\n}\n\n@media all and (min-width: 320px) and (max-width: 767px) {\n  .history {\n    box-shadow: none;\n    padding: 0;\n    margin-top: 0;\n  }\n\n  .historyContent {\n    margin: -40px -20px;\n  }\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/pages/History/History.scss","@import \"./scss/config/index.scss\";\n.animationLoading {\n  display: block;\n  padding: 20px;\n  background: #ffffff;\n  //box-shadow: 0px 4px 16px rgba(0,0,0,0.08), 0px 1px 4px rgba(0,0,0,0.08);\n  border-radius: 4px;\n  position: relative;\n  right: 0;\n  width: 100%;\n  top: 20px;\n  opacity: 0.6;\n\n  &.--dark {\n    background: #222528;\n    opacity: unset;\n\n    .textBlock {\n      p {\n        color: white;\n      }\n\n      span {\n        color: #79838a;\n      }\n    }\n\n    .one,\n    .two,\n    .three,\n    .four,\n    .five,\n    .six {\n      background: linear-gradient(to right, #353535 8%, #353535 18%, #353535 33%);\n    }\n  }\n}\n\n.animationLoading.rideSideContent {\n  height: 500px;\n}\n\n.animationLoading.leftSideContent {\n  height: 215px;\n  top: 0;\n}\n\n.animationLoading.stop {\n  .container>div {\n    animation: none;\n  }\n}\n\n@keyframes animate {\n  0% {\n    background-position: -1500px 0;\n  }\n\n  100% {\n    background-position: 468px 0;\n  }\n}\n\n.container {\n  width: 100%;\n  height: 50px;\n  position: relative;\n  margin-bottom: 55px;\n}\n\n.animationLoading.inner {\n  padding: 0;\n  box-shadow: none;\n  top: 60px;\n  height: auto;\n}\n\n.descr {\n  .one {\n    border-radius: 0;\n    height: 70px;\n    width: 100%;\n  }\n}\n\n.balance {\n  height: 215px;\n  margin-bottom: 0;\n\n  .one {\n    left: 0;\n    height: 70px;\n    width: 100%;\n  }\n\n  .three,\n  .two {\n    position: absolute;\n    height: 42px;\n    left: 0px;\n    bottom: 50px;\n    width: 48%;\n  }\n\n  .three {\n    left: 0px;\n  }\n\n  .two {\n    right: 0px;\n    left: auto;\n  }\n}\n\n.content {\n  .one {\n    width: 50px;\n    border-radius: 50%;\n    height: 50px;\n    position: relative;\n  }\n\n  .two {\n    top: 2px;\n    height: 20px;\n    width: 150px;\n    left: 65px;\n  }\n\n  .three {\n    bottom: 0;\n    height: 20px;\n    width: 260px;\n    left: 65px;\n    right: auto;\n  }\n\n  .four {\n    top: 2px;\n    height: 20px;\n    right: 0;\n    width: 120px;\n    left: auto;\n  }\n\n  .five {\n    bottom: 0;\n    height: 20px;\n    right: 0;\n    left: auto;\n    width: 210px;\n  }\n\n  .six {\n    bottom: -30px;\n    height: 1px;\n    width: 100%;\n    left: 0;\n  }\n}\n\n.one,\n.two,\n.three,\n.four,\n.five,\n.six {\n  background-color: #ccc;\n  height: 6px;\n  animation-name: animate;\n  border-radius: 4px;\n  animation-duration: 2s;\n  position: absolute;\n  animation-iteration-count: infinite;\n  animation-timing-function: linear;\n  background: -webkit-gradient(linear,\n      left top,\n      right top,\n      color-stop(8%, #eeeeee),\n      color-stop(18%, #dddddd),\n      color-stop(33%, #eeeeee));\n  background: -webkit-linear-gradient(left, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);\n  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);\n  -webkit-background-size: 3200px 104px;\n}\n\n.banners {\n  padding: 0;\n  top: auto;\n  margin: 0;\n  height: 250px;\n  display: flex;\n  justify-content: space-between;\n\n  .one,\n  .two,\n  .three,\n  .four {\n    position: relative;\n    height: 220px;\n    width: 167px;\n  }\n}\n\n\n.textBlock {\n  position: absolute;\n  left: 50%;\n  top: 48%;\n  transform: translate(-50%, -50%);\n  z-index: 111111;\n\n  p {\n    font-size: 18px;\n    line-height: 25px;\n    text-align: center;\n    color: #1f2d48;\n    margin-bottom: 5px;\n  }\n\n  span {\n    font-size: 13px;\n    line-height: 150%;\n    text-align: center;\n    color: #8e9aa3;\n    display: inline-block;\n    @include ff-regular;\n    width: 100%;\n  }\n}\n\n@media all and (min-width: 768px) and (max-width: 992px) {\n\n  .four,\n  .five {\n    display: none;\n  }\n}\n\n@media all and (min-width: 320px) and (max-width: 767px) {\n  .animationLoading {\n    box-shadow: none;\n  }\n\n  .four,\n  .five {\n    display: none;\n  }\n\n  .banners {\n    padding: 0 12px;\n    top: auto;\n    margin: 0;\n    height: 130px;\n    display: flex;\n    justify-content: space-between;\n\n    .one,\n    .two,\n    .three,\n    .four {\n      position: relative;\n      height: 100px;\n      width: 32%;\n    }\n\n    .four {\n      display: none;\n    }\n  }\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/components/loaders/ContentLoader/ContentLoader.scss","@import \"./scss/config/index.scss\";\n.filterForm {\n    border: 1px solid #eceff0;\n    box-sizing: border-box;\n    border-radius: 2px;\n    width: 100%;\n    height: 40px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 9px;\n    input {\n      width: 100%;\n    }\n    input::placeholder {\n      color: #1F2D48;\n      opacity: 0.2;\n    }\n  }\n\n  .dark {\n    border: 1px solid #454b4d;\n    input {\n      color: white;\n    }\n    input::placeholder {\n      color: white;\n    }\n\n    div {\n      button {\n        color: white\n      }\n    }\n  }\n  \n  .buttons {\n    width: 110px;\n    display: flex;\n  }\n  \n  .show,\n  .all {\n    width: 55px;\n    color: #1F2D48;\n    text-transform: capitalize;\n  }\n\n  .active {\n    color: #6144e5; \n  }\n  \n  .show {\n    opacity: 0.2;\n  }\n  \n  .all {\n    opacity: 0.6;\n  }\n\n\n// WEBPACK FOOTER //\n// ./shared/components/FilterForm/styles.scss","@import \"./scss/config/index.scss\";\n.wrapper {\n  max-width: 800px;\n  margin: 0 auto;\n  position: relative;\n  background: #FFFFFF;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08), 0px 1px 4px rgba(0, 0, 0, 0.08);\n  border-radius: 4px;\n  padding: 35px 25px 40px;\n  margin-top: 5%;\n  // position: absolute;\n  // left: 50%;\n  // top: 50%;\n  // transform: translate(-50%,-50%);\n\n  &.--dark {\n    background: #242425;\n    box-shadow: 0px 4px 16px rgba(243, 243, 243, 0.08), 0px 1px 4px rgba(240, 233, 233, 0.08);\n\n    @media screen and (max-width: 480px) {\n      box-shadow: none;\n      background: #222528;\n    }\n\n    .mobileFormBody,\n    .formBody {\n      h2 {\n        color: white\n      }\n    }\n\n    .subHeader {\n      h5 {\n        color: #cfd1d3;\n      }\n    }\n\n    .card {\n      background: #242425;\n\n      b {\n        color: #cfd1d3;\n      }\n    }\n\n    .continue:disabled {\n      background-color: #3c3c3c;\n      color: #cfd1d3;\n    }\n  }\n}\n\n.closeButton {\n  width: 40px;\n  height: 40px;\n  opacity: 0.7;\n  transform: scale(0.6) translate(10px, -3px);\n  right: 15px;\n  position: absolute;\n  top: 10px;\n  z-index: 9999;\n\n  div {\n    overflow: visible;\n  }\n\n  @media all and (max-width: 480px) {\n    position: fixed;\n    right: 1em;\n    top: 0.5em;\n  }\n}\n\n.isExist {\n  width: 100%;\n  height: 100%;\n  font-size: 2em;\n  margin: auto;\n  padding: 20% 0;\n  text-align: center;\n}\n\n.wrapper h2 {\n  width: 450px;\n  margin-bottom: 30px;\n  font-size: 40px;\n  @include ff-bold;\n  line-height: 120%;\n}\n\n.mobileFormBody,\n.formBody {\n  margin: 0 16px;\n}\n\n.currencyChooserWrapper,\n.inLine {\n  display: flex;\n}\n\n.link-import {\n  display: block;\n}\n\n.notMain {\n  height: 40px;\n  margin: 40px 0;\n}\n\n.secureChooserWrapper {\n  display: flex;\n  justify-content: space-between;\n  width: 90%;\n  margin: 20px auto;\n}\n\n.stepNumber {\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  line-height: 2.5;\n  text-align: center;\n  background-color: #f0eefd;\n  color: #6144e5;\n  border: 1px solid #f0eefd;\n  font-weight: bold;\n  margin-right: 10px;\n}\n\n.logo {\n  border-radius: 50%;\n  width: 35px;\n  height: 35px;\n  justify-content: center;\n  align-items: center;\n  margin: auto;\n  display: flex;\n\n  img {\n    width: 20px;\n  }\n}\n\n.btc {\n  background: orange;\n}\n\n.eth {\n  background: black;\n}\n\n.coinColor {\n  background: black;\n}\n\n.usdt {\n  background: #33a681;\n}\n\n.eurs {\n  background: #2760aa;\n}\n\n.swap {\n  background: #775cf1;\n}\n\n.purple {\n  background-color: #6144e5;\n  color: #f0eefd;\n}\n\n.green {\n  background-color: #0ccf14;\n}\n\n.assetsTableIcon {\n  // background: rgba(97, 68, 229, 0.1);\n  min-width: 35px;\n  height: 35px;\n  border-radius: 50%;\n}\n\n.continue {\n  position: relative;\n  margin: 0 auto;\n  border-radius: 2px;\n  text-align: center;\n  font-weight: 800;\n  font-size: 15px;\n  line-height: 150%;\n  background: #6144e5;\n  color: white;\n  height: 45px;\n  width: 100%;\n}\n\n.continue:disabled {\n  background-color: #f0eefd;\n  color: #6144e5;\n}\n\n.subHeader {\n  top: 5px;\n  position: relative;\n}\n\n.subHeader h5 {\n  font-size: 18px;\n  font-weight: 900;\n  margin-bottom: 0;\n  @include ff-bold;\n  ;\n  margin-bottom: 5px;\n}\n\n.subHeader p {\n  font-size: 13px;\n  margin-bottom: 7px;\n  color: #8e9aa3;\n  @include ff-bold;\n  ;\n  line-height: 140%;\n}\n\n.currencyChooserWrapper {\n  justify-content: space-between;\n  padding: 30px 0;\n  overflow-x: auto;\n  margin: auto;\n}\n\n.smallArr {\n  justify-content: center;\n}\n\n.alertTooltipWrapper {\n  font-size: 0.8em;\n  padding: 0.3em 0.5em;\n  background: rgba(#fd6b65, 0.6);\n  border-radius: 2px;\n}\n\n.buttonWrapper {\n  position: absolute;\n  right: 50px;\n  top: 40px;\n\n  button {\n    color: #6144E5;\n    @include ff-bold;\n    ;\n    font-size: 14px;\n    text-decoration: underline;\n    padding: 0;\n    margin-left: 20px;\n\n    &:last-child {\n      display: none;\n    }\n  }\n}\n\n.card {\n  background: #ffffff;\n  border: 1px solid rgba(142, 154, 163, 0.16);\n  box-sizing: border-box;\n  box-shadow: 0px 2px 12px rgba(142, 154, 163, 0.08);\n  border-radius: 4px;\n  margin-bottom: 8px;\n  padding: 10px;\n  height: 53px;\n  list-style: none;\n  display: grid;\n  height: 140px;\n  min-width: 110px;\n  margin: 7px;\n  position: relative;\n\n  em {\n    position: absolute;\n    text-align: right;\n    right: 15px;\n    top: 10px;\n    width: 60px;\n    font-size: 10px;\n    color: #9b58b6;\n  }\n\n  b {\n    font-weight: bolder;\n    font-size: 13px;\n    color: #1f2d48;\n  }\n\n  li {\n    font-weight: 100;\n    color: #8e9aa3;\n    font-size: 10px;\n    @include ff-bold;\n    ;\n    line-height: 18px;\n    text-align: center;\n  }\n}\n\n.cupture1 {\n  margin-right: 5px;\n}\n\n.etc {\n  padding: 0;\n}\n\n.decorated {\n  text-decoration: underline;\n}\n\n.cardDisabled {\n  opacity: 0.7 !important;\n}\n\n.purpleBorder {\n  border-color: #6144e5 !important;\n}\n\n.cardActivated {\n  border: 1px solid rgba(102, 204, 87, 0.64) !important;\n\n  div,\n  img {\n    opacity: 0.5 !important;\n  }\n\n  em {\n    color: #48ca2f !important;\n  }\n}\n\n.cardActivated.purpleBorder {\n  border-color: #6144e5 !important;\n\n  div,\n  img {\n    opacity: 1 !important;\n  }\n\n  em {\n    color: #9b58b6 !important;\n  }\n}\n\n.secondStepInput {\n  height: 50px;\n  border: 1px solid rgba(0, 0, 0, 0.1);\n  width: 335px;\n  padding: 10px;\n  margin: 20px 30px;\n}\n\n.secureSize {\n  height: 160px;\n  width: 140px;\n  text-align: center;\n}\n\n@media screen and (max-width: 768px) {\n  .secureSize {\n    width: 100% !important;\n  }\n\n  .currencyChooserWrapperSecond {\n    display: block;\n    padding: 0;\n  }\n\n  .wrapper {\n    margin: 125px auto;\n    padding: 0;\n    position: relative;\n    transform: none;\n    left: auto;\n    top: auto;\n    box-shadow: none;\n  }\n\n  .currencyChooserWrapperSecond {\n    height: 285px;\n    margin: 25px 0;\n    overflow-y: scroll;\n  }\n\n  .card {\n    display: inline-flex em {\n      position: relative;\n      width: 100%;\n      height: 0;\n    }\n  }\n}\n\n@media screen and (max-width: 750px) {\n  .flex {\n    display: flex;\n  }\n\n  .ind {\n    height: 0px;\n    text-align: right;\n  }\n\n  .continue {\n    width: 100%;\n    left: 0;\n    position: fixed;\n    bottom: 0;\n    height: 65px;\n    z-index: 1111111;\n  }\n\n  .secondStepInput {\n    height: 50px;\n    border: 1px solid rgba(0, 0, 0, 0.1);\n    width: 100%;\n    padding: 10px;\n    margin: 0;\n    margin-bottom: 20px;\n  }\n\n  .wrapper {\n    min-width: 0;\n    width: 100%;\n    margin: 0;\n    padding-top: 0;\n  }\n\n  .wrapper h2 {\n    width: 100%;\n    height: 45px;\n    right: 39px;\n    top: 93px;\n    margin-bottom: 40px;\n    @include ff-bold;\n    ;\n    font-style: normal;\n    font-size: 23px;\n    line-height: 120%;\n  }\n\n  .subHeader {\n    width: 100%;\n    margin: 0;\n  }\n\n  .currencyChooserWrapper {\n    overflow-y: auto;\n    display: block;\n    padding: 0;\n    height: 370px;\n  }\n\n  .second {\n    height: 59px;\n    margin-bottom: 0px;\n  }\n\n  .subHeader h5 {\n    @include ff-bold;\n    ;\n    font-style: normal;\n    font-size: 18px;\n    margin: 5px 0;\n  }\n\n  .capture {\n    font-size: 11px;\n    line-height: 14px;\n    font-weight: 800;\n    color: #8e9aa3;\n  }\n\n  .inLine {\n    display: flex;\n    width: 100%;\n    justify-content: space-between;\n    margin-bottom: 10px;\n  }\n\n  .steps {\n    width: 100px;\n  }\n\n  .logo {\n    margin: auto 0;\n  }\n\n  .buttonWrapper {\n    top: 30px;\n    right: auto;\n    display: flex;\n    justify-content: space-between;\n\n    button {\n      color: #6144E5;\n      @include ff-bold;\n      ;\n      font-size: 14px;\n      text-decoration: underline;\n\n      &:last-child {\n        margin-left: 20px;\n        display: block;\n      }\n    }\n  }\n\n  .link-import {\n    margin-left: 20px;\n  }\n\n  .listGroup {\n    margin-left: 10px;\n    flex-basis: 83%;\n  }\n\n  .wrapper h2 {\n    padding-top: 90px;\n    margin-bottom: 65px;\n    font-size: 32px;\n  }\n\n  .secureSize,\n  .card {\n    height: 53px;\n    width: 100%;\n  }\n\n  .card {\n    margin-bottom: 8px;\n    padding: 10px;\n    list-style: none;\n    height: 75px;\n    width: 100%;\n    position: relative;\n    align-items: center;\n    display: inline-flex;\n    max-width: 100%;\n\n    b {\n      font-weight: bolder;\n      font-size: 13px;\n      color: #1f2d48;\n    }\n\n    li {\n      font-weight: 100;\n      color: #8e9aa3;\n      font-size: 11px;\n      @include ff-bold;\n      ;\n      line-height: 18px;\n      text-align: left;\n    }\n  }\n\n  .thirdCard {\n    padding: 10px;\n    height: auto;\n  }\n\n  .thirdPageIcons {\n    background: #f0eefd;\n  }\n\n  .error {\n    color: red;\n    position: relative;\n    bottom: 20px;\n    font-size: 12px;\n  }\n\n  .formBody {\n    margin: 100px 16px;\n  }\n\n  .secureChooserWrapper {\n    display: block;\n    width: 100%;\n  }\n}\n\n\n@media screen and (max-width: 420px) {\n  .stepNumber {\n    width: 45px;\n  }\n}\n\n\n@media all and (min-width: 320px) and (max-width: 767px) {\n\n  .mobileFormBody,\n  .formBody {\n    margin: 0px;\n  }\n\n  .card {\n    margin: 7px 0;\n  }\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/pages/CreateWallet/CreateWallet.scss","@import \"./scss/config/index.scss\";\n.text {\n  font-size: 60px;\n  text-align: center;\n  padding-top: 10%;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/pages/NotFound/NotFound.scss","@import \"./scss/config/index.scss\";\n.wallet {\n  margin: 30px 0;\n  @include ff-bold;\n}\n\n.hasCusomLogo {\n  margin: 30px 0;\n\n  ul {\n    margin-top: 0\n  }\n}\n\n.btc {\n  background: orange;\n}\n\n.walletTable {\n  width: 100%;\n\n  td:first-child {\n    padding-left: 0;\n  }\n}\n\n.btns {\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n}\n\n.yourAssets {\n  background: #ffffff;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08), 0px 1px 4px rgba(0, 0, 0, 0.08);\n  border-radius: 4px;\n  padding: 25px;\n  margin-top: 40px;\n}\n\n.yourAssets.dark {\n  background: #242425;\n  box-shadow: 0px 4px 16px rgba(243, 243, 243, 0.08), 0px 1px 4px rgba(240, 233, 233, 0.08);\n\n  @media screen and (max-width: 480px) {\n    box-shadow: none;\n    background: #222528;\n  }\n\n  .yourAssetsHeading {\n    color: #fbfbfb;\n  }\n}\n\n.yourAssetsHeading {\n  color: #1f2d48;\n  font-size: 24px;\n  line-height: 33px;\n  font-weight: bold;\n  margin-bottom: 10px;\n}\n\n.yourAssetsDescr {\n  color: #8e9aa3;\n  font-size: 14px;\n  @include ff-regular;\n  line-height: 150%;\n}\n\n.yourBalance {\n  background: #ffffff;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08), 0px 1px 4px rgba(0, 0, 0, 0.08);\n  border-radius: 4px;\n  height: fit-content;\n  @include ff-regular;\n\n  .multisigWaitCount {\n    text-align: center;\n    font-weight: bold;\n    font-size: 12pt;\n    color: #d20404;\n    cursor: pointer;\n    text-decoration: underline;\n  }\n}\n\n.yourBalance.dark {\n  background: #242425;\n  box-shadow: 0px 4px 16px rgba(243, 243, 243, 0.08), 0px 1px 4px rgba(240, 233, 233, 0.08);\n\n  @media screen and (max-width: 480px) {\n    box-shadow: none;\n    background: #222528;\n  }\n\n  .yourBalanceTop {\n    .yourBalanceValue {\n      p {\n        color: #fbfbfb;\n      }\n    }\n  }\n\n  .yourBalanceCurrencies {\n    button {\n      color: #585e63;\n    }\n\n    button.active {\n      color: #fbfbfb;\n      filter: unset;\n    }\n  }\n\n  .yourBalanceBottomWrapper {\n    &:before {\n      background: none;\n    }\n  }\n\n  .yourBalance,\n  .yourBalanceCurrencies {\n    background: unset;\n  }\n}\n\n.yourBalanceTop {\n  position: relative;\n  padding: 25px;\n}\n\n.yourBalanceDescr {\n  color: #8e9aa3;\n  font-size: 13px;\n  font-weight: bold;\n  position: absolute;\n  top: 25px;\n  right: 25px;\n}\n\n.yourBalanceValue {\n  display: flex;\n  height: 44px;\n  display: flex;\n  justify-content: flex-end;\n  margin-top: 40px;\n\n  .loaderHolder {\n    float: left;\n    margin-top: 10px;\n    margin-right: 10px;\n  }\n\n  img {\n    margin-top: -5px;\n    width: 10px;\n    margin-right: 7px;\n  }\n\n  p {\n    font-size: 32px;\n    line-height: 44px;\n    color: #1f2d48;\n    font-weight: bold;\n    margin: 0;\n  }\n\n  span {\n    font-size: 18px;\n    line-height: 25px;\n    color: #6144e5;\n    font-weight: bold;\n    margin-top: 5px;\n    position: absolute;\n    margin-left: 10px;\n  }\n\n  span.green {\n    color: #0ccf14;\n  }\n\n  span.red {\n    color: #ee5b51;\n  }\n}\n\n.yourBalanceBottomWrapper {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n\n  &:before {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    left: 0;\n    bottom: 0;\n    opacity: 0.1;\n    content: '';\n    background: linear-gradient(180deg, #6144e5 0%, rgba(97, 68, 229, 0) 100%);\n  }\n}\n\n.yourBalanceBottom {\n  position: relative;\n  padding: 25px;\n  display: flex;\n  justify-content: space-between;\n\n  button {\n    width: 48%;\n    cursor: pointer;\n    z-index: 1;\n  }\n\n  button.button__invoice {\n    width: auto !important;\n    margin: 0 auto;\n  }\n}\n\n.yourBalanceCurrencies {\n  color: rgba(0, 0, 0, 0.1);\n  position: absolute;\n  left: 15px;\n  top: 25px;\n  justify-content: space-between;\n  display: flex;\n\n  span {\n    width: 1px;\n    height: 16px;\n    background: rgba(0, 0, 0, 0.1);\n    display: inline-block;\n    margin-top: 1px;\n  }\n\n  button {\n    padding: 0;\n    cursor: pointer;\n    @include ff-bold;\n    text-transform: uppercase;\n    margin: 0 10px;\n    font-size: 13px;\n    color: rgba(142, 154, 163, 0.5);\n  }\n\n  button.active {\n    color: #1f2d48;\n    filter: brightness(0);\n  }\n}\n\n.widgetBuild {\n  .yourBalanceBottom {\n    button {\n      width: 30%;\n    }\n  }\n}\n\n@media all and (min-width: 993px) {\n  .walletTable {\n    display: inline-table;\n  }\n}\n\n@media all and (min-width: 767px) {\n  .widgetBuild {\n    .yourBalanceBottom {\n      flex-wrap: wrap;\n      height: auto;\n\n      &:before {\n        height: 156px;\n      }\n\n      button {\n        width: 48%;\n      }\n\n      button[id='exchangeBtn'] {\n        width: 100%;\n        margin-top: 10px;\n      }\n    }\n  }\n}\n\n@media all and (min-width: 768px) and (max-width: 992px) {\n  .walletTable {\n    display: inline-table;\n\n    td:first-child {\n      padding-left: 0px;\n    }\n  }\n}\n\n@media all and (max-width: 767px) {\n\n  .yourBalance,\n  .yourAssets {\n    box-shadow: none;\n    width: 100%;\n    margin: 20px 0;\n  }\n\n  .walletTable {\n    display: inline-table;\n\n    td:first-child {\n      padding-left: 25px;\n      left: auto;\n\n      @media all and (max-width: 400px) {\n        padding-left: 10px;\n      }\n    }\n  }\n\n  .yourBalanceBottom {\n    &:before {\n      display: none;\n    }\n  }\n\n  .yourAssets {\n    padding: 0;\n\n    button {\n      width: calc(100% - 65px);\n      margin: auto;\n    }\n  }\n\n  .yourBalance,\n  .yourBalanceCurrencies {\n    background: rgb(253, 253, 253);\n  }\n\n  .yourAssetsHeading,\n  .yourAssetsDescr {\n    padding: 0 25px;\n  }\n\n  .walletBalance {\n    width: 100%;\n  }\n\n  .yourBalance {\n    display: block;\n  }\n}\n\n@media all and (max-width: $media-mobile-end) {\n\n  .yourBalance,\n  .yourAssets {\n    margin: 20px 0 5px;\n  }\n\n  .yourBalanceBottom {\n    padding: 25px 25px 0;\n  }\n\n  .widgetBuild .yourBalanceBottom {\n    flex-wrap: wrap;\n\n    button {\n      width: 100%;\n\n      &:nth-child(1),\n      &:nth-child(2) {\n        width: 47%;\n      }\n\n      &:nth-child(n + 3) {\n        &:last-child {\n          margin-bottom: 0;\n        }\n      }\n    }\n  }\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/pages/Wallet/Wallet.scss","@import \"./scss/config/index.scss\";\n.marginRight {\n  margin-right: 10px;\n}\n\n.copied {\n  font-size: 14px;\n  position: absolute;\n  padding: 5px 15px;\n  background: #f8f3fe;\n  top: -16px;\n  left: calc(25%);\n  border-radius: 20px;\n}\n\n.assetsTableCurrency a,\n.nameRow a {\n  cursor: pointer;\n}\n\n.no-select-inline {\n  cursor: pointer;\n  display: inline;\n  user-select: none;\n  white-space: nowrap;\n}\n\n.icon {\n  margin-right: 5px;\n}\n\n.notActiveLink {\n  font-size: 12px;\n  color: #c9c9c9;\n  position: absolute;\n  bottom: -2px;\n}\n\n.txWaitConfirm {\n  padding-right: 10px;\n  color: #6144e5;\n  cursor: pointer;\n}\n\n.disableWth {\n  @include inline-block;\n  height: 40px;\n  background: #dbdbdb;\n  padding: 0 25px;\n  cursor: pointer;\n  line-height: 40px;\n  font-size: 16px;\n  border: none;\n  font-weight: 500;\n  color: #626262;\n  border-radius: 20px;\n  margin-right: 10px;\n}\n\n.notContractAddress {\n  float: left;\n  position: relative;\n  height: 40px;\n}\n\n.button {\n  @include inline-block;\n  height: 40px;\n  background: #f8f3fe;\n  padding: 0 25px;\n  cursor: pointer;\n  line-height: 40px;\n  font-size: 16px;\n  font-weight: 500;\n  color: #7c1de9;\n  border-radius: 20px;\n  margin-right: 10px;\n\n  &:hover {\n    color: #7c1de9;\n    background: #dfc5ff;\n  }\n}\n\n.nameRow {\n  display: flex;\n  font-size: 13px;\n  color: #6144e5;\n\n  a {\n    font-size: 13px;\n    color: #6144e5;\n  }\n\n  div {\n    p {\n      font-size: 10px;\n      color: #919ca5;\n      vertical-align: middle;\n      margin-left: 10px;\n      margin-top: 3px;\n    }\n\n    // :hover {\n    //   text-decoration: underline;\n    // }\n  }\n}\n\n.disbutton {\n  onclick: none;\n}\n\n.buttonActivate {\n  margin-left: 15px;\n}\n\n.marginRight {\n  margin-right: 10px;\n}\n\n.copied {\n  font-size: 14px;\n  position: absolute;\n  padding: 5px 15px;\n  background: #f8f3fe;\n  top: -16px;\n  left: calc(25%);\n  border-radius: 20px;\n}\n\n.no-select-inline {\n  cursor: pointer;\n  display: inline;\n  user-select: none;\n  width: max-content;\n  display: block;\n  white-space: nowrap;\n}\n\n.icon {\n  margin-right: 5px;\n}\n\n.table_balance-cell {\n  min-width: 170px;\n  max-width: 170px;\n}\n\n.mobileName {\n  color: #000;\n  display: block;\n  margin-left: -10px;\n  display: none;\n}\n\n.hidden {\n  display: none;\n}\n\n.visible {\n  display: none;\n}\n\ntr button:disabled,\ntr button[disabled],\ntr button[disabled]:hover {\n  background-color: #dbdbdb;\n  cursor: default;\n  color: #626262;\n}\n\n.yourAddress {\n  position: relative;\n  min-width: 400px;\n}\n\n.yourAddressWithOptions {\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n}\n\n.walletButtons {\n  color: inherit;\n}\n\n.activeControlButtons {\n  color: inherit;\n  display: flex;\n  margin-left: 10px;\n  bottom: 0;\n\n  .buttonActivate,\n  .buttonUseAnother {\n    display: block;\n  }\n}\n\n.actButton {\n  button {\n    color: #ffffff;\n    width: auto;\n    background: rgba(61, 226, 91, 0.7);\n    height: 25px;\n    line-height: 25px;\n    padding: 0px 25px;\n    margin-left: 31px;\n    margin: 0;\n    margin-bottom: 0;\n    font-size: 16px;\n    margin-right: 10px;\n    height: 40px;\n\n    &:hover {\n      color: #ffffff;\n      background: rgba(61, 226, 91, 0.8);\n    }\n  }\n}\n\n.useButton {\n  button {\n    background: #ffffff;\n    color: #8c8c8c;\n    border: 1px solid #dbdbdb;\n    height: 25px;\n    line-height: 15px;\n    padding: 0 25px;\n    font-size: 16px;\n    height: 40px;\n    margin-right: -10px;\n\n    &:hover {\n      background: #ffffff;\n      color: #8c8c8c;\n      border: 1px solid #dbdbdb;\n    }\n  }\n}\n\n.buttonActivate,\n.buttonUseAnother {\n  display: none;\n}\n\n.addressExist {\n  position: relative;\n  left: 51%;\n}\n\n@media all and (min-width: 570px) and (max-width: 1024px) {\n  .buttonActivate {\n    margin-left: 0px;\n  }\n\n  .yourAddress {\n    display: table-cell;\n  }\n\n  .buttonActivate {\n    top: auto;\n  }\n\n  .activeControlButtons {\n    color: inherit;\n    display: flex;\n    left: 170px;\n    top: -65px;\n    position: absolute;\n    flex-direction: row;\n  }\n\n  .notActivated {\n    display: flex;\n    max-width: 140px;\n    display: none;\n    align-items: flex-end !important;\n  }\n}\n\n@media all and (min-width: 320px) and (max-width: 1024px) {\n  .notActiveLink {\n    bottom: -10px;\n  }\n\n  .mobileName {\n    display: block;\n  }\n\n  .yourAddress {\n    position: absolute;\n    bottom: 0;\n    right: 10px;\n    min-width: 80px;\n    width: auto !important;\n  }\n\n  .yourAddressWithOptions {\n    position: absolute;\n    right: 40px;\n    bottom: 10px;\n    width: 100% !important;\n\n    .notContractAddress {\n      position: absolute;\n      right: -20px;\n      bottom: 15px;\n      display: none;\n    }\n  }\n\n  .table_balance-cell {\n    min-width: 75px;\n  }\n\n  .yourAddress {\n    display: none;\n  }\n\n  .mobileName {\n    color: #000;\n    display: block;\n    font-size: 16px;\n  }\n\n  tr.showButtons {\n    color: #000;\n    height: 120px;\n    border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n    box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 20px 0;\n    margin-bottom: 10px;\n    margin-top: 10px;\n\n    .yourAddressWithOptions {\n      .notContractAddress {\n        display: block;\n      }\n    }\n\n    .yourAddress {\n      display: block;\n    }\n\n    td:nth-child(1) {\n      a {\n        top: 14px;\n        position: absolute;\n      }\n    }\n\n    .mobileName {\n      position: absolute;\n      left: 70px;\n      top: 23px;\n      margin: 0;\n      color: #000;\n    }\n\n    .buttonActivate {\n      top: 0px;\n    }\n  }\n\n  tr.hidden {\n    td:nth-child(5) {\n      div {\n        display: none;\n      }\n    }\n  }\n\n  .buttonActivate {\n    right: 0;\n    height: 22px;\n    line-height: 0px;\n    top: -47px;\n    left: 103px;\n    color: #ffffff;\n    background: rgba(61, 226, 91, 0.7);\n    height: 25px;\n    line-height: 25px;\n    padding: 0 0.9em !important;\n    margin-left: 31px;\n    margin: 0;\n    margin-bottom: 10px;\n    font-size: 13px !important;\n    margin-right: 5px !important;\n    width: 115px;\n  }\n\n  .buttonUseAnother {\n    background: #ffffff;\n    color: #8c8c8c;\n    border: 1px solid #dbdbdb;\n    height: 25px;\n    line-height: 15px;\n    padding: 0 15px !important;\n    display: none;\n    width: 115px;\n    font-size: 13px !important;\n  }\n}\n\n.assetsTable {\n  position: relative;\n\n  button {\n    margin-top: 20px;\n  }\n}\n\n.assetsTableRow {\n  position: relative;\n  padding: 11px 0px;\n  height: max-content;\n\n  &:last-child {\n    &:before {\n      display: none;\n    }\n  }\n\n  &:before {\n    border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n    content: '';\n    width: 100%;\n    position: absolute;\n    width: 92%;\n    right: 0;\n    bottom: 0px;\n  }\n}\n\n.dark {\n\n  .errorMessage,\n  .assetsTableCurrencyWrapper {\n    background: #222528;\n  }\n\n  .no-select-inline {\n    color: white\n  }\n\n  .assetsTableIcon {\n    img {\n      border-color: black;\n    }\n  }\n\n  .unconfirmedBalance,\n  .assetsTableValue {\n    background: #222528;\n  }\n\n}\n\n.assetsTableCurrency {\n  position: relative;\n  display: flex;\n}\n\n.assetsTableIcon {\n  // background: rgba(97, 68, 229, 0.1);\n  min-width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: 15px;\n}\n\n.assetsTableCurrencyWrapper {\n  position: absolute;\n  right: 49px;\n  bottom: 22px;\n  font-size: 15px;\n  background: #fff;\n}\n\n.assetsTableCurrencyBalance {\n  margin-left: 2px;\n}\n\n.addressStyle {\n  font-size: 12px;\n  margin-left: 10px;\n  color: rgb(142, 154, 163);\n  margin-top: 1px;\n  position: absolute;\n  left: 46px;\n  bottom: -13px;\n  cursor: pointer;\n}\n\n.statusStyle {\n  font-size: 12px;\n  margin-left: 10px;\n  color: rgb(142, 154, 163);\n  margin-top: 1px;\n  position: absolute;\n  left: 46px;\n  bottom: -13px;\n}\n\n.assetsTableValue {\n  position: absolute;\n  right: 48px;\n  bottom: 0px;\n  font-size: 12px;\n  font-weight: 500;\n  color: #8e9aa3;\n  background: #fff;\n\n  img {\n    margin-top: -3px;\n    margin-right: 7px;\n  }\n\n  p {\n    line-height: 21px;\n    font-weight: bold;\n    display: inline-block;\n    margin-bottom: 0;\n  }\n\n  span {\n    display: block;\n    font-size: 13px;\n    line-height: 13px;\n    text-align: right;\n    font-weight: bold;\n    color: #6144e5;\n    margin-top: 2px;\n  }\n\n  strong {\n    margin-left: 5px;\n    color: #8e9aa3;\n  }\n}\n\n.errorMessage {\n  position: absolute;\n  right: 30px;\n  font-size: 13px;\n  top: -10px;\n  background: #fff;\n  padding: 10px;\n  z-index: 11;\n\n  a {\n    font-size: 13px;\n    color: #007bff;\n  }\n\n  >span {\n    display: none;\n  }\n}\n\n.assetsTableInfo {\n  font-weight: bold;\n  height: 19px;\n\n  >span {\n    >div {\n      position: relative;\n      top: 0;\n    }\n  }\n\n  p {\n    color: #6144e5;\n    font-size: 13px;\n    margin-bottom: 1px;\n  }\n\n  span {\n    +span {\n      color: #8e9aa3;\n      font-size: 14px;\n      margin-left: 3px;\n    }\n  }\n\n  strong {\n    font-size: 15px;\n    line-height: 21px;\n    color: #8e9aa3;\n    text-transform: uppercase;\n    font-weight: bold;\n    margin-left: 25px;\n  }\n}\n\n.unconfirmedBalance {\n  font-size: 11px;\n  color: #c9c9c9;\n  margin-top: 0px;\n  display: block;\n  margin-bottom: -30px;\n  position: absolute;\n  right: 100%;\n  top: 3px;\n  padding-right: 10px;\n  padding-left: 5px;\n\n  background: #fff;\n\n  >span {\n    font-size: 11px;\n    color: #c9c9c9;\n    margin-right: 5px;\n  }\n}\n\n.assetsTableDots {\n  position: absolute;\n  right: 10px;\n  top: 50%;\n  z-index: 111;\n  transform: translateY(-50%);\n}\n\n.loader {\n  margin-left: -5px;\n}\n\n@media all and (min-width: 320px) and (max-width: 570px) {\n  .yourAddress {\n    display: none;\n  }\n\n  tr.showButtons {\n    .yourAddress {\n      display: none;\n    }\n  }\n\n  .yourAddressWithOptions {\n    position: absolute;\n    right: -90px;\n    bottom: 50px;\n    width: 100% !important;\n\n    .notContractAddress {\n      display: none !important;\n    }\n  }\n\n  .buttonActivate {\n    width: 75px;\n    height: 26px !important;\n    // padding: 0!important;\n    position: absolute;\n    left: 16px;\n    top: -17px !important;\n    font-size: 10px !important;\n  }\n\n  .buttonUseAnother {\n    width: 100px;\n    display: none !important;\n  }\n}\n\n@media all and (min-width: 993px) {\n  .assetsTableInfo {\n    position: relative;\n\n    >span {\n      >div {\n        right: auto;\n        top: 0;\n      }\n    }\n  }\n}\n\n@media all and (min-width: 768px) and (max-width: 992px) {\n  .assetsTableValue {\n    right: 49px;\n  }\n\n  .assetsTableInfo {\n    position: relative;\n\n    >span {\n      >div {\n        right: auto;\n      }\n    }\n  }\n}\n\n@media all and (min-width: 320px) and (max-width: 767px) {\n  .notifyBlock {\n    flex-direction: column;\n  }\n\n  .assetsTableValue {\n    right: 35px;\n    top: 20px;\n  }\n\n  .assetsTableRow {\n    padding: 11px 25px;\n  }\n\n  .assetsTableInfo {\n    position: relative;\n\n    >span {\n      >div {\n        right: auto;\n        position: absolute;\n        top: 25px;\n      }\n    }\n  }\n\n  .assetsTableCurrencyWrapper {\n    position: absolute;\n    right: 35px;\n    top: 0px;\n    font-size: 15px;\n  }\n\n  .addressStyle {\n    display: none;\n  }\n}\n\n@media all and (min-width: 320px) and (max-width: 530px) {\n  .assetsTableInfo {\n    .errorMessage {\n      position: absolute;\n      background: #fff;\n      z-index: 11;\n      width: calc(100vw - 95px);\n      height: 40px;\n\n      >span {\n        font-size: 10px;\n        top: 20px;\n        width: 84%;\n        line-height: 1.6;\n        white-space: pre-line;\n      }\n\n      a {\n        span {\n          left: auto;\n          top: 0px;\n          font-size: 13px;\n          margin-left: 10px;\n          z-index: 1111111111;\n        }\n      }\n    }\n  }\n}\n\n@media all and (max-width: 480px) {\n  .no-select-inline {\n    font-size: 1em;\n  }\n\n  .assetsTableValue {\n\n    strong,\n    p {\n      font-size: 1em;\n    }\n  }\n\n  .nameRow {\n    a {\n      font-size: 1em;\n    }\n  }\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/pages/Wallet/Row/Row.scss","@import \"./scss/config/index.scss\";\n.dropdownMenu {\n    position: static;\n\n    >button {\n        position: absolute;\n        right: 10px;\n        top: 50%;\n        transform: translateY(-50%);\n        cursor: pointer;\n        z-index: 111;\n        width: 20px;\n    }\n}\n\n.dropdownMenuItem {\n    border-bottom: 1px solid #f5f5f5;\n\n    &:last-child {\n        border: none;\n    }\n}\n\n.menu {\n    background: #FFFFFF;\n    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08), 0px 1px 4px rgba(0, 0, 0, 0.08);\n    border-radius: 4px;\n    padding: 5px 0px;\n    min-width: 100px;\n    display: none;\n    @include ff;\n\n    &.--dark {\n        background: #222528;\n        color: white;\n\n        .dropdownMenuItem {\n            border-bottom: 1px solid #161719;\n        }\n    }\n    button {\n        font-size: 12px;\n        width: 100%;\n        padding: 10px;\n        text-align: left;\n        margin: 0;\n        display: block;\n\n        &:hover {\n            background: #6144E5;\n            color: white;\n        }\n    }\n\n    button[disabled] {\n        color: #8e9aa2;\n        background: #fff;\n\n        &:hover {\n            color: #8e9aa2;\n            background: #fff;\n        }\n    }\n}\n\n.menu.open {\n    display: block;\n}\n\n.walletControls {\n    position: absolute;\n    right: 30px;\n    top: -30px;\n    z-index: 111111111111;\n    height: max-content;\n    min-width: 200px;\n}\n\n@media all and (max-width: 480px) {\n    .walletControls {\n        top: -250px;\n    }\n}\n\n.regular {\n    color: #000;\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/components/ui/DropdownMenu/DropdownMenu.scss","@import \"./scss/config/index.scss\";\n.notifyBlock {\n  height: 220px;\n  border-radius: 4px;\n  background: #6143e5;\n  display: flex;\n  z-index: 111111;\n  cursor: pointer;\n  @include ff-bold;\n  align-items: center;\n  justify-content: space-between;\n  padding: 24px;\n  box-sizing: border-box;\n  position: relative;\n\n  >div {\n    display: flex;\n    align-items: center;\n    flex-direction: column;\n  }\n\n  background-position: center;\n  background-size: contain;\n}\n\n.notifyBlockIcon {\n  position: absolute;\n  left: 50%;\n  transform: translate(-50%);\n  top: 30px;\n\n  img {\n    width: 100px;\n  }\n}\n\n.notifyBlockOverlay {\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  top: 0;\n  border-radius: 5px;\n  left: 0;\n}\n\n.notifyBlockDescr {\n  margin: 0 10px;\n  color: #fff;\n  position: absolute;\n  @include ff-bold;\n  bottom: 20px;\n  left: 10px;\n}\n\n.dark {\n  color: white;\n}\n\n.bannersHeading {\n  font-size: 24px;\n  margin-bottom: 25px;\n}\n\n@media all and (min-width: 768px) and (max-width: 992px) {\n  .notifyBlock {\n    button {\n      font-size: 11px;\n    }\n  }\n\n  .notifyBlockDescr {\n    p {\n      font-size: 12px;\n      margin-bottom: 0px;\n    }\n\n    p:last-child {\n      font-size: 12px;\n    }\n  }\n\n  .notifyBlockIcon {\n    align-self: flex-start;\n    min-width: 40px;\n  }\n}\n\n@media all and (min-width: 320px) and (max-width: 767px) {\n  .notifyBlock {\n    flex-direction: column;\n    align-items: flex-start;\n    padding: 20px;\n    justify-content: space-between;\n\n    >div {\n      align-items: flex-start;\n\n      button {\n        font-size: 12px;\n        margin: 0;\n      }\n\n      button:first-child {\n        margin-right: 10px;\n      }\n    }\n\n    >div:last-child {\n      width: 100%;\n      margin-top: 20px;\n      display: flex;\n      justify-content: flex-start;\n    }\n  }\n\n  .notifyBlockIcon {\n    min-width: 40px;\n    display: none;\n  }\n\n  .notifyBlockDescr {\n    margin-left: 0;\n  }\n\n  .bannersHeading {\n    margin-left: 25px;\n  }\n}\n\n@media all and (min-width: 571px) and (max-width: 767px) {\n  .notifyBlockDescr {\n    p {\n      font-size: 13px;\n      margin-bottom: 0px;\n    }\n\n    p:last-child {\n      font-size: 12px;\n    }\n  }\n}\n\n@media all and (min-width: 320px) and (max-width: 570px) {\n  .notifyBlockDescr {\n    right: 10px;\n    font-size: 9.5px;\n    bottom: 10px;\n\n    p {\n      margin-bottom: 4px;\n    }\n\n    p:last-child {\n      font-size: 12px;\n    }\n  }\n\n  .notifyBlock {\n    height: 100px;\n\n    >div {\n      flex-direction: column;\n      align-items: normal;\n\n      button {\n        font-size: 12px;\n        margin: 0;\n        flex-basis: 100%;\n      }\n\n      button:first-child {\n        margin-bottom: 10px;\n        margin-right: 0;\n      }\n    }\n  }\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/pages/Wallet/components/NotityBlock/NotifyBlock.scss","@import \"./scss/config/index.scss\";\n.root {\n  position: static;\n  width: 100%;\n  margin-top: 30px;\n}\n\n.currencyWalletWrapper {\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 100px;\n  @include ff-bold;\n}\n\n.currencyWalletActivityWrapper {\n  width: 66%;\n}\n\n.currencyWalletBalance {\n  width: 31%;\n  margin-top: 40px;\n}\n\n.currencyWalletActivity,\n.currencyWalletSwapHistory {\n  background: #fff;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08), 0px 1px 4px rgba(0, 0, 0, 0.08);\n  border-radius: 4px;\n  padding: 25px;\n  margin-top: 40px;\n  width: 100%;\n  padding-bottom: 70px;\n  z-index: 1;\n  position: relative;\n\n  h3 {\n    color: #1F2D48;\n    font-size: 24px;\n    line-height: 33px;\n    font-weight: bold;\n    margin-bottom: 10px;\n  }\n}\n\n.dark {\n  .currencyWalletActivity,\n  .currencyWalletSwapHistory {\n    background: #242425;\n    box-shadow: 0px 4px 16px rgba(243, 243, 243, 0.08), 0px 1px 4px rgba(240, 233, 233, 0.08);\n  \n    @media screen and (max-width: 480px) {\n      box-shadow: none;\n      background: #222528;\n    }\n  }\n\n  h3 {\n    color: white;\n  }\n}\n\n.darkHistory,\n.darkActivity {\n  background: #242425;\n  box-shadow: 0px 4px 16px rgba(243, 243, 243, 0.08), 0px 1px 4px rgba(240, 233, 233, 0.08);\n\n  @media screen and (max-width: 480px) {\n    box-shadow: none;\n    background: #222528;\n  }\n\n  h3 {\n    color: white;\n  }\n}\n\n\n.currencyWalletSwapHistory {\n  padding-bottom: 5px;\n}\n\n\n.title {\n  padding: 1px 0 1px;\n  margin-top: 100px;\n\n  h1 {\n    margin: 0;\n  }\n}\n\n.heading {\n  display: flex;\n  justify-content: center;\n}\n\n.currencyHistory {\n  width: 100%;\n  margin-top: 20px;\n  display: inline-table;\n  z-index: 1;\n  position: relative;\n\n  thead {\n    border: none;\n  }\n\n  td,\n  td:first-child {\n    width: 100%;\n    @include ff-bold;\n    padding: 0;\n  }\n}\n\n.historyContent {\n  display: block;\n}\n\n.btc {\n  color: #000;\n}\n\n.subtitle {\n  margin: 0;\n  font-size: 18px;\n  font-weight: bold;\n  color: #8E9AA3;\n  font-size: 16px;\n  font-weight: bold;\n  margin-bottom: 17px;\n  line-height: 1.7;\n  @include ff-bold;\n\n  p {\n    color: #1F2D48;\n    display: inline;\n    font-size: 16px;\n  }\n}\n\n.table {\n  width: 100%;\n}\n\n.inRow {\n  margin-top: 20px;\n  display: flex;\n  width: 445px;\n  justify-content: space-between;\n  @include ff-bold;\n\n  button {\n    width: 140px;\n    font-size: 15px;\n  }\n}\n\n.inRowru {\n  margin-top: 20px;\n  display: flex;\n  width: 250px;\n  justify-content: space-between;\n}\n\n.button {\n  margin-right: 10px;\n}\n\n.actions {\n  display: flex;\n}\n\n.actions button:not(:last-child) {\n  margin-right: .5rem;\n}\n\n.title {\n  font-weight: 800;\n  font-size: 40px;\n  display: inline-block;\n  line-height: 120%;\n  color: #1F2D48;\n  margin-bottom: 30px;\n  padding: 0px;\n  margin-top: -10px;\n}\n\n.widgetNav {\n  padding: 0;\n  margin-top: 60px;\n  margin-bottom: 0px;\n}\n\n.widgetNavItem {\n  display: inline-block;\n  margin-right: 40px;\n}\n\n.widgetNavItem.active {\n  a {\n    border-bottom: 3px solid #6144E5;\n    color: #1F2D48 !important;\n  }\n}\n\n.widgetNavItemLink {\n  cursor: pointer;\n  font-size: 15px;\n  line-height: 140%;\n  padding-bottom: 10px;\n  color: #8E9AA3 !important;\n}\n\n@include media-tablet-landscape-and-lower {\n  .info {\n    display: block;\n  }\n\n  .info span {\n    font-size: 1rem;\n  }\n}\n\n@include media-mobile {\n  .subtitle {\n    word-wrap: break-word;\n  }\n\n  .inRow {\n    justify-content: center;\n    width: auto;\n\n    button {\n      height: auto;\n      margin: 5px;\n      font-size: 15px;\n    }\n  }\n}\n\n@media all and (min-width: 768px) and (max-width: 992px) {\n\n  .currencyWalletActivity,\n  .currencyWalletBalance {\n    width: 100%;\n    box-shadow: none;\n    padding: 0;\n  }\n\n  .currencyWalletWrapper {\n    flex-direction: column;\n  }\n\n  .currencyWalletActivityWrapper {\n    width: 100%;\n  }\n}\n\n@media all and (min-width: 320px) and (max-width: 767px) {\n  .currencyWalletWrapper {\n    margin: 0 -20px;\n    flex-direction: column;\n  }\n\n  .currencyWalletActivity,\n  .currencyWalletBalance {\n    width: 100%;\n    box-shadow: none;\n    margin-top: 20px;\n\n    h3 {\n      font-size: 100%;\n    }\n  }\n\n  .currencyWalletBalance {\n    >div {\n      display: block;\n    }\n  }\n\n  .currencyWalletActivityWrapper {\n    width: 100%;\n  }\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/pages/CurrencyWallet/CurrencyWallet.scss","@import \"./scss/config/index.scss\";\n.walletNav {\n  padding: 0;\n  margin-bottom: 0px;\n  margin-top: 25px;\n  @include ff-bold;\n}\n\n.walletNavItem {\n  display: inline-block;\n  margin-right: 40px;\n}\n\n.walletNavItem.active {\n  a {\n    border-bottom: 3px solid #6144e5;\n    color: #1f2d48 !important;\n  }\n}\n\n.walletNavItem.active.--dark {\n  a {\n    color: white !important;;\n  }\n}\n\n.walletNavItemLink {\n  cursor: pointer;\n  font-size: 15px;\n  line-height: 140%;\n  padding-bottom: 10px;\n  color: #8e9aa3 !important;\n}\n\n@include media-tablet-portrait-and-lower {\n  .walletNav {\n    white-space: nowrap;\n  }\n\n  .walletNavItem {\n    margin-right: 13px;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/Tabs/styles.scss","@import \"./scss/config/index.scss\";\n.faQuestions {\n  display: block;\n  width: 100%;\n  @include ff-regular;\n  padding-left: 1px;\n  font-size: 13px;\n  line-height: 1.538em;\n\n  &__header {\n    @include ff-bold;\n    font-size: 24px;\n    line-height: 33px;\n  }\n\n  &__tabsContainer {\n    margin-top: 10px;\n  }\n}\n\n.dark {\n  h5 {\n    color: white;\n  }\n  div {\n    color: #7f8a91;\n  }\n}\n\n.tab {\n  width: 100%;\n  margin-bottom: 5px;\n  user-select: none;\n\n  &__header {\n    display: flex;\n    position: relative;\n    padding-left: 23px;\n    @include ff-semibold;\n    cursor: pointer;\n\n    // &:hover {\n    //   .chrest {\n    //     transform: rotate(90deg) translateX(1px) translateY(-1px);\n    //     transition: transform ease 0.2s;\n    //   }\n    // }\n  }\n\n  &__content {\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n    visibility: hidden;\n    // transition: max-height linear 0.2s,\n    //   opacity ease 0.2s;\n\n    &_active {\n      visibility: visible;\n      opacity: 1;\n      max-height: 1000px;\n      padding-bottom: 15px;\n      overflow-y: visible;\n      // transition: max-height linear 0.4s,\n      //   opacity ease 0.15s 0.25s;\n    }\n  }\n}\n\n$chrestStripWidth: 2px;\n$chrestStripHeight: 12px;\n\n.chrest {\n  position: absolute;\n  top: 1px;\n  left: 1px;\n\n  &_active {\n    transform: rotate(0deg) translateX(0px) translateY(0px) !important;\n\n    &::after {\n      opacity: 0;\n      // transition: opacity ease 0.2s;\n    }\n  }\n\n  &::after,\n  &::before {\n    display: block;\n    content: '';\n    position: relative;\n    background: #8e9aa3;\n    border-radius: 1px;\n  }\n\n  &::before {\n    height: $chrestStripWidth;\n    width: $chrestStripHeight;\n    left: 0;\n    top: ($chrestStripHeight / 2) + ($chrestStripWidth / 2);\n  }\n\n  &::after {\n    width: $chrestStripWidth;\n    height: $chrestStripHeight;\n    left: ($chrestStripHeight / 2) - ($chrestStripWidth / 2);\n    top: 0px;\n  }\n}\n\n@media all and (max-width: 992px) {\n  .faQuestions {\n    padding: 0 25px;\n  }\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/components/FAQ/styles.scss","@import \"./scss/config/index.scss\";\n.modal {\n  display: flex;\n  flex-direction: column;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: #fff;\n  // padding: 15px 25px;\n  width: 100%;\n  height: 100%;\n  &_dashboardView {\n    overflow: auto;\n  }\n\n  &.dark {\n    background: #232629;\n    color: white;\n    box-shadow: 0px 4px 16px rgba(243,243,243,0.08), 0px 1px 4px rgba(240,233,233,0.08);\n    @media screen and(max-width: 480px) {\n      background: #222427;\n    }\n    .title {\n      color: white;\n    }\n  }\n}\n\n\n.header {\n  height: 88px;\n  border-bottom: 1px solid #ddd;\n}\n\n.headerContent {\n  height: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  position: relative;\n  @include ff-bold;\n  color: #1f2d48;\n  font-size: 24px;\n  line-height: 33px;\n}\n\n.title {\n  position: absolute;\n  width: 100%;\n  left: 0;\n  pointer-events: none;\n  min-width: 0;\n  flex: auto 1 1;\n  line-height: 22px;\n  font-size: 24px;\n  text-align: left;\n  padding: 0 20px;\n\n  &.uppercase {\n    text-transform: uppercase;\n  }\n}\n\n.closeButton {\n  width: 20px;\n  height: 20px;\n  opacity: 0.5;\n  transition: opacity 0.33s $ease-out-quadratic;\n  position: absolute;\n  right: 20px;\n\n  &:hover {\n    opacity: 1;\n    transition: none;\n  }\n}\n\n@keyframes delayClose {\n  0% {\n    opacity: 0;\n  }\n\n  95% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n}\n\n.delayClose {\n  animation: delayClose 1.8s ease 1 forwards;\n}\n\n.contentContainer {\n  min-height: 0;\n  flex: auto 1 1;\n  position: relative;\n  padding: 0 30px;\n\n  &_dashboardView {\n    min-height: auto;\n  }\n}\n\n.content {\n  min-width: 300px;\n  padding: 40px 0 100px;\n  font-size: 16px;\n\n  &_dashboardView {\n    position: relative;\n    padding-bottom: 40px;\n  }\n}\n\n@include media-mobile {\n  .header {\n    &__logo {\n      display: none;\n    }\n  }\n\n  .content {\n    min-width: auto;\n  }\n\n  .title {\n    font-size: 18px;\n    padding: 0 40px 0 20px;\n  }\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modal/Modal/Modal.scss","@import \"./scss/config/index.scss\";\n.overlay {\n  width: 100%;\n  height: 100%;\n  display: block;\n  background: #fff; // rgba(0, 0, 0, .65);\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 10000;\n  // z-index: 500;\n}\n\n.overlayDashboardView {\n  display: block;\n  width: 100%;\n  height: 100%;\n  min-height: 400px;\n}\n\n\n@include media-mobile {\n\n  .overlay {\n    position: absolute;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/layout/Overlay/Overlay.scss","@import \"./scss/config/index.scss\";\n.logo {\n  width: 32px;\n  height: 30px;\n  display: block;\n  position: absolute;\n  left: 40px;\n\n  img {\n    display: block;\n    will-change: filter;\n    transition: filter 0.1s ease;\n  }\n}\n\n.whiteFill {\n  img {\n    filter: brightness(0) invert(1);\n  }\n}\n\n.otherLogoBrand {\n  outline: none;\n}\n\n@include media-mobile {\n\t.logo {\n\t\tdisplay: none;\n\t}\n}\n\n@media screen and (max-width: 1390px){\n  .logo {\n    position: relative;\n    left: auto;\n    margin-right: 85px;\n  }\n}\n\n@media screen and (max-width: 860px){\n  .logo {\n    display: none;\n  }\n}\n\n.mobile {\n  width: 100%;\n  text-align: center;\n\n  img {\n    margin: 0 auto;\n    padding-left: 30px;\n  }\n}\n\n@media screen and (min-width: 860px){\n  .mobile {\n    display: none;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/Logo/Logo.scss","@import \"./scss/config/index.scss\";\n.result {\n  font-size: 24px;\n  text-align: center;\n  margin-bottom: 32px;\n}\n.title {\n  font-size: 24px;\n  text-align: center;\n  margin-bottom: 64px;\n}\n.input-wrapper {\n  width: 400px;\n  display: flex;\n  justify-content: center;\n  margin: 0 auto;\n  margin-bottom: 40px;\n}\n.input {\n  width: 100%;\n}\n.button {\n  width: auto;\n  padding: 0 16px;\n  margin: 0 auto;\n  margin-bottom: 32px;\n}\n.info {\n  font-size: 14px;\n  text-align: center;\n}\n\n@media (max-width: 576px) {\n  .input-wrapper {\n    width:100%;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/SignUpModal/SignUpModal.scss","@import \"./scss/config/index.scss\";\n.content {\n  min-width: 400px;\n}\n\n@include media-mobile { \n\t.content {\n\t\tmin-width: auto;\n\t}\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/OfferModal/OfferModal.scss","@import \"./scss/config/index.scss\";\n.coins {\n  justify-content: center;\n  align-items: center;\n  margin-bottom: 45px;\n}\n\n.buttonsInRow {\n  margin-top: 50px;\n  .button:first-child {\n    margin-right: 20px;\n  }\n}\n\n.button {\n  width: 200px;\n  padding: 0;\n}\n\n.link {\n  margin-left: 20px;\n}\n\n@include media-mobile {\n\t.buttonsInRow {\n\t  > div {\n\t  \tflex-direction: row\n\t  }\n\t}\n\t.button {\n\t  width: 160px;\n\t}\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/OfferModal/ConfirmOffer/ConfirmOffer.scss","@import \"./scss/config/index.scss\";\n.row {\n  display: flex;\n}\n\n\n@include media-mobile {\n\n  .row {\n    margin-top: vw(-8);\n    flex-direction: column;\n  }\n}\n\n@include media-except-mobile {\n\n  .row {\n    justify-content: center;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/Row/Row.scss","@import \"./scss/config/index.scss\";\n.arrow {\n  @include arrow('right', 6px, 2px, #000);\n  margin: 0 12px 0 10px;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/OfferModal/ConfirmOffer/Amounts/Amounts.scss","@import \"./scss/config/index.scss\";\n.row {\n  margin-top: 25px;\n\n  &:first-child {\n    margin-top: 0;\n  }\n}\n\n.title {\n  margin-bottom: 10px;\n  text-transform: uppercase;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.8px;\n  text-align: center;\n  color: #b2b2b2;\n}\n\n.content {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 16px;\n  font-weight: 700;\n  text-transform: uppercase;\n}\n\n@include media-mobile {\n  .content {\n    flex-direction: column;\n    > span {\n      margin: 2px 0;\n    }\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/OfferModal/ConfirmOffer/Row/Row.scss","@import \"./scss/config/index.scss\";\n.value {\n  @include ff-semibold;\n}\n\n.currency {\n  color: #b2b2b2;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/OfferModal/ConfirmOffer/Value/Value.scss","@import \"./scss/config/index.scss\";\n.equal {\n  margin: 0 12px;\n  @include ff-semibold;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/OfferModal/ConfirmOffer/ExchangeRate/ExchangeRate.scss","@import \"./scss/config/index.scss\";\n\n@keyframes errorAppend{\n  0% {\n    max-height: 0;\n    opacity: 0;\n  }\n  20% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n    max-height: 300px;\n  }\n}\n\n@mixin errAppend {\n  animation: errorAppend 0.7s linear 1;\n  will-change: max-height, opacity;\n}\n\n.sellGroup {\n  position: relative;\n  z-index: 10;\n}\n\n.wrapper {\n  width: 100%;\n  margin: 0 auto;\n\n  &.--dark {\n    .togleText {\n      color: #8e9aa3;\n    }\n  }\n}\n\n.exchangeRate {\n  margin: 10px 0;\n  input {\n    border: none;\n    border-radius: 0;\n    border-right: 1px solid rgba(0, 0, 0, 0.2);\n    height: 66px;\n  }\n}\n\n.togleText {\n  position: relative;\n  top: -35px;\n  left: 65px;\n}\n\n.togles {\n  height: 40px;\n}\n\n.controlsToggles {\n  margin-bottom: 9px;\n}\n\n@include media-tablet-landscape-and-lower  {\n  .wrapper {\n    width: 320px;\n    margin: 0 auto;\n  }\n}\n\n.button {\n  margin-top: 15px;\n  width: 100%;\n  background: #000;\n  border-radius: 3px;\n  height: 68px;\n  font-size: 16px;\n  flex-basis: 47%;\n  box-shadow: none;\n}\n\n.button:disabled {\n  background: #F5F5F5;\n}\n\n.togleGroup {\n  display: inline-block;\n}\n\n.error {\n  margin-top: 8px;\n  font-size: 14px;\n  color: $color-f-error;\n\n  [role = \"errorLink\"] {\n    display: inline !important;\n    color: inherit !important;\n    vertical-align: inherit !important;\n    text-decoration: underline !important;\n  }\n}\n\n.Error {\n  display: flex;\n  align-items: center;\n  color: #fff;\n  padding: 0.3em 10px;\n  margin-top: -5px;\n  font-size: 13px;\n  background: #FD6B65;\n  border-radius: 3px;\n  margin-bottom: 15px;\n  @include errAppend();\n  a {\n    color: inherit;\n    font-size: inherit;\n    text-decoration: underline;\n  }\n}\n\n\n@include media-mobile {\n  .addOffer {\n    width: 100%;\n    .error {\n      span:nth-child(1) {\n        margin-right: 5px;\n      }\n      span:nth-child(2){\n        display: block;\n      }\n    }\n    .exchangeRate {\n      margin: 15px 0;\n    }\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/OfferModal/AddOffer/AddOffer.scss","@import \"./scss/config/index.scss\";\n.groupField {\n  width: 100%;\n  position: relative;\n  display: flex;\n  border-radius: 6px;\n  height: 44px;\n  margin-bottom: 22px;\n  align-items: center;\n  border-radius: 0px;\n  font-family: 'Roboto Mono', monospace;\n  & p {\n    margin: 0;\n  }\n  button {\n    border: none;\n    width: 20%;\n  }\n\n  &.--dark {\n    .cell {\n      color: #8e9aa3;\n    }\n  }\n}\n\n.balance {\n  text-align: left;\n  font-size: 15px;\n}\n\n.group {\n  position: relative;\n  margin-right: 12px;\n  width: 76%;\n  display: flex;\n  height: 44px;\n  border: 1px solid rgba(0, 0, 0, 0.2);\n  border-radius: 3px;\n  align-items: center;\n  justify-content: space-evenly;\n}\n\n.cell {\n  color: #000;\n  display: inline-block;\n  font-size: 15px;\n  cursor: pointer;\n  // &:hover {\n  //   color: darken(#3b95ff, 1)\n  // }\n}\n\n@include media-mobile {\n  .groupField {\n    margin-bottom: 25px;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/OfferModal/AddOffer/Select/Select.scss","@import \"./scss/config/index.scss\";\n.currencyRatio {\n  text-transform: uppercase;\n  display: flex;\n  align-items: center;\n  min-width: 120px;\n  justify-content: center;\n  margin: 0 6px;\n}\n\n.exRate {\nmargin-left: 5px;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/OfferModal/AddOffer/ExchangeRateGroup/ExchangeRateGroup.scss","@import \"./scss/config/index.scss\";\n.groupField {\n  width: 100%;\n  display: inline-flex;\n  height: 68px;\n  margin-bottom: 10px;\n  border: 1px solid rgba(0, 0, 0, 0.2);\n  text-align: center;\n  margin-left: 0;\n  border-radius: 3px;\n}\n\n.inputRoot {\n  min-width: 0;\n  flex: auto 1 1;\n}\n\n.inputContainer {\n  border-radius: 6px 0 0 6px !important;\n  box-shadow: none !important;\n}\n\ninput:disabled {\n  background-color:#eee;\n}\n\n@include media-mobile {\n  .groupField {\n    width: calc(100vw - 35px);\n    display: flex;\n    justify-content: space-between;\n  }\n  .groupField:first-child {\n    margin-bottom: 50px;\n  }\n  .inputRoot {\n    text-align: left;\n  }\n  .inputContainer input {\n    font-size: 14px;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/OfferModal/AddOffer/Group/Group.scss","@import \"./scss/config/index.scss\";\n.dark {\n  .balance,\n  .label {\n    background-color: unset;\n  }\n  .label {\n    color: #8e9aa3;\n  }\n\n  input:disabled {\n    background-color: #2b2b2b;\n  }\n}\n\n.groupField {\n  width: 100%;\n  display: inline-flex;\n  height: 68px;\n  margin-bottom: 20px;\n  vertical-align: center;\n  // box-shadow: rgba(#000, 0.08) 0 3px 9px 0;\n  border-radius: 6px;\n  text-align: center;\n  position: relative;\n}\n\n.row {\n  display: flex;\n  display: flex;\n  align-items: baseline;\n  position: absolute;\n  top: -0.8em;\n  left: 1em;\n}\n\n.smallTooltip {\n  > span {\n    position: absolute;\n    right: 5px;\n    top: 5px;\n    display: flex;\n    justify-content: center;\n    span {\n      font-size: 10px;\n    }\n  }\n}\n\n.balance {\n  position: absolute;\n  z-index: 1;\n  background-color: white;\n  top: -9px;\n  font-weight: bold;\n  background: #fff;\n  font-size: 13px;\n  right: 20px;\n  font-family: \"Roboto Mono\", monospace;\n  padding: 0 10px;\n  color: #b5b5b5;\n}\n\n.textUsd {\n  color: #828795;\n  position: absolute;\n  left: 10px;\n  font-family: \"Roboto Mono\", monospace;\n  bottom: -14px;\n  top: auto;\n  background: #fff;\n  right: auto;\n  padding: 0 10px;\n  font-size: 13px;\n}\n\n.inputRoot {\n  min-width: 0;\n  flex: auto 1 1;\n  input {\n    padding-right: 75px;\n    font-size: 24px;\n  }\n}\n\n.textForNull {\n  display: none;\n}\n\n.inputContainer {\n  border-radius: 6px 0 0 6px !important;\n  box-shadow: none !important;\n}\n\n.textForNull {\n  font-size: 10px;\n  position: absolute;\n  left: -1px;\n  margin-top: 70px;\n  width: 350px;\n}\n\n.tooltip {\n  z-index: 1;\n}\n\n.label {\n  z-index: 1;\n  background-color: white;\n  font-weight: bold;\n\n  background: #fff;\n  @include ff-semibold;\n  z-index: 1;\n}\n\n.red {\n  color: red;\n}\n\ninput:disabled {\n  background-color: #eee;\n}\n\n.selectGroupContainer {\n  position: relative;\n}\n\n.currencySelect {\n  border-radius: 0 6px 6px 0 !important;\n  background: none;\n  box-shadow: none;\n  @include ff-bold;\n  position: absolute;\n  right: 0px;\n  top: 5px;\n  > div:nth-child(2) {\n    margin-top: 10px;\n    display: block;\n    position: absolute;\n    top: 75px;\n    border: none;\n    left: 0;\n    width: auto;\n    z-index: 1111112;\n    border-radius: 0;\n    box-shadow: none;\n    div {\n      display: flex;\n      flex-direction: row-reverse;\n      justify-content: flex-end;\n      border: none;\n    }\n  }\n  input {\n    border: none;\n    height: 69px;\n    border-bottom: 1px solid #000;\n    padding-left: 2px;\n  }\n}\n\n.currencySelect.dropDown {\n  width: 100%;\n  border: 1px solid #000;\n  top: 0px;\n  z-index: 1;\n  background: #fff;\n  height: 375px;\n  border-radius: 3px;\n}\n\n@include media-mobile {\n  .currencySelect {\n    width: 130px;\n  }\n  .textUsd {\n    font-size: 14px;\n  }\n  .inputRoot {\n    input {\n      padding-left: 8px;\n      padding-right: 8px;\n    }\n  }\n  .textUsd {\n    top: 0px;\n    font-size: 12px;\n    right: 135px;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/OfferModal/AddOffer/SelectGroup/SelectGroup.scss","@import \"./scss/config/index.scss\";\n.note {\n  position: absolute;\n  padding: 0 10px 0 10px;\n  background-color: white;\n  text-align: left;\n  font-family: 'Roboto Mono', monospace;\n  font-size: 13px;\n  z-index: 1;\n  color: #8e9aa3;\n  bottom: -17px;\n  left: 10px;\n}\n\n.r-tooltip {\n  max-width: 80vw;\n}\n\n.rednote {\n  font-size: 12px;\n  color: #aaa;\n  height: 0px;\n  color: $color-f-error;\n  position: absolute;\n  bottom: -15px;\n  &.bottom0 {\n    bottom: 0px;\n  }\n}\n\n.groupField {\n  width: 100%;\n  display: inline-flex;\n  vertical-align: center;\n  border-radius: 6px;\n  text-align: center;\n  position: relative;\n}\n\n.dark {\n  .note,\n  .balance {\n    background: none;\n  }\n}\n\n.balance {\n  position: absolute;\n  right: 98px;\n  top: -8px;\n  padding: 0 10px 0 10px;\n  background-color: white;\n  text-align: left;\n  font-family: 'Roboto Mono', monospace;\n  font-size: 13px;\n  z-index: 1;\n  color: #8e9aa3;\n  @include media-mobile {\n    right: 69px;\n    z-index: 112;\n  }\n}\n\n.notice {\n  line-height: 140%;\n  color: #8e9aa3;\n  @include ff-regular;\n  width: 78%;\n  text-align: center;\n  margin: auto;\n  margin-bottom: 60px;\n}\n\n.rednotes {\n  font-size: 16px;\n  text-align: center;\n  color: $color-f-error;\n}\n\n.buttonFull {\n  margin-top: 10px;\n  display: block;\n}\n\n.cell {\n  color: #3b95ff;\n  cursor: pointer;\n  display: block;\n\n  &:hover {\n    color: darken(#3b95ff, 1);\n  }\n}\n\n.group {\n  width: 100%;\n  display: inline-flex;\n  height: 60px;\n  border-radius: 6px;\n  text-align: center;\n}\n\n.input {\n  width: 100%;\n  text-align: left;\n  display: block;\n}\n\n.downLabel {\n  position: absolute;\n  top: 0.5em;\n}\n\n.highLevel {\n  position: relative;\n  margin-bottom: 40px;\n}\n\n.lowLevel {\n  position: relative;\n\n  &.dark {\n    .additionalСurrencies {\n      background: #2b2b2b;\n    }\n  }\n}\n\n.sendBtnsWrapper {\n  display: flex;\n  justify-content: space-between;\n}\n\n.actionBtn {\n  width: calc(50% - 5px);\n  position: relative;\n}\n\n.dashboardViewNotice {\n  width: 100%;\n  margin: 2rem auto;\n  margin-top: 20px;\n  text-align: left;\n}\n\n@include media-mobile {\n  .button {\n    height: 100%;\n  }\n\n  .mobileFont {\n    font-size: 16px !important;\n  }\n\n  .downLabel {\n    top: 0.8em;\n  }\n}\n\n.qrCode {\n  position: absolute;\n  left: 97%;\n  top: 9px;\n}\n\n.customSelectContainer {\n  position: relative;\n}\n\n.customSelectValue {\n  border: 1px solid #ccc;\n  height: 68px;\n  background: #fff;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  div {\n    display: flex;\n    flex-direction: column;\n    margin-left: 10px;\n    a {\n      font-size: 13px;\n      color: #6144e5;\n      &:hover {\n        color: #6144e5;\n      }\n    }\n    .address {\n      color: #8e9aa3;\n      font-size: 12px;\n      @include media-mobile {\n        display: none;\n      }\n    }\n    .mobileAddress {\n      color: #8e9aa3;\n      font-size: 12px;\n      > div {\n        margin: 0;\n      }\n    }\n  }\n}\n\n.currencySelectContainer {\n  right: 85px;\n  z-index: 1;\n  position: absolute;\n  @include media-mobile {\n    right: 55px;\n  }\n}\n\n\n.coin {\n  position: relative;\n  z-index: 1111111;\n}\n\n.customSelectList {\n  margin-top: 10px;\n  position: absolute;\n  z-index: 1111111;\n  width: 100%;\n  max-height: 300px;\n  background: #fff;\n  overflow-y: auto;\n  overflow-x: hidden;\n  padding: 5px 0px;\n  box-shadow: 0px 4px 16px rgba(0,0,0,0.08), 0px 1px 4px rgba(0,0,0,0.08);\n}\n\n.additionalСurrencies {\n  position: absolute;\n  right: 100px;\n  background: white;\n  z-index: 111;\n  display: flex;\n  top: 22px;\n  align-items: center;\n}\n\n\n.additionalСurrenciesItem {\n  font-size: 14px;\n  cursor: pointer;\n  @include ff-bold;\n  color: rgba(142,154,163,0.5);\n}\n.additionalСurrenciesItemActive {\n  color: #000;\n}\n\n.delimiter {\n  width: 1px;\n  height: 16px;\n  background: rgba(0,0,0,0.1);\n  display: inline-block;\n  margin: 0 10px;\n  margin-top: 1px;\n}\n\n.customSelectListItem {\n  margin-top: -1px;\n  padding-left: 10px;\n  border: none;\n  &:hover {\n    background: #f3f3f3;\n  }\n}\n\n.customSelectArrow {\n  position: absolute;\n  right: 25px;\n  &:before {\n    content: '';\n    width: 9px;\n    height: 9px;\n    display: block;\n    border-top: 2px solid #828795;\n    border-right: 2px solid #828795;\n    -webkit-transform: rotate(135deg);\n    transform: rotate(135deg);\n  }\n}\n\n.customSelectArrow.active {\n  &:before {\n    -webkit-transform: rotate(-45deg);\n    transform: rotate(-45deg);\n  }\n}\n\n.customSelectListItem.disabled {\n  position: relative;\n  pointer-events: none;\n  &:before {\n    position: absolute;\n    content: '';\n    background: rgba(255, 255, 255, 0.8);\n    width: 100%;\n    height: 100%;\n    z-index: 1111;\n  }\n}\n\n.amount {\n  position: absolute;\n  text-align: right;\n  right: 60px;\n  font-size: 13px;\n  @include media-mobile {\n    right: 50px;\n  }\n  .currency {\n    color: #1f2d48;\n  }\n  .usd {\n    color: #8e9aa3;\n  }\n}\n\n@media all and (max-width: 480px) {\n\n  .additionalСurrencies {\n    right: 80px;\n    top: 24px;\n  }\n\n  .additionalСurrenciesItem {\n    font-size: 11px;\n  }\n\n  .balance {\n    right: 78px;\n    top: -6px;\n    font-size: 9px;\n  }\n\n  .customSelectValue {\n    cursor: pointer;\n    div {\n      .mobileAddress {\n        font-size: 8px;\n      }\n    }\n  }\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/WithdrawModal/WithdrawModal.scss","@import \"./scss/config/index.scss\";\n.scan {\n  display: flex;\n  flex-direction: column;\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: #fff;\n  width: 100%;\n  height: 100%;\n  z-index: 999999999999999999;\n}\n\n.close {\n  text-align: right;\n  position: relative;\n  font-size: 30px;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/QrReader/styles.scss","@import \"./scss/config/index.scss\";\n.invoiceInfoBlock {\n  text-align: center;\n  span {\n    white-space: pre-wrap;\n  }\n  A {\n    display: block;\n  }\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/components/InvoiceInfoBlock/InvoiceInfoBlock.scss","@import \"./scss/config/index.scss\";\n.adminFeeInfoBlock {\n  text-align: center;\n  padding-top: 20px;\n  font-size: 14px;\n  color: #e32950;\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/components/AdminFeeInfoBlock/AdminFeeInfoBlock.scss","@import \"./scss/config/index.scss\";\n.coin {\n  position: relative;\n  z-index: 1111111;\n}\n\n.amount {\n  position: absolute;\n  text-align: right;\n  right: 60px;\n  font-size: 13px;\n\n  .currency {\n    color: #1f2d48;\n    background: #fff;\n  }\n  .usd {\n    color: #8e9aa3;\n    background: #fff;\n  }\n\n  @media screen and (max-width: 480px) {\n    font-size: 11px;\n\n    .usd {\n      font-size: 10px;\n    }\n  }\n\n  @include media-mobile {\n    right: 50px;\n  }\n}\n\n\n.customSelectListItem {\n  margin-top: -1px;\n  padding-left: 10px;\n  border: none;\n  &:hover {\n    background: #f3f3f3;\n  }\n\n  @media screen and (max-width: 480px) {\n    padding-left: 0;\n  }\n}\n\n.customSelectArrow {\n  position: absolute;\n  right: 25px;\n  &:before {\n    content: '';\n    width: 9px;\n    height: 9px;\n    display: block;\n    border-top: 2px solid #828795;\n    border-right: 2px solid #828795;\n    -webkit-transform: rotate(135deg);\n    transform: rotate(135deg);\n  }\n}\n\n.customSelectArrow.active {\n  &:before {\n    -webkit-transform: rotate(-45deg);\n    transform: rotate(-45deg);\n  }\n}\n\n.customSelectListItem.disabled {\n  position: relative;\n  pointer-events: none;\n  &:before {\n    position: absolute;\n    content: '';\n    background: rgba(255, 255, 255, 0.8);\n    width: 100%;\n    height: 100%;\n    z-index: 1111;\n  }\n}\n\n\n.dark {\n  .amount {\n    .currency,\n    .usd {\n      background: #2b2b2b;\n    }\n  }\n}\n\n.customSelectValue {\n  border: 1px solid #ccc;\n  height: 68px;\n  background: #fff;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n\n  &.dark {\n    border-color:#222323;\n    background: #2b2b2b;\n    .amount {\n      .currency,\n      .usd {\n        color: white;\n        background: #2b2b2b;\n      }\n    }\n  }\n  \n  div {\n    display: flex;\n    flex-direction: column;\n    margin-left: 10px;\n\n    a {\n      font-size: 13px;\n      color: #6144e5;\n      &:hover {\n        color: #6144e5;\n      }\n\n      @media screen and (max-width: 480px) {\n        font-size: 11px;\n      }\n    }\n    .address {\n      color: #8e9aa3;\n      font-size: 12px;\n      @include media-mobile {\n        display: none;\n      }\n    }\n    .mobileAddress {\n      color: #8e9aa3;\n      font-size: 12px;\n      > div {\n        margin: 0;\n      }\n    }\n  }\n}\n\n.customSelectList {\n  margin-top: 10px;\n  position: absolute;\n  z-index: 1111111;\n  width: 100%;\n  max-height: 300px;\n  background: #fff;\n  overflow-y: auto;\n  overflow-x: hidden;\n  padding: 5px 0px;\n  box-shadow: 0px 4px 16px rgba(0,0,0,0.08), 0px 1px 4px rgba(0,0,0,0.08);\n\n  .amount {\n    right: 10px;\n  }\n\n  &.darkList {\n    background:#2b2b2b;\n    .customSelectValue {\n      border-color:#222323;\n      background: #2b2b2b;\n      .amount {\n        .currency {\n          color: white;\n          background: none;\n        }\n\n        .usd {\n          background: none;\n        }\n      }\n    }\n\n    .customSelectListItem.disabled {\n      &:before {\n        background: rgba(99, 97, 97, 0.8);\n      }\n    }\n  }\n}\n\n@media all and (max-width: 480px) {\n  .customSelectValue {\n    cursor: pointer;\n    div {\n      .mobileAddress {\n        font-size: 10px;\n      }\n    }\n  }\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/WithdrawModal/components/CurrencyList.scss","@import \"./scss/config/index.scss\";\n.smsCodeHolder {\n  max-width: 200px;\n  margin: 2rem auto 0;;\n}\n\n.smsServerStatus {\n  text-align: center;\n  padding-top: 10px;\n  padding-bottom: 10px;\n  font-size: 14px;\n}\n\n.confirmSmsCode {\n  max-width: 200px;\n  margin: 0 auto;\n}\n\n.useAuthMethodButton {\n  display: block;\n  margin: 0 auto;\n}\n\n.mnemonicUseNote {\n  margin-bottom: 2rem;\n}\n\n.marginHr {\n  margin: 2rem 0;\n}\n\n.sendBtnsWrapper {\n  display: flex;\n  justify-content: space-between;\n}\n\n.actionBtn {\n  width: calc(50% - 5px);\n  position: relative;\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/WithdrawModalMultisig/WithdrawModalMultisig.scss","@import \"./scss/config/index.scss\";\n.multisignConfirmTxLink {\n  word-break: break-all;\n}\n\n.centerAlign {\n  text-align: center;\n}\n\n.centerAlign button {\n  display: inline-block;\n}\n\n.sendBtnsWrapper {\n  display: flex;\n  justify-content: space-between;\n}\n\n.actionBtn {\n  width: calc(50% - 5px);\n  position: relative;\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/WithdrawModalMultisig/WithdrawModalMultisigUser.scss","@import \"./scss/config/index.scss\";\n.content {\n  max-width: 800px;\n  margin: 0 auto;\n  text-align: center;\n}\n\n.text {\n  font-size: 1.5em;\n\n  @media all and (max-width: 480px) {\n    font-size: 1em;\n  }\n}\n\n.key {\n  font-size: 1em;\n\n  @media all and (max-width: 480px) {\n    font-size: 0.5em;\n  }\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/PrivateKeysModal/PrivateKeysModal.scss","@import \"./scss/config/index.scss\";\n.button {\n  margin-top: 40px;\n}\n\n.content {\n  width: 400px;\n  text-align: center;\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/Approve/Approve.scss","@import \"./scss/config/index.scss\";\n.modal {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n}\n\n.button {\n    margin-top: 20px;\n}\n\n.error {\n    color: red;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/ImportKeys/ImportKeys.scss","@import \"./scss/config/index.scss\";\n.group {\n  width: 100%;\n  display: inline-flex;\n  height: 60px;\n  margin-bottom: 40px;\n  box-shadow: rgba(#000, 0.08) 0 3px 9px 0;\n  border-radius: 6px;\n  text-align: center;\n}\n\n.input {\n  width: 100%;\n  text-align: left;\n}\n\n.button {\n  height: 100%;\n  width: 125px;\n  font-size: 16px;\n  border-bottom-left-radius: 0;\n  border-top-left-radius: 0;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/ImportKeys/Group/Group.scss","@import \"./scss/config/index.scss\";\n.modal {\n  display: flex;\n  flex-direction: row;\n\n  &_column {\n    width: 500px;\n\n    &-title {\n      margin-top: 80px;\n    }\n  }\n\n  @include media-tablet-portrait-and-lower {\n    flex-direction: column;\n\n    width: 100%;\n\n    &_column {\n      width: 100%;\n    }\n  }\n}\n\n.button {\n  margin-top: 20px;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/ShowMoreCoins/ShowMoreCoins.scss","@import \"./scss/config/index.scss\";\n.button {\n  @include inline-block;\n  height: 40px;\n  width: 40px;\n  background: #f8f3fe;\n  cursor: pointer;\n  font-size: 14px;\n  color: #7c1de9;\n  border-radius: 50%;\n\n  &:hover {\n    color: #7c1de9;\n    background: #dfc5ff;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/ShowMoreCoins/Row/Row.scss","@import \"./scss/config/index.scss\";\n.button {\n  margin-top: 40px;\n}\n\n.content {\n  width: 400px;\n  text-align: center;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/EthChecker/EthChecker.scss","@import \"./scss/config/index.scss\";\n.note {\n  font-size: 14px;\n  color: #aaa;\n  padding-top: 10px;\n}\n\n.r-tooltip {\n  max-width: 80vw;\n}\n\n.link {\n  color: $color-brand;\n}\n\n.error {\n  margin-top: 20px;\n}\n\n.rednote {\n  font-size: 12px;\n  color: #aaa;\n  height: 0px;\n  color: $color-f-error;\n  position: absolute;\n  bottom: -5px;\n}\n\n.groupField {\n  width: 100%;\n  display: inline-flex;\n  vertical-align: center;\n  border-radius: 6px;\n  text-align: center;\n  position: relative;\n}\n\n.balance {\n  position: absolute;\n  right: 6em;\n  top: -0.2em;\n  padding: 0 10px 0 25px;\n  background-color: white;\n  text-align: left;\n  font-size: 13px;\n  z-index: 1;\n  color: #b5b5b5;\n  font-family: 'Roboto Mono', monospace;\n}\n\n.notice {\n  line-height: 140%;\n  color: #8e9aa3;\n  @include ff-regular;\n  width: 78%;\n  text-align: center;\n  margin: auto;\n  margin-bottom: 60px;\n}\n\n.rednotes {\n  font-size: 16px;\n  text-align: center;\n  color: $color-f-error;\n}\n\n.buttonCenter {\n  display: block;\n  margin: 0 auto;\n}\n\n.buttonHalfFullWidth {\n  width: 50%;\n}\n\n.buttonFull {\n  display: block;\n}\n\n.buttonFullMargin {\n  margin-top: 55px;\n  display: block;\n}\n\n.cell {\n  color: #3b95ff;\n  cursor: pointer;\n  display: block;\n\n  &:hover {\n    color: darken(#3b95ff, 1)\n  }\n}\n\n.group {\n  width: 100%;\n  display: inline-flex;\n  min-height: 60px;\n  border-radius: 6px;\n  text-align: center;\n}\n.input {\n  width: 100%;\n  text-align: left;\n  display: block;\n}\n\n.label {\n  @include ff-semibold;\n}\n\n.button {\n  height: 48px;\n\n  &_sms {\n    flex: 1 140px;\n  }\n\n  &:hover {\n    color: #7c1de9;\n    background: #dfc5ff;\n  }\n}\n\n.inputName {\n  white-space: nowrap;\n}\n\n.downLabel {\n  position: absolute;\n  top: 0.5em;\n}\n\n.highLevel {\n  // top: 3em;\n  position: relative;\n  // padding-bottom: 5em;\n}\n\n.lowLevel {\n  position: relative;\n  // padding-bottom: 7%;\n}\n\n.inputMargin25 {\n  margin-bottom: 25px;\n}\n\n@include media-mobile {\n  .button {\n    height: 100%;\n  }\n\n  .mobileFont {\n    font-size: 16px !important;\n  }\n\n  .balance {\n    position: absolute;\n    right: 7em;\n    top: 0.5em;\n    font-size: 10px;\n    padding: 0 5px 0 10px;\n  }\n\n  .downLabel {\n    top: 0.8em;\n  }\n\n  .input {\n    font-size: 11px;\n  }\n\n  .notice {\n    font-size: 70%;\n    text-align: center;\n    margin-bottom: 20px;\n  }\n}\n\n\n.centerInfoBlock {\n  display: block;\n  font-size: 18px;\n  line-height: 140%;\n  color: #8e9aa3;\n  @include ff-regular;\n  width: 78%;\n  text-align: center;\n  margin: auto;\n  margin-bottom: 60px;\n}\n\n\n.content-overlay {\n  display: block;\n}\n\n.button-overlay {\n  display: block;\n}\n\n@include media-mobile {\n  .convent-overlay {\n    height: 100%;\n    padding-bottom: 56px;\n  }\n  .button-overlay {\n    background: #fff;\n    position: fixed;\n    left: 0px;\n    right: 0px;\n    bottom: 0px;\n    padding: 1rem;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/Styles/default.scss","@import \"./scss/config/index.scss\";\n.content {\n  margin: 0;\n  word-break: break-word;\n  text-align: center;\n}\n\n.sendBtnsWrapper {\n  display: flex;\n  justify-content: space-between;\n  margin-top: 40px;\n}\n\n.actionBtn {\n  width: calc(50% - 5px);\n  position: relative;\n}\n\n.fiatDepositRow {\n  width: 100%;\n  text-align: center;\n  margin: 1em 0;\n}\n\n.buttonsHolder {\n  display: flex;\n  align-items: center;\n  justify-content: space-around;\n  padding-bottom: 10px;\n\n  button {\n    width: 30%;\n  }\n\n  &_2_buttons button {\n    width: 45%;\n  }\n}\n\n@include media-mobile {\n  .qr {\n    text-align: center;\n  }\n}\n\n.qr {\n  text-align: center;\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/ReceiveModal/ReceiveModal.scss","@import \"./scss/config/index.scss\";\n.subTitle {\n  margin-bottom: 30px\n}\n\n.indent {\n  margin-top: 20px;\n}\n\n.button {\n  display: block;\n  padding: 0 20px;\n  margin: 0px auto;\n}\n\n.buttonsContainer {\n  display: flex;\n  flex-flow: row wrap;\n}\n\na {\n  font-size: 16px;\n}\n// p {\n//   font-size: 14px;\n//   color: #8E9AA3;\n//   margin-top: -5px;\n// }\n\n@include media-mobile {\n  .subTitle {\n    text-align: center;\n    width: 100%;\n    font-size: 14px;\n  }\n\n  .button {\n    width: 100%;\n    padding: 0;\n    margin: 7px auto;\n  }\n\n  // p {\n  //   font-size: 12px;\n  // }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/DownloadModal/DownloadModal.scss","$media-desktop-rule                       : \"(min-width: \" + $media-desktop-start + \")\";\n$media-tablet-landscape-rule              : \"(min-width: \" + $media-tablet-landscape-start + \") and (max-width: \" + $media-tablet-landscape-end + \")\";\n$media-tablet-rule                        : \"(min-width: \" + $media-tablet-portrait-start + \") and (max-width: \" + $media-tablet-landscape-end \")\";\n$media-tablet-portrait-rule               : \"(min-width: \" + $media-tablet-portrait-start + \") and (max-width: \" + $media-tablet-portrait-end + \")\";\n$media-mobile-rule                        : \"(max-width: \" + $media-mobile-end + \")\";\n$media-tablet-landscape-and-higher-rule   : \"(min-width: \" + $media-tablet-landscape-start + \")\";\n$media-tablet-landscape-and-lower-rule    : \"(max-width: \" + $media-tablet-landscape-end + \")\";\n$media-except-mobile-rule                 : \"(min-width: \" + $media-tablet-portrait-start + \")\";\n$media-except-desktop-rule                : \"(max-width: \" + $media-tablet-landscape-end +  \")\";\n$media-tablet-portrait-and-higher-rule    : \"(min-width: \" + $media-tablet-portrait-start +  \")\";\n$media-tablet-portrait-and-lower-rule     : \"(max-width: \" + $media-tablet-portrait-end +  \")\";\n\n\n@mixin media-desktop {\n  @media #{$media-desktop-rule} {\n    @content;\n  }\n}\n\n@mixin media-tablet-landscape {\n  @media #{$media-tablet-landscape-rule} {\n    @content;\n  }\n}\n\n@mixin media-tablet {\n  @media #{$media-tablet-rule} {\n    @content;\n  }\n}\n\n@mixin media-tablet-portrait {\n  @media #{$media-tablet-portrait-rule} {\n    @content;\n  }\n}\n\n@mixin media-mobile {\n  @media #{$media-mobile-rule} {\n    @content;\n  }\n}\n\n// 320 to 800\n@mixin media-min320-max800 {\n  @media all and (min-width: 320px) and (max-width:800px) {\n    @content;\n   }\n}\n\n// * and higher\n\n@mixin media-tablet-landscape-and-higher {\n  @media #{$media-tablet-landscape-and-higher-rule} {\n    @content;\n  }\n}\n\n@mixin media-tablet-portrait-and-higher {\n  @media #{$media-tablet-portrait-and-higher-rule} {\n    @content;\n  }\n}\n\n@mixin media-except-mobile {\n  @media #{$media-except-mobile-rule} {\n    @content;\n  }\n}\n\n\n// * and lower\n\n@mixin media-except-desktop {\n  @media #{$media-except-desktop-rule} {\n    @content;\n  }\n}\n\n@mixin media-tablet-portrait-and-lower {\n  @media #{$media-tablet-portrait-and-lower-rule} {\n    @content;\n  }\n}\n\n@mixin media-tablet-landscape-and-lower {\n  @media #{$media-tablet-landscape-and-lower-rule} {\n    @content;\n  }\n}\n\n\n// retina\n\n@mixin media-retina {\n  $retina-variable: \"only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi)\";\n  @media #{$retina-variable} { @content; }\n}\n\n@mixin media-retina-3x {\n  $retina-variable: \"only screen and (-webkit-min-device-pixel-ratio: 2.5), only screen and (min-resolution: 288dpi)\";\n  @media #{$retina-variable} { @content; }\n}\n\n// widget\n@mixin media-widget {\n  @media (max-width: 99999px) {\n    @content\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./client/scss/config/mixins/_media.scss","@import \"./scss/config/index.scss\";\n.modal {\n  display: flex;\n  flex-direction: row;\n\n  &_column {\n    width: 100%;\n\n    &-title {\n      margin-top: 80px;\n    }\n  }\n\n  @include media-tablet-portrait-and-lower {\n    flex-direction: column;\n\n    width: 100%;\n\n    &_column {\n      width: 100%;\n    }\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/IncompletedSwaps/IncompletedSwaps.scss","@import \"./scss/config/index.scss\";\n.userTooltip {\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n}\n\n.delete {\n  color: #e32950;\n  cursor: pointer;\n}\n\n.currency {\n  font-size: 14px;\n  font-weight: 700;\n  min-width: 150px;\n  margin-right: 10px;\n  display: flex;\n  align-items: center;\n}\n\n.coin {\n  text-transform: uppercase;\n}\n\n.buy {\n  color: #3de25b;\n}\n\n.sell {\n  color: #e32950;\n}\n\n.buttons {\n  width: 250px;\n  display: flex;\n  justify-content: space-between;\n}\n\n.arrow {\n  display: inline-block;\n  width: 5px;\n  margin: 5px;\n}\n\n.arrow img {\n  display: block;\n  width: 100%;\n  height: auto;\n}\n\n\n\n\n\n// WEBPACK FOOTER //\n// ./shared/pages/History/SwapsHistory/RowHistory/RowHistory.scss","@import \"./scss/config/index.scss\";\n.modal-overlay {\n  position: sticky;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: rgba(0, 0, 0, .3);\n  opacity: 1;\n}\n\n.modal {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  background: #fff;\n  padding: 32px;\n  width: 100%;\n  max-width: 640px;\n  height: auto;\n  border-radius: 10px;\n  box-shadow: 0 0 5px rgba(0, 0, 0, .4);\n}\n\n.content {\n  color: #000;\n}\n.submenu {\n  display: inline-block;\n  padding: 0;\n  list-style: none;\n  background: #fff;\n  padding: 10px 0;\n  transition: 0.2s;\n  top: 50%;\n  width: 100%;\n  position: absolute;\n  left: 50%;\n  transform: translate(-50%,-50%);\n}\n\n.submenu-item {\n  display: flex;\n  padding: 10px 25px;\n  color: black;\n  &:hover {\n    background: #f5f5f5;\n  }\n  a {\n    font-weight: bold;\n    font-size: 14px;\n    cursor: pointer;\n    display: block;\n    color: #000!important;\n  }\n  p {\n    margin: 0;\n  }\n  img {\n    display: inline-block;\n    object-fit: contain;\n  }\n}\n\n.text-container-submenu {\n  margin-left: 20px;\n}\n\n\n@include media-mobile {\n  .modal {\n    width: 90%;\n    padding: 16px;\n    border-radius: 3px;\n    box-shadow: none;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/MobMenu/MobMenu.scss","@import \"./scss/config/index.scss\";\n.text {\n  font-size: 20px;\n  width: 284px;\n  text-align: center;\n  margin: auto;\n  margin-bottom: 45px;\n  margin-top: 30px;\n  margin-bottom: 30px;\n  font-weight: 800;\n  font-size: 16px;\n  font-weight: 800;\n  line-height: 140%;\n  color: #8E9AA3;\n  @include ff-bold;\n}\n\n.currenciesWrapper {\n  display: flex;\n  width: max-content;\n  justify-content: center;\n  margin: auto;\n\n  &_dashboardView {\n    padding: 0 15px;\n    overflow-x: visible;\n  }\n\n}\n\n.header {\n  padding: 16px 0;\n  padding: 0px 0 25px;\n  border-bottom: 1px solid #f5f5f5;\n}\n\n.headerContent {\n  height: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  position: relative;\n}\n\n.title {\n  color: #1F2D48;\n  @include ff-bold;\n  text-align: center;\n  font-size: 21px;\n  line-height: 22px;\n\n  &.uppercase {\n    text-transform: uppercase;\n  }\n}\n\n.card {\n  background: #FFFFFF;\n  border: 1px solid rgba(142, 154, 163, 0.16);\n  box-sizing: border-box;\n  box-shadow: 0px 2px 12px rgba(142, 154, 163, 0.08);\n  border-radius: 4px;\n  margin-bottom: 8px;\n  padding: 10px;\n  height: 53px;\n  list-style: none;\n  display: grid;\n  height: 140px;\n  cursor: pointer;\n  width: 110px;\n  margin-right: 15px;\n  transition: 0.2s background ease;\n  text-align: center;\n\n  em {\n    position: absolute;\n    text-align: right;\n    padding-left: auto;\n    width: 120px;\n    font-size: 10px;\n    color: #9b58b6;\n  }\n\n  b {\n    font-weight: 800;\n    font-size: 13px;\n    line-height: 16px;\n    text-align: center;\n    color: #1F2D48;\n    margin-top: 5px;\n    margin-bottom: -1px;\n    @include ff-bold;\n  }\n\n  span {\n    @include ff;\n    font-style: normal;\n    font-size: 11px;\n    line-height: 140%;\n    text-align: center;\n    color: #8E9AA3;\n    margin-top: -15px;\n  }\n\n  li {\n    font-weight: 100;\n    color: #8E9AA3;\n    font-size: 11px;\n    font-family: Inter;\n    line-height: 20px;\n    text-align: center;\n  }\n\n  &:hover {\n    background: rgba(237, 239, 240, 0.40);\n  }\n\n  &:last-child {\n    margin: 0;\n  }\n}\n\n.btc {\n  background: orange;\n}\n\n.eth {\n  background: black;\n}\n\n.usdt {\n  background: #0ccf14;\n}\n\n.swap {\n  background: #775cf1;\n}\n\n.circle {\n  width: 36px;\n  height: 36px;\n  display: flex;\n  justify-content: center;\n  border-radius: 50%;\n  margin: auto;\n  align-items: center;\n\n  img {\n    width: auto;\n    height: 20px;\n  }\n}\n\n.closeButton {\n  width: 20px;\n  height: 20px;\n  opacity: 0.5;\n  transition: opacity .33s $ease-out-quadratic;\n  position: absolute;\n  right: 33px;\n  top: 32px;\n\n  &:hover {\n    opacity: 1;\n    transition: none;\n  }\n}\n\n.modal-overlay {\n  position: sticky;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: rgba(0, 0, 0, .6);\n  opacity: 1;\n\n  &_dashboardView {\n    background: none;\n    height: auto;\n  }\n}\n\n.modal {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  background: #fff;\n  padding: 32px;\n  width: 100%;\n  min-width: 550px;\n  max-width: max-content;\n  height: auto;\n  border-radius: 4px;\n  box-shadow: 0 0 5px rgba(0, 0, 0, .4);\n\n  &_dashboardView {\n    box-shadow: none;\n  }\n}\n\n.dark {\n  .modal {\n    background: #242425;\n    box-shadow: none;\n\n    @media screen and (max-width: 480px) {\n      background: #222528;\n    }\n  }\n\n  .header {\n    p {\n      color: white;\n    }\n  }\n\n  .card {\n    background: #242425;\n\n    b {\n      color: #cfd1d3;\n    }\n  }\n}\n\n.button {\n  width: 45%;\n  max-width: 240px;\n}\n\n.content {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n\n  &_dashboardView {\n    overflow-x: auto;\n  }\n}\n\n\n.notification-overlay {\n  display: flex;\n  flex-grow: 1;\n  align-items: center;\n  padding: 32px 0;\n}\n\n.notification {\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  font-size: 16px;\n}\n\n.button-overlay {\n  display: flex;\n  justify-content: space-around;\n}\n\n@include media-mobile {\n  .modal {\n    height: 100%;\n    padding: 16px;\n    border-radius: 0;\n    box-shadow: none;\n  }\n\n  .title {\n    font-size: 18px;\n    ;\n  }\n\n  .notification-overlay {\n    height: 100%;\n  }\n\n  .button-overlay {\n    justify-content: space-between;\n  }\n}\n\n\n@media all and (min-width: 320px) and (max-width: 767px) {\n  .header {\n    padding: 15px 0 25px;\n  }\n\n  .currenciesWrapper {\n    flex-direction: column;\n    ;\n    margin: 0;\n    width: 100%;\n  }\n\n  .modal {\n    overflow: scroll;\n    min-width: 100%;\n  }\n\n  .card {\n    width: 100%;\n    position: relative;\n    display: flex;\n    height: auto;\n\n    .circle {\n      margin: 0 10px 0;\n    }\n\n    b {\n      margin-top: 2px;\n    }\n\n    span {\n      position: absolute;\n      left: 66px;\n      bottom: 11px;\n    }\n\n    &:last-child {\n      margin-bottom: 50px;\n    }\n  }\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/CurrencyAction/CurrencyAction.scss","@import \"./scss/config/index.scss\";\n.header {\n  padding: 16px 0;\n}\n\n.headerContent {\n  height: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  position: relative;\n}\n\n.title {\n  width: 100%;\n  padding: 0 64px;\n  line-height: 18px;\n  font-size: 20px;\n  font-weight: 700;\n  text-align: center;\n\n  &.uppercase {\n    text-transform: uppercase;\n  }\n}\n\n.closeButton {\n  width: 20px;\n  height: 20px;\n  opacity: 0.5;\n  transition: opacity .33s $ease-out-quadratic;\n\n  &:hover {\n    opacity: 1;\n    transition: none;\n  }\n}\n\n.modal-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: rgba(0, 0, 0, .3);\n  opacity: 1;\n  z-index: 111;\n}\n\n.dark {\n  .modal {\n    background: #242425;\n    box-shadow: 0px 4px 16px rgba(243, 243, 243, 0.08), 0px 1px 4px rgba(240, 233, 233, 0.08);\n  \n    @media screen and (max-width: 480px) {\n      box-shadow: none;\n      background: #222528;\n    }\n  }\n\n  .header {\n    color: white;\n  }\n\n  .content {\n    color: #c3bfbf\n  }\n}\n\n.modal {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  background: #fff;\n  padding: 32px;\n  width: 100%;\n  max-width: 640px;\n  height: auto;\n  border-radius: 10px;\n  box-shadow: 0 0 5px rgba(0, 0, 0, .4);\n}\n\n.button {\n  width: 45%;\n  max-width: 240px;\n}\n\n.content {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n\n.notification-overlay {\n  display: flex;\n  flex-grow: 1;\n  align-items: center;\n  padding: 32px 0;\n}\n\n.notification {\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  font-size: 16px;\n}\n\n.button-overlay {\n  display: flex;\n  justify-content: space-around;\n}\n\n@include media-mobile {\n  .modal {\n    height: 100%;\n    padding: 16px;\n    border-radius: 0;\n    box-shadow: none;\n  }\n  .title {\n    font-size: 18px;;\n  }\n  .notification-overlay {\n    height: 100%;\n  }\n  .button-overlay {\n    justify-content: space-between;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/Confirm/Confirm.scss","@import \"./scss/config/index.scss\";\n.header {\n  padding: 16px 0;\n}\n\n.headerContent {\n  height: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  position: relative;\n}\n\n.title {\n  width: 100%;\n  padding: 0 64px;\n  line-height: 18px;\n  font-size: 20px;\n  font-weight: 700;\n  text-align: center;\n\n  &.uppercase {\n    text-transform: uppercase;\n  }\n}\n\n.error {\n  display: flex;\n  align-items: center;\n  color: #fff;\n  padding: 0.3em 10px;\n  margin-top: -5px;\n  font-size: 13px;\n  background: #FD6B65;\n  border-radius: 3px;\n  margin-bottom: 15px;\n}\n\n.closeButton {\n  width: 20px;\n  height: 20px;\n  opacity: 0.5;\n  transition: opacity .33s $ease-out-quadratic;\n\n  &:hover {\n    opacity: 1;\n    transition: none;\n  }\n}\n\n.modal-overlay {\n  position: sticky;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: rgba(0, 0, 0, .3);\n  opacity: 1;\n\n  &.--dark {\n    .modal {\n      background: #1e1f20;\n      color: white;\n    }\n  }\n}\n\n.modal {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  background: #fff;\n  padding: 32px;\n  width: 100%;\n  max-width: 640px;\n  height: auto;\n  border-radius: 10px;\n  box-shadow: 0 0 5px rgba(0, 0, 0, .4);\n}\n\n.button {\n  width: 45%;\n  max-width: 240px;\n}\n\n.content {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n\n.notification-overlay {\n  display: flex;\n  flex-grow: 1;\n  align-items: center;\n  padding: 32px 0;\n}\n\n.notification {\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  font-size: 16px;\n}\n\n.button-overlay {\n  display: flex;\n  justify-content: space-around;\n}\n\n.walletToggle {\n  margin-bottom: 15px;\n  border: 1px solid rgba(0, 0, 0, 0.3);\n  border-radius: 3px;\n  margin-bottom: 15px;\n  padding: 0 20px;\n  &_site {\n    position: relative;\n  }\n}\n\n.walletInput input {\n  border: none;\n  margin: 0;\n  height: 30px;\n  padding: 0;\n  margin-bottom: 20px;\n  font-size: 16px;\n  &:focus {\n    border: none;\n  }\n}\n\n.walletOpenSide {\n  display: flex;\n  flex-direction: row-reverse;\n  align-items: center;\n  justify-content: space-between;\n  height: 73px;\n  margin-bottom: -10px;\n}\n\n.specify {\n  width: 200px;\n  font-weight: 500;\n  line-height: 21px;\n  font-size: 16px;\n}\n\n.anotherRecepient {\n  position: relative;\n  z-index: -1;\n  max-height: 0;\n  opacity: 0;\n  transition: max-height 0.3s ease;\n  &_active {\n    z-index: 0;\n    opacity: 1;\n    max-height: 100vh;\n    transition: opacity 0.3s 0.2s,\n                max-height 0.7s ease;\n  }\n}\n\n.walletInput {\n  margin-top: 10px;\n}\n\n\n@include media-mobile {\n  .modal {\n    height: 100%;\n    padding: 16px;\n    border-radius: 0;\n    box-shadow: none;\n  }\n  .title {\n    font-size: 18px;;\n  }\n  .notification-overlay {\n    height: 100%;\n  }\n  .button-overlay {\n    justify-content: space-between;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/ConfirmBeginSwap/ConfirmBeginSwap.scss","@import \"./scss/config/index.scss\";\n.registerSMSModalHolder {\n  max-width: 600px;\n}\n\n.for12words {\n  min-width: 400px;\n}\n\n.infoCaption {\n  padding-bottom: 20px;\n  text-align: center;\n}\n\n.mnemonicNotice {\n  padding-bottom: 20px;\n  font-size: 14px;\n}\n\n.mnemonicButtonsHolder {\n  display: flex;\n  align-items: center;\n  justify-content: space-around;\n  padding-bottom: 10px;\n\n  button {\n    width: 45%;\n  }\n}\n\n.finishImg {\n  width: 80px;\n  height: 80px;\n  display: block;\n  margin: 0 auto;\n  margin-bottom: 3rem;\n}\n\n.smsInfoBlock {\n  padding-bottom: 20px;\n  padding-top: 10px;\n}\n\n.smsCodeHolder {\n  max-width: 200px;\n  margin: 0 auto;\n}\n\n.confirmSmsCode {\n  max-width: 200px;\n  margin: 0 auto;\n}\n\n.restoreInstruction {\n  text-align: center;\n\n  pre {\n    text-align: left;\n  }\n}\n\n.buttonsHolder {\n  display: flex;\n  align-items: center;\n  justify-content: space-around;\n  padding-bottom: 10px;\n\n  button {\n    width: 30%;\n  }\n\n  &_2_buttons button {\n    width: 45%;\n  }\n}\n\n.buttonContainer {\n  width: 100%;\n  padding: 0 11%;\n}\n\n.phoneNumber {\n  height: 4em;\n  margin: 1em 0;\n  padding: 0.5em 1em;\n  font-size: 1em;\n  border: 2px solid #6144e5;\n\n  input {\n    height: 80%;\n  }\n}\n\n@include media-mobile {\n  .finishImg {\n    margin-bottom: 1rem;\n  }\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/RegisterSMSProtected/RegisterSMSProtected.scss","@import \"./scss/config/index.scss\";\n.phone_inut {\n  --PhoneInput-color--focus: #03b2cb;\n  --PhoneInputInternationalIconPhone-opacity: 0.8;\n  --PhoneInputInternationalIconGlobe-opacity: 0.65;\n  --PhoneInputCountrySelect-marginRight: 0.35em;\n  --PhoneInputCountrySelectArrow-width: 0.3em;\n  --PhoneInputCountrySelectArrow-marginLeft: var(\n    --PhoneInputCountrySelect-marginRight\n  );\n  --PhoneInputCountrySelectArrow-marginTop: calc(\n    var(--PhoneInputCountrySelectArrow-height) / 2\n  );\n  --PhoneInputCountrySelectArrow-borderWidth: 1px;\n  --PhoneInputCountrySelectArrow-opacity: 0.45;\n  --PhoneInputCountrySelectArrow-color: inherit;\n  --PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);\n  --PhoneInputCountrySelectArrow-transform: rotate(45deg);\n  --PhoneInputCountryFlag-aspectRatio: 1.5;\n  --PhoneInputCountryFlag-height: 1em;\n  --PhoneInputCountryFlag-borderWidth: 1px;\n  --PhoneInputCountryFlag-borderColor: rgba(0, 0, 0, 0.5);\n  --PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);\n  --PhoneInputCountryFlag-backgroundColor--loading: rgba(0, 0, 0, 0.1);\n\n  :global(.PhoneInput) {\n    /* This is done to stretch the contents of this component. */\n    display: flex;\n    align-items: center;\n  }\n\n  :global(.PhoneInputInput) {\n    /* The phone number input stretches to fill all empty space */\n    flex: 1;\n    /* The phone number input should shrink\n\t\t   to make room for the extension input */\n    min-width: 0;\n  }\n\n  :global(.PhoneInputCountryIcon) {\n    width: calc(\n      var(--PhoneInputCountryFlag-height) *\n        var(--PhoneInputCountryFlag-aspectRatio)\n    );\n    height: var(--PhoneInputCountryFlag-height);\n  }\n\n  :global(.PhoneInputCountryIcon--square) {\n    width: var(--PhoneInputCountryFlag-height);\n  }\n\n  :global(.PhoneInputCountryIcon--border) {\n    /* Removed `background-color` because when an `<img/>` was still loading\n\t\t   it would show a dark gray rectangle. */\n    /* For some reason the `<img/>` is not stretched to 100% width and height\n\t\t   and sometime there can be seen white pixels of the background at top and bottom. */\n    background-color: var(--PhoneInputCountryFlag-backgroundColor--loading);\n    /* Border is added via `box-shadow` because `border` interferes with `width`/`height`. */\n    /* For some reason the `<img/>` is not stretched to 100% width and height\n\t\t   and sometime there can be seen white pixels of the background at top and bottom,\n\t\t   so an additional \"inset\" border is added. */\n    box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth)\n        var(--PhoneInputCountryFlag-borderColor),\n      inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth)\n        var(--PhoneInputCountryFlag-borderColor);\n  }\n\n  :global(.PhoneInputCountryIconImg) {\n    /* Fixes weird vertical space above the flag icon. */\n    /* https://gitlab.com/catamphetamine/react-phone-number-input/-/issues/7#note_348586559 */\n    display: block;\n    /* 3rd party <SVG/> flag icons won't stretch if they have `width` and `height`.\n\t\t   Also, if an <SVG/> icon's aspect ratio was different, it wouldn't fit too. */\n    width: 100%;\n    height: 100%;\n  }\n\n  :global(.PhoneInputInternationalIconPhone) {\n    opacity: var(--PhoneInputInternationalIconPhone-opacity);\n  }\n\n  :global(.PhoneInputInternationalIconGlobe) {\n    opacity: var(--PhoneInputInternationalIconGlobe-opacity);\n  }\n\n  /* Styling native country `<select/>`. */\n\n  :global(.PhoneInputCountry) {\n    position: relative;\n    align-self: stretch;\n    display: flex;\n    align-items: center;\n    margin-right: var(--PhoneInputCountrySelect-marginRight);\n  }\n\n\n  :global(.PhoneInputCountrySelect) {\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n    z-index: 1;\n    border: 0;\n    opacity: 0;\n    cursor: pointer;\n  }\n\n  :global(.PhoneInputCountrySelect[disabled]) {\n    cursor: default;\n  }\n\n  :global(.PhoneInputCountrySelectArrow) {\n    display: block;\n    content: \"\";\n    width: var(--PhoneInputCountrySelectArrow-width);\n    height: var(--PhoneInputCountrySelectArrow-width);\n    margin-top: var(--PhoneInputCountrySelectArrow-marginTop);\n    margin-left: var(--PhoneInputCountrySelectArrow-marginLeft);\n    border-style: solid;\n    border-color: var(--PhoneInputCountrySelectArrow-color);\n    border-top-width: 0;\n    border-bottom-width: var(--PhoneInputCountrySelectArrow-borderWidth);\n    border-left-width: 0;\n    border-right-width: var(--PhoneInputCountrySelectArrow-borderWidth);\n    transform: var(--PhoneInputCountrySelectArrow-transform);\n    opacity: var(--PhoneInputCountrySelectArrow-opacity);\n  }\n  \n  :global(.PhoneInputCountrySelect:focus\n  + .PhoneInputCountryIcon\n  + .PhoneInputCountrySelectArrow) {\n    opacity: 1;\n    color: var(--PhoneInputCountrySelectArrow-color--focus);\n  }\n  :global(.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon--border) {\n\n    box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth)\n        var(--PhoneInputCountryFlag-borderColor--focus),\n      inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth)\n        var(--PhoneInputCountryFlag-borderColor--focus);\n  }\n\n  :global(.PhoneInputCountrySelect:focus\n  + .PhoneInputCountryIcon\n  .PhoneInputInternationalIconGlobe) {\n    opacity: 1;\n    color: var(--PhoneInputCountrySelectArrow-color--focus);\n  }\n}\n\n.highLevel {\n  position: relative;\n}\n\n.phoneNumber {\n  height: 4em;\n  margin: 1em 0;\n  padding: 0.5em 1em;\n  font-size: 1em;\n  border: 2px solid #6144e5;\n\n  input {\n    height: 80%;\n  }\n}\n\n.rednote {\n  font-size: 12px;\n  color: #aaa;\n  height: 0px;\n  color: $color-f-error;\n  position: absolute;\n  bottom: -5px;\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/components/forms/PhoneInput/styles.scss",".phone_inut{--PhoneInput-color--focus: #03b2cb;--PhoneInputInternationalIconPhone-opacity: 0.8;--PhoneInputInternationalIconGlobe-opacity: 0.65;--PhoneInputCountrySelect-marginRight: 0.35em;--PhoneInputCountrySelectArrow-width: 0.3em;--PhoneInputCountrySelectArrow-marginLeft: var(\n    --PhoneInputCountrySelect-marginRight\n  );--PhoneInputCountrySelectArrow-marginTop: calc(\n    var(--PhoneInputCountrySelectArrow-height) / 2\n  );--PhoneInputCountrySelectArrow-borderWidth: 1px;--PhoneInputCountrySelectArrow-opacity: 0.45;--PhoneInputCountrySelectArrow-color: inherit;--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform: rotate(45deg);--PhoneInputCountryFlag-aspectRatio: 1.5;--PhoneInputCountryFlag-height: 1em;--PhoneInputCountryFlag-borderWidth: 1px;--PhoneInputCountryFlag-borderColor: rgba(0, 0, 0, 0.5);--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading: rgba(0, 0, 0, 0.1)}.phone_inut :global(.PhoneInput){display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.phone_inut :global(.PhoneInputInput){-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;min-width:0}.phone_inut :global(.PhoneInputCountryIcon){width:calc( var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.phone_inut :global(.PhoneInputCountryIcon--square){width:var(--PhoneInputCountryFlag-height)}.phone_inut :global(.PhoneInputCountryIcon--border){background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.phone_inut :global(.PhoneInputCountryIconImg){display:block;width:100%;height:100%}.phone_inut :global(.PhoneInputInternationalIconPhone){opacity:var(--PhoneInputInternationalIconPhone-opacity)}.phone_inut :global(.PhoneInputInternationalIconGlobe){opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.phone_inut :global(.PhoneInputCountry){position:relative;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-right:var(--PhoneInputCountrySelect-marginRight)}.phone_inut :global(.PhoneInputCountrySelect){position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}.phone_inut :global(.PhoneInputCountrySelect[disabled]){cursor:default}.phone_inut :global(.PhoneInputCountrySelectArrow){display:block;content:\"\";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-top:var(--PhoneInputCountrySelectArrow-marginTop);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);-webkit-transform:var(--PhoneInputCountrySelectArrow-transform);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity)}.phone_inut :global(.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow){opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.phone_inut :global(.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border){box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.phone_inut :global(.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe){opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.highLevel{position:relative}.phoneNumber{height:4em;margin:1em 0;padding:0.5em 1em;font-size:1em;border:2px solid #6144e5}.phoneNumber input{height:80%}.rednote{font-size:12px;color:#aaa;height:0px;color:#e32950;position:absolute;bottom:-5px}\n\n\n\n// WEBPACK FOOTER //\n// styles.scss","@import \"./scss/config/index.scss\";\n.generatedJoinLink {\n    max-width: 500px;\n    word-break: break-all;\n    cursor: pointer;\n    margin-bottom: 20px;\n}\n\n.finishButton {\n  width: 100%;\n  display: block;\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/MultisignJoinLink/MultisignJoinLink.scss","@import \"./scss/config/index.scss\";\n.invoiceModalHolder {\n  min-width: 400px;\n}\n\n.amountTooltip {\n  font-size: 13px;\n  position: absolute;\n  z-index: 111111;\n  right: 16px;\n  bottom: -13px;\n  font-family: 'Roboto Mono', monospace;\n  color: #8e9aa3;\n  padding: 5px 10px;\n}\n\n@include media-mobile {\n  .invoiceModalHolder {\n    min-width: auto;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/InvoiceModal/InvoiceModal.scss","@import \"./scss/config/index.scss\";\n.button {\n  margin-top: 40px;\n}\n\n.content {\n  margin: 0;\n  word-break: break-word;\n  text-align: center;\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/InvoiceLinkModal/InvoiceLinkModal.scss","@import \"./scss/config/index.scss\";\n.header {\n  padding: 16px 0;\n}\n\n.headerContent {\n  height: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  position: relative;\n}\n\n.title {\n  width: 100%;\n  padding: 0 64px;\n  line-height: 18px;\n  font-size: 20px;\n  font-weight: 700;\n  text-align: center;\n\n  &.uppercase {\n    text-transform: uppercase;\n  }\n}\n\n.closeButton {\n  width: 20px;\n  height: 20px;\n  opacity: 0.5;\n  transition: opacity .33s $ease-out-quadratic;\n\n  &:hover {\n    opacity: 1;\n    transition: none;\n  }\n}\n\n.modal-overlay {\n  position: sticky;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: rgba(0, 0, 0, .3);\n  opacity: 1;\n\n  &_dashboardView {\n    background-color: transparent;\n  }\n}\n\n.modal {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  background: #fff;\n  padding: 32px;\n  width: 100%;\n  max-width: 640px;\n  height: auto;\n  border-radius: 10px;\n  box-shadow: 0 0 5px rgba(0, 0, 0, .4);\n\n  &_dashboardView {\n    background-color: none;\n    box-shadow: none;\n    max-width: none;\n    width: 100%;\n    height: 100%;\n  }\n}\n\n.button {\n  width: 45%;\n  max-width: 240px;\n}\n\n.content {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n\n.notification-overlay {\n  display: flex;\n  flex-grow: 1;\n  align-items: center;\n  padding: 32px 0;\n}\n\n.notification {\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  font-size: 16px;\n}\n\n.button-overlay {\n  display: flex;\n  justify-content: space-around;\n}\n\n@include media-mobile {\n  .modal {\n    height: 100%;\n    padding: 16px;\n    border-radius: 0;\n    box-shadow: none;\n  }\n\n  .title {\n    font-size: 18px;\n    ;\n  }\n\n  .notification-overlay {\n    height: 100%;\n  }\n\n  .button-overlay {\n    justify-content: space-between;\n  }\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/Alert/AlertModal.scss","@import \"./scss/config/index.scss\";\n.erc20ModalHolder {\n  min-width: 600px;\n  .fakeInput {\n    height: 68px;\n    padding: 0 16px;\n    border-radius: 3px;\n    vertical-align: top;\n    line-height: 14px;\n    box-shadow: none;\n    font-size: 20px;\n    font-family: 'Roboto Mono', monospace;\n    padding-left: 20px;\n    color: #000;\n    -webkit-appearance: textfield;\n    -moz-appearance: textfield;\n    appearance: textfield;\n    border: 1px solid rgba(0,0,0,0.2);\n    outline: none;\n    line-height: 68px;\n  }\n  .readyTitle {\n    text-align: center;\n  }\n}\n\n@include media-mobile {\n  .erc20ModalHolder {\n    min-width: auto;\n    .fakeInput {\n      overflow: auto;\n    }\n  }\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/AddCustomERC20/AddCustomERC20.scss","@import \"./scss/config/index.scss\";\n.wallets {\n  width: 100%;\n  TBODY {\n    display: block;\n    width: 100%;\n  }\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/BtcMultisignSwitch/BtcMultisignSwitch.scss","@import \"./scss/config/index.scss\";\n.marginRight {\n    margin-right: 10px;\n  }\n  \n  .copied {\n    font-size: 14px;\n    position: absolute;\n    padding: 5px 15px;\n    background: #f8f3fe;\n    top: -16px;\n    left: calc(25%);\n    border-radius: 20px;\n  }\n  \n  .no-select-inline {\n    cursor: pointer;\n    display: inline;\n    user-select: none;\n    white-space: nowrap;\n  }\n  \n  .icon {\n    margin-right: 5px;\n  }\n  \n  .notActiveLink {\n    font-size: 12px;\n    color: #c9c9c9;\n    position: absolute;\n    bottom: -2px;\n  }\n  \n  .disableWth {\n    @include inline-block;\n    height: 40px;\n    background: #dbdbdb;\n    padding: 0 25px;\n    cursor: pointer;\n    line-height: 40px;\n    font-size: 16px;\n    border: none;\n    font-weight: 500;\n    color: #626262;\n    border-radius: 20px;\n    margin-right: 10px;\n  \n  }\n  \n  .notContractAddress {\n    float: left;\n    position: relative;\n    height: 40px;\n  }\n  \n  .button {\n    @include inline-block;\n    height: 40px;\n    background: #f8f3fe;\n    padding: 0 25px;\n    cursor: pointer;\n    line-height: 40px;\n    font-size: 16px;\n    font-weight: 500;\n    color: #7c1de9;\n    border-radius: 20px;\n    margin-right: 10px;\n  \n    &:hover {\n      color: #7c1de9;\n      background: #dfc5ff;\n    }\n  }\n\n  .nameRow {\n    display: flex;\n    font-size: 13px;\n    color: #6144E5;\n    a {\n      font-size: 13px;\n      color: #6144E5;\n    }\n    div {\n      p {\n        font-size: 10px;\n        color: #919ca5;\n        vertical-align: middle;\n        margin-left: 10px;\n        margin-top: 3px;\n      }\n\n      :hover {\n        text-decoration: underline;\n      }\n    }\n  }\n  \n  .disbutton {\n    onClick: none;\n  }\n  .buttonActivate {\n    margin-left: 15px;\n  }\n  .marginRight {\n    margin-right: 10px;\n  }\n  \n  .copied {\n    font-size: 14px;\n    position: absolute;\n    padding: 5px 15px;\n    background: #f8f3fe;\n    top: -16px;\n    left: calc(25%);\n    border-radius: 20px;\n  }\n  \n  .no-select-inline {\n    cursor: pointer;\n    display: inline;\n    user-select: none;\n    white-space: nowrap;\n  }\n  \n  .icon {\n    margin-right: 5px;\n  }\n  \n  .table_balance-cell {\n    min-width: 170px;\n    max-width: 170px;\n  }\n  \n  .mobileName {\n    color: #000;\n    display: block;\n    margin-left: -10px;\n    display: none;\n  }\n  \n  .hidden {\n    display: none;\n  }\n  \n  .visible {\n    display: none;\n  }\n  \n  tr button:disabled,\n  tr button[disabled],\n  tr button[disabled]:hover {\n    background-color: #dbdbdb;\n    cursor: default;\n    color: #626262;\n  }\n  \n  .yourAddress {\n    position: relative;\n    min-width: 400px;\n  }\n  .yourAddressWithOptions {\n    position: relative;\n    display: flex;\n    justify-content: space-between;\n  }\n  \n  .walletButtons {\n    color: inherit;\n  }\n  \n  .activeControlButtons {\n    color: inherit;\n    display: flex;\n    margin-left: 10px;\n    bottom: 0;\n    .buttonActivate,\n    .buttonUseAnother {\n     display: block;\n    }\n  }\n  \n  .actButton {\n    button {\n      color: #ffffff;\n      width: auto;\n      background: rgba(61, 226, 91, 0.7);\n      height: 25px;\n      line-height: 25px;\n      padding: 0px 25px;\n      margin-left: 31px;\n      margin: 0;\n      margin-bottom: 0;\n      font-size: 16px;\n      margin-right: 10px;\n      height: 40px;\n      &:hover {\n        color: #ffffff;\n        background: rgba(61, 226, 91, 0.8);\n      }\n    }\n  }\n  .useButton {\n    button {\n      background: #ffffff;\n      color: #8c8c8c;\n      border: 1px solid #dbdbdb;\n      height: 25px;\n      line-height: 15px;\n      padding: 0 25px;\n      font-size: 16px;\n      height: 40px;\n      margin-right: -10px;\n      &:hover {\n        background: #ffffff;\n        color: #8c8c8c;\n        border: 1px solid #dbdbdb;\n      }\n    }\n  }\n  \n   .buttonActivate,\n   .buttonUseAnother {\n    display: none;\n   }\n  \n   .addressExist {\n     position: relative;\n     left: 51%;\n   }\n  \n  \n  @media all and (min-width: 570px) and (max-width:1024px) {\n    .buttonActivate {\n      margin-left: 0px;\n    }\n    .yourAddress {\n      display: table-cell;\n    }\n    .buttonActivate {\n      top: auto;\n    }\n    .activeControlButtons {\n      color: inherit;\n      display: flex;\n      left: 170px;\n      top: -65px;\n      position: absolute;\n      flex-direction: row;\n    }\n    .notActivated {\n      display: flex;\n      max-width: 140px;\n      display: none;\n      align-items: flex-end!important;\n    }\n  }\n  \n  @media all and (min-width: 320px) and (max-width:1024px) {\n    .notActiveLink {\n      bottom: -10px;\n    }\n    .mobileName {\n      display: block;\n    }\n    .yourAddress {\n      position: absolute;\n      bottom: 0;\n      right: 10px;\n      min-width: 80px;\n      width: auto!important;\n    }\n    .yourAddressWithOptions {\n      position: absolute;\n      right: 40px;\n      bottom: 10px;\n      width: 100%!important;\n      .notContractAddress {\n        position: absolute;\n        right: -20px;\n        bottom: 15px;\n        display: none;\n      }\n    }\n    .table_balance-cell {\n      min-width: 75px;\n    }\n    .no-select-inline {\n      font-size: 15px;\n      position: absolute;\n      right: 20px;\n      background: transparent!important;\n      top: 23px;\n    }\n    .yourAddress {\n      display: none;\n    }\n    .mobileName {\n      color: #000;\n      display: block;\n      font-size: 16px;\n    }\n    tr.showButtons {\n      color: #000;\n      height: 120px;\n      border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n      box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 20px 0;\n      margin-bottom: 10px;\n      margin-top: 10px;\n      .yourAddressWithOptions {\n        .notContractAddress {\n          display: block;\n        }\n      }\n      .yourAddress {\n        display: block;\n      }\n      td:nth-child(1) {\n        a {\n          top: 14px;\n          position: absolute;\n        }\n      }\n      .mobileName {\n        position: absolute;\n        left: 70px;\n        top: 23px;\n        margin: 0;\n        color: #000;\n      }\n      .buttonActivate {\n        top: 0px;\n      }\n    }\n    tr.hidden {\n      td:nth-child(5) {\n        div {\n          display: none;\n        }\n      }\n    }\n    .buttonActivate {\n      right: 0;\n      height: 22px;\n      line-height: 0px;\n      top: -47px;\n      left: 103px;\n      color: #ffffff;\n      background: rgba(61, 226, 91, 0.7);\n      height: 25px;\n      line-height: 25px;\n      padding: 0 0.9em !important;\n      margin-left: 31px;\n      margin: 0;\n      margin-bottom: 10px;\n      font-size: 13px!important;\n      margin-right: 5px!important;\n      width: 115px;\n    }\n    .buttonUseAnother {\n      background: #ffffff;\n      color: #8c8c8c;\n      border: 1px solid #dbdbdb;\n      height: 25px;\n      line-height: 15px;\n      padding: 0 15px!important;\n      display: none;\n      width: 115px;\n      font-size: 13px!important;\n    }\n  }\n\n  .assetsTable {\n    position: relative;\n    button {\n        margin-top: 20px;\n    }\n}\n\n.assetsTableRow {\n    position: relative;\n    padding: 11px 0px;\n    height: max-content;\n    &:last-child {\n        &:before {\n            display: none;\n        }\n    }\n    &:before {\n        border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n        content: '';\n        width: 100%;\n        position: absolute;\n        width: 92%;\n        right: 0;\n        bottom: 0px;\n    }\n}\n\n.assetsTableCurrency {\n  position: relative;\n  display: flex;\n  padding-right: 40px;\n}\n\n.assetsTableIcon {\n    // background: rgba(97, 68, 229, 0.1);\n    min-width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-right: 15px;\n}\n\n.assetsTableValue {\n    position: absolute;\n    right: 50px;\n    top: 0;\n    img {\n        margin-top: -3px;\n        margin-right: 7px;\n    }\n    p {\n        font-size: 15px;\n        line-height: 21px;\n        color: #1F2D48;\n        font-weight: bold;\n        display: inline-block;\n        margin-bottom: 0;\n    }\n    span {\n        display: block;\n        font-size: 13px;\n        line-height: 13px;\n        text-align: right;\n        font-weight: bold;\n        color: #6144E5;\n        margin-top: 2px;\n    }\n}\n\n.assetsTableInfo {\n    font-weight: bold;\n    > span { \n      > div {\n        position: relative;\n        top: 0;\n      }\n    }\n    p {\n        color: #6144E5;\n        font-size: 13px;\n        margin-bottom: 1px;\n    }\n    span {\n        font-size: 15px;\n        line-height: 18px;\n        color: #1F2D48;\n        + span {\n          color: #8E9AA3;\n          font-size: 14px;\n          margin-left: 3px;\n        }\n    }\n    strong {\n        font-size: 15px;\n        line-height: 21px;\n        color: #8E9AA3;\n        text-transform: uppercase;\n        font-weight: bold;\n        margin-left: 25px;\n    }\n    .errorMessage {\n      position: relative;\n      color: red;\n      font-size: 13px;\n      z-index: 5;\n      @include ff-regular;\n      span, a {\n       font-size: 13px;\n      }\n      span {\n        position: absolute;\n        bottom: -20px;\n        left: 0;\n        font-size: 12px;\n        text-transform: capitalize;\n        color: #8E9AA3;\n      }\n      a {\n        span {\n          color: #007bff;\n          left: calc(100% + 80px);\n          top: 0;\n        }\n      }\n    }\n    .unconfirmedBalance {\n      font-size: 11px;\n      color: #c9c9c9;\n      margin-top: 0px;\n      display: block;\n      margin-bottom: -30px;\n      > span {\n        font-size: 11px;\n        color: #c9c9c9;\n        margin-right: 5px;\n      }\n    }  \n}\n\n.assetsTableDots {\n  position: absolute;\n  right: 10px;\n  top: 50%;\n  z-index: 111;\n  transform: translateY(-50%);\n}\n\n.loader {\n  margin-left: -5px;\n}\n\n\n.walletInfoRow {\n  display: block;\n  width: 100%;\n  td {\n    padding-right: 0px !important;\n    display: block !important;\n    width: 100% !important\n  }\n}\n\n@media all and (min-width: 320px) and (max-width: 570px) {\n  .yourAddress {\n    display: none;\n  }\n  tr.showButtons {\n      .yourAddress {\n        display: none;\n    }\n  }\n  .yourAddressWithOptions {\n    position: absolute;\n    right: -90px;\n    bottom: 50px;\n    width: 100%!important;\n    .notContractAddress {\n      display: none !important;\n    }\n  }\n  .buttonActivate {\n    width: 75px;\n    height: 26px!important;\n    // padding: 0!important;\n    position: absolute;\n    left: 16px;\n    top: -17px!important;\n    font-size: 10px !important;\n  }\n  .buttonUseAnother {\n    width: 100px;\n    display: none!important;\n  }\n}\n\n@media all and (min-width: 993px) {\n  .assetsTableInfo {\n    position: relative;\n    > span {\n      > div {\n        right: auto;\n        top: 0;\n      }\n    }\n  }\n}\n\n@media all and (min-width: 768px) and (max-width: 992px) {\n  .assetsTableValue {\n    right: 35px;\n  }\n  .assetsTableInfo {\n    position: relative;\n    > span {\n      > div {\n        right: auto;\n      }\n    }\n  }\n}\n\n\n@media all and (min-width: 320px) and (max-width: 767px) {\n  .notifyBlock {\n    flex-direction: column;\n  }\n  .assetsTableValue {\n    right: 20px;\n  }\n  .assetsTableDots {\n    right: -10px;\n    margin-top: 10px;\n  }\n  .assetsTableRow {\n    padding: 11px 25px;\n  }\n  .assetsTableInfo {\n    position: relative;\n    > span {\n      > div {\n        right: auto;\n        position: absolute;\n        top: 25px;\n      }\n    }\n  }\n}\n\n@media all and (min-width: 320px) and (max-width: 530px) {\n  .assetsTableInfo {\n    .errorMessage {\n      position: absolute;\n      background: #fff;\n      z-index: 111111111;\n      width: calc(100vw - 95px);\n      height: 40px;\n      > span {\n        font-size: 10px;\n        top: 20px;\n        width: 84%;\n        line-height: 1.6;\n        white-space: pre-line;\n      }\n      a {\n        span {\n          left: auto;\n          top: 0px;\n          font-size: 13px;\n          margin-left: 10px;\n          z-index: 1111111111;\n        }\n      }\n    }\n  }\n}\n\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/BtcMultisignSwitch/WalletRow.scss","@import \"./scss/config/index.scss\";\n.button{\n  height: 56px;\n  padding: 0 0.89em;\n  @include inline-block;\n  cursor: pointer;\n  line-height: 56px;\n  text-transform: uppercase;\n  text-align: center;\n  font-size: 18px;\n  border: none;\n  margin-right: 10px;\n  border-radius: 6px;\n  background-color: #f8f3fe;\n  box-shadow: 0px 0px 0px #929292;\n  color: #7c1de9;\n  @include no-user-select;\n  transition:\n    background-color 0.23s ease,\n    color 0.23s ease;\n  &:hover {\n    color: #7c1de9;\n    background: #dfc5ff;\n  }\n}\n\n.disable {\n  background-color: #dbdbdb !important;\n  cursor: default !important;\n  color: #626262 !important;\n}\n\n  .wallet {\n    @include inline-block;\n    height: 40px;\n    background: #f8f3fe;\n    padding: 0 25px;\n    line-height: 40px;\n    font-size: 16px;\n    font-weight: 500;\n    border-radius: 20px;\n    text-transform: none;\n\n     &:disable {\n       background-color: #F2F2F2;\n       color: #000;\n       &:hover {\n         background-color: darken(#F2F2F2, 10%);\n       }\n     }\n  }\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/controls/CurrencyButton/CurrencyButton.scss","@import \"./scss/config/index.scss\";\n.icon {\n  color: #7371ff;\n  font-size: 24px;\n  text-align: center;\n  transition: color 300ms ease;\n  cursor: pointer;\n\n  &:hover {\n    color: #e91db4;\n  }\n}\n\n.targets {\n  display: grid;\n  grid-template-rows: 1fr 1fr;\n  grid-template-columns: 1fr 1fr;\n  grid-gap: 20px;\n  margin-bottom: 20px;\n}\n\n.button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  height: auto;\n  padding-top: 8px;\n  padding-bottom: 8px;\n  color: #777;\n  text-align: center;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 1.1;\n  letter-spacing: 2px;\n  text-transform: capitalize;\n  text-decoration: none;\n  white-space: nowrap;\n  border-radius: 4px;\n  border: 1px solid #ddd;\n  cursor: pointer;\n}\n\n.link {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 10px;\n  border-radius: 4px;\n  background-color: #eee;\n  max-width: 500px;\n  word-break: break-all;\n  cursor: pointer;\n}\n\n.copyButtonHolder {\n  margin: 1rem auto;\n  button {\n    width: 50%;\n    display: block;\n    margin: 0 auto;\n  }\n}\n\n.pen-url {\n  max-width: 600px;\n  overflow: hidden;\n  position: relative;\n  background: #fff;\n  cursor: pointer;\n  padding-bottom: 15px;\n  span:nth-child(1) {\n    display: block;\n    text-align: right;\n    outline: 2px solid blue;\n    text-overflow: clip;\n    right: 0px;\n    top: 0px;\n    bottom: 0px;\n    position: absolute;\n  }\n  span:nth-child(2) {\n    display: block;\n    position: relative;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    width: 50%;\n    background: #fff;\n  }\n}\n\n.copy-link {\n  padding-left: 30px;\n  padding-right: 30px;\n}\n\n@include media-mobile {\n  .copyButtonHolder {\n    button {\n      width: 100%;\n    }\n  }\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/Share/Share.scss","@import \"./scss/config/index.scss\";\n.blockCenter {\n  text-align: center;\n\n  strong {\n    word-wrap: break-word;\n  }\n}\n\n.finishImg {\n  width: 80px;\n  height: 80px;\n  display: block;\n  margin: 0 auto;\n  margin-bottom: 2rem;\n}\n\n.txLink {\n  word-break: break-all;\n}\n.shortInfoHolder {\n  padding-bottom: 2rem;\n}\n\n.buttonHolder {\n  padding-top: 3rem;\n}\n\n.balanceRow {\n  color: #8E9AA3;\n  font-size: 13px;\n}\n\n.textThrough {\n  text-decoration: line-through;\n}\n\n.blockCenter__table {\n\n  border: 1px solid rgba(142, 154, 163, 0.16);\n  box-sizing: border-box;\n  box-shadow: 0px 2px 12px rgba(142, 154, 163, 0.08);\n  border-radius: 4px;\n  font-size: 15px;\n\n  td.header {\n    text-align: left;\n    font-weight: bold;\n  }\n\n  td.data {\n    text-align: justify;\n  }\n\n}\n\n@include media-mobile {\n  .finishImg {\n    margin-bottom: 0px;\n  }\n  .shortInfoHolder {\n    padding-bottom: 0px;\n  }\n  .buttonHolder {\n    padding-top: 0px;\n  }\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/InfoPay/InfoPay.scss","@import \"./scss/config/index.scss\";\n.confirmTxModal {\n  max-width: 500px;\n  margin: 0 auto;\n}\n\n.buttonsHolder {\n  display: flex;\n  align-items: center;\n  justify-content: space-around;\n\n  &_fetching {\n    text-align: center;\n  }\n  button {\n    width: 45%;\n  }\n}\n\n.walletBalance {\n  right: 1em;\n  top: -0.7em;\n}\n.fakeInput {\n  input {\n    background: #fff;\n  }\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/BtcMultisignConfirmTx/BtcMultisignConfirmTx.scss","@import \"./scss/config/index.scss\";\n\n.buttonsHolder {\n  display: flex;\n  align-items: center;\n  justify-content: space-around;\n  padding-bottom: 50px;\n  button {\n    width: 40%;\n    padding: 0 8px;\n    line-height: 36px;\n    @include media-mobile {\n      width: 49%;\n      white-space: nowrap;\n    }\n  }\n}\n\n.finishImg {\n  display: block;\n  height: 120px;\n  margin: 0 auto;\n  margin-bottom: 30px;\n}\n\n.saveMnemonicToPaper span {\n  display: block;\n  font-size: 120%;\n}\n\n.mnemonicView {\n  max-width: 500px;\n  margin: 0 auto;\n  text-align: center;\n  padding: 15px;\n  padding-bottom: 15px;\n  div {\n    display: inline-block;\n    padding: 0.2em;\n    margin: 0.1em 0.2em;\n    border: 1px solid #999;\n    border-radius: 2px;\n\n    span {\n      font-size: 120%;\n      padding: 0 0.2em;\n      font-family: 'Roboto Mono', monospace;\n    }\n    span:nth-child(1) {\n      color: #999;\n    }\n  }\n}\n.mnemonicNotice {}\n\n.mnemonicEnter {\n  border: 1px solid rgba(0,0,0,0.2);\n  min-height: 120px;\n  button {\n    display: inline-block;\n    padding: 0.2em;\n    margin: 0.1em 0.2em;\n    border: 1px solid #999;\n    border-radius: 2px;\n    background: none;\n    font-size: 120%;\n    padding: 0 0.2em;\n    font-family: 'Roboto Mono', monospace;\n  }\n}\n\n.mnemonicError {\n  border: 1px solid red;\n}\n\n.buttonFinish {\n  min-width: 50%;\n}\n\n.mnemonicWords {\n  max-width: 500px;\n  margin: 0 auto;\n  text-align: center;\n  padding-top: 20px;\n  padding-bottom: 50px;\n  button {\n    display: inline-block;\n    padding: 0.2em;\n    margin: 0.1em 0.2em;\n    border: 1px solid #999;\n    border-radius: 2px;\n    background: none;\n    font-size: 120%;\n    padding: 0 0.2em;\n    font-family: 'Roboto Mono', monospace;\n  }\n}\n\n@include media-mobile {\n  .mnemonicNotice {\n    position: static;\n    font-size: 100%;\n    margin-bottom: 20px;\n  }\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/SaveMnemonicModal/SaveMnemonicModal.scss","@import \"./scss/config/index.scss\";\n.buttonsHolder {\n  display: flex;\n  align-items: center;\n  justify-content: space-around;\n  padding-bottom: 50px;\n\n  button {\n    width: 40%;\n    padding: 0 8px;\n    height: 36px;\n    line-height: 36px;\n  }\n}\n\n.tooltipWrapper {\n  white-space: normal;\n}\n\n.alertTooltipWrapper {\n  font-size: 0.8em;\n  padding: 0.3em 0.5em;\n  background: rgba(#fd6b65, 0.6);\n  border-radius: 2px;\n}\n\n.for12words {\n  min-width: 400px;\n}\n\n.finishImg {\n  display: block;\n  height: 120px;\n  margin: 0 auto;\n  margin-bottom: 30px;\n}\n\n.mnemonicNotice {\n  margin-bottom: 30px;\n}\n\n.buttonFinish {\n  min-width: 50%;\n}\n\n\n@include media-mobile {\n  .mnemonicNotice {\n    position: static;\n    font-size: 100%;\n    margin-bottom: 20px;\n  }\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/RestoryMnemonicWallet/RestoryMnemonicWallet.scss","@import \"./scss/config/index.scss\";\n\n.buttonsHolder {\n  display: flex;\n  align-items: center;\n  justify-content: space-around;\n  padding-bottom: 50px;\n  button {\n    width: 40%;\n    padding: 0 8px;\n    line-height: 36px;\n  }\n}\n\n.finishImg {\n  display: block;\n  height: 120px;\n  margin: 0 auto;\n  margin-bottom: 30px;\n}\n\n.buttonFinish {\n  min-width: 50%;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/SweepToMnemonicKeys/SweepToMnemonicKeys.scss","@import \"./scss/config/index.scss\";\n.button {\n  margin-top: 40px;\n}\n\n.content {\n  margin: 0;\n  word-break: break-word;\n  text-align: center;\n\n  img {\n    width: 100%;\n  }\n}\n\n  @include media-mobile {\n    .qr {\n      text-align: center;\n      img {\n        width: 50%;\n        font-size: 25px;\n      }\n    }\n  }\n\n.qr {\n  text-align: center;\n  img {\n    width: 60%;\n    font-size: 25px;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/HowToWithdrawModal/HowToWithdrawModal.scss","@import \"./scss/config/index.scss\";\n.blockCenter {\n  text-align: center;\n\n  strong {\n    word-wrap: break-word;\n  }\n}\n\n.finishImg {\n  width: 80px;\n  height: 80px;\n  display: block;\n  margin: 0 auto;\n  margin-bottom: 2rem;\n}\n\n.txLink {\n  word-break: break-all;\n}\n.shortInfoHolder {\n  padding-bottom: 2rem;\n}\n\n.buttonHolder {\n  padding-top: 3rem;\n}\n\n.balanceRow {\n  color: #8E9AA3;\n  font-size: 13px;\n}\n\n.share-info {\n  display: block;\n  font-size: 18px;\n  text-align: center;\n  padding: 1rem;\n}\n\n.textThrough {\n  text-decoration: line-through;\n}\n\n.invoiceComment {\n  white-space: pre-line;\n  text-align: justify;\n  padding-top: 0px !important;\n  max-width: 300px;\n  word-break: break-all;\n}\n\n.share-ready-holder {\n  padding: 10px;\n  padding-top: 20px;\n  button {\n    display: block;\n    max-width: 200px;\n    width: 100%;\n    margin: 0 auto;\n  }\n}\n\n.align-right {\n  text-align: right !important;\n}\n\n.statusImgHolder {\n  display: block;\n  &_cancelled,\n  &_ready,\n  &_new,\n  &_pending {\n    img {\n      width: 80px;\n      height: 80px;\n      display: block;\n      margin: 0 auto;\n      margin-bottom: 2rem;\n    }\n    strong {\n      display: block;\n      text-align: center;\n      margin-bottom: 2rem;\n      font-size: 22px;\n    }\n  }\n  &_ready {\n    strong {\n      color: #05b305;\n    }\n  }\n  &_new,\n  &_pending {\n    strong {\n      color: #c70101;\n    }\n  }\n  &_cancelled {\n    strong {\n      color: #8c8c8c;\n    }\n  }\n}\n\n.invoiceControlsHolder {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-around;\n  >div {\n    width: 49%;\n    max-width: 200px;\n  }\n  .payControl {\n    button {\n      width: 100%;\n    }\n  }\n\n  .closeButton,\n  .shareButton {\n    width: 49%;\n    padding: 0px;\n    margin-top: 1rem;\n  }\n\n  .closeButton {\n    button {\n      width: 100%;\n    }\n    &::before {\n      content: '';\n      flex-basis: 100%;\n      height: 0;\n    }\n  }\n\n  &.with-share-button {\n    >div {\n      width: 49%;\n    }\n  }\n  &.without-share-button {\n    .closeButton {\n      margin: 1rem auto;\n    }\n  }\n  &.without-pay-control {\n    &.with-share-button {\n      >div {\n        width: 49%;\n        max-width: 200px;\n        margin: 0 auto;\n      }\n    }\n  }\n}\n\n.blockCenter__table {\n\n  border: 1px solid rgba(142, 154, 163, 0.16);\n  box-sizing: border-box;\n  box-shadow: 0px 2px 12px rgba(142, 154, 163, 0.08);\n  border-radius: 4px;\n  font-size: 15px;\n\n  td.header {\n    text-align: left;\n    font-weight: bold;\n  }\n\n  td.data {\n    text-align: justify;\n  }\n\n}\n\n.invoiceNumber {\n  font-size: 20px;\n}\n\n@include media-mobile {\n  .finishImg {\n    margin-bottom: 0px;\n  }\n  .shortInfoHolder {\n    padding-bottom: 0px;\n  }\n  .buttonHolder {\n    padding-top: 0px;\n  }\n\n  .share-ready-holder {\n    button {\n      max-width: none;\n    }\n  }\n\n  .statusImgHolder {\n    img,\n    strong {\n      margin-bottom: 0.5rem;\n    }\n  }\n\n  .invoiceControlsHolder {\n    >div {\n      max-width: none;\n    }\n    .closeButton,\n    .shareButton {\n      margin-top: 0.5rem !important;\n      margin-bottom: 0.5rem !important;\n    }\n    &.with-share-button {\n      .payControl {\n        width: 49%;\n      }\n    }\n  }\n\n  .blockCenter__table {\n    tbody,\n    tr,\n    td {\n      display: block;\n      width: 100%;\n    }\n  }\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/InfoInvoice/InfoInvoice.scss","@import \"./scss/config/index.scss\";\n.registerPINModalHolder {\n  max-width: 600px;\n}\n\n.for12words {\n  min-width: 400px;\n}\n.infoCaption {\n  padding-bottom: 20px;\n  text-align: center;\n}\n.mnemonicNotice {\n  padding-bottom: 20px;\n  font-size: 14px;\n}\n.mnemonicButtonsHolder {\n  display: flex;\n  align-items: center;\n  justify-content: space-around;\n  padding-bottom: 10px;\n  margin-top: 20px;\n  button {\n    width: 45%;\n  }\n}\n\n.finishImg {\n  width: 80px;\n  height: 80px;\n  display: block;\n  margin: 0 auto;\n  margin-bottom: 3rem;\n}\n\n.pinInfoBlock {\n  padding-bottom: 20px;\n  padding-top: 10px;\n  max-width: 400px;\n}\n.pinCodeHolder {\n  max-width: 200px;\n  margin: 0 auto;\n}\n.confirmSmsCode {\n  max-width: 200px;\n  margin: 0 auto;\n}\n\n.restoreInstruction {\n  text-align: center;\n  pre {\n    text-align: left;\n  }\n}\n\n.restoryHolder {\n  p {\n    margin: 20px;\n    text-align: center;\n    font-size: 14px;\n  }\n}\n\n.buttonHolder {\n  margin-top: 20px;\n}\n\n.buttonsHolder {\n  display: flex;\n  align-items: center;\n  justify-content: space-around;\n  padding-bottom: 10px;\n  button {\n    width: 30%;\n  }\n  &_2_buttons button {\n    width: 45%;\n  }\n}\n.buttonContainer {\n  width: 100%;\n  padding: 0 11%;\n}\n\n@include media-mobile {\n  .finishImg {\n    margin-bottom: 1rem;\n  }\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/RegisterPINProtected/RegisterPINProtected.scss","@import \"./scss/config/index.scss\";\n.confirmPINModalHolder {\n  max-width: 600px;\n}\n\n.mnemonicButtonHolder,\n.pinButtonHolder {\n  p {\n    margin: 20px;\n    text-align: center;\n  }\n  button {\n    max-width: 300px;\n    margin: 0 auto;\n  }\n}\n\n.for12words {\n  min-width: 400px;\n}\n\n.infoCaption {\n  padding-bottom: 20px;\n  text-align: center;\n}\n.mnemonicNotice {\n  padding-bottom: 20px;\n  font-size: 14px;\n}\n\n.mnemonicButtonsHolder {\n  display: flex;\n  align-items: center;\n  justify-content: space-around;\n  padding-bottom: 10px;\n  button {\n    width: 45%;\n  }\n}\n\n.pinInfoBlock {\n  padding-bottom: 20px;\n  padding-top: 10px;\n  max-width: 400px;\n}\n.pinCodeHolder {\n  max-width: 200px;\n  margin: 0 auto;\n}\n\n.buttonsHolder {\n  display: flex;\n  align-items: center;\n  justify-content: space-around;\n  padding-bottom: 10px;\n  margin-top: 20px;\n  button {\n    width: 45%;\n  }\n}\n.buttonContainer {\n  width: 100%;\n  padding: 0 11%;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/WithdrawBtcPin/WithdrawBtcPin.scss","@import \"./scss/config/index.scss\";\n.smsCodeHolder {\n  max-width: 200px;\n  margin: 2rem auto 0;;\n}\n\n.smsServerStatus {\n  text-align: center;\n  padding-top: 10px;\n  padding-bottom: 10px;\n  font-size: 14px;\n}\n\n.confirmSmsCode {\n  max-width: 200px;\n  margin: 0 auto;\n}\n\n.useAuthMethodButton {\n  display: block;\n  margin: 0 auto;\n}\n\n.mnemonicUseNote {\n  margin-bottom: 2rem;\n}\n\n.marginHr {\n  margin: 2rem 0;\n}\n\n.sendBtnsWrapper {\n  display: flex;\n  justify-content: space-between;\n}\n\n.actionBtn {\n  width: calc(50% - 5px);\n  position: relative;\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/WithdrawBtcSms/WithdrawBtcSms.scss","@import \"./scss/config/index.scss\";\n.multisignConfirmTxLink {\n  word-break: break-all;\n}\n\n.centerAlign {\n  text-align: center;\n}\n\n.centerAlign button {\n  display: inline-block;\n}\n\n.sendBtnsWrapper {\n  display: flex;\n  justify-content: space-between;\n}\n\n.actionBtn {\n  width: calc(50% - 5px);\n  position: relative;\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/WithdrawBtcMultisig/WithdrawBtcMultisig.scss","@import \"./scss/config/index.scss\";\n.content {\n  max-width: 800px;\n  margin: 0 auto;\n  text-align: center;\n}\n\n.text {\n  font-size: 1.5em;\n\n  @media all and (max-width: 480px) {\n    font-size: 1em;\n  }\n}\n\n.address {\n  font-size: 1em;\n\n  @media all and (max-width: 480px) {\n    font-size: 0.5em;\n  }\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/WalletAddressModal/WalletAddressModal.scss","@import \"./scss/config/index.scss\";\n.button {\n  margin-top: 40px;\n}\n\n.instruction {\n  margin: 0;\n  word-break: break-word;\n  text-align: center;\n}\n\n.privateKey {\n  margin-top: 10px;\n  text-align: center;\n  STRONG {\n    display: block;\n    margin-top: 10px;\n    margin-bottom: 10px;\n    font-weight: bold;\n    text-align: center;\n    font-size: 12pt;\n    word-break: break-all;\n    @include media-mobile {\n      font-size: 10pt;\n    }\n  }\n}\n\n.tokenInfo {\n  text-align: left;\n  SPAN {\n    display: block;\n    margin: 10px;\n    @include media-mobile {\n      font-size: 10pt;\n    }\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/HowToExportModal/HowToExportModal.scss","@import \"./scss/config/index.scss\";\n.header {\n    padding: 16px 0;\n  }\n  \n  .headerContent {\n    height: 100%;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    position: relative;\n  }\n  \n  .title {\n    width: 100%;\n    padding: 0 64px;\n    line-height: 18px;\n    font-size: 20px;\n    font-weight: 700;\n    text-align: center;\n  \n    &.uppercase {\n      text-transform: uppercase;\n    }\n  }\n  \n  .modal-overlay {\n    position: sticky;\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: rgba(0, 0, 0, .3);\n    opacity: 1;\n  \n    &.--dark {\n      .modal {\n        background: #1e1f20;\n        color: white;\n      }\n    }\n  }\n  \n  .modal {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    background: #fff;\n    padding: 32px;\n    width: 100%;\n    max-width: 640px;\n    height: auto;\n    border-radius: 10px;\n    box-shadow: 0 0 5px rgba(0, 0, 0, .4);\n  }\n  \n  .button {\n    width: 45%;\n    max-width: 240px;\n  }\n  \n  .content {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n  }\n  \n  \n  .notification-overlay {\n    display: flex;\n    flex-grow: 1;\n    align-items: center;\n    padding: 32px 0;\n  }\n  \n  .notification {\n    width: 100%;\n    display: flex;\n    justify-content: center;\n    font-size: 16px;\n  }\n  \n  .button-overlay {\n    display: flex;\n    justify-content: space-around;\n  }\n  \n  @include media-mobile {\n    .modal {\n      height: 100%;\n      padding: 16px;\n      border-radius: 0;\n      box-shadow: none;\n    }\n    .title {\n      font-size: 18px;;\n    }\n    .notification-overlay {\n      height: 100%;\n    }\n    .button-overlay {\n      justify-content: space-between;\n    }\n  }\n  \n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/AlertWindow/styles.scss","@import \"./scss/config/index.scss\";\n.modalConductor {\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 101011111111;\n}\n\n.modalDashboardConductor {\n  position: relative;\n  height: 100%;\n  background: #ffffff;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08), 0px 1px 4px rgba(0, 0, 0, 0.08);\n  border-radius: 4px;\n  margin-top: 40px;\n}\n\n.dark {\n  background: #242425;\n  box-shadow: 0px 4px 16px rgba(243, 243, 243, 0.08), 0px 1px 4px rgba(240, 233, 233, 0.08);\n\n  pre {\n    color: #fff !important;\n  }\n\n  @media screen and (max-width: 480px) {\n    box-shadow: none;\n    background: #222528;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modal/ModalConductor/ModalConductor.scss","@import \"./scss/config/index.scss\";\n.modalsCalled {\n  height: 100%;\n}\n\n@include media-mobile {\n  .modalsCalled {\n    overflow-y: hidden !important;\n  }\n}\n@include media-tablet-portrait-and-lower {\n  .modalsCalled {\n    position: fixed;\n    width: 100%;\n    max-height: 100vh;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 99999999999;\n    overflow-y: auto;\n    > * {\n      margin: 0;\n    }\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modal/ModalConductorProvider/styles.scss","@import \"./scss/config/index.scss\";\n.modalContainer {\n  background-color: #fff;\n}\n\n.fullWidth {\n  width: 100%;\n  min-height: 100% !important;\n  transform: none !important;\n  position: absolute !important;\n  top: 0;\n  left: 0;\n}\n\n\n@include media-mobile {\n\n  .modalContainer {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    left: 0;\n  }\n}\n\n@include media-except-mobile {\n\n  .modalContainer {\n    min-width: 260px;\n    min-height: 160px;\n    position: relative;\n    transform: translateY(-100px);\n    transition: transform .3s cubic-bezier(.175, .885, .32, 1.275);\n\n    &.mounted {\n      transform: translateY(0);\n    }\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modal/ModalContainer/ModalContainer.scss","@import \"./scss/config/index.scss\";\n.modal-box {\n  display: flex;\n  flex-direction: column;\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 10011111111;\n  background: #fff;\n  // padding: 15px 25px;\n  width: 100%;\n  height: 100%;\n}\n\n.dark {\n  background: #242425;\n  .header {\n    border-bottom: 1px solid #ddb8da;\n    background: #242425;\n  }\n  .headerContent {\n    color: #fff;\n  }\n} \n\n.header {\n  height: 88px;\n  border-bottom: 1px solid #ddd;\n  position: fixed;\n  left: 0px;\n  top: 0px;\n  right: 0px;\n  background: #fff;\n  z-index: 1002;\n}\n\n.headerContent {\n  height: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  position: relative;\n  @include ff-bold;\n  color: #1f2d48;\n  font-size: 24px;\n  line-height: 33px;\n}\n\n.title {\n  position: absolute;\n  width: 100%;\n  left: 0;\n  pointer-events: none;\n  min-width: 0;\n  flex: auto 1 1;\n  line-height: 22px;\n  font-size: 24px;\n  text-align: center;\n\n  &.uppercase {\n    text-transform: uppercase;\n  }\n}\n\n.closeButton {\n  width: 20px;\n  height: 20px;\n  opacity: 0.5;\n  transition: opacity 0.33s $ease-out-quadratic;\n  position: absolute;\n  right: 20px;\n  &:hover {\n    opacity: 1;\n    transition: none;\n  }\n}\n@keyframes delayClose {\n  0% {\n    opacity: 0;\n  }\n  95% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n.delayClose {\n  animation: delayClose 1.8s ease 1 forwards;\n}\n\n.contentContainer {\n  min-height: 0;\n  flex: auto 1 1;\n  position: relative;\n  padding: 0 30px;\n  overflow: auto;\n}\n\n.content {\n  min-width: 300px;\n  padding: 40px 0 100px;\n  font-size: 16px;\n}\n\n@include media-mobile {\n  .content {\n    min-width: auto;\n  }\n  .title {\n    font-size: 18px;\n    text-align: left;\n    left: 20px;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/modal/ModalBox/ModalBox.scss","@import \"./scss/config/index.scss\";\n.wallet {\n  margin: 30px 0;\n  @include ff-bold;\n}\n\n.wallet.dark {\n  .faqWrapper {\n    background: #242425;\n    box-shadow: 0px 4px 16px rgba(243, 243, 243, 0.08), 0px 1px 4px rgba(240, 233, 233, 0.08);\n\n    @media screen and (max-width: 480px) {\n      box-shadow: none;\n      background: #222528;\n    }\n  }\n}\n\n.hasCusomLogo {\n  margin: 30px 0;\n\n  ul {\n    margin-top: 0\n  }\n}\n\n.sweepInfo {\n  background: 0% 0% / cover rgb(97, 68, 229);\n  color: #fff;\n  padding: 1em;\n\n  button {\n    float: right;\n    border: 3px solid #fff;\n    color: #6144e5;\n    background: #fff;\n  }\n}\n\n.walletBalance {\n  margin-top: 40px;\n  width: 31%;\n}\n\n.yourAssetsWrapper,\n.activity {\n  display: none;\n}\n\n.yourAssetsWrapper.active,\n.activity.active {\n  display: block;\n}\n\n.walletContent {\n  display: flex;\n  justify-content: space-between;\n  position: relative;\n}\n\n.yourAssetsWrapper {\n  width: 66%;\n}\n\n.activity {\n  width: 66%;\n}\n\n.desktopEnabledViewForFaq {\n  display: block;\n}\n\n.mobileEnabledViewForFaq {\n  display: none;\n}\n\n.faqWrapper {\n  background: #ffffff;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08), 0px 1px 4px rgba(0, 0, 0, 0.08);\n  border-radius: 4px;\n  height: fit-content;\n  padding: 25px;\n  margin-top: 23px;\n  @include ff-bold;\n}\n\n@media all and (max-width: 992px) {\n  .mobileEnabledViewForFaq {\n    display: block;\n  }\n\n  .desktopEnabledViewForFaq {\n    display: none;\n  }\n}\n\n@media all and (min-width: 768px) and (max-width: 992px) {\n  .walletContent {\n    flex-direction: column;\n  }\n\n  .yourAssetsWrapper {\n    width: 100%;\n  }\n\n  .walletBalance {\n    width: 100%;\n  }\n\n  .activity {\n    width: 100%;\n  }\n\n  .walletBalance.active {\n    display: block;\n\n    .yourBalance {\n      display: block;\n    }\n  }\n}\n\n@media all and (max-width: 767px) {\n  .walletBalance {\n    margin-top: 0;\n  }\n\n  .walletNav {\n    display: none;\n  }\n\n  .walletContent {\n    flex-direction: column;\n    margin: 0px -20px;\n  }\n\n  .yourAssetsWrapper {\n    width: 100%;\n  }\n\n  .activity {\n    box-shadow: none;\n    width: 100%;\n    margin: 20px 0;\n  }\n\n  .activity {\n    padding: 25px;\n  }\n\n  .walletBalance {\n    width: 100%;\n  }\n}\n\n@media all and (max-width: $media-mobile-end) {\n  .mobileEnabledViewForFaq {\n    display: none;\n  }\n\n  .desktopEnabledViewForFaq {\n    display: none;\n  }\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/components/layout/DashboardLayout/styles.scss","@import \"./scss/config/index.scss\";\n.currencyBalanceValue {\n\tfont-weight: bold;\n}\n\n\n@include media-tablet-landscape-and-lower {\n\t.closeButton {\n\t\tposition: absolute;\n\t\ttop: 20px;\n\t\tright: 20px;\n\t\twidth: 40px;\n\t\theight: 40px;\n\t\topacity: 0.7;\n    \t\ttransform: scale(0.7) translate(10px, -3px);\n\t\tdiv {\n\t\t\toverflow: visible;\n\t\t}\n\t}\n}\n\n@media all and (min-width: 320px) and (max-width: 570px) {\n\t.currencyTitle,\n\t.currencyToggle {\n\t\tdisplay: none;\n\t}\n\t.currencyBalance {\n\t\tmargin-bottom: 20px;\n\t}\n\t.currencyMediaSection {\n\t\tmargin-top: 85px;\n\t}\n\t.currencyMobileSection {\n\t\tmargin-bottom: -70px;\n\t}\n}\n\n\n@media all and (min-width: 570px) and (max-width:1024px) {\n  .currencyMobileSection {\n  \tmargin-top: -70px;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/pages/Currency/Currency.scss","@import \"./scss/config/index.scss\";\n.coins {\n  justify-content: left;\n}\n\n.reloadButton {\n  margin-right: 10px;\n}\n\n.copied {\n  font-size: 14px;\n  position: absolute;\n  padding: 5px 15px;\n  background: #f8f3fe;\n  top: -16px;\n  left: calc(10%);\n  border-radius: 20px;\n}\n\n.button {\n  @include inline-block;\n  height: 40px;\n  background: #f8f3fe;\n  padding: 0 25px;\n  cursor: pointer;\n  line-height: 40px;\n  font-size: 16px;\n  font-weight: 500;\n  color: #7c1de9;\n  border-radius: 20px;\n  margin-right: 10px;\n\n  &:hover {\n    color: #7c1de9;\n    background: #dfc5ff;\n  }\n}\n\n.exchangeRow {\n  display: flex;\n  align-items: center;\n  width: 210px;\n  justify-content: space-between;\n  button {\n    transform: scale(0.7);\n    margin: 0;\n    position: static;\n  }\n}\n\n.exchangePrice {\n  color: #666;\n  position: absolute;\n  bottom: -38px;\n  display: none;\n  left: -43px;\n}\n\n\n.exchangeTr {\n  position: relative\n}\n\n\n@include media-mobile { \n  .exchangeRow {\n    width: 60.5vw;\n    button {\n      transform: scale(0.6);\n    }\n  }\n  .exchangePrice {\n    color: #666;\n    position: absolute;\n    bottom: -38px;\n    display: none;\n    left: -43px;\n  }\n  .exchangeTr {\n    position: relative;\n    height: 88px;\n    td {\n      padding: 15px 2px;\n    }\n  }\n  .button {\n    width: auto;\n    font-size: 13px;\n    padding: 0 15px;\n    margin: 0;\n    height: 35px;\n    position: relative;\n    line-height: 35px;\n    margin-left: -10px;\n    margin-top: 0px;\n  }\n  .coin {\n    width: 35px !important;\n    margin-right: 5px;\n  }\n}\n\n@media (max-width: 568px) and (min-width: 450px) {\n  .exchangeRow {\n    width: 64vw;\n  }\n}\n\n@media (max-width: 380px) {\n  .exchangeRow {\n    width: 57vw;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/pages/Currency/Row/Row.scss","@import \"./scss/config/index.scss\";\n@keyframes scrollAnimation {\n  0% {\n    transform: translate(-50%, 0);\n  }\n\n  13% {\n    transform: translate(-50%, -3px);\n  }\n\n  26% {\n    transform: translate(-50%, 3px);\n  }\n\n  40% {\n    transform: translate(-50%, 0);\n  }\n\n  100% {\n    transform: translate(-50%, 0);\n  }\n}\n\n@keyframes errorAppend {\n  0% {\n    max-height: 0;\n    opacity: 0;\n  }\n\n  20% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n    max-height: 300px;\n  }\n}\n\n@mixin errAppend {\n  animation: errorAppend 0.7s linear 1;\n  will-change: max-height, opacity;\n}\n\n@media (min-width: 831px) {\n  .TitleHolder {\n    position: absolute;\n    width: 50%;\n    top: 87px;\n\n    h1,\n    span {\n      font-size: 45px;\n    }\n\n    * {\n      margin: 0;\n      padding: 0;\n    }\n  }\n\n  .section {\n    padding-top: 70px;\n  }\n}\n\n.informAbt {\n  position: absolute;\n  top: 15px;\n}\n\n.promoContainer {\n  min-height: 100vh;\n  position: relative;\n  background: #f5f5f5;\n  margin-bottom: 100px;\n\n  @media screen and (max-width: 480px) {\n    min-height: unset;\n  }\n\n  &.--dark {\n    background: #222427;\n    color: white;\n\n    .formExchange {\n      background: #242425;\n      box-shadow: 0px 4px 16px rgba(243, 243, 243, 0.08), 0px 1px 4px rgba(240, 233, 233, 0.08);\n\n      @media screen and (max-width: 480px) {\n        height: 100%;\n        background: none;\n        box-shadow: none;\n      }\n    }\n\n    .price,\n    .maxAmount {\n      background: none;\n      color: #8e9aa3;\n    }\n\n    .buttonOrders,\n    &:before {\n      background: #694cff !important;\n      color: white;\n    }\n\n    .notifyThat {\n      background: #2e2941;\n    }\n\n    .maxAmount {\n      color: white;\n      background: #242425;\n    }\n\n    .IsSearching {\n      color: white;\n    }\n  }\n\n  &:before {\n    position: absolute;\n    content: '';\n    background: #6144e5;\n    right: 0;\n    width: 32%;\n    z-index: 100;\n    height: 100%;\n    top: 0;\n  }\n}\n\n.darkForm {\n  .maxAmount {\n    color: white;\n    background: #242425;\n  }\n\n  .IsSearching {\n    color: white;\n  }\n\n  .mobileDubleHeader {\n    display: none;\n  }\n\n  @media screen and (max-width: 480px) {\n    .maxAmount {\n      background: none;\n    }\n  }\n}\n\n.scrollToTutorialSection {\n  display: flex;\n  justify-content: space-between;\n  position: absolute;\n  bottom: 56px;\n  right: 50%;\n  color: gray;\n  cursor: pointer;\n  transition: opacity 0.3s ease, visibility 0.1s 0.3s;\n\n  &:global(.hidden) {\n    opacity: 0;\n    visibility: hidden;\n  }\n}\n\n.switchButton {\n  display: flex;\n  position: relative;\n  justify-content: flex-end;\n  top: -25px;\n}\n\n.scrollTrigger {\n  content: '';\n  background: black;\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  animation: scrollAnimation 5s linear infinite;\n}\n\n.scrollAdvice {\n  display: inline-block;\n  margin-right: 15px;\n  font-size: 10px;\n  line-height: 1.1em;\n}\n\n.exchangeWrap {\n  color: #000;\n  width: 100vw;\n  position: relative;\n  left: 50%;\n  margin-left: -50vw;\n\n  @media screen and (max-width: 480px) {\n    overflow-y: scroll;\n  }\n\n  @media screen and (max-width: 480px) {\n    padding-top: 25px;\n  }\n}\n\n.container {\n  display: flex;\n  max-width: 1200px;\n  margin: auto;\n  padding: 20vmin 2% 10vmin;\n}\n\n.IsSearching {\n  display: block;\n  position: relative;\n  margin-bottom: 10px;\n  @include errAppend();\n}\n\n.button {\n  margin-top: 0;\n  width: 100%;\n  border-radius: 3px;\n  height: 68px;\n  font-size: 16px;\n  flex-basis: 47%;\n  box-shadow: none;\n}\n\n.button.disabled {\n  background: #f5f5f5;\n}\n\n.walletInput input {\n  border: none;\n  margin: 0;\n  height: 30px;\n  padding: 0;\n  margin-bottom: 20px;\n  font-size: 16px;\n\n  &:focus {\n    border: none;\n  }\n}\n\n.walletOpenSide {\n  display: flex;\n  flex-direction: row-reverse;\n  align-items: center;\n  justify-content: space-between;\n  height: 73px;\n  margin-bottom: -10px;\n}\n\n.alignCenter {\n  display: flex;\n  align-items: center;\n  margin-top: -88px;\n}\n\n.rowBtn {\n  display: flex;\n  justify-content: space-between;\n}\n\n.buttonOrders {\n  border: 1px solid #000;\n  background: #fff;\n  transition: background-color 0.2s ease, color 0.1s ease, border-color 0.2s ease;\n\n  &:hover {\n    background: black;\n    color: white;\n    border-color: white;\n  }\n}\n\n.darkButton {\n  background: #694cff;\n  color: white;\n\n  &:hover {\n    background: black;\n    color: white;\n    border-color: white;\n  }\n}\n\n.specify {\n  width: 200px;\n  font-weight: 500;\n  line-height: 21px;\n  font-size: 16px;\n}\n\n.walletToggle {\n  margin-bottom: 15px;\n  border: 1px solid rgba(0, 0, 0, 0.3);\n  border-radius: 3px;\n  min-height: 73px;\n  margin-bottom: 30px;\n  padding: 0 20px;\n\n  &_site {\n    position: relative;\n  }\n}\n\n.anotherRecepient {\n  position: relative;\n  z-index: -1;\n  max-height: 0;\n  opacity: 0;\n  transition: max-height 0.3s ease;\n\n  &_active {\n    z-index: 0;\n    opacity: 1;\n    max-height: 100vh;\n    transition: opacity 0.3s 0.2s, max-height 0.7s ease;\n  }\n}\n\n.walletInput {\n  margin-top: 10px;\n  display: flex;\n  justify-content: space-between;\n}\n\n.widgetSection {\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 20px;\n}\n\n.section {\n  padding-top: 100px;\n\n  @media screen and (max-width: 480px) {\n    height: calc(100vh - 120px);\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: 0;\n\n    .formExchange_widgetBuild {\n      padding: 0;\n    }\n\n    .maxAmount {\n      top: -5px;\n      right: 10px;\n    }\n  }\n}\n\n.blockVideo {\n  flex-basis: 58%;\n\n  iframe {\n    width: 100%;\n    height: 355px;\n  }\n}\n\n.formExchange {\n  position: relative;\n  margin-top: -100px;\n  padding: 50px 40px;\n  width: 460px;\n  z-index: 100;\n  background: #ffffff;\n  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);\n  border-radius: 8px;\n\n  @media screen and (max-width: 480px) {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    margin-top: 0;\n    padding: 0;\n  }\n}\n\n\n.error {\n  display: flex;\n  align-items: center;\n  color: #fff;\n  padding: 0.3em 10px;\n  margin-top: -5px;\n  font-size: 13px;\n  background: #fd6b65;\n  border-radius: 3px;\n  margin-bottom: 15px;\n  @include errAppend();\n\n  a {\n    color: inherit;\n    font-size: inherit;\n    text-decoration: underline;\n  }\n}\n\n.error.link {\n  cursor: pointer;\n}\n\n.notifyThat {\n  display: flex;\n  align-items: center;\n  color: #fff;\n  padding: 0.3em 10px;\n  margin-top: -5px;\n  font-size: 13px;\n  background: #6244e5;\n  border-radius: 3px;\n  margin-bottom: 15px;\n  @include errAppend();\n\n  a {\n    color: inherit;\n    font-size: inherit;\n    text-decoration: underline;\n  }\n}\n\n.notCorrect {\n  color: red;\n}\n\n.row {\n  display: flex;\n  align-items: center;\n}\n\n.flipButton {\n  position: static;\n  padding: 0;\n  margin: 0px 12px -20px auto;\n  transform: rotate(90deg);\n}\n\n.withLoader {\n  display: block;\n  position: relative;\n}\n\n.inform {\n  color: #626262;\n  margin-top: 40px;\n}\n\n.loaderHolder {\n  display: inline-block;\n  position: relative;\n  top: 2px;\n}\n\n.additionalLoaderHolder {\n  display: block;\n  position: relative;\n\n  >* {\n    display: block;\n    position: static !important;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n}\n\n.price {\n  position: absolute;\n  bottom: 32px;\n  right: 10px;\n  background: #fff;\n\n  font-family: 'Roboto Mono', monospace;\n  font-size: 13px;\n  text-align: right;\n  font-weight: bold;\n  color: rgba(0, 0, 0, 0.3);\n  padding: 10px 10px;\n}\n\n.selectWrap {\n  position: relative;\n}\n\n.scan {\n  display: flex;\n  flex-direction: column;\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: #fff;\n  width: 100%;\n  height: 100%;\n  z-index: 999999999999999999;\n}\n\n.close {\n  text-align: right;\n  position: relative;\n  font-size: 30px;\n}\n\n.qrCode {\n  position: absolute;\n  left: 97%;\n  top: 9px;\n}\n\n.extendedControls {\n  position: relative;\n  z-index: 1;\n  width: 100%;\n  margin: -16px 0 26px;\n  background: white;\n  overflow: visible;\n  @include errAppend();\n\n  >div {\n    margin: 0;\n  }\n}\n\n.maxAmount {\n  position: absolute;\n  top: -10px;\n  background: #fff;\n  font-size: 13px;\n  right: 10px;\n  padding: 0 10px;\n  font-weight: bold;\n  color: rgba(0, 0, 0, 0.3);\n  font-family: 'Roboto Mono', monospace;\n  margin-bottom: 0;\n}\n\n.widgetLink {\n  position: absolute;\n  left: 16.8em;\n  color: white;\n  bottom: -3em;\n  text-decoration: underline;\n\n  &:hover {\n    color: white;\n    text-decoration: underline;\n  }\n}\n\n.mobileDubleHeader {\n  display: none;\n}\n\n.tooltipHeader {\n  line-height: 1.2em;\n  font-size: 38px;\n}\n\n.referralText {\n  margin: 100px auto 40px;\n  max-width: 1200px;\n}\n\n@media (max-width: 1200px) {\n  .exchangeWrap {\n    width: auto;\n    left: 0;\n    margin: 0 -2%;\n  }\n\n  .referralText {\n    padding: 0 2em;\n  }\n}\n\n@include media-tablet {\n  .blockVideo {\n    flex-basis: 50%;\n  }\n\n  .widgetLink {\n    left: 16.5em;\n    color: #297df1;\n    text-decoration: underline;\n    font-family: 'Roboto Mono', monospace;\n\n    &:hover {\n      color: #297df1;\n      text-decoration: underline;\n    }\n  }\n\n  .block {\n    flex-basis: 45%;\n  }\n\n  .button {\n    font-size: 12px;\n  }\n\n  .maxAmount {\n    font-size: 14px;\n  }\n\n  .TitleHolder {\n    width: 45%;\n\n    h1,\n    span {\n      font-size: 35px;\n    }\n  }\n\n  .promoContainer {\n    &::before {\n      display: none;\n    }\n  }\n\n  .exchangeWrap {\n    margin: 0 -40px;\n  }\n\n  .container {\n    flex-direction: column;\n  }\n\n  .alignCenter {\n    height: auto;\n    padding: 50px 0 90px;\n  }\n}\n\n@media all and (min-width: 320px) and (max-width: 830px) {\n  .price {\n    bottom: 25px;\n  }\n\n  .section,\n  .widgetSection {\n    margin-top: 20px;\n    justify-content: center;\n    flex-direction: column-reverse;\n    max-width: 830px;\n    margin: auto;\n  }\n\n  .section {\n    padding-top: 120px;\n  }\n\n  .button {\n    font-size: 12px;\n  }\n\n  .block {\n    margin-bottom: 80px;\n    margin-top: 60px;\n  }\n\n  .widgetSection {\n    padding: 0 25px;\n    overflow: hidden;\n\n    .flipButton {\n      left: auto;\n      right: 40px;\n      transform: translateY(12px) rotate(90deg);\n    }\n\n    .selectedItem {\n      width: auto;\n    }\n  }\n\n  .TitleHolder {\n    width: 100%;\n  }\n}\n\n@media all and (max-width: 570px) {\n  .section {\n    padding-top: 150px;\n  }\n}\n\n@media all and (min-width: 320px) and (max-width: 400px) {\n  .button {\n    font-size: 12px;\n    height: 48px;\n  }\n}\n\n@include media-widget {\n  .block {\n    margin: 0 auto;\n  }\n}\n\n@include media-mobile {\n  .tooltipHeader {\n    font-size: 16px;\n  }\n\n  .formExchange_widgetBuild {\n    padding: 50px 15px;\n    box-shadow: unset;\n    border-radius: unset;\n  }\n\n  .scrollToTutorialSection {\n    bottom: 40px;\n    right: 40%;\n  }\n\n  .referralText {\n    overflow: hidden;\n    width: 90%;\n    position: relative;\n    margin: 60px auto 0;\n  }\n\n  .mobileDubleHeader {\n    display: block;\n    background: white;\n\n    h3 {\n      display: block;\n      margin: auto;\n      margin-top: -100px;\n      margin-bottom: 100px;\n      padding: 0;\n      padding-bottom: 10px;\n      padding-top: 15px;\n\n      div {\n        display: block;\n        margin: auto;\n        width: 90%;\n        text-align: center;\n      }\n    }\n  }\n\n  .inform {\n    margin-top: 10px;\n  }\n\n  .widgetLink {\n    left: 51%;\n    color: #297df1;\n  }\n\n  .IsSearching {\n    font-size: 12px;\n  }\n\n  .maxAmount {\n    top: 43px;\n    right: 20px;\n    font-size: 10px;\n  }\n\n  .exchangeWrap {\n    margin: 0 -20px;\n  }\n\n  .container {\n    flex-direction: column-reverse;\n    width: 100%;\n    height: auto;\n    align-items: normal;\n    padding-top: 0;\n    padding: 0;\n\n    @media screen and (max-width: 480px) {\n      display: flex;\n      align-items: center;\n      height: calc(100vh - 125px);\n      margin: 0;\n    }\n  }\n\n  .promoContainer {\n    background: #ffffff;\n    padding: 60px 0;\n    margin-bottom: 60px;\n\n    @media screen and (max-width: 480px) {\n      padding: 0;\n      margin-bottom: 0;\n    }\n\n    &::before {\n      display: none;\n    }\n  }\n\n  .formExchange {\n    width: 100%;\n    padding: 50px 15px;\n    border-radius: 0;\n    box-shadow: none;\n  }\n\n  .section {\n    margin: 0;\n    padding: 0;\n  }\n\n  .specify {\n    width: 170px;\n    font-weight: 500;\n    line-height: 19px;\n    font-size: 13px;\n  }\n}\n\n// @media all and (min-width: 450px) and (max-width: 568px) {\n//   .section {\n//     margin: auto;\n//   }\n//   .formExchange {\n//     width: 400px;\n//   }\n\n//   .widgetLink {\n//     left: 14.5em;\n//     color: #297df1;\n//     text-decoration: underline;\n\n//     &:hover {\n//       color: #297df1;\n//       text-decoration: underline;\n//     }\n//   }\n\n//   .switchButton {\n//     left: 20.5em;\n//     top: 6.5em;\n//   }\n// }\n\n.widgetExchangeWrap {\n  width: 100vw;\n  left: auto;\n  margin: 0;\n}\n\n@media screen and (max-width: 320px) {\n  .exchangeWrap {\n    height: calc(100vh - 120px);\n    margin: 10px -20px;\n  }\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/pages/PartialClosure/PartialClosure.scss","@import \"./scss/config/index.scss\";\n.groupField {\n  width: 100%;\n  display: inline-flex;\n  height: 68px;\n  margin-bottom: 50px;\n  vertical-align: center;\n  // box-shadow: rgba(#000, 0.08) 0 3px 9px 0;\n  border-radius: 6px;\n  text-align: center;\n  position: relative;\n}\n\n.smallTooltip {\n  > span {\n    position: absolute;\n    display: flex;\n    justify-content: center;\n    background: #d6d6d6;\n    left: 92%;\n    padding: 0 10px;\n    top: 11px;\n    span {\n      font-size: 10px;\n    }\n  }\n}\n\n.textUsd {\n  color: #828795;\n  position: absolute;\n  left: 10px;\n  font-family: 'Roboto Mono', monospace;\n  bottom: -14px;\n  top: auto;\n  background: #fff;\n  right: auto;\n  padding: 0 10px;\n  font-size: 13px;\n}\n\n.inputRoot {\n  min-width: 0;\n  flex: auto 1 1;\n  input {\n    height: 68px;\n    font-size: 24px;\n  }\n}\n\n.textForNull {\n  display: none;\n}\n\n.inputContainer {\n  border-radius: 6px 0 0 6px !important;\n  box-shadow: none !important;\n}\n\n.textForNull {\n  font-size: 10px;\n  position: absolute;\n  left: -1px;\n  margin-top: 70px;\n  width: 350px;\n}\n\n.balance {\n  position: absolute;\n  left: -1px;\n  margin-top: 70px;\n  text-align: left;\n  font-size: 14px;\n}\n\n.red {\n  color: red,\n}\n\ninput:disabled {\n  background-color:#eee;\n}\n\n.selectGroupContainer {\n  position: relative;\n}\n\n.currencySelect {\n  border-radius: 0 6px 6px 0 !important;\n  background: none;\n  box-shadow: none;\n  position: absolute;\n  @include ff-bold;\n  right: 0px;\n  top: 6px;\n\n  > div:nth-child(2) {\n    margin-top: 10px;\n    display: block;\n    position: absolute;\n    top: 75px;\n    border: none;\n    width: auto;\n    z-index: 1111112;\n    border-radius: 0;\n    box-shadow: none;\n    div {\n      display: flex;\n      flex-direction: row-reverse;\n      justify-content: flex-end;\n      border: none;\n    }\n  }\n  input {\n    border: none;\n    height: 69px;\n    border-bottom: 1px solid #000;\n    font-size: 16px;\n    padding-left: 2px;\n  }\n}\n\n.currencySelect.dropDown {\n  width: 100%;\n  border: 1px solid #000;\n  top: 0px;\n  z-index: 1;\n  background: #fff;\n  height: 375px;\n  border-radius: 3px;\n}\n\n@include media-mobile {\n  .currencySelect {\n    width: unset;\n    height: 48px;\n    input {\n      font-size: 13px;\n    }\n  }\n  .textUsd {\n    font-size: 14px;\n  }\n  .groupField {\n    height: 60px;\n  }\n  .inputRoot {\n    input {\n      padding-left: 10px;\n      padding-right: 120px;\n    }\n  }\n  .textUsd {\n    font-size: 9px;\n    left: 10px;\n    bottom: -4px;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/pages/PartialClosure/SelectGroup/SelectGroup.scss","@import \"./scss/config/index.scss\";\n.availableCurrencies {\n  font-style: normal;\n  font-weight: 600;\n  font-size: 20px;\n  position: relative;\n  color: #000000;\n}\n\n.dark {\n  .availableCurrencies {\n    color: #c3c3c3;\n  }\n}\n\n.currencyList {\n  padding: 0;\n  list-style: none;\n  display: flex;\n  -webkit-box-align: center;\n  align-items: center;\n  -webkit-box-pack: justify;\n  position: relative;\n  margin-top: 40px;\n  width: 300px;\n  left: 15%;\n  justify-content: space-between;\n}\n.currencyListItem {\n  img {\n    width: 30px;\n  }\n  &:first-child {\n    img {\n      width: 30px;\n    }\n  }\n}\n\n.currencyListItemEth {\n  img {\n    width: 20px;\n  }\n}\n\n.currencyListWrap {\n  position: relative;\n  width: 400px;\n  left: -60px;\n}\n\n.fireItem {\n  position: absolute;\n  width: 30px;\n  justify-content: center;\n  align-items: center;\n  height: 30px;\n  display: flex;\n  border-radius: 50%;\n  right: -20px;\n  top: -20px;\n  z-index: 111;\n  background: #fff;\n}\n\n.currencyAdd {\n  position: absolute;\n  width: 56px;\n  height: 56px;\n  background: #FFFFFF;\n  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);\n  border-radius: 50%;\n  color: #000000;\n  display: flex;\n  font-weight: 100;\n  justify-content: center;\n  font-size: 35px;\n  position: absolute;\n  right: -50px;\n  top: -10px;\n}\n\n.listing{\n  left: 211%;\n  color: black;\n  cursor: pointer;\n  font-size: 20px;\n  width: 100%;\n  position: absolute;\n  top: 3em;\n}\n\n@include media-tablet {\n  .block {\n    left: 22%;\n    position: relative;\n  }\n}\n\n@include media-tablet-landscape-and-lower {\n  .block {\n    display: none;\n  }\n}\n\n@media all and (min-width: 320px) and (max-width: 830px) {\n  .block {\n    margin-top: 40px;\n  }\n}\n\n@media all and (min-width: 320px) and (max-width: 850px) {\n  .block {\n    left: 16%;\n    position: relative;\n  }\n}\n\n@media all and (min-width: 450px) and (max-width: 568px) {\n  .currencyListWrap {\n    position: relative;\n    width: 400px;\n    left: -120px;\n  }\n}\n\n@media all and (min-width: 568px) and (max-width: 850px) {\n  .currencyListWrap {\n    left: -105px;\n  }\n}\n\n@include media-mobile {\n  .currencyList {\n    width: 70%;\n    padding-right: 10px;\n  }\n  .availableCurrencies {\n    font-size: 15px;\n  }\n  .currencyListWrap {\n    width: 100%;\n    left: -80px;\n  }\n\n  .currencyListItem {\n    img {\n      width: 30px;\n    }\n    &:first-child {\n      img {\n        width: 25px;\n      }\n    }\n  }\n  .currencyAdd {\n    right: -10px;\n    top: -10px;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/pages/PartialClosure/CurrencySlider/CurrencySlider.scss","@import \"./scss/config/index.scss\";\n.promoText {\n  width: 560px;\n  font-style: normal;\n  line-height: 60px;\n  font-size: 48px;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n  padding-bottom: 40px;\n  margin-bottom: 50px;\n  @include ff-bold;\n}\n\n.promoTextColored {\n  color: #6144E5;\n}\n\n@include media-tablet {\n  .promoText {\n    width: auto;\n    text-align: center;\n    font-size: 30px;\n  }\n}\n\n@include media-mobile {\n  .promoText {\n    display: none;\n    width: 100%;\n    font-size: 22px;\n    line-height: 1.4;\n    margin-bottom: 20px;\n    padding-bottom: 20px;\n    padding-top: 70px;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/pages/PartialClosure/PromoText/PromoText.scss","@import \"./scss/config/index.scss\";\n.promo {\n  width: 67.3%;\n}\n.promoWrap {\n  position: relative;\n}\n\n@include media-tablet {\n  .promo {\n    // padding: 90px 0;\n  }\n}\n\n@include media-mobile {\n  .promo {\n    width: 100%;\n    max-width: 370px;\n    // margin: auto;\n    padding: 0 20px;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/pages/PartialClosure/Promo/Promo.scss","@import \"./scss/config/index.scss\";\n.container {\n  max-width: 1200px;\n  margin: auto;\n  padding: 0 2%;\n  padding-bottom: 100px\n}\n\n.dark {\n  color: white;\n  \n  .href {\n    color: white;\n  }\n}\n\n.header {\n  font-size: 36px;\n  text-align: center;\n  padding: 50px 0 30px;\n  font-style: normal;\n  font-weight: 500;\n  opacity: 0.6;\n  @include ff;\n}\n\n.href {\n  text-align: center;\n  color: black;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  span {\n    color: orange;\n  }\n}\n\n@include media-mobile {\n  .container {\n    padding-bottom: 60px;\n  }\n}\n\n@media screen and (max-width: 480px) {\n  .container {\n\n  }\n\n  .header {\n    font-size: 24px;\n    padding: 15px 0 30px;\n  }\n\n  .href {\n    font-size: 12px;\n    margin: auto;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/pages/PartialClosure/Quote/styles.scss","@import \"./scss/config/index.scss\";\n.HowItWorksTitle {\n  @include ff-bold;\n  font-style: normal;\n  font-weight: bold;\n  font-size: 48px;\n  line-height: normal;\n  margin-bottom: 65px;\n  text-align: center;\n  color: #000;\n}\n\n.HowItWorksList {\n  display: flex;\n  justify-content: space-between;\n  flex-wrap: wrap;\n}\n\n.HowItWorksItem {\n  width: 250px;\n}\n\n.HowItWorksStep {\n  font-style: normal;\n  font-weight: bold;\n  font-size: 24px;\n  margin-bottom: 15px;\n  display: block;\n  @include ff-bold;\n  line-height: 32px;\n}\n.HowItWorksInfo {\n  font-style: normal;\n  font-weight: 500;\n  font-size: 16px;\n  line-height: 23px;\n  opacity: 0.6;\n}\n.HowItWorksContainer {\n  max-width: 1200px;\n  margin: auto;\n  padding: 0 2%;\n}\n\n.dark {\n  color: white;\n  h3 {\n    color: white;\n  }\n}\n\n\n@include media-tablet-landscape-and-lower {\n  .HowItWorksList {\n    justify-content: center;\n  }\n  .HowItWorksItem {\n    margin: 20px 60px;\n  }\n  .HowItWorksContainer {\n    max-width: 1200px;\n    margin: auto;\n    padding: 0;\n  }\n}\n\n@include media-mobile {\n  .HowItWorksList {\n    flex-direction: column;\n  }\n  .HowItWorksContainer {\n    width: 100%;\n  }\n  .HowItWorksTitle {\n    font-size: 36px;\n    margin-bottom: 30px;\n  }\n  .HowItWorksItem {\n    width: 100%;\n    padding: 20px;\n    margin: 10px 0;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/pages/PartialClosure/HowItWorks/HowItWorks.scss","@import \"./scss/config/index.scss\";\n$bgColor: #f5f5f5;\n$pinsColor: #6144E5;\n\n.VidNdFeatures {\n    // background: $bgColor;\n    padding-top: 100px;\n    padding-bottom: 50px;\n\n    &__title {\n        max-width: 45%;\n        font-size: 30px;\n        text-align: center;\n        margin: 20px auto 45px;\n        font-weight: bold;\n        font-family: 'Roboto', sans-serif;\n\n        :global(.purple) {\n            color: $pinsColor;\n            font-weight: bolder;\n        }\n    }\n\n    &__container {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 2%;\n    }\n\n    &__item {\n        &_features {\n            flex: 4;\n            padding-right: 20px;\n        }\n\n        &_video {\n            flex: 5;\n        }\n\n        ul {\n            list-style: none;\n            padding-left: 0;\n\n            li {\n                position: relative;\n                font-size: 1.2em;\n                padding-left: 25px;\n                margin-top: 10px;\n                margin-bottom: 15px;\n\n                &::before {\n                    display: block;\n                    position: absolute;\n                    content: '';\n                    left: 0px;\n                    top: 7px;\n                    width: 12px;\n                    height: 12px;\n                    border: 1px solid $pinsColor;\n                    border-radius: 50%;\n                }\n\n                &::after {\n                    display: block;\n                    position: absolute;\n                    content: '';\n                    left: 3px;\n                    top: 10px;\n                    width: 6px;\n                    height: 6px;\n                    background: $pinsColor;\n                    border-radius: 50%;\n                }\n            }\n        }\n    }\n}\n\n.dark {\n    color: white;\n}\n\n@media screen and (max-width: 760px) {\n  .VidNdFeatures {\n    // background: $bgColor;\n    padding-top: 30px;\n  }\n}\n\n@include media-tablet-portrait-and-lower {\n    .VidNdFeatures {\n      padding-top: 10px;\n      padding-bottom: 45px;\n\n        &__title {\n            max-width: 75%;\n        }\n\n        &__container {\n            flex-direction: column-reverse;\n            padding: 0 5%;\n        }\n\n        &__item {\n            margin: 30px auto;\n            margin-bottom: 0;\n        }\n    }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/pages/PartialClosure/VideoAndFeatures/VideoAndFeatures.scss","@import \"./scss/config/index.scss\";\n.customDestination {\n  position: relative;\n  margin-bottom: 1rem;\n\n  &.--dark {\n    color: white;\n    .dropDown {\n      width: 100%;\n      & > div {\n        background: #2b2b2b;\n\n        & > span {\n          display: block;\n          font-size: 12pt;\n          font-weight: bold;\n          width: 100%;\n          text-align: left;\n          margin-left: 1em;\n\n          @media screen and (max-width: 480px) {\n            font-size: 8pt;\n          }\n        }\n      }\n    }\n  }\n\n  &_error .walletToggle {\n    border: 2px solid #a90101;\n  }\n  .dropDown{\n    box-shadow: none;\n    border: none;\n    & > div:nth-child(1) {\n      border: none;\n      height: auto;\n    }\n    & > div {\n      padding-left: 0px;\n      background: #FFF;\n      border: 1px solid #000;\n      border-radius: 0px;\n      div > {\n        padding: 0px;\n      }\n      & > span {\n        display: block;\n        font-size: 12pt;\n        font-weight: bold;\n        width: 100%;\n        text-align: left;\n      }\n    }\n  }\n  &_error {\n    .dropDown > div > span {\n      color: #a90101;\n    }\n  }\n  .readonlyValue {\n    input {\n      display: block;\n      width: 100%;\n      margin-bottom: 15px;\n      border: 1px solid rgba(0,0,0,0.3);\n      border-radius: 3px;\n      min-height: 68px;\n      margin-bottom: 30px;\n      padding: 1px 20px;\n      font-size: 24px;\n      vertical-align: middle;\n      line-height: 68px;\n      color: #080808;\n      &:focus {\n        border: 2px solid #6144e5 !important;\n        padding: 1px 19px;\n        outline: none;\n        line-height: 66px;\n      }\n    }\n  }\n}\n\n\n\n.customWallet {\n  margin-bottom: 15px;\n  border: 1px solid rgba(0, 0, 0, 0.3);\n  border-radius: 3px;\n  height: 68px;\n  margin-bottom: 30px;\n  padding: 0 20px;\n  &_site {\n    position: relative;\n  }\n  &_focus {\n    border: 2px solid #6144e5 !important;\n  }\n  .qrCode {\n    position: absolute;\n    right: -34px;\n    top: 8px;\n    background: #FFF;\n    border: 6px solid #FFF;\n    display: block;\n  }\n  &_focus .qrCode {\n    right: -35px;\n    top: 7px;\n  }\n}\n\n\n\n.button {\n  margin-top: 0;\n  width: 100%;\n  border-radius: 3px;\n  height: 36px;\n  font-size: 16px;\n  flex-basis: 100%;\n  margin-bottom: 10px;\n  box-shadow: none;\n}\n\n.walletInput {\n  margin-top: 10px;\n  display: flex;\n  justify-content: space-between;\n  height: 68px;\n  input {\n    border: none;\n    margin: 0;\n    height: 40px;\n    padding: 0;\n    font-size: 16px;\n    margin-top: 2px;\n    &:focus {\n      border: none;\n      padding: 0;\n      margin: -1px -1px;\n      margin-top: 1px;\n    }\n  }\n}\n\n\n\n\n.anotherRecepient {\n  position: relative;\n}\n\n.label {\n  width: 200px;\n  font-weight: 500;\n  line-height: 21px;\n  font-size: 16px;\n}\n\n\n@include media-mobile {\n  .label {\n    width: 170px;\n    font-weight: 500;\n    line-height: 19px;\n    font-size: 13px;\n  }\n  .customDestination {\n    .dropDown{\n      & > div {\n        & > span {\n          display: block;\n          font-size: 10pt;\n          font-weight: bold;\n        }\n      }\n    }\n    .readonlyValue {\n      input {\n        padding-left: 10px;\n        &:focus {\n          padding-left: 9px;\n        }\n      }\n      \n    }\n  }\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/pages/PartialClosure/CustomDestAddress/CustomDestAddress.scss","@import \"./scss/config/index.scss\";\n.optionrow {\n  &::after {\n    display: block;\n    content: '';\n    clear: both;\n  }\n  white-space: nowrap;\n  em {\n    display: block;\n    height: 36px;\n    float: left;\n    margin-left: -46px;\n\n    img {\n      display: inline-block;\n      width: 36px;\n      vertical-align: middle;\n    }\n  }\n\n  span {\n    display: block;\n  }\n  \n  .smalltext {\n    font-size: 12px;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/pages/PartialClosure/CustomDestAddress/Option/Option.scss","@import \"./scss/config/index.scss\";\n.availableCurrencies {\n  font-style: normal;\n  font-weight: 600;\n  font-size: 20px;\n  position: relative;\n  color: #000000;\n}\n\n.currencyList {\n  padding: 0;\n  list-style: none;\n  display: flex;\n  -webkit-box-align: center;\n  align-items: center;\n  -webkit-box-pack: justify;\n  position: relative;\n  margin-top: 40px;\n  width: 300px;\n  left: 15%;\n  justify-content: space-between;\n}\n.currencyListItem {\n  img {\n    width: 30px;\n  }\n  &:first-child {\n    img {\n      width: 30px;\n    }\n  }\n}\n\n.currencyListItemEth {\n  img {\n    width: 20px;\n  }\n}\n\n.currencyListWrap {\n  position: relative;\n  width: 400px;\n  left: -60px;\n}\n\n.fireItem {\n  position: absolute;\n  width: 30px;\n  justify-content: center;\n  align-items: center;\n  height: 30px;\n  display: flex;\n  border-radius: 50%;\n  right: -20px;\n  top: -20px;\n  z-index: 111;\n  background: #fff;\n}\n\n.currencyAdd {\n  position: absolute;\n  width: 56px;\n  height: 56px;\n  background: #FFFFFF;\n  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);\n  border-radius: 50%;\n  color: #000000;\n  display: flex;\n  font-weight: 100;\n  justify-content: center;\n  font-size: 35px;\n  position: absolute;\n  right: -50px;\n  top: -10px;\n}\n\n.listing{\n  left: 211%;\n  color: black;\n  cursor: pointer;\n  font-size: 20px;\n  width: 100%;\n  position: absolute;\n  top: 3em;\n}\n\n@include media-tablet {\n  .block {\n    left: 22%;\n    position: relative;\n  }\n}\n\n@include media-tablet-landscape-and-lower {\n  .block {\n    display: none;\n  }\n}\n\n@media all and (min-width: 320px) and (max-width: 830px) {\n  .block {\n    margin-top: 40px;\n  }\n}\n\n@media all and (min-width: 320px) and (max-width: 850px) {\n  .block {\n    left: 16%;\n    position: relative;\n  }\n}\n\n@media all and (min-width: 450px) and (max-width: 568px) {\n  .currencyListWrap {\n    position: relative;\n    width: 400px;\n    left: -120px;\n  }\n}\n\n@media all and (min-width: 568px) and (max-width: 850px) {\n  .currencyListWrap {\n    left: -105px;\n  }\n}\n\n@include media-mobile {\n  .currencyList {\n    width: 70%;\n    padding-right: 10px;\n  }\n  .availableCurrencies {\n    font-size: 15px;\n  }\n  .currencyListWrap {\n    width: 100%;\n    left: -80px;\n  }\n\n  .currencyListItem {\n    img {\n      width: 30px;\n    }\n    &:first-child {\n      img {\n        width: 25px;\n      }\n    }\n  }\n  .currencyAdd {\n    right: -10px;\n    top: -10px;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/pages/PointOfSell/CurrencySlider/CurrencySlider.scss","@import \"./scss/config/index.scss\";\n.promoText {\n  width: 560px;\n  font-style: normal;\n  line-height: 60px;\n  font-size: 48px;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n  padding-bottom: 40px;\n  margin-bottom: 50px;\n  @include ff-bold;\n}\n\n.promoTextColored {\n  color: #6144E5;\n}\n\n@include media-tablet {\n  .promoText {\n    width: auto;\n    text-align: center;\n    font-size: 30px;\n  }\n}\n\n@include media-mobile {\n  .promoText {\n    display: none;\n    width: 100%;\n    font-size: 22px;\n    line-height: 1.4;\n    margin-bottom: 20px;\n    padding-bottom: 20px;\n    padding-top: 70px;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/pages/PointOfSell/PromoText/PromoText.scss","@import \"./scss/config/index.scss\";\n.promo {\n  width: 67.3%;\n}\n.promoWrap {\n  position: relative;\n}\n\n@include media-tablet {\n  .promo {\n    // padding: 90px 0;\n  }\n}\n\n@include media-mobile {\n  .promo {\n    width: 100%;\n    max-width: 370px;\n    margin: auto;\n    padding: 0 20px;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/pages/PointOfSell/Promo/Promo.scss","@import \"./scss/config/index.scss\";\n.container {\n  max-width: 1200px;\n  margin: auto;\n  padding: 0 2%;\n  padding-bottom: 100px\n}\n\n.header {\n  font-size: 36px;\n  text-align: center;\n  padding: 50px 0 30px;\n  font-style: normal;\n  font-weight: 500;\n  opacity: 0.6;\n  @include ff;\n}\n\n.href {\n  text-align: center;\n  color: black;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  span {\n    color: orange;\n  }\n}\n\n@include media-mobile {\n  .container {\n    padding-bottom: 60px;\n  }\n}\n\n@media screen and (max-width: 480px) {\n  .container {\n\n  }\n\n  .header {\n    font-size: 24px;\n    padding: 15px 0 30px;\n  }\n\n  .href {\n    font-size: 12px;\n    margin: auto;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/pages/PointOfSell/Quote/styles.scss","@import \"./scss/config/index.scss\";\n.HowItWorksTitle {\n  @include ff-bold;\n  font-style: normal;\n  font-weight: bold;\n  font-size: 48px;\n  line-height: normal;\n  margin-bottom: 65px;\n  text-align: center;\n  color: #000;\n}\n\n.HowItWorksList {\n  display: flex;\n  justify-content: space-between;\n  flex-wrap: wrap;\n}\n\n.HowItWorksItem {\n  width: 250px;\n}\n\n.dark {\n  color: white;\n  h3 {\n    color: white;\n  }\n}\n\n\n.HowItWorksStep {\n  font-style: normal;\n  font-weight: bold;\n  font-size: 24px;\n  margin-bottom: 15px;\n  display: block;\n  @include ff-bold;\n  line-height: 32px;\n}\n.HowItWorksInfo {\n  font-style: normal;\n  font-weight: 500;\n  font-size: 16px;\n  line-height: 23px;\n  opacity: 0.6;\n}\n.HowItWorksContainer {\n  max-width: 1200px;\n  margin: auto;\n  padding: 0 2%;\n}\n\n@include media-tablet-landscape-and-lower {\n  .HowItWorksList {\n    justify-content: center;\n  }\n  .HowItWorksItem {\n    margin: 20px 60px;\n  }\n  .HowItWorksContainer {\n    max-width: 1200px;\n    margin: auto;\n    padding: 0;\n  }\n}\n\n@include media-mobile {\n  .HowItWorksList {\n    flex-direction: column;\n  }\n  .HowItWorksContainer {\n    width: 100%;\n  }\n  .HowItWorksTitle {\n    font-size: 36px;\n    margin-bottom: 30px;\n  }\n  .HowItWorksItem {\n    width: 100%;\n    padding: 20px;\n    margin: 10px 0;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/pages/PointOfSell/HowItWorks/HowItWorks.scss","@import \"./scss/config/index.scss\";\n$bgColor: #f5f5f5;\n$pinsColor: #6144E5;\n\n.VidNdFeatures {\n    // background: $bgColor;\n    padding-top: 100px;\n    padding-bottom: 50px;\n\n    &__title {\n        max-width: 45%;\n        font-size: 30px;\n        text-align: center;\n        margin: 20px auto 45px;\n        font-weight: bold;\n        font-family: 'Roboto', sans-serif;\n\n        :global(.purple) {\n            color: $pinsColor;\n            font-weight: bolder;\n        }\n    }\n\n    &__container {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 2%;\n    }\n\n    &__item {\n        &_features {\n            flex: 4;\n            padding-right: 20px;\n        }\n\n        &_video {\n            flex: 5;\n        }\n\n        ul {\n            list-style: none;\n            padding-left: 0;\n\n            li {\n                position: relative;\n                font-size: 1.2em;\n                padding-left: 25px;\n                margin-top: 10px;\n                margin-bottom: 15px;\n\n                &::before {\n                    display: block;\n                    position: absolute;\n                    content: '';\n                    left: 0px;\n                    top: 7px;\n                    width: 12px;\n                    height: 12px;\n                    border: 1px solid $pinsColor;\n                    border-radius: 50%;\n                }\n\n                &::after {\n                    display: block;\n                    position: absolute;\n                    content: '';\n                    left: 3px;\n                    top: 10px;\n                    width: 6px;\n                    height: 6px;\n                    background: $pinsColor;\n                    border-radius: 50%;\n                }\n            }\n        }\n    }\n}\n\n@media screen and (max-width: 760px) {\n  .VidNdFeatures {\n    // background: $bgColor;\n    padding-top: 30px;\n  }\n}\n\n@include media-tablet-portrait-and-lower {\n    .VidNdFeatures {\n      padding-top: 10px;\n      padding-bottom: 45px;\n\n        &__title {\n            max-width: 75%;\n        }\n\n        &__container {\n            flex-direction: column-reverse;\n            padding: 0 5%;\n        }\n\n        &__item {\n            margin: 30px auto;\n            margin-bottom: 0;\n        }\n    }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/pages/PointOfSell/VideoAndFeatures/VideoAndFeatures.scss","@import \"./scss/config/index.scss\";\n.blockCenter {\n  text-align: center;\n\n  strong {\n    word-wrap: break-word;\n  }\n}\n\n.dark {\n  div,\n  table {\n    color: white;\n  }\n}\n\n.finishImg {\n  width: 80px;\n  height: 80px;\n  display: block;\n  margin: 0 auto;\n  margin-bottom: 2rem;\n}\n\n.txLink {\n  word-break: break-all;\n}\n.shortInfoHolder {\n  padding-bottom: 2rem;\n}\n\n.buttonHolder {\n  padding-top: 3rem;\n}\n\n.balanceRow {\n  color: #8E9AA3;\n  font-size: 13px;\n}\n\n.rightText {\n  text-align: right;\n}\n\n.textThrough {\n  text-decoration: line-through;\n}\n\n.blockCenter__table {\n\n  border: 1px solid rgba(142, 154, 163, 0.16);\n  box-sizing: border-box;\n  box-shadow: 0px 2px 12px rgba(142, 154, 163, 0.08);\n  border-radius: 4px;\n  font-size: 15px;\n\n  td.header {\n    text-align: left;\n    font-weight: bold;\n  }\n\n  td.data {\n    text-align: justify;\n  }\n\n}\n\n@include media-mobile {\n  .finishImg {\n    margin-bottom: 0px;\n  }\n  .shortInfoHolder {\n    padding-bottom: 0px;\n  }\n  .buttonHolder {\n    padding-top: 0px;\n  }\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/pages/Transaction/TxInfo/styles.scss","@import \"./scss/config/index.scss\";\n.holder {\n  max-width: 400px;\n  margin: 100px auto;\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/pages/Transaction/styles.scss","@import \"./scss/config/index.scss\";\n.IEO {\n    padding-top: 40px;\n\n    &__container {\n        display: block;\n        input {\n            min-width: 210px;\n        }\n    }\n}\n\n.href {\n  margin-bottom: 10px;\n\n  a {\n    text-decoration: underline;\n  }\n}\n\n.button {\n    display: block;\n    margin: 0 auto;\n    margin-top: 25px;\n    width: 100%;\n    max-width: 200px;\n    border-radius: 3px;\n    background: #000;\n    border: 1px solid black;\n    color: white;\n    font-size: 16px;\n    box-shadow: none;\n    transition: background-color 0.2s ease,\n        color 0.2s ease;\n    &:hover {\n        background-color: white;\n        color: black;\n    }\n}\n\n@media screen and (max-width: 568px) {\n  .IEO {\n    top: 30px;\n    position: relative;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/pages/IEO/IEO.scss","@import \"./scss/config/index.scss\";\n.descritonText {\n    max-width: 600px;\n    margin: 10px 0;\n    color: #98a3ab;\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/pages/Multisign/Btc/Btc.scss","@import \"./scss/config/index.scss\";\n.createInvoice {\n  text-align: center;\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/pages/Invoices/CreateInvoice/styles.scss","@import \"./scss/config/index.scss\";\n.title {\n  font-size: 28px;\n  font-weight: bold;\n  width: 80%;\n  margin: 2em auto;\n}\n\n.row {\n  margin-top: 10px;\n  display: flex;\n  margin-bottom: 20px;\n  align-items: center;\n  flex-direction: column-reverse;\n}\n\n.cell {\n  margin-left: 15px;\n  margin-top: 10px;\n}\n\n.linked {\n  color: #2181F7 !important;\n  cursor: pointer;\n  text-align: center;\n}\n\n@media screen and (max-width: 860px) {\n  .row {\n    flex-direction: column;\n    align-items: flex-start;\n    text-align: left;\n    justify-content: flex-start;\n  }\n\n  .title {\n    font-size: 22px;\n  }\n\n  .cell {\n    min-width: 280px;\n    width: 100%;\n    max-width: 700px;\n    box-sizing: border-box;\n    overflow-x: scroll;\n    margin-left: 0;\n  }\n}\n\n@include media-mobile {\n  .title {\n    font-size: 18px;\n  }\n} \n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/SaveKeys/SaveKeys.scss","@import \"./scss/config/index.scss\";\n.row {\n  margin-bottom: 10px;\n  display: flex;\n  align-content: left;\n\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/components/SaveKeys/Field/Field.scss","@import \"./scss/config/index.scss\";\n.confirm {\n  width: 500px;\n  padding: 25px 40px;\n  border-radius: 10px;\n  justify-content: space-around;\n  box-shadow: 0 3px 9px 0 rgba(0,0,0,0.06);\n  display: none;\n  position: absolute;\n  background: #ffffff;\n  top: 250px;\n  left: calc(20%);\n  z-index: 999;\n}\n\n.animation {\n  display: flex;\n  animation: open 0.8s ease-in-out forwards;\n}\n\n.row {\n  display: flex;\n  width: 150px;\n  justify-content: space-between;\n}\n\n@keyframes open {\n  0% {\n    transform: scale(0);\n  }\n  50% {\n    transform: scale(1.2);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n\n@media screen and (max-width: 860px) {\n  .confirm {\n    width: 320px;\n    padding: 25px 40px;\n    flex-direction: column;\n    justify-content: center;\n    text-align: center;\n    align-items: center;\n  }\n  .row {\n    margin-top: 10px;\n    justify-content: space-between;\n  }\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/components/Confirm/Confirm.scss","@import \"./scss/config/index.scss\";\n\n.areYouSure {\n    position: relative;\n    top: unset;\n    left: unset;\n  }\n\n  .testnetSkip {\n    text-align: right;\n    margin: 0 1em;\n  }\n  \n\n\n// WEBPACK FOOTER //\n// ./shared/components/modals/SaveKeysModal/SaveKeysModal.scss","@import \"./scss/config/index.scss\";\n.main {\n  position: relative;\n  padding-bottom: 44px;\n  min-height: 100vh;\n\n  main {\n    padding-top: 88px;\n  }\n\n  &_widget {\n    main {\n      padding-top: 0px;\n      margin-top: -24px;\n    }\n  }\n}\n\n// @media all and (max-width: 575px) and (min-width: 480px){\n//   .main {\n//     main {\n//       padding-top: 88px !important;\n//     }\n//   }\n// }\n\n@media all and (max-width: 768px) and (min-width: 320px) {\n  .main {\n    padding-bottom: 60px;\n    height: calc(100% + 60px);\n    margin-top: 0;\n\n    main {\n      margin-bottom: 30px;\n    }\n\n    &_widget {\n      main {\n        padding-top: 20px;\n      }\n    }\n  }\n}\n\n@media all and (max-width: 480px) and (min-width: 320px) {\n  .main {\n    main {\n      padding-top: 0;\n    }\n  }\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/containers/App/App.scss","/*! sanitize.css v4.1.0 | CC0 License | github.com/jonathantneal/sanitize.css */\n\n// Display definitions\n// ==========================================================================\n\n// Add the correct display in IE 9-.\n// 1. Add the correct display in Edge, IE, and Firefox.\n// 2. Add the correct display in IE.\narticle,\naside,\ndetails, // 1\nfigcaption,\nfigure,\nfooter,\nheader,\nmain, // 2\nmenu,\nnav,\nsection,\nsummary { // 1\n  display: block;\n}\n\n// Add the correct display in IE 9-.\naudio,\ncanvas,\nprogress,\nvideo {\n  display: inline-block;\n}\n\n// Add the correct display in iOS 4-7.\naudio {\n  &:not([controls]) {\n    display: none;\n    height: 0;\n  }\n}\n\n// Add the correct display in IE 10-.\n// 1. Add the correct display in IE.\ntemplate, // 1\n[hidden] {\n  display: none;\n}\n\n//  Elements of HTML (https://www.w3.org/TR/html5/semantics.html)\n// ==========================================================================\n\n// 1. Remove repeating backgrounds in all browsers (opinionated).\n// 2. Add box sizing inheritence in all browsers (opinionated).\n*,\n::before,\n::after {\n  background-repeat: no-repeat; // 1\n  box-sizing: inherit; // 2\n}\n\n// 1. Add text decoration inheritance in all browsers (opinionated).\n// 2. Add vertical alignment inheritence in all browsers (opinionated).\n::before,\n::after {\n  text-decoration: inherit; // 1\n  vertical-align: inherit; // 2\n}\n\n// 1. Add border box sizing in all browsers (opinionated).\n// 2. Add the default cursor in all browsers (opinionated).\n// 3. Add a flattened line height in all browsers (opinionated).\n// 4. Prevent font size adjustments after orientation changes in IE and iOS.\nhtml {\n  box-sizing: border-box; // 1\n  cursor: default; // 2\n  font-family: sans-serif; // 3\n  line-height: 1.5; // 3\n  -ms-text-size-adjust: 100%; // 4\n  -webkit-text-size-adjust: 100%; // 5\n}\n\n//  Sections (https://www.w3.org/TR/html5/sections.html)\n// ==========================================================================\n\n// Remove the margin in all browsers (opinionated).\nbody {\n  margin: 0;\n}\n\n// Correct the font sizes and margins on `h1` elements within\n// `section` and `article` contexts in Chrome, Firefox, and Safari.\nh1 {\n  font-size: 2em;\n  margin: .67em 0;\n}\n\n//  Grouping content (https://www.w3.org/TR/html5/grouping-content.html)\n// ==========================================================================\n\n// 1. Correct font sizing inheritance and scaling in all browsers.\n// 2. Correct the odd `em` font sizing in all browsers.\ncode,\nkbd,\npre,\nsamp {\n  font-family: monospace, monospace; // 1\n  font-size: 1em; // 2\n}\n\n// 1. Correct the height in Firefox.\n// 2. Add visible overflow in Edge and IE.\nhr {\n  height: 0; // 1\n  overflow: visible; // 2\n}\n\n// Remove the list style on navigation lists in all browsers (opinionated).\nnav {\n  ol,\n  ul {\n    list-style: none;\n  }\n}\n\n//  Text-level semantics\n// ==========================================================================\n\n// 1. Add a bordered underline effect in all browsers.\n// 2. Remove text decoration in Firefox 40+.\nabbr {\n  &[title] {\n    border-bottom: 1px dotted; // 1\n    text-decoration: none; // 2\n  }\n}\n\n// Prevent the duplicate application of `bolder` by the next rule in Safari 6.\nb,\nstrong {\n  font-weight: inherit;\n}\n\n// Add the correct font weight in Chrome, Edge, and Safari.\nb,\nstrong {\n  font-weight: bolder;\n}\n\n// Add the correct font style in Android 4.3-.\ndfn {\n  font-style: italic;\n}\n\n// Add the correct colors in IE 9-.\nmark {\n  background-color: #ff0;\n  color: #000;\n}\n\n// Add the correct vertical alignment in Chrome, Firefox, and Opera.\nprogress {\n  vertical-align: baseline;\n}\n\n// Correct the font size in all browsers.\nsmall {\n  font-size: 83.3333%;\n}\n\n// Change the positioning on superscript and subscript elements\n// in all browsers (opinionated).\n// 1. Correct the font size in all browsers.\nsub,\nsup {\n  font-size: 83.3333%; // 1\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -.25em;\n}\n\nsup {\n  top: -.5em;\n}\n\n\n// Remove the text shadow on text selections (opinionated).\n// 1. Restore the coloring undone by defining the text shadow (opinionated).\n::-moz-selection {\n  background-color: #b3d4fc; // 1\n  color: #000; // 1\n  text-shadow: none;\n}\n\n::selection {\n  background-color: #b3d4fc; // 1\n  color: #000; // 1\n  text-shadow: none;\n}\n\n//  Embedded content (https://www.w3.org/TR/html5/embedded-content-0.html)\n// ==========================================================================\n\n// Change the alignment on media elements in all browers (opinionated).\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\n// Remove the border on images inside links in IE 10-.\nimg {\n  border-style: none;\n}\n\n// Change the fill color to match the text color in all browsers (opinionated).\nsvg {\n  fill: currentColor;\n\n  // Hide the overflow in IE\n  &:not(:root) {\n    overflow: hidden;\n  }\n}\n\n//  Links (https://www.w3.org/TR/html5/links.html#links)\n// ==========================================================================\n\n// 1. Remove the gray background on active links in IE 10.\n// 2. Remove the gaps in underlines in iOS 8+ and Safari 8+.\na {\n  background-color: transparent; // 1\n  -webkit-text-decoration-skip: objects; // 2\n\n  // Remove the outline when hovering in all browsers (opinionated).\n  &:hover {\n    outline-width: 0;\n  }\n}\n\n//  Tabular data (https://www.w3.org/TR/html5/tabular-data.html)\n// ==========================================================================\n\n// Remove border spacing in all browsers (opinionated).\ntable {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\n//  transform-style:  (https://www.w3.org/TR/html5/forms.html)\n// ==========================================================================\n\n// 1. Remove the default styling in all browsers (opinionated).\n// 3. Remove the margin in Firefox and Safari.\nbutton,\ninput,\nselect,\ntextarea {\n  background-color: transparent; // 1\n  border-style: none; // 1\n  color: inherit; // 1\n  font-size: 1em; // 1\n  margin: 0; // 3\n}\n\n// Correct the overflow in IE.\n// 1. Correct the overflow in Edge.\nbutton,\ninput { // 1\n  overflow: visible;\n}\n\n// Remove the inheritance in Edge, Firefox, and IE.\n// 1. Remove the inheritance in Firefox.\nbutton,\nselect { // 1\n  text-transform: none;\n}\n\n// 1. Prevent the WebKit bug where (2) destroys native `audio` and `video`\n//    controls in Android 4.\n// 2. Correct the inability to style clickable types in iOS and Safari.\nbutton,\nhtml [type='button'], // 1\n[type='reset'],\n[type='submit'] {\n  -webkit-appearance: button; // 2\n}\n\n// Remove the inner border and padding in Firefox.\n::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n// Correct the focus styles unset by the previous rule.\n:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n// Correct the border, margin, and padding in all browsers.\nfieldset {\n  border: 1px solid #c0c0c0;\n  margin: 0 2px;\n  padding: .35em .625em .75em;\n}\n\n// 1. Correct the text wrapping in Edge and IE.\n// 2. Remove the padding so developers are not caught out when they zero out\n//    `fieldset` elements in all browsers.\nlegend {\n  display: table; // 1\n  max-width: 100%; // 1\n  padding: 0; // 2\n  white-space: normal; // 1\n}\n\n// 1. Remove the vertical scrollbar in IE.\n// 2. Change the resize direction on textareas in all browsers (opinionated).\ntextarea {\n  overflow: auto; // 1\n  resize: vertical; // 2\n}\n\n// Remove the padding in IE 10-.\n[type='checkbox'],\n[type='radio'] {\n  padding: 0;\n}\n\n// Correct the cursor style on increment and decrement buttons in Chrome.\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n// 1. Correct the odd appearance in Chrome and Safari.\n// 2. Correct the outline style in Safari.\n[type='search'] {\n  -webkit-appearance: textfield; // 1\n  outline-offset: -2px; // 2\n}\n\n// Remove the inner padding and cancel buttons in Chrome and Safari for OS X.\n::-webkit-search-cancel-button,\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n// Correct the text style on placeholders in Chrome, Edge, and Safari.\n::-webkit-input-placeholder {\n  color: inherit;\n  opacity: .54;\n}\n\n// 1. Correct the inability to style clickable types in iOS and Safari.\n// 2. Change font properties to `inherit` in Safari.\n::-webkit-file-upload-button {\n  -webkit-appearance: button; // 1\n  font: inherit; // 2\n}\n\n//  WAI-ARIA (https://www.w3.org/TR/html5/dom.html#wai-aria)\n// ==========================================================================\n\n// Change the cursor on busy elements (opinionated).\n[aria-busy='true'] {\n  cursor: progress;\n}\n\n// Change the cursor on control elements (opinionated).\n[aria-controls] {\n  cursor: pointer;\n}\n\n// Change the cursor on disabled, not-editable, or otherwise\n// inoperable elements (opinionated).\n[aria-disabled] {\n  cursor: default;\n}\n\n// User interaction (https://www.w3.org/TR/html5/editing.html)\n// ==========================================================================\n\n// Remove the tapping delay on clickable elements (opinionated).\n// 1. Remove the tapping delay in IE 10.\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation; // 1\n  touch-action: manipulation;\n}\n\n// Change the display on visually hidden accessible elements (opinionated).\n[hidden] {\n  &[aria-hidden='false'] {\n    clip: rect(0, 0, 0, 0);\n    display: inherit;\n    position: absolute;\n\n    &:focus {\n      clip: auto;\n    }\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/sanitize.scss/_sanitize.scss","@import \"./scss/config/index.scss\";\n$purple: #510ed8;\n\n.container {\n  display: flex;\n  align-items: center;\n  position: relative;\n}\n\n.otherHeaderLogo {\n  display: block;\n  height: 100%;\n  width: 150px;\n}\n\n@keyframes theme {\n  0% {\n    transform: scale(0.1);\n    opacity: 0;\n  }\n  60% {\n    transform: scale(1.2);\n    opacity: 1;\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n\n.themeChooser {\n  color: white;\n  position: absolute;\n  top: 2em;\n  right: 2em;\n  width: 20px;\n  display: flex;\n  cursor: pointer;\n}\n\n.themeAnimation {\n  animation: theme 0.8s ease-in-out forwards;\n}\n\n.withExit {\n  position: unset;\n  right: unset;\n  top: unset;\n}\n\n.rightArea {\n  display: flex;\n  width: 5em;\n  justify-content: space-between;\n\n  @media all and (max-width: 480px) {\n    position: absolute;\n    right: 10px;\n  }\n}\n\n.buttonLan {\n  color: #7c1de9 !important;\n\n  width: 40px;\n  height: 40px;\n  border-radius: 20px;\n  background: #fff;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  overflow: hidden;\n  margin-right: 10px;\n  font-size: 18px;\n  font-weight: bold;\n  cursor: pointer;\n}\n\n.header {\n  height: 88px;\n  width: 100%;\n  top: 0;\n  left: 0;\n  right: 0;\n  z-index: 1001;\n  transition: position 0.3s ease;\n  position: absolute;\n}\n\n.flexebleHeader {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  height: 100%;\n}\n\n.container {\n  margin: auto;\n  height: 88px;\n}\n\n.imgWrapper {\n  height: 100%;\n  img {\n    height: 100%;\n    object-fit: contain;\n  }\n}\n\n@media all and (max-width: 780px) {\n  .container {\n    margin: 0 auto;\n  }\n\n  .container {\n    height: 100%;\n  }\n}\n\n@include media-mobile {\n  .header {\n    display: flex;\n  }\n\n  .widgetHeader {\n    display: unset;\n    width: 100%;\n  }\n}\n\n.header-fixed {\n  position: fixed;\n  height: 88px;\n  animation: slide-down 0.4s;\n}\n\n.header-promo {\n  background: transparent;\n}\n\n.header-mobile > div {\n  transform: none;\n  z-index: 9999999;\n  transition: transform 250ms ease;\n}\n\n.loaderCreateWallet {\n  display: block;\n  position: fixed;\n  z-index: 9999999999999999;\n  width: 100vw;\n  height: 100vh;\n}\n\n@keyframes slide-down {\n  0% {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@media all and (max-width: 480px) {\n  .container {\n    display: none;\n  }\n  .contawidge_container {\n    display: flex;\n    align-items: center;\n    position: relative;\n  }\n\n  .imgWrapper {\n    width: 100%;\n    display: flex;\n    justify-content: center;\n    width: 130px;\n  }\n\n  .flexebleHeader {\n    width: 100%;\n    padding: 5px 15px 10px;\n    top: 15px;\n    position: relative;\n    justify-content: center;\n  }\n\n  .otherHeaderLogo {\n    width: 100%;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/Header/Header.scss","@import \"./scss/config/index.scss\";\n.submenu {\n  display: inline-block;\n  padding: 0;\n  list-style: none;\n  position: absolute;\n  background: #fff;\n  padding: 10px 0;\n  top: 55px;\n  left: -40px;\n  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);\n  width: 300px;\n  // width: -webkit-max-content;\n  // width: -moz-max-content;\n  // width: max-content;\n  visibility: hidden;\n  transition: 0.2s;\n}\n\ndiv > div > div > div > div:hover .submenu {\n  visibility: visible;\n}\n\n.submenu-item {\n  display: flex;\n  padding: 10px 25px;\n  color: black;\n  cursor: pointer;\n  &:hover {\n    background: #f5f5f5;\n  }\n  a {\n    font-weight: bold;\n    font-size: 14px;\n    cursor: pointer;\n    display: block;\n    color: #000!important;\n  }\n  p {\n    margin: 0;\n  }\n  img {\n    display: inline-block;\n    object-fit: contain;\n  }\n}\n\n.text-container-submenu {\n  margin-left: 20px;\n  span {\n    span {\n      font-weight: bold;\n    }\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/Header/SubMenu/SubMenu.scss","@import \"./scss/config/index.scss\";\n$textColor: #1F2D48;\n$exchangeBorder: #512ed0;\n\n.nav {\n  height: 100%;\n  min-width: 0;\n  flex: auto 1 1;\n  display: flex;\n  align-items: center;\n  left: 50%;\n  transform: translateX(-50%);\n  position: absolute;\n}\n\n.mainMenu {\n  margin-right: 25px;\n  position: relative;\n}\n\n.fixed-width {\n  width: 145px;\n  padding: 0 5px;\n}\n\n.link {\n  display: inline-flex;\n  justify-content: space-between;\n  align-items: center;\n  position: relative;\n  font-weight: 500;\n  font-size: 16px;\n  text-decoration: none;\n  cursor: pointer;\n  transition: color 0.1s ease;\n  font-weight: 800;\n  font-size: 15px;\n  @include ff-bold;\n  line-height: 140%;\n  color: #8E9AA3;\n\n  \n  &:first-child {\n    margin-left: 0px;\n    z-index: 1;\n  }\n\n  &:hover {\n    color: rgba($textColor, 1);\n\n    img {\n      filter: none;\n      transform: rotate(180deg);\n    }\n  }\n\n  &.active {\n    color: rgba($textColor, 1);\n\n    &_exchange {\n      border-color: $exchangeBorder;\n    }\n\n    &.dark {\n      color: white;\n    \n      &:hover {\n        color: white;\n      }\n    }\n  }\n  \n}\n\n.container {\n  cursor: pointer;\n}\n\n.humburger {\n  position: relative;\n  width: 10px;\n  height: 1px;\n  background-color: #000;\n  margin: 2px 4px 0;\n  bottom: 2px;\n  z-index: 0;\n}\n\n@media screen and (max-width: 860px){\n  .humburger {\n    display: none;\n  }\n\n  .nav {\n    padding: 0;\n  }\n}\n\n@media screen and (max-width: 560px){\n  .link {\n    display: none;\n  }\n}\n\n.active {\n  font-weight: 700;\n  color: #512ed0;\n}\n\n.bold {\n  font-weight: bold;\n}\n\n.arrowSub {\n  display: inline-block;\n  filter: opacity(0.7) brightness(0);\n  transition: transform 0.2s ease,\n    filter 0.2s ease;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/Header/Nav/Nav.scss","@import \"./scss/config/index.scss\";\n.avatar-container {\n    position: relative;\n    text-align: center;\n    color: black;\n}\n\n.avatar-reputation-centered {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    -webkit-transform: translate(-50%, -50%);\n    transform: translate(-50%, -50%);\n    background: white;\n    margin-left: 5px;\n    border-radius: 50%;\n    font-size: 10px;\n    padding: 3px;\n}\n\n.noBg {\n    background: none;\n}\n\n.user-cont {\n    float: right;\n    display: flex;\n    justify-content: left;\n    align-items: center;\n    position: absolute;\n    right: 40px;\n    display: none;\n}\n\n.hidden {\n    opacity: 0;\n    visibility: hidden;\n}\n\n.avatar {\n    margin-left: 10px;\n    background: #fff;\n    padding: 5px;\n    border-radius: 50%;\n    box-sizing: content-box;\n}\n\n.icon {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 40px;\n    height: 40px;\n    padding-right: 4px;\n    background: rgba(white, 0.85);\n    border-radius: 50%;\n    color: #7371ff;\n    font-size: 24px;\n    text-align: center;\n    cursor: pointer;\n    transition: color 300ms ease;\n\n    &:hover {\n        color: #e91db4;\n    }\n}\n\n@include media-mobile {\n    .user-cont {\n        display: none;\n    }\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/components/Header/User/User.scss","@import \"./scss/config/index.scss\";\n.question {\n  width: 40px;\n  height: 40px;\n  border-radius: 20px;\n  background: #fff;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  overflow: hidden;\n  margin-right: 10px;\n  font-size: 18px;\n  font-weight: bold;\n  color: #7c1de9;\n  cursor: pointer;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/Header/User/Question/Question.scss","@import \"./scss/config/index.scss\";\n.user {\n  width: 36px;\n  height: 36px;\n  border-radius: 20px;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  // background: #fff;\n  // box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);\n  cursor: pointer;\n}\n\n.bell {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n}\n\n.status {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 10px;\n  height: 10px;\n  border-radius: 5px;\n  background: #e91db4;\n}\n\n.new {\n  border: 2px solid #ff1fc5;\n}\n\n.shake {\n  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;\n  transform: translate3d(0, 0, 0);\n  backface-visibility: hidden;\n  perspective: 1000px;\n}\n\n@keyframes shake {\n  10%, 90% {\n    transform: translate3d(-1px, 0, 0);\n  }\n\n  20%, 80% {\n    transform: translate3d(2px, 0, 0);\n  }\n\n  30%, 50%, 70% {\n    transform: translate3d(-4px, 0, 0);\n  }\n\n  40%, 60% {\n    transform: translate3d(4px, 0, 0);\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/Header/User/UserAvatar/UserAvatar.scss","@import \"./scss/config/index.scss\";\n.column {\n  position: absolute;\n  min-width: 360px;\n  top: 68px;\n  right: 0;\n  z-index: 1024;\n}\n\n.feed {\n  min-width: 50%;\n  height: 20px;\n  padding: 25px 0;\n  text-align: center;\n  border-radius: 8px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: #fff;\n  box-shadow: 0 3px 9px 0 rgba(0,0,0,0.06);\n  margin-top: 10px;\n}\n\n.userTooltip {\n  width: 100%;\n  height: 88px;\n  border-radius: 8px;\n  background: #000;\n  color: #fff;\n  box-shadow: 0 3px 9px 0 rgba(0,0,0,0.06);\n  padding: 0 25px;\n  display: flex;\n  margin-top: 10px;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.title {\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 1;\n  color: #333;\n  margin-bottom: 5px;\n}\n\n.currency {\n  font-size: 14px;\n  font-weight: 700;\n  width: 220px;\n  text-transform: uppercase;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.coin {\n  color: #b4b4b4;\n}\n\n.arrow {\n  display: inline-block;\n  width: 5px;\n}\n\n.arrow img {\n  display: block;\n  width: 100%;\n  height: auto;\n}\n\n.checked {\n  width: 40px;\n  height: 40px;\n  background: #f2f9f2 url('./images/accept.svg') 50% 50% no-repeat;\n  border-radius: 20px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n}\n\n.decline {\n  width: 40px;\n  height: 40px;\n  background: #f2f9f2 url('./images/close.svg') 50% 50% no-repeat;\n  border-radius: 20px;\n  background-size: 15px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n}\n\n.icon {\n  width: 12px;\n  height: 8px;\n  border: solid 2px #3bb33b;\n}\n\n@include media-mobile {\n  .title {\n    position: relative;\n    left: 70px;\n  }\n  .currency {\n    flex-direction: column;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/Header/User/UserTooltip/UserTooltip.scss","@import \"./scss/config/index.scss\";\n.button {\n  display: flex;\n  align-items: center;\n  min-width: 40px;\n  height: 40px;\n  padding: 0 20px;\n  background-color: #e91db4;\n  margin-right: 10px;\n  cursor: pointer;\n  font-size: 18px;\n  color: #fff;\n  border-radius: 20px;\n  position: relative;\n\n  &:hover {\n    background-color: #ff1fc5;\n    color: #ffffff;\n  }\n}\n\n@media (max-width: 860px){\n  .button {\n    display: none;\n  }\n}\n\n.mobile {\n  position: fixed;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  z-index: 10;\n}\n\n.mobile {\n  min-width: 48px;\n  height: 48px;\n  line-height: 48px;\n  border-radius: 48px;\n  display: block;\n  margin-right: 20px;\n  margin-bottom: 100px;\n}\n\n.mobile .button {\n  display: none;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/Header/User/SignUpButton/SignUpButton.scss","@import \"./scss/config/index.scss\";\n.navbar {\n  background-color: #6144E5;\n  overflow: hidden;\n  position: fixed;\n  bottom: 0px;\n  width: 100%;\n  z-index: 1001111;\n  display: flex;\n  flex-direction: row;\n  @include ff-bold;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08), 0px 1px 4px rgba(0, 0, 0, 0.08);\n  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#510ed8+0,510ed8+70,8821ee+100 */\n\n  transition: bottom 250ms ease !important;\n\n  &-hidden {\n    bottom: -150px;\n    transition: bottom 250ms ease !important;\n  }\n\n  a {\n    display: block;\n    font-size: 17px;\n    flex: 1;\n    padding: 14px 7px;\n    text-align: center;\n    color: #fff;\n    text-decoration: none;\n    display: flex;\n    flex-direction: column;\n    border-right: 1px solid #fff;\n\n    &.active {\n      font-weight: 700;\n      color: #1F2D48;\n    }\n\n    i {\n      padding: 5px 0;\n    }\n\n    &:last-child {\n      border-right: none;\n    }\n  }\n}\n\n.dark {\n  background-color: #29293b;\n\n  .active {\n    background: #6144e5;\n    color: white !important;\n  }\n}\n\n.active {\n  font-weight: 700;\n  background: #fff;\n}\n\n.bold {\n  font-weight: bold;\n}\n\n@media all and (min-width: 320px) and (max-width: 570px) {\n  .navbar {\n    a {\n      font-size: 12px;\n      padding: 7px;\n\n      i {\n        font-size: 18px;\n      }\n    }\n  }\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/components/Header/NavMobile/NavMobile.scss","@import \"./scss/config/index.scss\";\n.toolTipBody {\n    background-color: #fff;\n    min-width: 220px;\n    max-width: 420px;\n    position: relative;\n    border-radius: 5px;\n}\n\n.TooltipTitle {\n    color: #f04;\n    padding: 20px;\n    margin: 0;\n}\n\n.TooltipContent {\n    color: #000;\n    padding: 20px;\n}\n\n.TooltipFooter {\n    background-color: #302272;\n    color: white;\n        display: flex;\n    justify-content: flex-end;\n    margin-top: 1rem;\n    padding: 5px;\n    border-radius: 0 0 5px 5px;\n  * + * {\n    margin-left: 0.5rem;\n  }\n\n    button {\n        padding: 0.8rem;\n    }\n}\n\n@media all and (max-width: 480px) {\n  .toolTipBody {\n    min-width: 220px;\n  }\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/components/TourWindow/styles.scss","@import \"./scss/config/index.scss\";\n@keyframes loader1 {\n  0% {\n    opacity: 0;\n    transform: translate3d(25%, -50%, 0) rotateY(-77deg);\n  }\n  30% {\n    opacity: 1;\n  }\n  60% {\n    opacity: 1;\n    transform: translate3d(-15%, -50%, 0) rotateY(-37deg);\n  }\n  75% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 0;\n    transform: translate3d(-15%, -50%, 0) rotateY(-37deg);\n  }\n}\n\n@keyframes loader2 {\n  0% {\n    opacity: 0;\n    transform: translate3d(20%, -50%, 0) rotateY(-107deg);\n  }\n  30% {\n    opacity: 1;\n  }\n  60% {\n    opacity: 1;\n    transform: translate3d(-60%, -50%, 0) rotateY(-57deg);\n  }\n  75% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 0;\n    transform: translate3d(-60%, -50%, 0) rotateY(-57deg);\n  }\n}\n\n@keyframes loader3 {\n  0% {\n    opacity: 0;\n    transform: translate3d(50%, -50%, 0);\n  }\n  30% {\n    opacity: 1;\n  }\n  60% {\n    opacity: 1;\n    transform: translate3d(0, -50%, 0);\n  }\n  75% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 0;\n    transform: translate3d(0, -50%, 0);\n  }\n}\n\n.overlay {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  background-color: rgba(255, 255, 255, 1);\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 2000;\n  display: none;\n}\n\n.loader {\n  width: 100px;\n  height: 100px;\n  perspective: 60px;\n  perspective-origin: 7% 57%;\n  margin: auto;\n\n  &.small {\n    width: 50px;\n    height: 50px;\n    -webkit-perspective: 30px;\n    perspective: 30px;\n  }\n}\n\n.loader1, .loader2, .loader3 {\n  position: absolute;\n  opacity: 0;\n  will-change: transform, opacity;\n}\n\n.loader1:first-child, .loader2:first-child, .loader3:first-child {\n  margin-left: 0;\n}\n\n.loader1 {\n  width: 28%;\n  height: 80%;\n  background: linear-gradient(#6829df, #5124d5);\n  left: 0;\n  top: 50%;\n  transform: translate3d(25%, -50%, 0) rotateY(-77deg);\n  animation: loader1 1.6s infinite;\n}\n\n.loader2 {\n  width: 20%;\n  height: 63%;\n  background: linear-gradient(#702be1, #623ad9);\n  left: 48%;\n  top: 50%;\n  transform: translate3d(20%, -50%, 0) rotateY(-107deg);\n  animation: loader2 1.6s infinite;\n  animation-delay: 0.2s;\n}\n\n.loader3 {\n  width: 28%;\n  height: 33%;\n  right: 0;\n  top: 47%;\n  overflow: hidden;\n  transform: translate3d(50%, -50%, 0);\n  animation: loader3 1.6s infinite;\n  animation-delay: 0.4s;\n\n  &::after {\n    content: '';\n    display: block;\n    width: 100%;\n    height: 140%;\n    background: linear-gradient(155deg, #802cf6, #5023d5);\n    position: absolute;\n    top: 0;\n    left: 0;\n    transform: translate3d(-37%, -37%, 0) rotate(40deg);\n  }\n}\n\n.text {\n  margin-top: 20px;\n  font-size: 16px;\n  top: 65%;\n  text-align: center;\n  padding: 0 5px;\n }\n\n.link {\n  margin-top: 10px;\n  font-size: 16px;\n  top: 70%;\n  text-align: center;\n  padding: 0 5px;\n}\n\n.over {\n  text-transform: uppercase;\n}\n\n.tips {\n  margin-top: 25px;\n  font-size: 16px;\n  text-align: center;\n  padding: 0 5px;\n}\n\n.Firefox {\n  .loader {\n    div {\n      opacity: 1;\n      animation: none;\n    }\n  }\n  .loader1 {\n    transform: translate3d(-15%, -50%, 0) rotateY(-37deg);\n  }\n  .loader2 {\n    transform: translate3d(-60%, -50%, 0) rotateY(-57deg);\n  }\n  .loader3 {\n    transform: translate3d(0, -50%, 0);\n  }\n}\n\n@include media-mobile {\n  .overlay {\n    width: 100%;\n    height: 100%;\n  }\n\n  .text {\n    margin-top: 20px;\n    font-size: 10px;\n    top: 65%;\n    text-align: center;\n    padding: 0 5px;\n   }\n\n   .link {\n     margin-top: 10px;\n     font-size: 7px;\n     top: 70%;\n     text-align: center;\n     padding: 0 5px;\n   }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/loaders/Loader/Loader.scss","@import \"./scss/config/index.scss\";\n.exitArea {\n    display: flex;\n    align-items: baseline;\n    cursor: pointer;\n  \n    span {\n      margin-left: 0.5em;\n    }\n  \n    &:hover {\n     color: #6044e6;;\n    }\n}\n\n.dark {\n  color: white\n}\n\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/Header/WidgetHeader/styles.scss","@import \"./scss/config/index.scss\";\n$information-footer-height: 44px;\n\n.footer {\n  background-color: #ffffff;\n  width: 100%;\n\n  &.dark {\n    background-color: #222427;\n  }\n}\n\n.inRow {\n  width: 120px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.information-footer {\n  width: 100%;\n  height: $information-footer-height;\n  background: #ffffff;\n}\n\n.date {\n  color: black;\n  font-size: 12px;\n  margin-top: 20px;\n}\n\n.text {\n  font-size: 14px;\n}\n\n.shareText {\n  margin: 60px auto;\n}\n\n.container {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  align-items: center;\n  padding: 16px 0;\n  flex-wrap: wrap;\n}\n\n@include media-mobile {\n  .information-footer {\n    display: flex;\n    justify-content: center;\n    text-align: center;\n  }\n\n  .copyright {\n    margin-top: 16px;\n  }\n\n  .container {\n    &--copyright {\n      flex-direction: column-reverse;\n    }\n  }\n}\n\n@include media-tablet-landscape-and-lower {\n  .footer {\n    padding-bottom: 70px;\n  }\n}\n\n@include media-tablet {\n  .information-footer {\n    display: flex;\n    justify-content: center;\n  }\n\n  .container {\n    &--copyright {\n      flex-direction: column-reverse;\n    }\n  }\n\n  .copyright {\n    margin-top: 16px;\n  }\n}\n\n@include media-desktop {\n\n  .information-footer {\n    position: fixed;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 4;\n  }\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/components/Footer/Footer.scss","@import \"./scss/config/index.scss\";\n.title {\n  font-size: 14px;\n  color: #b2b2b2;\n  background: #ffffff;\n  position: static;\n  z-index: 1049;\n  padding-bottom: 20px;\n  padding-top: 10px;\n\n  &.--dark {\n    background: none;\n  }\n\n  &>span {\n    padding-left: 5px;\n    display: inline-block;\n    line-height: 1em;\n    vertical-align: middle;\n  }\n\n  & span {\n    font-weight: bold;\n\n  }\n\n  & svg {\n    display: block;\n    position: relative;\n    top: 2px;\n    height: 3px;\n  }\n  &.online,\n  &.offline {\n    div {\n      display: none;\n      padding-left: 10px;\n    }\n    em {\n      display: inline-block;\n      width: 0.5em;\n      height: 0.5em;\n      background: #f56e85;\n      line-height: 1em;\n      vertical-align: middle;\n      border-radius: 0.5em;\n    }\n  }\n  &:hover {\n    div {\n      display: inline-block;\n    }\n  }\n  &.online {\n    em {\n      background: #4dd3ab;\n    }\n  }\n}\n\n\n\n\n.connect {\n  color: #3de25b;\n}\n\n.disconnect {\n  color: #e32950;\n}\n\n.copyright {\n  border-top: 1px solid rgba(255,255,255, 0);\n\n  &-text {\n    font-size: 14px;\n    color: rgba(51, 51, 51, 0.6);\n  }\n}\n\n@include media-tablet {\n  .title {\n    font-size: 16px;\n  }\n}\n\n@media screen and (max-width: 480px) {\n  .title {\n    font-size: 8px;\n    height: 25px;\n    top: 2px;\n    bottom: auto;\n    left: 2px;\n    background: none;\n    margin: 2px 5px;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/Footer/Info/Info.scss","@import \"./scss/config/index.scss\";\n.social-menu {\n  display: flex;\n  list-style: none;\n  justify-content: center;\n  margin-top: 20px;\n  margin-bottom: 0;\n  padding: 0;\n\n  & li {\n    margin-right: 18px;\n\n    &:last-child {\n      margin-right: 0;\n    }\n  }\n}\n\n.icon {\n  color: #7371ff;\n  font-size: 24px;\n  text-align: center;\n  transition: color 300ms ease;\n  cursor: pointer;\n\n  &:hover {\n    color: #e91db4;\n  }\n}\n\n@include media-mobile {\n  .social-menu {\n    flex-wrap: wrap;\n    justify-content: center;\n\n    li {\n      margin-right: 10px;\n    }\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/Footer/SocialMenu/SocialMenu.scss","@import \"./scss/config/index.scss\";\n.langSwitcher {\n  a {\n    font-size: 14px;\n  }\n}\n\n.language {\n  font-size: 20px;\n  cursor: pointer;\n  color: #7371ff;\n  font-weight: bolder;\n  padding: 0 3px 0 3px;\n\n  &.--dark {\n    &:not([href]) {\n      color: #8e9aa3;\n    }\n  }\n}\n\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/Footer/SwitchLang/SwitchLang.scss","@import \"./scss/config/index.scss\";\n.Wrapper {\n    background: rgba(0,0,0, 0.0);\n}  \n.dark {\n    background: rgb(34, 36, 39);\n}\n\n\n// WEBPACK FOOTER //\n// ./shared/components/layout/Wrapper/Wrapper.scss","@import \"./scss/config/index.scss\";\n.value {\n  @include ff-bold;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/notifications/SuccessWithdraw/SuccessWithdraw.scss","@import \"./scss/config/index.scss\";\n.container {\n  margin-left: 5px;\n  margin-right: 5px;\n  position: relative;\n  transition: margin-top 0.1s linear 0.4s, margin-bottom 0.1s linear 0.4s;\n  margin-top: 0;\n\n  &.mounted {\n    margin-top: 10px;\n  }\n\n  &.removed {\n    overflow: hidden;\n    transition: margin-top 0.1s linear 0s, margin-bottom 0.1s linear 0s;\n    margin-top: 0;\n  }\n}\n\n.notification {\n  min-width: 300px;\n  max-width: 600px;\n  background-color: #fff;\n  position: relative;\n  margin-top: -100%;\n  opacity: 0;\n  font-size: 14px;\n  color: #000;\n  border-radius: 6px;\n  box-shadow: rgba(#000, 0.4) 0 2px 10px;\n\n  &.mounted {\n    margin-top: 0 !important;\n    opacity: 1 !important;\n    transition: all 0.4s linear;\n  }\n\n  &.removed {\n    margin-top: -100% !important;\n    opacity: 0.5 !important;\n  }\n}\n\n.ErrorNotification {\n  background-color:var(--light);\n  color: var(--danger);\n  position: fixed;\n  bottom: 100;\n  right: 0;\n  padding: 20px 15px 10px 15px;\n  z-index: 5;\n  border-radius: 4px;\n   & .error-notification-heading {\n    font-size: 16px;\n  }\n   & .error-notification-text {\n    font-size: 14px;\n  }\n   p {\n    margin-bottom: 20px;\n  }\n}\n\n.content {\n  padding: 15px 25px;\n  font-size: 18px;\n}\n\n@include media-mobile {\n  .notification {\n    width: 80%;\n    left: 15px;\n  }\n  .content {\n    font-size: 12px;\n    word-break: break-word;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/notification/Notification/Notification.scss","@import \"./scss/config/index.scss\";\n.value {\n  font-weight: 600;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/notifications/Message/Message.scss","@import \"./scss/config/index.scss\";\n.value {\n  @include ff-bold;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/notifications/BTCMultisignRequest/BTCMultisignRequest.scss","@import \"./scss/config/index.scss\";\n.notificationConductor {\n  display: flex;\n  max-height: 100%;\n  flex-direction: column;\n  flex-wrap: wrap-reverse;\n  position: fixed;\n  top: 0;\n  right: 5px;\n  z-index: 1011;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/notification/NotificationConductor/NotificationConductor.scss","@import \"./scss/config/index.scss\";\n\n.page{\n  text-align: center;\n  font-size: 40px;\n  margin: 20% 20% 20% 20%;\n}\n.header{\n  font-size: 30px;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./shared/components/ErrorPageNoSSL/ErrorPageNoSSL.scss"],"mappings":"AACA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACIA;ACJA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACCA;ACDA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACqCA;ACrCA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;;ACCA;;AAEA;ACHA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACCA;ACDA;ACCA;ACDA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACGA;ACHA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACGA;ACHA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACCA;ACDA;ACDA;ACGA;ACFA;ACGA;ACHA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACEA;ACFA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACCA;","sourceRoot":""}