.napas-payment-qr{
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  padding: 6px;
  background:#fff;
  border: 2px solid var(--border-color);
  border-radius:12px;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
  max-width:360px;
}
.napas-payment-qr .napas-payment-qr-image{
  line-height:0;
  width:100%;
  display:flex;
  justify-content:center;
}
.napas-payment-qr .napas-payment-qr-image svg{
  display:block;
  max-width:320px;
  width:100%;
  height:auto;
}
.napas-payment-qr .napas-payment-qr-info{
  width:100%;
  text-align:center;
  line-height:1.25;
}
.napas-payment-qr-info .bank{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-weight:600;
  font-size:16px;
  white-space:nowrap;
}
.napas-payment-qr-info .bank img{
  width:18px;
  height:18px;
  object-fit:contain;
}
.napas-payment-qr-info .bank .name{
  overflow:hidden;
  text-overflow:ellipsis;
}
.napas-payment-qr .napas-payment-qr-info .receiver{
  font-weight:600;
  font-size:18px;
  margin:2px 0;
}
.napas-payment-qr .napas-payment-qr-info .account-number{
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  font-size:15px;
  letter-spacing:.3px;
  margin:2px 0;
}

.napas-payment-qr .napas-payment-qr-info .amount{
  font-weight:700;
  font-size:18px;
  margin-top:6px;
}
.napas-payment-qr .napas-payment-qr-info .message{
  font-size:15px;
  margin-top:6px;
  opacity:.9;
  word-break:break-word;
}
.napas-payment-qr .napas-payment-qr-info > div{
  margin:2px 0;
}