.my-hussar-pay-dialog{position:absolute;inset:0;display:none;align-items:center;justify-content:center;color:var(--credit-card-dialog-color, #f8fafc);background-color:rgba(0,0,0,.8);width:100%;height:100%;transition:opacity .2s;z-index:9999}.my-hussar-pay-dialog[show]{display:flex;animation:my-hussar-pay-dialog-show .2s}@keyframes my-hussar-pay-dialog-show{from{opacity:0}to{opacity:1}}.my-hussar-pay-dialog .dialog-box{display:flex;flex-direction:column;width:100%;max-width:900px;height:100%;max-height:max-content;background-image:linear-gradient(to bottom, #f8fafc, #f1f5f9);border-radius:10px;overflow:hidden}.my-hussar-pay-dialog .dialog-box .dialog-header{padding:16px 24px;background-image:linear-gradient(to right, #2563eb, #4338ca);position:relative}.my-hussar-pay-dialog .dialog-box .dialog-header .title{display:flex;align-items:center;gap:10px}.my-hussar-pay-dialog .dialog-box .dialog-header .title span{font-weight:600;font-size:20px}.my-hussar-pay-dialog .dialog-box .dialog-header .desc{font-size:14px;color:#dbeafe}.my-hussar-pay-dialog .dialog-box .dialog-header .close{display:flex;align-items:center;justify-content:center;position:absolute;top:10px;right:10px;padding:5px;opacity:.7;transition:opacity .2s;cursor:pointer}.my-hussar-pay-dialog .dialog-box .dialog-header .close svg{width:18px;height:18px}.my-hussar-pay-dialog .dialog-box .dialog-header .close:hover{opacity:1}.my-hussar-pay-dialog .dialog-box .dialog-body{display:flex;flex-direction:row;padding:24px;color:#4b5563;overflow-y:auto}.my-hussar-pay-dialog .dialog-box .dialog-body aside{width:35%;padding-right:24px;border-right:1px solid #e5e7eb}.my-hussar-pay-dialog .dialog-box .dialog-body aside .detail{width:100%}.my-hussar-pay-dialog .dialog-box .dialog-body aside .detail>div+div{margin-top:16px}.my-hussar-pay-dialog .dialog-box .dialog-body aside .detail>div{display:flex;flex-direction:row;justify-content:space-between}.my-hussar-pay-dialog .dialog-box .dialog-body aside .detail>div span:last-child{font-weight:600}.my-hussar-pay-dialog .dialog-box .dialog-body aside .detail .title{font-size:14px}.my-hussar-pay-dialog .dialog-box .dialog-body aside .detail .total{padding-top:16px;font-weight:600;border-top:1px solid #e5e7eb}.my-hussar-pay-dialog .dialog-box .dialog-body aside .detail .total span:last-child{color:#1d4ed8;font-weight:800}.my-hussar-pay-dialog .dialog-box .dialog-body aside .secure{display:flex;flex-direction:row;align-items:center;gap:10px;margin-top:20px}.my-hussar-pay-dialog .dialog-box .dialog-body aside .secure .icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;color:#16a34a;background-color:#dcfce7;border-radius:999px}.my-hussar-pay-dialog .dialog-box .dialog-body aside .secure .title{color:#1f2937;font-weight:600}.my-hussar-pay-dialog .dialog-box .dialog-body aside .secure p{margin:0;font-size:12px;color:#4b5563}.my-hussar-pay-dialog .dialog-box .dialog-body aside .powered{margin-top:20px;font-size:14px;color:#4b5563;text-align:center}.my-hussar-pay-dialog .dialog-box .dialog-body aside .powered span{font-weight:600;color:#0070ba}.my-hussar-pay-dialog .dialog-box .dialog-body main{padding-left:24px;width:65%}.my-hussar-pay-dialog .dialog-box .dialog-body .form-row{display:flex;flex-direction:row;gap:10px}.my-hussar-pay-dialog .dialog-box .dialog-body .form-row+.form-row{margin-top:10px}.my-hussar-pay-dialog .dialog-box .dialog-body .form-item{flex:1}.my-hussar-pay-dialog .dialog-box .dialog-body .form-item input{width:100%}.my-hussar-pay-dialog .dialog-box .dialog-body .form-item select{min-width:100px;width:100%;height:30px}.my-hussar-pay-dialog .dialog-box .dialog-body .form-item .desc{color:#6b7280;font-size:12px;margin-top:4px}.my-hussar-pay-dialog .dialog-box .dialog-body .form-item.required .form-label::before{content:"*";color:red}.my-hussar-pay-dialog .dialog-box .dialog-body .form-button{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 16px;width:100%;background-color:#2563eb;border-radius:5px;color:#fff;transition:.2s;margin-top:10px;cursor:pointer}.my-hussar-pay-dialog .dialog-box .dialog-body .form-button:hover{background-color:#1d4ed8}.my-hussar-pay-dialog .dialog-box .dialog-body .form-button:active{scale:.98}.my-hussar-pay-dialog .dialog-box .dialog-body .form-button svg{width:16px;height:16px}.my-hussar-pay-dialog .dialog-box .dialog-body .form-label{color:#374151;font-weight:500;font-size:14px}.my-hussar-pay-dialog .dialog-box .dialog-body .payments-secure{display:flex;align-items:center;justify-content:center;gap:10px;color:#6b7280;font-size:12px}.my-hussar-pay-dialog .dialog-box .dialog-body .payments-secure svg{width:16px;height:16px}.my-hussar-pay-dialog .dialog-box .dialog-card{border:1px solid #e5e7eb;background-color:#fff;border-radius:10px;padding:16px}@media screen and (max-width: 600px){.my-hussar-pay-dialog[show]{z-index:9999}.my-hussar-pay-dialog .dialog-box{height:100%;border-radius:0}.my-hussar-pay-dialog .dialog-box .dialog-body{flex-direction:column;overflow-y:auto}.my-hussar-pay-dialog .dialog-box .dialog-body aside{width:100%;padding-right:0;border:none}.my-hussar-pay-dialog .dialog-box .dialog-body aside .powered{display:none}.my-hussar-pay-dialog .dialog-box .dialog-body main{width:100%;padding-left:0}}