.sms-input,
.sms-input .form-input-wrap .sms-resend-btn.hidden,
.sms-overlay .sms-box .form-input-wrap .sms-resend-btn.hidden,
.sms-overlay .sms-box .form-input-wrap .sms-resend-status.hidden {
 display: none;
}
.page-sign-up-0
 .block-form
 .wrapper
 form
 .form-box
 .form-input-wrap
 input#phoneCode,
.page-sign-up-1
 .block-form
 .wrapper
 form
 .form-box
 .form-input-wrap
 input#phoneCode,
.page-sign-up-2
 .block-form
 .wrapper
 form
 .form-box
 .form-input-wrap
 input#phoneCode,
.page-sign-up-3
 .block-form
 .wrapper
 form
 .form-box
 .form-input-wrap
 input#phoneCode {
 color: rgb(39, 23, 86) !important;
 padding: 0 25px 0;
}
.page-sign-up-0
 .block-form
 .wrapper
 form
 .form-box
 .form-input-wrap
 input::placeholder,
.page-sign-up-1
 .block-form
 .wrapper
 form
 .form-box
 .form-input-wrap
 input#phoneCode::placeholder,
.page-sign-up-2
 .block-form
 .wrapper
 form
 .form-box
 .form-input-wrap
 input::placeholder {
 opacity: 1 !important;
 font-size: 18px;
 font-weight: 500;
 line-height: 23px;
}
.sms-overlay {
 left: 0;
 top: 0;
 height: 100%;
 width: 0;
 position: fixed;
 background-color: rgba(0, 0, 0, 0.65);
 overflow-x: hidden;
 transition: 0.5s;
 z-index: 1000;
}
.sms-input {
 width: calc(50% - 10px);
 border-radius: 5px;
 font-size: 20px;
 line-height: 25px;
}
.sms-input input {
 padding: 10px 20px 0;
 width: 100%;
 height: 100%;
 border: none;
}
.sms-input .form-input-wrap .sms-resend-status {
 font-size: 18px;
 margin-top: 10px;
}
.sms-overlay .sms-box {
 padding: 60px 50px;
 left: 50%;
 top: 50%;
 width: 760px;
 height: 360px;
 position: absolute;
 display: flex;
 flex-wrap: wrap;
 border-radius: 10px;
 transform: translate(-50%, -50%);
 transition: none;
 background: #fff;
 color: #000;
}
.sms-overlay .sms-box .sms-box__header {
 margin-bottom: 12px;
 width: 100%;
 font-size: 28px;
 line-height: 32px;
}
.sms-overlay .sms-box .sms-box__description {
 margin-bottom: 36px;
 width: 100%;
 font-size: 18px;
 line-height: 20px;
}

.sms-overlay .sms-box .form-input-wrap {
 position: relative;
 margin-right: 250px;
 margin-bottom: 40px;
 width: 356px;
}
.sms-overlay .sms-box .form-input-wrap .errorlist {
 left: 10px !important;
 top: 53px !important;
 width: calc(100% - 20px) !important;
 line-height: 15px !important;
}
.sms-input .form-input-wrap .sms-resend-btn {
 margin-top: 10px;
 font-size: 15px;
 line-height: 18px;
}
.sms-overlay .sms-box .form-input-wrap .sms-resend-btn,
.sms-overlay .sms-box .form-input-wrap .sms-resend-status {
 left: 420px;
 top: 50%;
 position: absolute;
 transform: translateY(-50%);
 font-size: 15px;
 line-height: 18px;
 white-space: nowrap;
}
.sms-input .form-input-wrap .sms-resend-btn,
.sms-overlay .sms-box .form-input-wrap .sms-resend-btn {
 color: #0e9fd6;
 cursor: pointer;
}
.sms-input .form-input-wrap .sms-resend-btn:hover,
.sms-overlay .sms-box .button.mod__transparent:hover,
.sms-overlay .sms-box .form-input-wrap .sms-resend-btn:hover {
 text-decoration: underline;
}
.sms-overlay .sms-box .form-input-wrap .sms-resend-status {
 color: #848484;
}
.sms-overlay .sms-box .button {
 position: static !important;
 margin: 0;
 max-width: 410px;
}
.sms-overlay .sms-box .button.mod__transparent {
 margin-left: 46px;
 padding-left: 0;
 padding-right: 0;
 width: auto;
 background: 0 0;
 color: #0e9fd6 !important;
 border: none;
}
.sms-overlay .sms-box .form-input-wrap label {
 width: 90%;
 display: flex !important;
 align-items: center;
 justify-content: space-between;
 margin: 0;
 padding: 0;
 position: absolute;
 left: 23px;
 top: 50%;
 transform: translateY(-50%);
 color: rgb(207, 185, 222);
 font-size: 20px;
 font-weight: 400;
 line-height: 25px;
 transition: 0.1s linear;
}
.sms-overlay .sms-box .form-input-wrap label.show {
 font-size: 14px;
 line-height: 18px;
 transform: translateY(-110%);
}
.sms-overlay .sms-box .form-input-wrap input {
 width: 100%;
}
@media (max-width: 1200px) {
.sms-overlay .sms-box .form-input-wrap .errorlist {
 top: 45px !important;
}
 .sms-overlay .sms-box {
  padding: 30px 15px;
  width: 290px;
  height: 240px;
 }
 .sms-input {
  width: 100%;
 }
 .sms-input .form-input-wrap .sms-resend-status {
  font-size: 14px;
 }
 .sms-overlay .sms-box .sms-box__header {
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 0;
 }
 .sms-overlay .sms-box .sms-box__description {
  display: none;
 }
 .sms-overlay .sms-box .form-input-wrap {
  margin-right: 0;
  width: 100% !important;
 }
 .sms-input .form-input-wrap .sms-resend-btn,
 .sms-overlay .sms-box .form-input-wrap .sms-resend-btn,
 .sms-overlay .sms-box .form-input-wrap .sms-resend-status {
  left: 0;
  top: 70px;
  font-size: 12px;
  line-height: 15px;
 }
 .sms-input .form-input-wrap .sms-resend-btn,
 .sms-overlay .sms-box .form-input-wrap .sms-resend-btn {
  font-weight: 700;
 }
 .sms-overlay .sms-box .button {
  width: 180px !important;
  height: 56px !important;
  transform: none !important;
  font-size: 14px;
  line-height: 17px;
 }
 .sms-overlay .sms-box .button.mod__transparent {
  margin-left: 12px;
  width: auto !important;
 }
}
@media (max-width: 479px) {
 .sms-input .form-input-wrap .sms-resend-btn,
 .sms-overlay .sms-box .form-input-wrap .sms-resend-btn,
 .sms-overlay .sms-box .form-input-wrap .sms-resend-status {
  top: 60px;
 }
}