.hg1812-payment-overlay{
  position:fixed;
  inset:0;
  z-index:9990;
  display:grid;
  place-items:center;
  padding:24px;
}
.hg1812-payment-overlay.hidden{display:none!important}
.hg1812-payment-backdrop{
  position:absolute;
  inset:0;
  background:rgba(2,6,23,.76);
  backdrop-filter:blur(3px);
}
.hg1812-payment-panel{
  position:relative;
  width:min(860px,100%);
  max-height:min(88vh,760px);
  z-index:1;
}
.hg1812-payment-panel>.card{
  margin:0;
  max-height:min(88vh,760px);
  overflow:auto;
  padding-top:26px;
  box-shadow:0 24px 80px rgba(0,0,0,.52);
}
.hg1812-payment-close{
  position:absolute;
  z-index:2;
  top:12px;
  right:12px;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid #475569;
  border-radius:999px;
  background:#111c2f;
  color:#f8fafc;
  font-size:25px;
  line-height:1;
  cursor:pointer;
}
.hg1812-payment-close:hover,
.hg1812-payment-close:focus-visible{background:#1e293b;border-color:#60a5fa}
body.hg1812-payment-open{overflow:hidden}

@media(max-width:700px){
  .hg1812-payment-overlay{
    place-items:end center;
    padding:0;
  }
  .hg1812-payment-panel{
    width:100%;
    max-height:92dvh;
  }
  .hg1812-payment-panel>.card{
    max-height:92dvh;
    border-radius:20px 20px 0 0;
    padding:24px 14px calc(18px + env(safe-area-inset-bottom));
  }
  .hg1812-payment-close{top:10px;right:10px}
}