
.verification {
}
.verification__inner {
   width: 100%;
   height: 100vh;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   padding: 15px;
}
.verification-block{
   border-radius: 5px;
   background: #FFF;
   -webkit-box-shadow: 0px 0px 0px 0px rgba(34, 27, 62, 0.10), 0px 18px 39px 0px rgba(34, 27, 62, 0.10), 0px 72px 72px 0px rgba(34, 27, 62, 0.09), 0px 161px 97px 0px rgba(34, 27, 62, 0.05), 0px 286px 114px 0px rgba(34, 27, 62, 0.01), 0px 447px 125px 0px rgba(34, 27, 62, 0.00);
           box-shadow: 0px 0px 0px 0px rgba(34, 27, 62, 0.10), 0px 18px 39px 0px rgba(34, 27, 62, 0.10), 0px 72px 72px 0px rgba(34, 27, 62, 0.09), 0px 161px 97px 0px rgba(34, 27, 62, 0.05), 0px 286px 114px 0px rgba(34, 27, 62, 0.01), 0px 447px 125px 0px rgba(34, 27, 62, 0.00);
   padding: 48px 32px;
   position: relative;
   text-align: center;
   width: 100%;
   max-width: 512px;
   margin: 0 auto;
}
.email-verification {
   transition: all 0.3s ease 0s;
}
.email-verification__close {
   position: absolute;
   width: 32px;
   height: 32px;
   top: 32px;
   right: 26px;
}
.email-verification__title {
   color: #152521;
   font-size: 32px;
   font-weight: 700;
   margin-bottom: 12px;
}
.email-verification__subtitle {
   color: #536460;
   font-size: 20px;
   font-weight: 500;
   margin-bottom: 40px;
}
.email-verification__form {
   margin-bottom: 40px;
   display: -ms-grid;
   display: grid;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   justify-items: center;
   -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 28px 8px 1fr 8px 1fr 8px 1fr;
   grid-template-columns: 1fr 1fr 1fr 28px 1fr 1fr 1fr;
   -webkit-column-gap: 8px;
      -moz-column-gap: 8px;
           column-gap: 8px;
}
.email-verification__form input{
   height: 64px;
   max-width: 62px;
   width: 100%;
   border-radius: 8px;
   border: 1px solid #AAC1BC;
   background: #FFF;
   -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
           box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
   text-align: center;

   font-size: 40px;
   font-weight: 500;
   color: #AAC1BC;
}
.email-verification__form input::-webkit-input-placeholder{
   color: #AAC1BC;
   font-size: 40px;
   font-weight: 500;
}
.email-verification__form input::-moz-placeholder{
   color: #AAC1BC;
   font-size: 40px;
   font-weight: 500;
}
.email-verification__form input:-ms-input-placeholder{
   color: #AAC1BC;
   font-size: 40px;
   font-weight: 500;
}
.email-verification__form input::-ms-input-placeholder{
   color: #AAC1BC;
   font-size: 40px;
   font-weight: 500;
}
.email-verification__form input::placeholder{
   color: #AAC1BC;
   font-size: 40px;
   font-weight: 500;
}
.email-verification__form span{
   color:#AAC1BC;
   text-align: center;
   font-size: 56px;
   font-weight: 500;
}
.email-verification__submit {
   width: 100%;
   border-radius: 5px;
   background: #004231;
   min-height: 50px;
   -webkit-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
   color: #FFF;
   font-size: 16px;
   font-weight: 600;
   margin-bottom: 30px;
}
.email-verification__submit:hover{
   background-color: rgba(0, 66, 50, 0.9);
}
.email-verification__time {
   color: #004231;
   font-size: 16px;
   font-weight: 700;
}

.email-verification__time span{
   color: #AAC1BC;
}

@media (max-width:767px){
   .email-verification{
      padding: 35px 15px;
   }
   .email-verification__close{
      top: 10px;
      right: 10px;
   } 
   .email-verification__title{
      font-size: 24px;
      margin-bottom: 8px;
   }
   .email-verification__subtitle{
      font-size: 16px;
      margin-bottom: 24px;
   }
   .email-verification__form input{
      height: 40px;
      width: 40px;
      font-size: 20px;
   }
   .email-verification__form{
      margin-bottom: 24px;
      -ms-grid-columns: 1fr 1fr 1fr 15px 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr 15px 1fr 1fr 1fr;
   }
   .email-verification__form input::-webkit-input-placeholder{
      font-size: 20px;
   }
   .email-verification__form input::-moz-placeholder{
      font-size: 20px;
   }
   .email-verification__form input:-ms-input-placeholder{
      font-size: 20px;
   }
   .email-verification__form input::-ms-input-placeholder{
      font-size: 20px;
   }
   .email-verification__form input::placeholder{
      font-size: 20px;
   }
   .email-verification__submit{
      min-height: 40px;
      margin-bottom: 12px;
   }
}
@media (max-width:480px){
   .email-verification__close svg{
      width: 20px;
      height: 20px;
   }
   .email-verification__title{
      font-size: 18px;
   }
   .email-verification__subtitle{
      font-size: 14px;
   }
   .email-verification__form{
      -ms-grid-columns: 1fr 1fr 1fr 11px 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr 11px 1fr 1fr 1fr;
   }
   .email-verification__form input{
      height: 40px;
      width: 30px;
      font-size: 16px;
   }
   .email-verification__form input::-webkit-input-placeholder{
      font-size: 16px;
   }
   .email-verification__form input::-moz-placeholder{
      font-size: 16px;
   }
   .email-verification__form input:-ms-input-placeholder{
      font-size: 16px;
   }
   .email-verification__form input::-ms-input-placeholder{
      font-size: 16px;
   }
   .email-verification__form input::placeholder{
      font-size: 16px;
   }
   .email-verification__form span{
      font-size: 16px;
   }
   .email-verification__time{
      font-size: 13px;
   }
}

/* ============================================================================ */
.verification-block {
}
.deposit-details {
   padding: 32px;
}
.deposit-details__head {
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
   padding-bottom: 24px;
   margin-bottom: 16px;
   border-bottom: 1px solid #E6EDEB;
}
.deposit-details__title {
   color: #152521;
   font-size: 20px;
   font-weight: 700;
   line-height: 24px;
}
.deposit-details__close {
}
.deposit-details__body {
}
.deposit-details__row {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   width: 100%;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
   -webkit-column-gap: 10px;
      -moz-column-gap: 10px;
           column-gap: 10px;
}
.deposit-details__row:not(:last-child){
   margin-bottom: 16px;
}
.deposit-details__label {
   color: #AAC1BC;
   font-size: 16px;
   font-weight: 500;
   text-align: left;
}
.deposit-details__value {
   color: #004231;
   text-align: right;
   font-size: 16px;
   font-weight: 600;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-column-gap: 7px;
      -moz-column-gap: 7px;
           column-gap: 7px;
}
.deposit-details__copy{
   position: relative;
}
.deposit-details__copy span {
   position: absolute;
   top: 0;
   right: 0;
   transform: translateY(-100%);
   background-color: rgb(0, 0, 0);
   padding: 5px;
   font-size: 10px;
   border-radius: 5px;
   color: #fff;
   opacity: 0;
   visibility: hidden;
   transition: all 0.3s ease 0s;
}
.deposit-details__copy span._show{
   opacity: 1;
   visibility: visible;
   transform: translateY(-120%);
}
.deposit-details__link {
}

@media (max-width:480px){
   .deposit-details{
      padding: 20px 16px;
   }
   .deposit-details__head{
      margin-bottom: 16px;
      padding-bottom: 10px;
   }
   .deposit-details__title{
      font-size: 16px;
   }
   .deposit-details__label{
      font-size: 11px;
   } 
   .deposit-details__value{
      font-size: 11px;
   }
   .deposit-details__row:not(:last-child){
      margin-bottom: 12px;
   }
   .deposit-details__close svg{
      width: 16px;
      height: 16px;
   }
}
/* ========================== */
.verification-block {
}
.withdrawal-confirmation {
   padding: 32px;
}
.withdrawal-confirmation__title {
   font-size: 20px;
   font-weight: 700;
   text-align: left;
   border-bottom: 1px solid #E6EDEB;
   margin-bottom: 24px;
   padding-bottom: 24px;
}
.withdrawal-confirmation__info {
   margin-bottom: 30px;
}
.withdrawal-confirmation__row {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   width: 100%;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
   -webkit-column-gap: 10px;
      -moz-column-gap: 10px;
           column-gap: 10px;
}
.withdrawal-confirmation__row :not(:last-child){
   margin-bottom: 18px;
}
.withdrawal-confirmation__label {
   color: #AAC1BC;
   font-size: 16px;
   font-weight: 500;
   text-align: left;
}
.withdrawal-confirmation__value {
   color:  #004231;
   text-align: right;
   font-size: 16px;
   font-weight: 600;
}
.withdrawal-confirmation__verifi {
   margin-bottom: 24px;
}
.withdrawal-confirmation__email {
   margin-bottom: 16px;
   text-align: left;
   color: #004231;
   font-size: 16px;
   font-weight: 600;
}
.withdrawal-confirmation__cod {
   margin-bottom: 10px;
}
.withdrawal-confirmation__time {
   text-align: left;
   color: #004231;
   font-size: 14px;
   font-weight: 500;
}
.withdrawal-confirmation__time  span{
   color: #AAC1BC;
}
.withdrawal-confirmation__amount {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
   -webkit-column-gap: 10px;
      -moz-column-gap: 10px;
           column-gap: 10px;
   padding: 24px 0;
   border-bottom: 1px solid #E6EDEB;
   border-top: 1px solid #E6EDEB;
   margin-bottom: 24px;
}
.withdrawal-confirmation__sum {
   color: #004231;
   text-align: right;
   font-size: 26px;
   font-weight: 700;
}
.withdrawal-confirmation__actions {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: 1fr 16px 1fr;
   grid-template-columns: repeat(2,1fr);
   -webkit-column-gap: 16px;
      -moz-column-gap: 16px;
           column-gap: 16px;
   row-gap: 8px;
}
.withdrawal-confirmation__cancel {
   border-radius: 5px;
   border: 1px solid #004231;
   min-height: 50px;

   color: #004231;
   font-size: 16px;
   font-weight: 600;
   padding: 10px;
}
.withdrawal-confirmation__cancel:hover{
   background-color: #004231;
   color: #fff;
}
.withdrawal-confirmation__confirm {
   border-radius: 5px;
   background: #004231;
   padding: 10px;
   border: 1px solid #004231;
   min-height: 50px;

   color: #FFF;
   font-size: 16px;
   font-weight: 600;
}
.withdrawal-confirmation__confirm:hover{
   background: rgba(0, 66, 50, 0.7);
   color: #fff;
}

@media (max-width:480px){
   .withdrawal-confirmation{
      padding: 20px 16px;
   }
   .withdrawal-confirmation__info{
      margin-bottom: 23px;
   }
   .withdrawal-confirmation__title{
      font-size: 16px;
      margin-bottom: 16px;
   }
   .withdrawal-confirmation__label{
      font-size: 11px;
   } 
   .withdrawal-confirmation__value{
      font-size: 11px;
   }
   .withdrawal-confirmation__row :not(:last-child){
      margin-bottom: 12px;
   }
   .withdrawal-confirmation__email{
      font-size: 11px;
   }
   .withdrawal-confirmation__time{
      font-size: 10px;
   }
   .withdrawal-confirmation__actions{
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
   }
   .withdrawal-confirmation__confirm{
      min-height: 40px;
      font-size: 13px;
   }
   .withdrawal-confirmation__cancel{
      min-height: 40px;
      font-size: 13px;
   }
   .withdrawal-confirmation__sum{
      font-size: 16px;
   }
   .withdrawal-confirmation__amount{
      padding: 16px 0;
      margin-bottom: 16px;
   }
}

input::placeholder {
  transition: opacity 0.3s;
}

input:focus::placeholder {
  opacity: 0;
}
