/* BITBANK_ORDER_KYC_STEP_V62 */

.kyc-rules-panel-v62,
.kyc-form-panel-v62{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif !important;
  font-synthesis:none !important;
  text-rendering:auto !important;
  -webkit-font-smoothing:subpixel-antialiased !important;
  text-shadow:none !important;
}

.kyc-rules-panel-v62{
  border-color:rgba(115,230,255,.18) !important;
  background:
    radial-gradient(circle at 88% 12%,rgba(115,230,255,.10),transparent 190px),
    radial-gradient(circle at 8% 95%,rgba(223,44,202,.075),transparent 190px),
    rgba(255,255,255,.045) !important;
}

.kyc-rules-panel-v62 h1{
  margin-bottom:10px !important;
  font-size:27px !important;
  line-height:1.12 !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
}

.kyc-rules-text-v62{
  display:grid;
  gap:9px;
  margin-top:14px;
  color:#d9def6;
  font-size:13.6px;
  line-height:1.45;
}

.kyc-rules-text-v62 p{
  margin:0;
}

.kyc-rules-text-v62 strong{
  color:#fff;
  font-weight:760;
}

.kyc-warning-v62{
  padding:10px 11px;
  border:1px solid rgba(255,209,102,.22);
  border-radius:13px;
  background:rgba(255,209,102,.065);
  color:#fff0c2 !important;
}

.kyc-bottom-v62{
  padding:10px 11px;
  border:1px solid rgba(46,229,157,.20);
  border-radius:13px;
  background:rgba(46,229,157,.06);
  color:#caffe9 !important;
  font-weight:650;
}

.kyc-order-data-v62{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  margin-bottom:2px;
}

.kyc-order-data-v62 div{
  min-width:0;
  padding:12px 13px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  background:rgba(255,255,255,.046);
}

.kyc-order-data-v62 span{
  display:block;
  margin-bottom:5px;
  color:#aeb7dd;
  font-size:11.5px;
  line-height:1.2;
}

.kyc-order-data-v62 strong{
  display:block;
  color:#fff;
  font-size:13.4px;
  line-height:1.25;
  font-weight:750;
  overflow-wrap:anywhere;
}

.kyc-form-panel-v62 .order-info-card{
  display:none !important;
}

.kyc-form-panel-v62 .order-alert{
  border-color:rgba(115,230,255,.16) !important;
  background:rgba(115,230,255,.045) !important;
  color:#dff8ff !important;
}

.kyc-form-panel-v62 .order-actions .primary-btn{
  min-width:220px;
  font-weight:850 !important;
}

@media (max-width:900px){
  .kyc-order-data-v62{
    grid-template-columns:1fr !important;
  }

  .kyc-rules-panel-v62 h1{
    font-size:24px !important;
  }
}


/* BITBANK_ORDER_KYC_STEP_V63_MOBILE_CENTER */
@media (max-width:900px){
  .kyc-form-panel-v62 .order-actions{
    display:grid !important;
    grid-template-columns:minmax(0,320px) !important;
    justify-content:center !important;
    justify-items:stretch !important;
    gap:12px !important;
    width:100% !important;
    margin-top:14px !important;
  }

  .kyc-form-panel-v62 .order-actions .primary-btn,
  .kyc-form-panel-v62 .order-actions .order-secondary{
    width:100% !important;
    min-width:0 !important;
    max-width:320px !important;
    min-height:58px !important;
    margin:0 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    border-radius:15px !important;
    font-size:15.8px !important;
    line-height:1.15 !important;
    font-weight:800 !important;
  }

  .kyc-form-panel-v62 .order-actions .order-secondary{
    color:#fff !important;
    border:1px solid rgba(255,255,255,.13) !important;
    background:rgba(255,255,255,.055) !important;
    text-decoration:none !important;
  }
}

@media (max-width:374px){
  .kyc-form-panel-v62 .order-actions{
    grid-template-columns:minmax(0,100%) !important;
  }

  .kyc-form-panel-v62 .order-actions .primary-btn,
  .kyc-form-panel-v62 .order-actions .order-secondary{
    max-width:100% !important;
  }
}