/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/normalized.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
* {
   padding: 0;
   margin: 0;
   border: 0;
   box-sizing: border-box;
   font-family: var(--font-family);
}

*,
*:before,
*:after {
   box-sizing: border-box;
}

:focus,
:active {
   outline: none;
   -webkit-tap-highlight-color: transparent;
}

a:focus,
a:active {
   outline: none;
   -webkit-tap-highlight-color: transparent;
}

nav,
footer,
header,
aside {
   display: block;
}

html,
body {
   height: 100%;
   width: 100%;
   font-size: 100%;
   line-height: 1;
   font-size: 14px;
   -ms-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
}

input,
button,
textarea {
   font-size: inherit;
   font-family: inherit;
   background-color: transparent;
}

input:-internal-autofill-selected {
   background-color: #030303;
   color: #ffffff;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
   color: #ffffff;
   background-color: #030303;
   -webkit-background-clip: text;
   -webkit-text-fill-color: #ffffff;
   -webkit-box-shadow: none;
}

input::-ms-clear {
   display: none;
}

button {
   cursor: pointer;
   color: inherit
}

button::-moz-focus-inner {
   padding: 0;
   border: 0;
}

a,
a:visited {
   text-decoration: none;
   color: inherit;
}

a:hover {
   text-decoration: none;
}

ol li,
ul li {
   list-style: none;
}

img {
   vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   font-size: inherit;
   font-weight: 400;
}

body {
   position: relative;
   margin-bottom: 20px;
   background-color: var(--color-grey-1, #030303);
   color: var(--color-white-solid, #ffffff)
}

#root {
   position: relative;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./components/Buttons/ButtonClose/ButtonClose.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ButtonClose_button-close__963Py svg {
  width: 10vw;
  height: 10vw;
  transition: transform 0.5s;
}
@media (min-width: 768px) {
  .ButtonClose_button-close__963Py svg {
    width: 127px;
    height: 127px;
  }
}
.ButtonClose_button-close__963Py svg circle,
.ButtonClose_button-close__963Py svg line {
  transition: stroke 0.5s;
}
.ButtonClose_button-close__963Py:hover svg {
  transform: rotate(180deg);
}
.ButtonClose_button-close__963Py:hover svg circle,
.ButtonClose_button-close__963Py:hover svg line {
  stroke: var(--color-spring-green-73);
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./components/Buttons/LinkTextAnimated/styles.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_link-with-underline__uZnaj {
  position: relative;
  display: block;
  padding: 6px;
  font-size: 20px;
  line-height: 120%;
  color: var(--color-white-solid);
}
.styles_link-with-underline__mask__Kbnrj {
  display: block;
  padding: 6px;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  white-space: nowrap;
}
.styles_link-with-underline__arrow__iF9fe {
  position: absolute;
  top: 50%;
  right: 0px;
}
.styles_link-with-underline__text__7KESY {
  opacity: 0;
  white-space: nowrap;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./components/Footer/Footer.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Footer_footer__OQpsI {
  padding: 100px 0 40px;
}
@media (min-width: 768px) {
  .Footer_footer__OQpsI {
    padding: 180px 0 50px;
  }
}
@media (min-width: 1100px) {
  .Footer_footer__OQpsI {
    padding: 245px 0 73px;
  }
}
.Footer_footer__body__iekKk > * {
  margin-bottom: 40px;
  flex: 0 0 50%;
}
@media (min-width: 768px) {
  .Footer_footer__body__iekKk {
    display: flex;
    gap: 30px;
  }
  .Footer_footer__body__iekKk > * {
    margin-bottom: 0;
  }
}
.Footer_footer__wrapper__7A55u {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.Footer_footer__wrapper__7A55u > * {
  flex: 0 0 50%;
}
@media (min-width: 1100px) {
  .Footer_footer__wrapper__7A55u {
    align-items: flex-start;
  }
}
.Footer_footer__info__RHXyR {
  font-weight: 500;
  font-size: 20px;
  line-height: 125%;
  text-align: center;
}
@media (min-width: 768px) {
  .Footer_footer__info__RHXyR {
    font-size: 24px;
  }
}
@media (min-width: 1100px) {
  .Footer_footer__info__RHXyR {
    font-size: 32px;
  }
}
.Footer_footer__link__VuDRl {
  display: block;
  font-size: 18px;
  line-height: 171%;
  text-decoration: underline;
  -webkit-text-decoration-color: #59ffac !important;
          text-decoration-color: #59ffac !important;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
}
.Footer_footer__link__VuDRl:hover {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
}
@media (min-width: 768px) {
  .Footer_footer__link__VuDRl {
    font-size: 20px;
  }
}
@media (min-width: 1100px) {
  .Footer_footer__link__VuDRl {
    font-size: 36px;
  }
}
@media (max-width: 768px) {
  .Footer_footer__link__VuDRl {
    text-align: center;
  }
}
.Footer_footer__bottom-text__UUcfm {
  font-size: 20px;
  line-height: 120%;
}
@media (max-width: 768px) {
  .Footer_footer__bottom-text__UUcfm {
    text-align: center;
    font-size: 14px;
  }
}
.Footer_footer__bottom__zwMrD * {
  font-size: 20px;
  line-height: 120%;
}
.Footer_footer__anchor-block__syclL {
  padding-bottom: 19px;
  display: flex;
  justify-content: center;
  gap: 40px;
  flex-wrap: wrap;
}
.Footer_footer__anchor-block__syclL div {
  text-align: center;
  position: relative;
}
.Footer_footer__anchor-block__syclL button,
.Footer_footer__anchor-block__syclL a {
  position: relative;
  display: block;
  text-align: center;
}
@media (min-width: 768px) {
  .Footer_footer__anchor-block__syclL {
    justify-content: flex-end;
  }
}
@media (min-width: 1200px) {
  .Footer_footer__anchor-block__syclL {
    flex-direction: row;
    justify-content: space-between;
    gap: 20px;
  }
}
.Footer_footer__privacy__MeXYz button {
  width: 100%;
}
@media (min-width: 1200px) {
  .Footer_footer__privacy__MeXYz {
    display: block;
  }
}
.Footer_footer__anchor-text__vF__C {
  opacity: 0;
  white-space: nowrap;
}
.Footer_footer__terms__5l8c6 {
  padding-top: 20px;
  padding-bottom: 50px;
  display: flex;
  justify-content: center;
  gap: 30px;
}
.Footer_footer__terms__5l8c6 button {
  font-size: inherit;
}
@media (min-width: 768px) {
  .Footer_footer__terms__5l8c6 {
    justify-content: flex-end;
  }
}
@media (min-width: 1100px) {
  .Footer_footer__terms__5l8c6 {
    padding-bottom: 123px;
    padding-top: 0;
  }
}
.Footer_footer__copyright___2L8W {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .Footer_footer__copyright___2L8W {
    flex-direction: row;
    justify-content: space-between;
  }
}
.Footer_footer__slash__B2TbD {
  display: none;
}
@media (min-width: 1200px) {
  .Footer_footer__slash__B2TbD {
    display: block;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./components/Buttons/ButtonToTop/styles.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_button-to-top__button__MFufF {
  position: relative;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
}
.styles_button-to-top__anchor-text__qHKIK {
  opacity: 0;
  white-space: nowrap;
}
.styles_button-to-top__mask__Q1Mf4 {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  color: inherit;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./components/Header/Header.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Header_header__body__r1yqB {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 156px;
  padding-bottom: 31px;
  padding-top: 31px;
}
.Header_header__logo__W3BBN {
  max-width: max(25vw, 250px);
  width: 360px;
}
.Header_header__logo__W3BBN a {
  display: block;
}
.Header_header__logo__W3BBN svg {
  width: 100%;
  max-width: 100%;
}
.Header_header__menu__6E_NM {
  display: flex;
  align-items: center;
  gap: min(55px, 2.75vw);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./components/FirstScreenTitle/FirstScreenTitle.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.FirstScreenTitle_first-screen__zwa3n {
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  padding-bottom: 70px;
}
.FirstScreenTitle_first-screen__title__bywWf {
  font-weight: 500;
  font-size: 32px;
  line-height: 120%;
  letter-spacing: -0.04em;
}
@media (min-width: 768px) {
  .FirstScreenTitle_first-screen__title__bywWf {
    font-size: 6vw;
  }
}
@media (min-width: 1100px) {
  .FirstScreenTitle_first-screen__title__bywWf {
    font-size: min(80px, 8vh, 8vw);
  }
}
.FirstScreenTitle_first-screen__subtitle__5rCM4 {
  font-family: var(--second-family);
  font-size: 20px;
  line-height: 150%;
  letter-spacing: -0.05em;
}
@media (min-width: 768px) {
  .FirstScreenTitle_first-screen__subtitle__5rCM4 {
    font-size: 24px;
  }
}
@media (min-width: 1100px) {
  .FirstScreenTitle_first-screen__subtitle__5rCM4 {
    line-height: 208%;
    font-size: 32px;
  }
}
.FirstScreenTitle_first-screen__line__QIB_V {
  margin-top: 40px;
  margin-bottom: 40px;
  width: 100%;
  border-top: 1px solid var(--color-white-solid);
}
.FirstScreenTitle_first-screen__footer__iO2qM {
  display: flex;
  justify-content: space-between;
  font-size: 24px;
  line-height: 120%;
}
.FirstScreenTitle_first-screen__footer__iO2qM span {
  font-family: var(--second-family);
  font-weight: 350;
}
.FirstScreenTitle_first-screen__scroll__kUF3d {
  display: flex;
  align-items: center;
  gap: 4px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./components/Buttons/ButtonBorderAnimation/ButtonBorderAnimation.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ButtonBorderAnimation_button-border-animation__zhqAq {
  --size: 76px;
  --padding: 20px;
  font-size: 20px;
  max-width: 100%;
  width: 100%;
}
@media (min-width: 1024px) {
  .ButtonBorderAnimation_button-border-animation__zhqAq {
    width: auto;
  }
}
.ButtonBorderAnimation_button-border-animation__zhqAq.ButtonBorderAnimation_adaptive__gK5Ya {
  --size: 36px;
  font-size: 12px;
}
@media (min-width: 768px) {
  .ButtonBorderAnimation_button-border-animation__zhqAq.ButtonBorderAnimation_adaptive__gK5Ya {
    --size: 48px;
    font-size: 16px;
  }
}
@media (min-width: 1024px) {
  .ButtonBorderAnimation_button-border-animation__zhqAq.ButtonBorderAnimation_adaptive__gK5Ya {
    --size: 76px;
    font-size: 20px;
  }
}
.ButtonBorderAnimation_button-border-animation__zhqAq > * {
  position: relative;
  display: flex;
  align-items: center;
  height: var(--size);
  width: 100%;
  color: var(--color-white-solid);
}
.ButtonBorderAnimation_button-border-animation__text-wrapper__SquR7 {
  position: relative;
  flex: 1 1 auto;
  font-weight: 500;
  line-height: 92%;
  text-transform: uppercase;
  height: 100%;
}
.ButtonBorderAnimation_button-border-animation__text__6Ns1B {
  padding: 0 24px;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  opacity: 1;
  pointer-events: none;
}
@media (min-width: 1024px) {
  .ButtonBorderAnimation_button-border-animation__text__6Ns1B {
    opacity: 0;
  }
}
.ButtonBorderAnimation_button-border-animation__text-mask__VBZ_m {
  padding: 0 16px;
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
  opacity: 1;
  pointer-events: all;
}
.ButtonBorderAnimation_button-border-animation__arrow-wrapper__67uie {
  position: relative;
  display: inline-block;
  min-width: var(--size);
  width: var(--size);
  height: 100%;
  min-height: var(--size);
}
.ButtonBorderAnimation_button-border-animation__arrow__N_MsU {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.ButtonBorderAnimation_button-border-animation__line__dvWEU {
  display: block;
  position: absolute;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  height: 1px;
  background-color: var(--color-white-solid);
}
.ButtonBorderAnimation_button-border-animation__line-top__PBt3q {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  transform: translateX(-50%);
  width: 1px;
  background-color: var(--color-white-solid);
}
.ButtonBorderAnimation_button-border-animation__line-bottom__0JJJ_ {
  display: block;
  position: absolute;
  z-index: 1;
  bottom: 0;
  transform: translateX(-50%) rotate(180deg);
  width: 1px;
  background-color: var(--color-white-solid);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./components/Header/Nav/HeaderNav.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.HeaderNav_header-nav__7kUgZ {
  display: none;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 1100px) {
  .HeaderNav_header-nav__7kUgZ {
    display: flex;
  }
}
.HeaderNav_header-nav__list__Z8UMn {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: min(25px, 2vw);
}
/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/variables.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
:root {
   --font-family: "Unbounded", sans-serif;
   --second-family: "Stratos", sans-serif;
   --paylect-black: #000000;
   --paylect-mine-shaft: #373737;
   --paylect-outrageous-orange: #ff6338;
   --color-white-solid: #ffffff;
   --color-white-solid-opacity-35: #ffffff59;
   --color-grey-1: #030303;
   --color-spring-green-73: #00ff83;
   --color-grey-76: #c1c1c1;
   --color-spring-green-45: #22c55e;
   --color-grey-96: #f4f6f6;
   --color-modal-background: rgba(10, 10, 10, 0.8);
   --color-almost-black: #141414;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[11].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[11].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[11].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[11].use[5]!./app/globals.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: Unbounded;
  font-display: swap;
  src: url(/_next/static/media/Unbounded-Regular.fc3afbcb.woff2) format("woff2"), url(/_next/static/media/Unbounded-Regular.150d7fd1.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Unbounded;
  font-display: swap;
  src: url(/_next/static/media/Unbounded-Medium.3c2f7eea.woff2) format("woff2"), url(/_next/static/media/Unbounded-Medium.d6138f29.woff) format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: Unbounded;
  font-display: swap;
  src: url(/_next/static/media/Unbounded-SemiBold.bb984698.woff2) format("woff2"), url(/_next/static/media/Unbounded-SemiBold.2df791a9.woff) format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: Stratos;
  font-display: swap;
  src: url(/_next/static/media/Stratos-Light.d2fcf9ff.woff2) format("woff2"), url(/_next/static/media/Stratos-Light.f99371e2.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: Stratos;
  font-display: swap;
  src: url(/_next/static/media/Stratos-SemiLight.c5a651e7.woff2) format("woff2"), url(/_next/static/media/Stratos-SemiLight.9f5fc292.woff) format("woff");
  font-weight: 350;
  font-style: normal;
}
@font-face {
  font-family: Stratos;
  font-display: swap;
  src: url(/_next/static/media/Stratos-Medium.9f73da36.woff2) format("woff2"), url(/_next/static/media/Stratos-Medium.c0b3ca48.woff) format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: Stratos;
  font-display: swap;
  src: url(/_next/static/media/Stratos-Regular.f6720cfa.woff2) format("woff2"), url(/_next/static/media/Stratos-Regular.871949fc.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}
html {
  position: relative;
}

body {
  font-family: "Unbounded";
}

html.lenis-stopped,
.lenis-stopped body {
  overflow: hidden;
}

.PhoneInput {
  gap: 10px;
  display: none;
}

.PhoneInputCountrySelect {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  max-width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.PhoneInputCountry {
  position: relative;
  height: 20px;
}
.PhoneInputCountry option {
  font-size: 12px;
}
@media (min-width: 400px) {
  .PhoneInputCountry option {
    font-size: inherit;
  }
}

.PhoneInputCountryIcon {
  width: 30px;
}

.PhoneInputInput {
  flex: 1 1 auto;
  color: white;
  font-size: inherit;
  max-width: calc(100vw - 80px) !important;
}

input[type=number],
input[type=date] {
  -moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button,
input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0px;
}

.container {
  padding-left: 10px;
  padding-right: 10px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1920px;
}
@media (min-width: 768px) {
  .container {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1100px) {
  .container {
    padding-left: 60px;
    padding-right: 60px;
  }
}

.container-large {
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1920px;
}

.container-modal {
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1600px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./components/LottieBlock/LottieBlock.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.LottieBlock_lottie-block__i3li2 {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
}
.LottieBlock_lottie-block__screen__3cxOF {
  margin-left: auto;
  margin-right: auto;
  max-width: min(1144px, 90vh);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./components/Modals/Coins/Coins.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Coins_coins__shell__VT48c {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
@media (min-width: 1024px) {
  .Coins_coins__shell__VT48c {
    flex-direction: row;
    align-items: flex-start;
  }
}
.Coins_coins__grid__PacyO {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 10px;
  gap: 10px;
  width: 100%;
}
@media (min-width: 768px) {
  .Coins_coins__grid__PacyO {
    grid-template-columns: 1fr 1fr;
  }
}
.Coins_coins__select-scroll__R7Eu6 {
  flex: 1 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
}
.Coins_coins__select-scroll__R7Eu6::-webkit-scrollbar {
  display: none;
}
.Coins_coins__select__Wjh_s {
  cursor: pointer;
  padding: 20px 16px;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  background-color: #373737;
}
@media (min-width: 1024px) {
  .Coins_coins__select__Wjh_s {
    padding: 28px 20px;
  }
}
.Coins_coins__select-name__yJ98r {
  font-family: Stratos;
  font-size: 20px;
  line-height: 120%;
  text-transform: uppercase;
  color: #ffffff;
}
@media (min-width: 1150px) {
  .Coins_coins__select-name__yJ98r {
    font-size: 32px;
  }
}
.Coins_coins__select-check__SHLol {
  display: flex;
  align-items: center;
}
.Coins_coins__select-check__SHLol input {
  display: none;
}
.Coins_coins__select-check__SHLol input:checked + span {
  background-color: #ffffff;
  border-color: #ffffff;
}
.Coins_coins__select-check__SHLol span {
  display: inline-block;
  width: 20px;
  min-width: 20px;
  height: 20px;
  border: 1px solid #848484;
  transition: border-color 0.3s, background-color 0.3s;
}
.Coins_coins__coin-icon__jdoln {
  height: 24px;
}
@media (min-width: 768px) {
  .Coins_coins__coin-icon__jdoln {
    height: 50px;
  }
}
.Coins_coins__select-img__geTD_ {
  --arrowSize: 32px;
  width: 0;
  transition: width 0.3s;
}
@media (min-width: 768px) {
  .Coins_coins__select-img__geTD_ {
    --arrowSize: 60px;
  }
}
@media (min-width: 1024px) {
  .Coins_coins__select-img__geTD_ {
    --arrowSize: 80px;
  }
}
.Coins_coins__select-item__u5xgK {
  cursor: pointer;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 20px;
  font-family: Stratos;
  font-weight: 500;
  font-size: 32px;
  line-height: 120%;
  color: #141414;
}
.Coins_coins__select-item__u5xgK input {
  display: none;
}
.Coins_coins__select-item__u5xgK input:checked + .Coins_coins__select-img__geTD_ {
  width: var(--arrowSize);
}
@media (min-width: 768px) {
  .Coins_coins__select-item__u5xgK {
    font-size: 52px;
  }
}
@media (min-width: 1024px) {
  .Coins_coins__select-item__u5xgK:hover .Coins_coins__select-img__geTD_ {
    width: var(--arrowSize);
  }
}
@media (min-width: 1250px) {
  .Coins_coins__select-item__u5xgK {
    font-size: 96px;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./components/Modals/Modals.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Modals_modal__wrapper__NOXY7 {
  position: fixed;
  z-index: 10;
  top: -120%;
  left: 0;
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
  background-color: var(--color-modal-background);
  overflow-y: auto;
  overflow-x: hidden;
}
@supports (height: 100dvh) {
  .Modals_modal__wrapper__NOXY7 {
    height: 100dvh;
  }
}
.Modals_modal__opacity__zZYRW {
  background-color: var(--paylect-black);
}
.Modals_modal__scroll__SoU4Z {
  padding: 0;
}
@media (min-width: 1100px) {
  .Modals_modal__scroll__SoU4Z {
    padding: 50px 0;
  }
}
.Modals_modal__container__LE7_3 {
  --padding: 12px;
  padding: var(--padding);
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1100px) {
  .Modals_modal__container__LE7_3 {
    --padding: 20px;
  }
}
.Modals_modal__body__UbMFV {
  padding: 30px;
  background-color: var(--color-almost-black);
}
.Modals_modal__body__UbMFV * {
  font-family: var(--second-family);
  line-height: 150%;
}
@media (min-width: 768px) {
  .Modals_modal__body__UbMFV {
    padding: 70px;
  }
}
@media (min-width: 1100px) {
  .Modals_modal__body__UbMFV {
    padding: 100px;
  }
}
.Modals_modal__body-fixed-button__w4zTE {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  right: 0;
  width: 100%;
}
.Modals_modal__body-fixed-background__RyIgd {
  padding-top: 30px;
  padding-bottom: 10px;
  background-color: var(--color-almost-black);
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% + 10px);
  display: flex;
  justify-content: flex-end;
}
@media (min-width: 1100px) {
  .Modals_modal__body-fixed-background__RyIgd {
    padding-top: 50px;
  }
}
.Modals_modal__header__QM_m_ {
  padding-top: 30px;
  padding-bottom: 100px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 30px;
  width: calc(100% - 150px);
}
@media (max-width: 768px) {
  .Modals_modal__header__QM_m_ {
    width: calc(100% - 50px);
  }
}
@media (min-width: 1100px) {
  .Modals_modal__header__QM_m_ {
    padding-top: 50px;
  }
}
.Modals_modal__title__Z5ooG {
  position: relative;
  z-index: 5;
  font-weight: 600;
  font-size: 8vw;
  line-height: 120%;
  text-transform: uppercase;
}
@media (min-width: 1200px) {
  .Modals_modal__title__Z5ooG {
    font-size: 120px;
  }
}
.Modals_modal__updated__DK_Jq {
  padding-bottom: 40px;
  font-weight: 500;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: -0.11em;
}
@media (min-width: 768px) {
  .Modals_modal__updated__DK_Jq {
    font-size: 24px;
  }
}
@media (min-width: 1100px) {
  .Modals_modal__updated__DK_Jq {
    font-size: 36px;
  }
}
.Modals_modal__text__U608j {
  margin-bottom: 100px;
  font-size: 20px;
  line-height: 200%;
  letter-spacing: -0.05em;
  color: var(--color-grey-76);
}
.Modals_modal__text__U608j p,
.Modals_modal__text__U608j b {
  line-height: 200%;
  font-weight: 350;
}
@media (min-width: 768px) {
  .Modals_modal__text__U608j {
    font-size: 24px;
  }
}
@media (min-width: 1100px) {
  .Modals_modal__text__U608j {
    font-size: 32px;
  }
}
.Modals_modal__list__YWKA2 {
  counter-reset: item;
}
.Modals_modal__list-title__41PI_ {
  margin-bottom: 20px;
  font-weight: 500;
}
.Modals_modal__list-item__E3zgM {
  margin-bottom: 80px;
  margin-left: 1.3em;
  font-size: 25px;
  font-weight: 400;
  line-height: 200%;
  list-style: decimal;
}
@media (min-width: 768px) {
  .Modals_modal__list-item__E3zgM {
    font-size: 40px;
  }
}
@media (min-width: 1100px) {
  .Modals_modal__list-item__E3zgM {
    font-size: 50px;
  }
}
.Modals_modal__list-item__E3zgM > * > * {
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.08em;
  color: var(--color-grey-76);
}
@media (min-width: 768px) {
  .Modals_modal__list-item__E3zgM > * > * {
    font-size: 18px;
  }
}
@media (min-width: 1100px) {
  .Modals_modal__list-item__E3zgM > * > * {
    font-size: 20px;
  }
}
.Modals_modal__list-offset__GbAeQ {
  margin-top: 20px;
  margin-left: -1.3em;
}
.Modals_modal__list-offset__GbAeQ > p {
  margin-bottom: 30px;
}
.Modals_modal__list-offset__GbAeQ > p,
.Modals_modal__list-offset__GbAeQ b {
  font-weight: 350;
}
.Modals_modal__list-subtitle__Tdk7f {
  margin-top: 50px;
  padding-bottom: 20px;
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  letter-spacing: -0.08em;
  color: var(--color-white-solid);
}
@media (min-width: 768px) {
  .Modals_modal__list-subtitle__Tdk7f {
    font-size: 24px;
  }
}
@media (min-width: 1100px) {
  .Modals_modal__list-subtitle__Tdk7f {
    font-size: 32px;
  }
}
.Modals_modal__list-subtext__uf3sg {
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: -0.08em;
}
.Modals_modal__sub-list__ykeyt {
  margin-bottom: 30px;
  padding-left: 1.7em;
  font-weight: 350;
  font-size: 20px;
  line-height: 150%;
  letter-spacing: -0.08em;
}
.Modals_modal__sub-list__ykeyt li {
  list-style: disc;
}
.Modals_modal__sent-text__IqpMn {
  font-size: 18px;
  font-weight: 500;
}
@media (min-width: 768px) {
  .Modals_modal__sent-text__IqpMn {
    font-size: 24px;
  }
}
@media (min-width: 1100px) {
  .Modals_modal__sent-text__IqpMn {
    font-size: 36px;
  }
}
.Modals_modal__sent-button-close__AfC5r {
  display: flex;
  justify-content: flex-end;
}
.Modals_modal__light-body__OvpYH {
  width: 100%;
  overflow: hidden;
  background-color: #C1C1C1;
}
.Modals_modal__light-body__OvpYH.network-list {
  max-width: 720px;
}
.Modals_modal__light-body__OvpYH.coin-list {
  max-width: 900px;
}
.Modals_modal__light-body__OvpYH.qr-code {
  max-width: 340px;
}
.Modals_modal__light-padding__I01Iz {
  padding: 12px;
  display: flex;
  flex-direction: column;
  width: 100vw;
  max-width: 100%;
}
@media (min-width: 1024px) {
  .Modals_modal__light-padding__I01Iz {
    padding: 20px;
  }
}
.Modals_modal__light-header___NOh4 {
  padding-bottom: 20px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #848484;
}
.Modals_modal__light-title__Dcphd {
  font-family: Stratos;
  font-size: 20px;
  line-height: 120%;
  text-transform: uppercase;
  color: #141414;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./components/Tabs/TabsButtons/TabButtons.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.TabButtons_tab-buttons__shell__56_AB {
  margin-top: 20px;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
}
.TabButtons_tab-buttons__shell__56_AB.TabButtons_light__b_EMJ .TabButtons_tab-buttons__body__ElsU8 {
  width: 100%;
}
.TabButtons_tab-buttons__shell__56_AB.TabButtons_light__b_EMJ .TabButtons_tab-buttons__item__xycm0 {
  flex: 1 1 1%;
}
.TabButtons_tab-buttons__body__ElsU8 {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #373737;
  border-radius: 24px;
  padding: 3px;
}
.TabButtons_tab-buttons__item__xycm0 {
  padding: 10px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  font-family: Stratos;
  font-size: 15px;
  text-transform: uppercase;
  color: #848484;
  transition: all 0.3s;
}
.TabButtons_tab-buttons__item__xycm0:disabled {
  pointer-events: none;
}
.TabButtons_tab-buttons__item__xycm0.active {
  background-color: #141414;
  border-radius: 60px;
  color: #F4F6F6;
}
@media (min-width: 1024px) {
  .TabButtons_tab-buttons__item__xycm0:not(.active):hover {
    color: #141414;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./components/FormsElements/Search/Search.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Search_search__border__FJH5c {
  position: relative;
  margin: 24px 0;
  padding: 16px 12px;
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid #373737;
}
@media (min-width: 1024px) {
  .Search_search__border__FJH5c {
    margin: 40px 0;
    padding: 28px 20px;
  }
}
.Search_search__border__FJH5c input {
  flex: 1 1 auto;
  min-width: 0;
  font-weight: 300;
  font-family: Stratos;
  font-size: 24px;
  line-height: 120%;
  color: #848484;
}
@media (min-width: 1024px) {
  .Search_search__border__FJH5c input {
    font-size: 36px;
  }
}
.Search_search__border__FJH5c input:-webkit-autofill {
  -webkit-text-fill-color: #848484 !important;
}
.Search_search__border__FJH5c a,
.Search_search__border__FJH5c button {
  width: 32px;
}
@media (min-width: 768px) {
  .Search_search__border__FJH5c a,
  .Search_search__border__FJH5c button {
    width: 40px;
  }
}
.Search_search__border__FJH5c a svg,
.Search_search__border__FJH5c button svg {
  width: 100%;
}
.Search_search__button__ywKO2 {
  /* button */
}
.Search_search__button__ywKO2 svg {
  transition: transform 0.3s;
}
.Search_search__button__ywKO2:hover svg {
  transform: rotate(180deg);
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./components/Buttons/Buttons.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Buttons_button-common-style__body___FKbF {
  position: relative;
}
.Buttons_button-common-style__body___FKbF svg circle {
  fill: transparent;
  transition: fill 0.2s;
}
.Buttons_button-common-style__body___FKbF svg path {
  transition: fill 0.2s;
}
@media (min-width: 1024px) {
  .Buttons_button-common-style__body___FKbF:hover svg circle {
    fill: #ffffff;
  }
  .Buttons_button-common-style__body___FKbF:hover svg path {
    fill: #1E1E1E;
  }
}
.Buttons_button-common-style__rotate__QBiFR svg {
  transition: transform 0.3s;
}
@media (min-width: 1024px) {
  .Buttons_button-common-style__rotate__QBiFR:hover svg {
    transform: rotate(180deg);
  }
}
.Buttons_button-common-style__hover-green__Ph5M8 svg path {
  transition: stroke 0.3s;
}
@media (min-width: 1024px) {
  .Buttons_button-common-style__hover-green__Ph5M8:hover svg path {
    stroke: #57FFAF;
  }
}
.Buttons_button-common-style__size__SDvAz {
  --size: 40px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  background-color: #141414;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1024px) {
  .Buttons_button-common-style__size__SDvAz {
    --size: 50px;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./components/Modals/Components/BackgroundModal/styles.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_background__EEFJX {
  position: relative;
  z-index: 100;
}
.styles_background__layer___nJot {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: var(--color-white-solid);
  opacity: 0.33;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./components/Modals/Contact/Contact.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Contact_contact__wrapper__XEfFP {
  position: fixed;
  top: -120%;
  left: 0;
  z-index: 100;
  width: 100vw;
  height: 100vh;
  background-color: var(--color-grey-1, #030303);
  overflow-y: auto;
  overflow-x: hidden;
}
@supports (height: 100dvh) {
  .Contact_contact__wrapper__XEfFP {
    height: 100dvh;
  }
}
.Contact_contact__body__Cwcnr {
  padding: 95px 0;
  display: flex;
  gap: 50px;
  flex-direction: column;
  min-height: 100vh;
}
.Contact_contact__body__Cwcnr > :first-child {
  flex: 0 0 50%;
}
.Contact_contact__body__Cwcnr > :last-child {
  flex: 1 1 auto;
}
@supports (min-height: 100dvh) {
  .Contact_contact__body__Cwcnr {
    min-height: 100dvh;
  }
}
@media (min-width: 768px) {
  .Contact_contact__body__Cwcnr {
    gap: 0;
  }
}
@media (min-width: 1100px) {
  .Contact_contact__body__Cwcnr {
    flex-direction: row;
  }
}
@media (max-width: 767.98px) {
  .Contact_contact__body__Cwcnr button[type=submit] {
    width: 100%;
  }
  .Contact_contact__body__Cwcnr button[type=submit] > span:first-child {
    width: 100%;
  }
  .Contact_contact__body__Cwcnr button[type=submit] > span:first-child span {
    width: calc(100% + 76px);
  }
}
@media (min-width: 1100px) {
  .Contact_contact__shell__zArcX {
    padding-right: 30px;
  }
}
.Contact_contact__indent__G7Jah {
  display: none;
}
@media (min-width: 1100px) {
  .Contact_contact__indent__G7Jah {
    display: block;
  }
}
.Contact_contact__title__pgeLp {
  margin-bottom: 30px;
  font-size: 12vw;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.Contact_contact__title__pgeLp span {
  text-align: right;
  max-width: min-content;
}
@media (min-width: 992px) {
  .Contact_contact__title__pgeLp {
    margin-bottom: min(145px, 7.5vw);
    font-size: 120px;
  }
}
@media (min-width: 1100px) {
  .Contact_contact__title__pgeLp {
    font-size: 6.25vw;
  }
}
@media (min-width: 1920px) {
  .Contact_contact__title__pgeLp {
    font-size: 120px;
  }
}
.Contact_contact__title__pgeLp button {
  transform: translateY(-50%);
}
.Contact_contact__text__YujAw {
  font-size: 16px;
  line-height: 120%;
  opacity: 0.33;
}
@media (min-width: 1100px) {
  .Contact_contact__text__YujAw {
    font-size: 20px;
  }
}
.Contact_contact__text-block__qRZBF {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.Contact_contact__text-block__qRZBF > * {
  padding-right: 20px;
  flex: 0 0 50%;
}
.Contact_contact__text-block__qRZBF > * span {
  display: inline-block;
  max-width: 285px;
}
@media (min-width: 768px) {
  .Contact_contact__text-block__qRZBF {
    flex-direction: row;
    gap: 0;
  }
}
.Contact_contact__text-form__Zl0Ju {
  margin: 15px 0 45px;
}
@media (min-width: 768px) {
  .Contact_contact__text-form__Zl0Ju {
    margin: 60px 0;
  }
}
.Contact_contact__button-wrapper__4Hr9r {
  display: flex;
  justify-content: center;
}
@media (max-width: 767.98px) {
  .Contact_contact__button-wrapper__4Hr9r > * {
    width: 100%;
  }
  .Contact_contact__button-wrapper__4Hr9r button {
    min-width: 200px;
  }
}
@media (min-width: 767.98px) {
  .Contact_contact__button-wrapper__4Hr9r button {
    min-width: 185px;
  }
}
@media (min-width: 1100px) {
  .Contact_contact__button-wrapper__4Hr9r {
    display: block;
  }
}
.Contact_contact__input-body__GnfvD {
  position: relative;
  padding-bottom: 30px;
}
.Contact_contact__input-body__GnfvD select,
.Contact_contact__input-body__GnfvD textarea,
.Contact_contact__input-body__GnfvD input {
  width: 100%;
  font-size: 15px;
  color: var(--color-white-solid);
  background-color: transparent;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}
.Contact_contact__input-body__GnfvD select::placeholder,
.Contact_contact__input-body__GnfvD textarea::placeholder,
.Contact_contact__input-body__GnfvD input::placeholder {
  text-transform: uppercase;
  color: var(--color-white-solid);
  opacity: 0.33;
  transition: opacity 0.2s;
}
.Contact_contact__input-body__GnfvD select:focus::placeholder,
.Contact_contact__input-body__GnfvD textarea:focus::placeholder,
.Contact_contact__input-body__GnfvD input:focus::placeholder {
  opacity: 1;
}
.Contact_contact__input-body__GnfvD.Contact_not-valid__jWlkd textarea::placeholder, .Contact_contact__input-body__GnfvD.Contact_not-valid__jWlkd input::placeholder {
  color: var(--paylect-outrageous-orange);
}
.Contact_contact__input-body__GnfvD.Contact_not-valid__jWlkd textarea, .Contact_contact__input-body__GnfvD.Contact_not-valid__jWlkd input {
  color: var(--paylect-outrageous-orange);
}
.Contact_contact__input-body__GnfvD input {
  padding-bottom: 45px;
}
.Contact_contact__input-body__GnfvD textarea {
  height: 200px;
  resize: none;
}
.Contact_contact__input-body__GnfvD option {
  cursor: pointer;
  color: var(--paylect-black);
}
.Contact_contact__input-body__GnfvD option:disabled {
  opacity: 0 !important;
  visibility: hidden !important;
  display: none !important;
}
.Contact_contact__input-link__1Xbb4 {
  position: relative;
}
.Contact_not-valid__jWlkd .Contact_contact__input-link__1Xbb4 .Contact_line__gPIai {
  background-color: var(--paylect-outrageous-orange) !important;
}
.Contact_contact__input-line__af7os {
  margin-top: -16px;
  position: relative;
  height: 16px;
  pointer-events: none;
}
.Contact_contact__input-line__af7os .Contact_line__gPIai {
  background-color: var(--color-white-solid);
}
.Contact_not-valid__jWlkd .Contact_contact__input-line__af7os .Contact_line__gPIai {
  background-color: var(--paylect-outrageous-orange) !important;
}
.Contact_contact__input-media-block__YK0VS {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.Contact_contact__input-media-block__YK0VS input::placeholder {
  text-transform: none;
}
.Contact_contact__input-media-block__YK0VS > div {
  flex: 0 0 50%;
}
@media (min-width: 768px) {
  .Contact_contact__input-media-block__YK0VS {
    align-items: flex-start;
    flex-direction: row;
    gap: 0;
  }
}
.Contact_contact__input-media-wrapper__ciHDV {
  position: relative;
}
.Contact_contact__input-media-wrapper__ciHDV::after {
  pointer-events: none;
  content: url("data:image/svg+xml,<svg width='18' height='22' viewBox='0 0 18 22' fill='none' xmlns='http://www.w3.org/2000/svg'><path  d='M9.16962 21.6901L0.344238 12.9994L1.49646 11.8648L8.35488 18.6185V0.830078L9.98436 0.830078V18.6185L16.8427 11.8648L17.995 12.9994L9.16962 21.6901Z' fill='white'/></svg>");
  position: absolute;
  bottom: 50%;
  right: 20px;
  width: 16px;
}
.Contact_contact__input-media-wrapper__ciHDV select {
  height: 64px;
  display: flex;
  align-items: flex-start;
  text-transform: uppercase;
  cursor: pointer;
  opacity: 0.33;
}
.Contact_contact__input-media-wrapper__ciHDV select:focus {
  opacity: 1;
}
@media (min-width: 768px) {
  .Contact_contact__input-media-wrapper__ciHDV .Contact_input-line-mobile__r_jB_ {
    display: none;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./components/FormsElements/Form.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@media (min-width: 992px) {
  .Form_input__group__85fyy {
    display: flex;
    gap: 10px;
  }
  .Form_input__group__85fyy > * {
    flex: 1 1 auto;
  }
}
.Form_input__body__q6Knm {
  position: relative;
  padding-bottom: 40px;
}
.Form_input__body__q6Knm select,
.Form_input__body__q6Knm textarea,
.Form_input__body__q6Knm input {
  width: 100%;
  font-size: 15px;
  color: var(--color-white-solid);
  background-color: transparent;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}
.Form_input__body__q6Knm select::placeholder,
.Form_input__body__q6Knm textarea::placeholder,
.Form_input__body__q6Knm input::placeholder {
  text-transform: uppercase;
  color: var(--color-white-solid);
  opacity: 0.33;
  transition: opacity 0.2s;
}
.Form_input__body__q6Knm select:focus::placeholder,
.Form_input__body__q6Knm textarea:focus::placeholder,
.Form_input__body__q6Knm input:focus::placeholder {
  opacity: 1;
}
.Form_input__body__q6Knm.Form_not-valid__gfj2U textarea::placeholder, .Form_input__body__q6Knm.Form_not-valid__gfj2U input::placeholder {
  color: var(--paylect-outrageous-orange);
}
.Form_input__body__q6Knm.Form_not-valid__gfj2U textarea, .Form_input__body__q6Knm.Form_not-valid__gfj2U input {
  color: var(--paylect-outrageous-orange);
}
@media (min-width: 768px) {
  .Form_input__body__q6Knm.Form_input-tag__A6eXj {
    max-width: 124px;
  }
}
.Form_input__body__q6Knm input {
  padding-bottom: 45px;
}
.Form_input__body__q6Knm textarea {
  height: 200px;
  resize: none;
}
.Form_input__body__q6Knm option {
  cursor: pointer;
  color: var(--paylect-black);
}
.Form_input__body__q6Knm option:disabled {
  opacity: 0 !important;
  visibility: hidden !important;
  display: none !important;
}
.Form_input__line__uWCSz {
  margin-top: -16px;
  position: relative;
  height: 16px;
  pointer-events: none;
}
.Form_input__line__uWCSz .Form_line__h33ag {
  background-color: var(--color-white-solid);
}
.Form_not-valid__gfj2U .Form_input__line__uWCSz .Form_line__h33ag {
  background-color: var(--paylect-outrageous-orange) !important;
}
.Form_input__bottom-line__Df5NW {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 1px;
  background-color: var(--color-white-solid);
}
.Form_input__side-line__ezTQI {
  position: absolute;
  bottom: 0;
  transform: rotate(180deg);
  width: 1px;
  height: 100%;
  background-color: var(--color-white-solid);
}
.Form_input__media-block__yw00m {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.Form_input__media-block__yw00m input::placeholder {
  text-transform: none;
}
.Form_input__media-block__yw00m > div {
  flex: 0 0 50%;
}
@media (min-width: 768px) {
  .Form_input__media-block__yw00m {
    align-items: flex-start;
    flex-direction: row;
    gap: 0;
  }
}
.Form_input__media-wrapper__f__MG {
  position: relative;
}
.Form_input__media-wrapper__f__MG::after {
  pointer-events: none;
  content: url("data:image/svg+xml,<svg width='18' height='22' viewBox='0 0 18 22' fill='none' xmlns='http://www.w3.org/2000/svg'><path  d='M9.16962 21.6901L0.344238 12.9994L1.49646 11.8648L8.35488 18.6185V0.830078L9.98436 0.830078V18.6185L16.8427 11.8648L17.995 12.9994L9.16962 21.6901Z' fill='white'/></svg>");
  position: absolute;
  bottom: 50%;
  right: 20px;
  width: 16px;
}
.Form_input__media-wrapper__f__MG select {
  height: 64px;
  display: flex;
  align-items: flex-start;
  text-transform: uppercase;
  cursor: pointer;
  opacity: 0.33;
}
.Form_input__media-wrapper__f__MG select:focus {
  opacity: 1;
}
@media (min-width: 768px) {
  .Form_input__media-wrapper__f__MG .Form_input-line-mobile__cn_1t {
    display: none;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./components/Exchange/Exchange.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Exchange_exchange__title__t6Rtk {
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 32px;
  line-height: 120%;
  text-align: center;
}
@media (min-width: 768px) {
  .Exchange_exchange__title__t6Rtk {
    font-size: 40px;
  }
}
@media (min-width: 1024px) {
  .Exchange_exchange__title__t6Rtk {
    font-size: 64px;
  }
}
.Exchange_exchange__container__QyXEy {
  max-width: 720px;
  margin: 0 auto;
}
.Exchange_exchange__body__VAdLy {
  margin-bottom: 40px;
  padding: 10px 10px;
  background-color: #1d1d1d;
}
.Exchange_exchange__header__MRgNP {
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
}
.Exchange_exchange__header__MRgNP button {
  align-self: flex-start;
}
.Exchange_exchange__header-buttons__x05_3 {
  display: flex;
  gap: 12px;
}
.Exchange_exchange__group__bbNs9 {
  display: flex;
  align-items: center;
  gap: 8px;
}
.Exchange_exchange__table__Qm3yd {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 10px;
  gap: 10px;
  min-width: 0;
}
.Exchange_exchange__table__Qm3yd > * {
  padding: 10px;
}
@media (min-width: 992px) {
  .Exchange_exchange__table__Qm3yd {
    grid-template-columns: 1fr 1fr;
  }
}
.Exchange_exchange__button__7gAu5 {
  margin-top: 40px;
  display: flex;
  justify-content: center;
}
.Exchange_exchange__info-time__oZFpn {
  margin-top: 4px;
  margin-bottom: 4px;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.Exchange_exchange__info-time__oZFpn > div:not(:last-child) {
  margin-bottom: 0;
}
.Exchange_exchange__not-paid__GaSCs {
  padding: 5px 8px;
  font-family: Stratos;
  font-size: 16px;
  line-height: 120%;
  text-transform: uppercase;
  color: #FF6338;
  border: 2px solid #101010;
  background-color: #373737;
}
.Exchange_exchange__green__OCxOt {
  color: #00FF8A;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./components/Icons/Progress_Icon/Progress.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Progress_progress__body__pYcTD {
  display: flex;
  align-items: center;
  gap: 16px;
}
.Progress_progress__icon__Nxz_c {
  position: relative;
  padding: 3px;
  display: inline-flex;
  align-items: center;
  width: 30px;
}
.Progress_progress__icon__Nxz_c span {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 100%;
  width: 50%;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(1.5px);
          backdrop-filter: blur(1.5px);
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./components/Exchange/Components/Message/Message.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Message_message__YgGYe {
  font-family: Stratos;
  font-size: 16px;
  line-height: 120%;
  text-align: center;
  margin-bottom: 20px;
}
.Message_message__YgGYe > * {
  color: #00FF8A;
}
@media (min-width: 768px) {
  .Message_message__YgGYe {
    font-size: 20px;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./components/Exchange/TransactionDetails.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.TransactionDetails_transaction-details__table__QQFIH {
  padding-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.TransactionDetails_transaction-details__body__sn8WJ {
  flex: 1 1;
  padding: 20px;
  background-color: #1e1e1e;
}
.TransactionDetails_transaction-details__title__T0i_W {
  margin-bottom: 10px;
  font-family: Stratos;
  font-size: 20px;
  white-space: nowrap;
  line-height: 120%;
  text-transform: uppercase;
  color: #C1C1C1;
}
.TransactionDetails_transaction-details__data__TsSWM {
  font-size: 20px;
  white-space: nowrap;
  color: #F4F6F6;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./components/Tabs/SimpleTabs/SimpleTabs.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SimpleTabs_simple-tabs__my1z0 {
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.SimpleTabs_simple-tabs__header__GZUlT {
  padding: 20px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  font-size: 20px;
  line-height: 120%;
  text-transform: uppercase;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./components/Buttons/ButtonArrow/ButtonArrow.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ButtonArrow_button-arrow__3FIHG {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  min-height: 40px;
  width: 40px;
  min-width: 40px;
  border: 1px solid var(--color-white-solid);
}
@media (min-width: 768px) {
  .ButtonArrow_button-arrow__3FIHG {
    height: 58px;
    min-height: 58px;
    width: 58px;
    min-width: 58px;
  }
}
.ButtonArrow_button-arrow__3FIHG::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -2px;
  transform: translateY(-50%);
  width: calc(100% + 5px);
  height: 24px;
  background-color: var(--paylect-black);
}
@media (min-width: 768px) {
  .ButtonArrow_button-arrow__3FIHG::after {
    height: 36px;
  }
}
.ButtonArrow_button-arrow__3FIHG svg {
  position: relative;
  z-index: 1;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./components/Exchange/Components/CurrencyData/CurrencyData.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CurrencyData_currency-data__block__QKPlX {
  min-height: 160px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #57FFAF;
  border: 1px solid #57FFAF;
  transition: background-color 0.5s, border-color 0.5s;
}
@media (min-width: 1024px) {
  .CurrencyData_currency-data__block__QKPlX[type=button]:not(:hover) {
    cursor: pointer;
    background-color: #141414;
    border-color: rgba(255, 255, 255, 0.12);
  }
  .CurrencyData_currency-data__block__QKPlX[type=button]:not(:hover) .CurrencyData_currency-data__send-title__aPNjo,
  .CurrencyData_currency-data__block__QKPlX[type=button]:not(:hover) .CurrencyData_currency-data__quantity__4VSRa {
    color: #848484;
  }
  .CurrencyData_currency-data__block__QKPlX[type=button]:not(:hover) .CurrencyData_currency-data__format__9gHMb {
    color: #F4F6F6;
  }
  .CurrencyData_currency-data__block__QKPlX[type=button]:not(:hover) .CurrencyData_currency-data__format__9gHMb svg circle {
    stroke: #57FFAF;
  }
  .CurrencyData_currency-data__block__QKPlX[type=button]:not(:hover) .CurrencyData_currency-data__format__9gHMb svg path {
    fill: #57FFAF;
  }
  .CurrencyData_currency-data__block__QKPlX[type=button]:not(:hover) .CurrencyData_currency-data__estimated-value__pIOJX {
    color: #ffffff;
  }
  .CurrencyData_currency-data__block__QKPlX[type=button]:not(:hover) .CurrencyData_currency-data__name__acDk0 {
    color: #ffffff;
  }
  .CurrencyData_currency-data__block__QKPlX[type=button]:not(:hover) .CurrencyData_currency-data__change__4BJFx svg path {
    stroke: #ffffff;
  }
  .CurrencyData_currency-data__block__QKPlX[type=button]:not(:hover) .CurrencyData_currency-data__name-icon__Y5VEZ path {
    fill: #ffffff;
  }
}
.CurrencyData_currency-data__header__Vimwo {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.CurrencyData_currency-data__send-title__aPNjo {
  display: block;
  font-family: Stratos;
  font-size: 20px;
  line-height: 120%;
  text-transform: uppercase;
  color: #141414;
  transition: color 0.5s;
}
.CurrencyData_currency-data__quantity__4VSRa {
  display: block;
  font-family: Stratos;
  font-size: 12px;
  line-height: 120%;
  color: #141414;
  transition: color 0.5s;
}
.CurrencyData_currency-data__format__9gHMb {
  font-family: Stratos;
  display: flex;
  align-items: center;
  gap: 4px;
  color: #141414;
  transition: color 0.5s;
}
.CurrencyData_currency-data__format__9gHMb svg circle {
  transition: stroke 0.5s;
}
.CurrencyData_currency-data__format__9gHMb svg path {
  transition: fill 0.5s;
}
.CurrencyData_currency-data__estimated-value__pIOJX {
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #141414;
}
.CurrencyData_currency-data__footer__OYs2q {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.CurrencyData_currency-data__name__acDk0 {
  font-weight: 600;
  font-size: 40px;
  color: #141414;
  transition: color 0.5s;
}
@media (min-width: 768px) {
  .CurrencyData_currency-data__name__acDk0 {
    font-size: 64px;
  }
}
.CurrencyData_currency-data__name-icon__Y5VEZ:nth-last-child(2) {
  align-self: flex-start;
}
.CurrencyData_currency-data__name-icon__Y5VEZ svg path {
  transition: fill 0.5s;
}
.CurrencyData_currency-data__change-body__X7Lou {
  flex: 1 1 auto;
  display: flex;
  justify-content: flex-end;
}
.CurrencyData_currency-data__change__4BJFx {
  padding: 12px;
}
.CurrencyData_currency-data__change__4BJFx svg path {
  transition: stroke 0.5s;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./components/Exchange/Components/ExchangeInput/ExchangeInput.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ExchangeInput_exchange-input__value-body__5_BWA {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  background-color: #141414;
  min-width: 0;
  min-height: 160px;
}
.ExchangeInput_exchange-input__in-dollars__W7_x5 {
  font-size: 20px;
  line-height: 120%;
  color: #C1C1C1;
}
.ExchangeInput_exchange-input__value__ZnjGj {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  font-weight: 500;
  font-size: 24px;
  color: #C1C1C1;
}
.ExchangeInput_exchange-input__value__ZnjGj input {
  width: 100%;
  color: inherit;
  font-size: inherit;
  text-align: right;
}
.ExchangeInput_exchange-input__value__ZnjGj input input {
  width: 100%;
}
@media (min-width: 992px) {
  .ExchangeInput_exchange-input__value__ZnjGj input {
    font-size: 40px;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./components/Exchange/Components/Info/Info.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Info_info__kDwju {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  background-color: #141414;
}
.Info_info__kDwju:not(:last-child) {
  margin-bottom: 4px;
}
.Info_info__title__uF2Rx {
  font-family: Stratos;
  font-size: 16px;
  line-height: 120%;
  text-transform: uppercase;
  color: #C1C1C1;
}
@media (min-width: 1024px) {
  .Info_info__title__uF2Rx {
    font-size: 20px;
  }
}
.Info_info__value__patBC {
  font-size: 12px;
  color: #F4F6F6;
  overflow: hidden;
  overflow-wrap: break-word;
  word-break: break-all;
  max-width: 100%;
}
.Info_info__value__patBC.Info_large__z2Ewi {
  text-transform: uppercase;
  font-size: 16px;
}
@media (min-width: 1024px) {
  .Info_info__value__patBC.Info_large__z2Ewi {
    font-size: 20px;
  }
}
.Info_info__message__0l2Jf {
  font-family: Stratos;
  font-size: 12px;
  line-height: 120%;
  color: #C1C1C1;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./components/Exchange/Components/InfoCopy/InfoCopy.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.InfoCopy_info-copy__body__XP6t3 {
  padding: 20px;
  background-color: #141414;
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.InfoCopy_info-copy__body__XP6t3:not(:last-child) {
  margin-bottom: 4px;
}
.InfoCopy_info-copy__content__vQ98E {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.InfoCopy_info-copy__content__vQ98E a,
.InfoCopy_info-copy__content__vQ98E button {
  position: relative;
  text-align: left;
}
.InfoCopy_info-copy__title__JXJD9 {
  font-family: Stratos;
  font-size: 16px;
  line-height: 120%;
  text-transform: uppercase;
  color: #C1C1C1;
}
@media (min-width: 1024px) {
  .InfoCopy_info-copy__title__JXJD9 {
    font-size: 20px;
  }
}
.InfoCopy_info-copy__value__7YbHc {
  font-size: 16px;
  line-height: 120%;
  color: #00FF8A;
  text-overflow: ellipsis;
  overflow: hidden;
  overflow-wrap: break-word;
  word-break: break-all;
}
.InfoCopy_info-copy__value__7YbHc.InfoCopy_large__1CuHB {
  text-transform: uppercase;
  font-size: 20px;
}
.InfoCopy_info-copy__message__EhxOQ {
  font-family: Stratos;
  font-size: 12px;
  line-height: 120%;
  color: #C1C1C1;
}
.InfoCopy_info-copy__buttons__3GNjf {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./components/Exchange/ExchangeCompleted/ExchangeCompleted.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ExchangeCompleted_completed__body__StjUj {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./components/Modals/QRCode/QRCode.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.QRCode_qrcode__logo__fp3oO {
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
}