.index-module--frameLayout--7jn6e {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  min-height: 100%;
}
.index-module--topBar--EYiz7 {
  align-items: center;
  background: #4d008c;
  display: flex;
  height: 60px;
  justify-content: center;
  width: 100%;
}
.index-module--topBar__logo--zudqG {
  width: 80px;
}
.index-module--bottomBar--5dRAa {
  align-items: center;
  background: #4d008c;
  display: flex;
  height: 45px;
  justify-content: center;
  padding: 0 24px;
  width: 100%;
}
.index-module--bottomBar__content--glT7k {
  align-items: center;
  color: #eff1f3;
  display: flex;
  font-size: 10px;
  font-weight: 400;
  gap: 37px;
  justify-content: flex-start;
  max-width: 800px;
  padding: 0 8px;
  width: 100%;
}
@media (min-width: 576px) {
  .index-module--bottomBar__content--glT7k {
    gap: 40px;
    padding: 0 24px;
  }
}
.index-module--bottomBar__logo--sSIDW {
  width: 47.5px;
}
.index-module--gradient--Ciwsj {
  background: linear-gradient(90deg, #4d008c, #6c0fe9 50.29%, #af2bd8);
  height: 4px;
  width: 100%;
}
.index-module--canvas--v29xk {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin: 0 auto;
  padding: 40px 16px 32px;
}
.index-module--canvas__header--jqdsE {
  margin-bottom: 10px;
}
@media (min-width: 576px) {
  .index-module--canvas__header--jqdsE {
    margin-bottom: 40px;
  }
}
.index-module--canvas__header--jqdsE p {
  color: #494c66;
  font-size: 20px;
  line-height: 26px;
  text-align: center;
}
.index-module--canvas__header--jqdsE p strong {
  font-weight: 700;
}
*,
:after,
:before {
  box-sizing: border-box;
}
* {
  margin: 0;
}
#___gatsby,
#gatsby-focus-wrapper,
body,
html {
  background-color: #f4f4f7;
  height: auto;
}
body {
  -webkit-font-smoothing: antialiased;
  line-height: 1.5;
}
canvas,
img,
picture,
svg,
video {
  display: block;
  max-width: 100%;
}
button,
input,
select,
textarea {
  font: inherit;
}
input {
  border: 0;
  cursor: text;
  outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  overflow-wrap: break-word;
}
html {
  font-family: cera_pro;
  font-size: 1rem;
  font-weight: 400;
}
@font-face {
  font-display: swap;
  font-family: cera_pro;
  font-style: normal;
  font-weight: 900;
  src: url(static/cerapro-black-webfont-336a854afb1ef8b0da3a554825a0c4df.woff2)
      format("woff2"),
    url(static/cerapro-black-webfont-beb77b34d1a1dc338e99736370b9677e.woff)
      format("woff"),
    url(static/cerapro-black-webfont-b92ccf3d129985dd3805c0a34d88a1b1.svg)
      format("svg");
}
@font-face {
  font-display: swap;
  font-family: cera_pro;
  font-style: italic;
  font-weight: 900;
  src: url(static/cerapro-blackitalic-webfont-393028df0ff7a23357ff660e55b80541.woff2)
      format("woff2"),
    url(static/cerapro-blackitalic-webfont-d69b11c235936a83ac12df724744ae22.woff)
      format("woff"),
    url(static/cerapro-blackitalic-webfont-33b5c45078d2af88bd39049b36e6c020.svg)
      format("svg");
}
@font-face {
  font-display: swap;
  font-family: cera_pro;
  font-style: normal;
  font-weight: 700;
  src: url(static/cerapro-bold-webfont-662f219952982054d5d299e43a45ff48.woff2)
      format("woff2"),
    url(static/cerapro-bold-webfont-a46e15f5193c3c21bb85ccdb7c26c0c1.woff)
      format("woff"),
    url(static/cerapro-bold-webfont-cdf7b8cd8b1984905d82b31fbe0c100e.svg)
      format("svg");
}
@font-face {
  font-display: swap;
  font-family: cera_pro;
  font-style: italic;
  font-weight: 700;
  src: url(static/cerapro-bolditalic-webfont-aa60520f5dd923a00a53a12427cbc91b.woff2)
      format("woff2"),
    url(static/cerapro-bolditalic-webfont-8b518f7ab4176594af80e472090770a9.woff)
      format("woff"),
    url(static/cerapro-bolditalic-webfont-66b68dca8c2c5d12f1ffdf86b0c597de.svg)
      format("svg");
}
@font-face {
  font-display: swap;
  font-family: cera_pro;
  font-style: italic;
  font-weight: 400;
  src: url(static/cerapro-italic-webfont-fb77413983ee1adaed5bc043bcb8a6fa.woff2)
      format("woff2"),
    url(static/cerapro-italic-webfont-6824f1e904ee5697013bb11254dd253a.woff)
      format("woff"),
    url(static/cerapro-italic-webfont-8bf23c554bde604b63a860a6cd4525ab.svg)
      format("svg");
}
@font-face {
  font-display: swap;
  font-family: cera_pro;
  font-style: normal;
  font-weight: 300;
  src: url(static/cerapro-light-webfont-74f0f9e329b5a870062b8cb13bddf943.woff2)
      format("woff2"),
    url(static/cerapro-light-webfont-d225a035f3c1e36cd1014e8365c6fe8f.woff)
      format("woff"),
    url(static/cerapro-light-webfont-1499f64cae16250e35c1b7a1b5efd9db.svg)
      format("svg");
}
@font-face {
  font-display: swap;
  font-family: cera_pro;
  font-style: italic;
  font-weight: 300;
  src: url(static/cerapro-lightitalic-webfont-fc7d405a14e16552d868ac0b32b618fc.woff2)
      format("woff2"),
    url(static/cerapro-lightitalic-webfont-35553258b9e724c2e4c3523a9c8f71c3.woff)
      format("woff"),
    url(static/cerapro-lightitalic-webfont-f4796f7263c9c2f5874d9731c826c02c.svg)
      format("svg");
}
@font-face {
  font-display: swap;
  font-family: cera_pro;
  font-style: normal;
  font-weight: 500;
  src: url(static/cerapro-medium-webfont-b644386d1afacf9a1be43562665ea0e2.woff2)
      format("woff2"),
    url(static/cerapro-medium-webfont-bdde89cf81dd193e2c066995a7c13035.woff)
      format("woff"),
    url(static/cerapro-medium-webfont-7992c8e8a1466b93c61a46c563b3f07d.svg)
      format("svg");
}
@font-face {
  font-display: swap;
  font-family: cera_pro;
  font-style: normal;
  font-weight: 400;
  src: url(static/cerapro-regular-webfont-b7ec06f9c8887afd148cfbe6422f9ad7.woff2)
      format("woff2"),
    url(static/cerapro-regular-webfont-ebaac8ffb2cc976eafb69ed06adcd2cc.woff)
      format("woff"),
    url(static/cerapro-regular-webfont-19c6d76db1c947d2e2f5efff850c54ea.svg)
      format("svg");
}
@font-face {
  font-display: swap;
  font-family: cera_prothin;
  font-style: normal;
  font-weight: 400;
  src: url(static/cerapro-thin-webfont-1b530bb42822422f465befea83c8f8fb.woff2)
      format("woff2"),
    url(static/cerapro-thin-webfont-531c6ad3b7a085d24b4c80f5caa17d5a.woff)
      format("woff"),
    url(static/cerapro-thin-webfont-7003a5947f0a5e04020d5b7979f11576.svg)
      format("svg");
}
@font-face {
  font-display: swap;
  font-family: cera_prothin_italic;
  font-style: italic;
  font-weight: 400;
  src: url(static/cerapro-thinitalic-webfont-be00774e3a820f431255d91bab38fa87.woff2)
      format("woff2"),
    url(static/cerapro-thinitalic-webfont-2e1ad751e42cb7684920c2d05054f4b8.woff)
      format("woff"),
    url(static/cerapro-thinitalic-webfont-61680476b3b54b45ea9565bb37d24364.svg)
      format("svg");
}
.index-module--stepper--rmvHX {
  align-items: center;
  display: flex;
}
.index-module--stepper__step--oy92Y {
  align-items: center;
  background-color: #e6e2e8;
  border: 1px solid #b3a6ba;
  border-radius: 12px;
  color: #b3a6ba;
  display: flex;
  font-size: 12px;
  height: 24px;
  justify-content: center;
  position: relative;
  transition: color 0.3s, background-color 0.3s, border 0.3s;
  width: 24px;
}
.index-module--stepper__step--oy92Y.index-module--active--jsqy8 {
  background-color: #e92070;
  border: 1px solid #e92070;
  color: #fff;
}
.index-module--stepper__step--oy92Y.index-module--active--jsqy8:after {
  color: #21004d;
  font-weight: 700;
}
.index-module--stepper__step--oy92Y.index-module--success--wAkuI {
  background-color: #491966;
}
.index-module--stepper__step--oy92Y.index-module--success--wAkuI:after {
  color: #21004d;
}
.index-module--stepper__step--oy92Y:after {
  bottom: -18px;
  color: #b3a6ba;
  position: absolute;
  width: -webkit-max-content;
  width: max-content;
}
.index-module--stepper__step--oy92Y:first-child:after {
  content: "Datos recarga";
}
.index-module--stepper__step--oy92Y:nth-child(3):after {
  content: "Pago";
}
.index-module--stepper__step--oy92Y:nth-child(5):after {
  content: "Confirmación";
}
.index-module--stepper__line--PRmNB {
  background-color: #b3a6ba;
  height: 1px;
  margin: 0 5px;
  width: 62px;
}
.index-module--bonuses--dmaHH {
  border: 1px solid #ccc4d2;
  border-radius: 8px;
  margin-top: 20px;
}
.index-module--bonuses__top--exMtw {
  align-items: center;
  background: linear-gradient(270deg, #ed1e79, #451287);
  border-radius: 8px 8px 0 0;
  display: flex;
  gap: 5px;
  padding: 4px 10px;
}
.index-module--bonuses__title--cxuFt {
  color: #fff;
  font-size: 1rem;
}
.index-module--bonuses__tooltip--fbdOK {
  border-radius: 8px !important;
  padding: 5px !important;
}
.index-module--bonuses__tooltip--fbdOK span.multi-line {
  font-size: 12px;
  padding: 0 !important;
  text-align: left;
}
.index-module--bonuses__center--ClMkK {
  color: #381451;
  font-size: 1.25rem;
  padding: 15px 10px;
  text-align: center;
}
.index-module--bonuses__bonusPercentage--JBwQq {
  color: #e92070;
  font-family: cera_pro;
  font-size: 1.625rem;
  font-weight: 700;
}
.index-module--bonuses__bottom--qYBT8 {
  background-color: #f4f4f7;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  color: #4d008c;
}
.index-module--bonuses__bottomTitle--V1wZo {
  border-bottom: 1px solid #ccc4d2;
  border-top: 1px solid #ccc4d2;
  padding: 8px 10px;
}
.index-module--bonuses__bottomTitle--V1wZo span {
  font-family: cera_pro;
  font-weight: 700;
}
.index-module--bonuses__bottomInfo--q8kBF {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 378px) {
  .index-module--bonuses__bottomInfo--q8kBF {
    flex-wrap: nowrap;
  }
}
.index-module--bonuses__bottomInfoLeft--Meqcc,
.index-module--bonuses__bottomInfoRight--QwCC8 {
  display: flex;
  flex-basis: 170px;
  flex-grow: 1;
  gap: 5px;
  justify-content: left;
  padding: 8px 5px;
}
.index-module--bonuses__bottomInfoLeft--Meqcc img,
.index-module--bonuses__bottomInfoRight--QwCC8 img {
  width: 24px;
}
.index-module--bonuses__bottomInfoLeft--Meqcc p,
.index-module--bonuses__bottomInfoRight--QwCC8 p {
  font-size: 14px;
}
.index-module--bonuses__bottomInfoLeft--Meqcc span,
.index-module--bonuses__bottomInfoRight--QwCC8 span {
  display: block;
  font-family: cera_pro;
  font-weight: 700;
}
.index-module--bonuses__bottomInfoLeft--Meqcc {
  border-bottom: 1px solid #ccc4d2;
}
@media (min-width: 378px) {
  .index-module--bonuses__bottomInfoLeft--Meqcc {
    border-bottom: none;
    border-right: 1px solid #ccc4d2;
    flex-basis: 170px;
  }
  .index-module--bonuses__bottomInfoRight--QwCC8 {
    flex-basis: 103px;
  }
}
.index-module--errorInfo--DljEJ {
  align-items: center;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(45, 18, 65, 0.15);
  display: flex;
  flex-direction: column;
  margin: 40px 0 20px;
  max-width: 400px;
  padding: 30px 20px 25px;
  width: 100%;
}
.index-module--errorInfo__icon--Gasql {
  align-items: center;
  border: 2px solid #4d008c;
  border-radius: 50%;
  color: #4d008c;
  display: flex;
  font-size: 1.25rem;
  height: 46px;
  justify-content: center;
  margin-bottom: 20px;
  width: 46px;
}
.index-module--errorInfo__title--c1OzK {
  color: #381451;
  font-size: 1.125rem;
  line-height: 1.313rem;
  margin-bottom: 15px;
  max-width: 230px;
  text-align: center;
  width: 100%;
}
@media (min-width: 360px) {
  .index-module--errorInfo--DljEJ {
    padding: 30px 30px 25px;
  }
}
.index-module--errorInfo__text--Nl\+im {
  color: #381451;
  line-height: 1.188rem;
  margin-bottom: 30px;
  text-align: center;
}
.index-module--errorInfo__retryBtn--12za9 {
  background-color: #e92070;
  border: 1px solid #e92070;
  border-radius: 0.5rem;
  color: #fff;
  cursor: pointer;
  line-height: normal;
  margin-bottom: 15px;
  max-width: 310px;
  padding: 0.5rem 2.6rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: background 0.35s ease-in, color 35ms ease-in;
  width: 100%;
}
.index-module--errorInfo__retryBtn--12za9:hover {
  background-color: #ce145e;
  border-color: #ce145e;
}
.index-module--errorInfo__toStartBtn--iGKbL {
  background-color: transparent;
  border: 1px solid #4d008c;
  border-radius: 0.5rem;
  color: #4d008c;
  cursor: pointer;
  line-height: normal;
  max-width: 310px;
  padding: 0.5rem 2.6rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: background 0.35s ease-in, color 35ms ease-in;
  width: 100%;
}
.index-module--errorInfo__toStartBtn--iGKbL:hover {
  background-color: #4d008c;
  color: #fff;
}
.index-module--infoContainer--y-ZhC {
  align-items: flex-start;
  display: flex;
  gap: 5px;
  margin-top: 15px;
}
.index-module--infoContainer--y-ZhC p {
  font-size: 14px;
  line-height: 16px;
}
@media (max-width: 480px) {
  .index-module--wrapper--gQXrN {
    margin-right: 0;
  }
}
.index-module--inputWrapper--FFMIq {
  align-items: center;
  background-color: #fff;
  border: 1px solid #494365;
  border-radius: 8px;
  display: flex;
  height: 44px;
  padding: 8px;
  position: relative;
}
.index-module--inputWrapper--FFMIq input {
  color: #494365;
  cursor: text;
  font-family: cera_pro;
  font-size: 16px;
  height: 20px;
  line-height: 20px;
  padding: 0;
  width: 100%;
}
.index-module--inputWrapper--FFMIq input.index-module--disabled--p-hKO {
  background-color: #fff;
  color: #cbccd8;
}
.index-module--inputWrapper--FFMIq.index-module--purpleBorder--Tf5ou,
.index-module--inputWrapper--FFMIq.index-module--success--fIUoa {
  border: 1px solid #4d008c;
}
.index-module--inputWrapper--FFMIq.index-module--hasError--vfsvP {
  border: 1px solid #ff127a;
}
.index-module--inputWrapper--FFMIq.index-module--select--usFM8,
.index-module--inputWrapper--FFMIq.index-module--select--usFM8 input {
  cursor: pointer;
}
.index-module--inputWrapper--FFMIq.index-module--disabled--p-hKO {
  border: 1px solid #cbccd8;
  cursor: not-allowed;
}
.index-module--inputWrapper--FFMIq.index-module--disabled--p-hKO
  ::-webkit-input-placeholder {
  color: #c3c5d4;
}
.index-module--inputWrapper--FFMIq.index-module--disabled--p-hKO ::placeholder {
  color: #c3c5d4;
}
.index-module--inputWrapper--FFMIq.index-module--disabled--p-hKO input {
  cursor: not-allowed;
}
.index-module--prefixImg--YWB6i {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  height: 20px;
  justify-content: center;
  margin-right: 4px;
  width: 20px;
}
.index-module--prefixText--eJ1IM {
  color: #121425;
  flex-shrink: 0;
  font-size: 16px;
  line-height: 20px;
  margin-right: 4px;
}
.index-module--prefixText--eJ1IM.index-module--hasError--vfsvP {
  color: #ff127a;
}
.index-module--suffix--c2IBL {
  margin-left: 2px;
  overflow: hidden;
}
.index-module--suffix--c2IBL,
.index-module--suffixMotion--7oo8t {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  height: 20px;
  justify-content: center;
}
.index-module--errorMsg--5YbFQ,
.index-module--hint--IX54t {
  color: #494c66;
  font-size: 12px;
  line-height: 16px;
  margin-top: 2px;
  padding-left: 12px;
}
.index-module--errorMsg--5YbFQ {
  color: #ff127a;
}
.index-module--placeholderText--BEiVk {
  background-color: #fff;
  border-radius: 5px;
  color: #4d008c;
  font-size: 12px;
  left: 15px;
  line-height: 16px;
  padding-left: 4px;
  padding-right: 4px;
  position: absolute;
  top: -9px;
  transition: all 0.2s cubic-bezier(0, 0, 0.2, 1) 0ms,
    -webkit-transform 0.2s cubic-bezier(0, 0, 0.2, 1) 0ms;
  transition: all 0.2s cubic-bezier(0, 0, 0.2, 1) 0ms,
    transform 0.2s cubic-bezier(0, 0, 0.2, 1) 0ms;
  transition: all 0.2s cubic-bezier(0, 0, 0.2, 1) 0ms,
    transform 0.2s cubic-bezier(0, 0, 0.2, 1) 0ms,
    -webkit-transform 0.2s cubic-bezier(0, 0, 0.2, 1) 0ms;
}
.index-module--placeholderText--BEiVk.index-module--hasError--vfsvP {
  color: #ff127a;
}
.index-module--placeholderText--BEiVk.index-module--disabled--p-hKO {
  color: #cbccd8;
}
.index-module--input--qzkn- {
  display: none;
}
.index-module--input--qzkn-:checked + .index-module--activeBg--dv-yH {
  background-color: #e92070;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  color: #fff;
}
.index-module--input--qzkn-:checked + .index-module--activeBorder--vnA1J {
  border: 1px solid #e92070;
}
.index-module--input--qzkn-:checked
  + .index-module--activeBorder--vnA1J:before {
  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOSIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDE4IDE5Ij48cGF0aCBmaWxsPSIjRTkyMDcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDkuODc1YzAtNC45NjMgNC4wMzctOSA5LTlzOSA0LjAzNyA5IDktNC4wMzcgOS05IDktOS00LjAzNy05LTlabTguMjQgMy45MTQgNS43NDktNS43NDhhLjk0Mi45NDIgMCAwIDAtLjY2NS0xLjYwNC45MzQuOTM0IDAgMCAwLS42NjUuMjc1bC01LjA3MSA1LjA3MS0yLjIzNS0yLjMxN2EuOTMzLjkzMyAwIDAgMC0uNjc3LS4yODdBLjk0Ljk0IDAgMCAwIDQgMTAuNzcybDIuOSAzLjAwNWMuMTc0LjE4LjQxNy4yODYuNjY4LjI4OGwuMDA4LjM4OXYtLjM5Yy4yNDcgMCAuNDktLjEuNjY1LS4yNzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
  position: absolute;
  right: 2px;
  top: 2px;
}
.index-module--label--pJx0R {
  background-color: #fff;
  border: 1px solid #ccc4d2;
  border-radius: 8px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
  flex-basis: 105px;
  flex-grow: 1;
  font-family: cera_pro;
  font-weight: 700;
  padding: 5px 0;
  position: relative;
  text-align: center;
  transition: all 0.2s linear;
}
@media (min-width: 435px) {
  .index-module--label--pJx0R {
    flex-grow: 0;
  }
}
.index-module--label--pJx0R.index-module--fixedHeight--7wr0\+ {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 64px;
}
.index-module--label--pJx0R:hover {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}
.index-module--label--pJx0R.index-module--disabled--3CHH7 {
  border: 1px solid #e6e2e8;
  box-shadow: none;
  color: #ccc4d2;
  cursor: default;
  position: relative;
}
.index-module--form--gwV\+0 {
  max-width: 400px;
  width: 100%;
}
.index-module--form__container--UP\+IN {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(45, 18, 65, 0.15);
  margin: 40px 0 20px;
  padding: 30px 20px 25px;
}
@media (min-width: 360px) {
  .index-module--form__container--UP\+IN {
    padding: 30px 30px 25px;
  }
}
.index-module--form__btn--IzFN9 {
  background-color: #e92070;
  border: 1px solid #e92070;
  border-radius: 0.5rem;
  color: #fff;
  cursor: pointer;
  font-family: cera_pro;
  font-weight: 500;
  line-height: normal;
  padding: 0.5rem 2.6rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: background 0.35s ease-in, color 35ms ease-in;
  width: 100%;
}
.index-module--form__btn--IzFN9:hover {
  background-color: #ce145e;
  border-color: #ce145e;
}
.index-module--form__btn--IzFN9.index-module--disabled--3teLl {
  background-color: #ccc4d2;
  border-color: #ccc4d2;
}
.index-module--form__inputTitle--UAkgd {
  color: #2d1441;
  font-size: 1.125rem;
  margin-bottom: 10px;
}
.index-module--form__amountsContainer--B1KVe {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-items: space-evenly;
}
.index-module--form__customAmountInput--S2wli {
  margin-top: 22px;
}
.index-module--loadingContainer--wz4DP {
  align-items: center;
  background-color: #fff;
  display: flex;
  height: 100vh;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100vw;
}
.ReactModal__Overlay {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.ReactModal__Overlay--after-open {
  opacity: 1;
}
.ReactModal__Overlay--before-close {
  opacity: 0;
}
.ReactModal__Content {
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.ReactModal__Content--after-open {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.ReactModal__Content--before-close {
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
}
.index-module--modalHeader--yjteW {
  border-bottom: 1px solid #ccc4d2;
  display: flex;
  justify-content: space-between;
  padding: 15px;
}
.index-module--modalTitle--zXUiJ {
  color: #2d1441;
  font-family: cera_pro;
  font-size: 1.125rem;
  font-weight: 700;
}
.index-module--modalClose--m\+AED {
  cursor: pointer;
}
.index-module--form__container--MGOSh {
  padding: 1rem;
}
.index-module--form__body--3ry95 {
  margin: 0 auto;
  max-width: 280px;
  width: 100%;
}
.index-module--form__input--Tvm5H {
  margin-bottom: 15px;
}
.index-module--form__btn--YDw3Q {
  background-color: #e92070;
  border: 1px solid #e92070;
  border-radius: 0.5rem;
  color: #fff;
  cursor: pointer;
  font-family: cera_pro;
  font-weight: 500;
  line-height: normal;
  margin-top: 15px;
  padding: 0.5rem 2.6rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: background 0.35s ease-in, color 35ms ease-in;
  width: 100%;
}
.index-module--form__btn--YDw3Q:hover {
  background-color: #ce145e;
  border-color: #ce145e;
}
.index-module--form__btn--YDw3Q.index-module--disabled--w60t\+ {
  background-color: #ccc4d2;
  border-color: #ccc4d2;
}
.index-module--form--gcc57 {
  max-width: 400px;
  width: 100%;
}
.index-module--form__container--4xsJ9 {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(45, 18, 65, 0.15);
  margin: 40px 0 20px;
  padding: 30px 20px 25px;
}
@media (min-width: 360px) {
  .index-module--form__container--4xsJ9 {
    padding: 30px 30px 25px;
  }
}
.index-module--form__title--ZoAp0 {
  color: #2d1441;
  font-size: 1.125rem;
  margin-bottom: 10px;
}
.index-module--form__titlePayment--duCvj {
  margin-top: 23px;
}
.index-module--form__previousStepData--c58vF {
  align-items: center;
  background-color: #f4f4f7;
  border: 1px solid #ccc4d2;
  border-radius: 8px;
  color: #381451;
  display: flex;
  justify-content: space-between;
  padding: 7px 20px;
}
.index-module--form__amount--6hoyp {
  font-family: cera_pro;
  font-size: 1.25rem;
  font-weight: 700;
}
.index-module--form__phoneLabel--zwl5t {
  font-size: 0.875rem;
  line-height: 1.125rem;
}
.index-module--form__phone--hCX3e {
  font-family: cera_pro;
  font-weight: 700;
  line-height: 1.25rem;
}
.index-module--form__edit--Ghfzg {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 5px;
  margin-top: 10px;
}
.index-module--form__edit--Ghfzg p {
  color: #e92070;
  font-size: 0.875rem;
  text-decoration: underline;
}
.index-module--form__paymentMethodsContainer--W-kd0 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}
.index-module--form__paymentMethodsContainer--W-kd0.index-module--paymentMethodSelected---02Zx {
  justify-content: flex-start;
}
.index-module--form--gcc57 .index-module--paymentMethodImg--naSku {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  opacity: 0.2;
}
.index-module--form__btn--coCTf {
  background-color: #e92070;
  border: 1px solid #e92070;
  border-radius: 0.5rem;
  color: #fff;
  cursor: pointer;
  font-family: cera_pro;
  font-weight: 500;
  line-height: normal;
  padding: 0.5rem 2.6rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: background 0.35s ease-in, color 35ms ease-in;
  width: 100%;
}
.index-module--form__btn--coCTf:hover {
  background-color: #ce145e;
  border-color: #ce145e;
}
.index-module--form__btn--coCTf.index-module--disabled--orPXE {
  background-color: #ccc4d2;
  border-color: #ccc4d2;
}
.index-module--form__btnBack--LBM-J {
  background-color: transparent;
  border: none;
  border-radius: 0.5rem;
  color: #4d008c;
  cursor: pointer;
  font-family: cera_pro;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 12px;
  padding: 0.5rem 2.6rem;
  text-align: center;
  text-decoration: none;
  text-decoration: underline;
  width: 100%;
}
.index-module--success--pqEJ9 {
  max-width: 400px;
  width: 100%;
}
.index-module--success__container--VEGih {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(45, 18, 65, 0.15);
  margin: 40px 0 20px;
  padding: 30px 20px 25px;
}
@media (min-width: 360px) {
  .index-module--success__container--VEGih {
    padding: 30px 30px 25px;
  }
}
.index-module--success__img--xwSL2 {
  display: flex;
  justify-content: center;
}
.index-module--success__title--wI1WU {
  color: #381451;
  font-size: 1.438rem;
  margin-bottom: 10px;
  margin-top: 15px;
  text-align: center;
}
.index-module--success__infoTop--qZEdN {
  border: 1px solid #ccc4d2;
  border-radius: 8px;
  margin-bottom: 1.25rem;
}
.index-module--success__phoneAmount--u4y\+S {
  align-items: center;
  background-color: #f4f4f7;
  border-bottom: 1px solid #ccc4d2;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  color: #381451;
  display: flex;
  justify-content: space-between;
  padding: 7px 20px;
}
.index-module--success__amount--XJbTB {
  font-family: cera_pro;
  font-size: 1.25rem;
  font-weight: 700;
}
.index-module--success__label--oRFqn {
  font-size: 0.875rem;
  line-height: 1.125rem;
}
.index-module--success__phone--\+lqKq {
  font-family: cera_pro;
  font-weight: 700;
  line-height: 1.25rem;
}
.index-module--success__additional--Y-uhz {
  border-bottom: 1px solid #ccc4d2;
  display: flex;
  justify-content: center;
  margin: 10px auto;
  padding-bottom: 10px;
}
.index-module--success__additional--Y-uhz p {
  line-height: 1.25rem;
  max-width: 255px;
  width: 100%;
}
.index-module--success__additional--Y-uhz p span {
  font-family: cera_pro;
  font-weight: 700;
}
.index-module--success__total--\+gYT2 {
  font-family: cera_pro;
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 10px;
  text-align: center;
}
.index-module--success__infoBottom--9mBR9 {
  background-color: #f4f4f7;
  border: 1px solid #ccc4d2;
  border-radius: 8px;
  padding: 15px;
}
.index-module--success__bonusTitle--8VaCk {
  font-family: cera_pro;
  font-weight: 700;
}
.index-module--success__bonusList--mmZgl {
  list-style: none;
  padding-left: 0;
}
.index-module--success__bonusList--mmZgl li {
  align-items: center;
  display: flex;
  gap: 5px;
  margin: 3px 0;
}
.index-module--success__mailInfo--5XlqX {
  font-family: cera_pro;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 16px;
  margin-top: 20px;
  text-align: center;
}
.index-module--success__mailInfo--5XlqX span {
  display: block;
}
.index-module--success__downloadBtn--C7fUN {
  align-items: center;
  background-color: transparent;
  border: 1px solid #4d008c;
  border-radius: 0.5rem;
  color: #4d008c;
  cursor: pointer;
  display: flex;
  font-size: 0.875rem;
  gap: 5px;
  justify-content: center;
  line-height: normal;
  line-height: 1.125rem;
  margin-top: 15px;
  padding: 0.375rem 2.6rem;
  text-align: center;
  text-decoration: none;
  transition: box-shadow 0.35s ease-in;
  width: 100%;
}
.index-module--success__downloadBtn--C7fUN:hover {
  background-color: transparent;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
}
.index-module--success__btn--\+Q\+jc {
  background-color: #e92070;
  border: 1px solid #e92070;
  border-radius: 0.5rem;
  color: #fff;
  cursor: pointer;
  font-family: cera_pro;
  font-weight: 500;
  line-height: normal;
  padding: 0.5rem 2.6rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: background 0.35s ease-in, color 35ms ease-in;
  width: 100%;
}
.index-module--success__btn--\+Q\+jc:hover {
  background-color: #ce145e;
  border-color: #ce145e;
}
.index-module--mainContainer--pMzE7 {
  align-items: center;
  background-color: #f4f4f7;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  overflow: hidden;
  padding: 30px 20px 40px;
  position: relative;
  width: 100%;

}
.index-module--mainContainer--pMzE7:before {
  background: linear-gradient(90deg, #5c3e8d, #e92070 49.48%, #5c3e8d);
  bottom: auto;
  content: "";
  display: block;
  height: 4px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.index-module--mainContainer__logo--EkqXs {
  flex-shrink: 0;
  width: 75.5px;
}
.index-module--mainContainer__logo--EkqXs path {
  fill: #4d008c;
}
.frame-layout .index-module--mainContainer--pMzE7 {
  border: 1px solid #c9cfd7;
  border-radius: 16px;
  max-width: 800px;
}
@media (min-width: 768px) {
  #___gatsby,
  #gatsby-focus-wrapper,
  body,
  html {
    height: 100%;
  }
}
.index-module--title--CT2o5 {
  color: #2d1441;
  font-size: 1.25rem;
  font-weight: 600;
  margin: 1.25rem 0;
}

.gatsby-image-wrapper {
  position: relative;
  overflow: hidden;
}
.gatsby-image-wrapper picture.object-fit-polyfill {
  position: static !important;
}
.gatsby-image-wrapper img {
  bottom: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-width: none;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  object-fit: cover;
}
.gatsby-image-wrapper [data-main-image] {
  opacity: 0;
  transform: translateZ(0);
  transition: opacity 0.25s linear;
  will-change: opacity;
}
.gatsby-image-wrapper-constrained {
  display: inline-block;
  vertical-align: top;
}

/* Анимация появления справа */
@keyframes slideInRight {
  from {
    transform: translateX(10px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

#phone-check {
  animation: slideInRight 0.3s ease-in-out forwards;
}

/* Анимация плавного появления модалки */
.ReactModalPortal {
  transition: opacity 0.3s ease;
}

.ReactModalPortal[style*="display: block"] {
  opacity: 1;
}

.ReactModalPortal:not([style*="display: block"]) {
  opacity: 0;
}