.demo-dev-modal[hidden]{display:none!important}.demo-dev-modal{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:22px;background:rgba(10,18,28,.72);backdrop-filter:blur(8px)}.demo-dev-dialog{width:min(620px,100%);max-height:min(760px,92vh);overflow:auto;background:#fff;color:#101828;border-radius:24px;box-shadow:0 30px 90px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.35);padding:28px}.demo-dev-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.demo-dev-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:#fff4e5;color:#8a4b08;font-size:16px;font-weight:800;letter-spacing:.035em}.demo-dev-badge:before{content:"";width:8px;height:8px;border-radius:50%;background:#f79009}.demo-dev-close{width:42px;height:42px;border:0;border-radius:12px;background:#f2f4f7;color:#344054;font-size:24px;cursor:pointer}.demo-dev-dialog h2{font-size:30px!important;line-height:1.18!important;margin:18px 0 8px!important}.demo-dev-dialog>p{font-size:17px!important;line-height:1.6!important;color:#475467;margin:0 0 18px}.demo-dev-summary{display:grid;gap:8px;margin:18px 0}.demo-dev-summary-row{display:grid;grid-template-columns:minmax(120px,.75fr) minmax(0,1.25fr);gap:14px;padding:11px 13px;border:1px solid #eaecf0;border-radius:12px;background:#f9fafb}.demo-dev-summary-row span{font-size:16px!important;color:#667085}.demo-dev-summary-row b{font-size:16px!important;text-align:right;overflow-wrap:anywhere}.demo-dev-payment{margin:18px 0;padding:17px;border-radius:16px;background:#f5f8ff;border:1px solid #d7e3ff}.demo-dev-payment strong{display:flex;justify-content:space-between;gap:12px;font-size:18px!important}.demo-dev-payment strong b{color:#175cd3}.demo-dev-payment p{font-size:16px!important;line-height:1.55!important;color:#475467;margin:8px 0 0}.demo-dev-actions{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:20px}.demo-dev-pay,.demo-dev-cancel{min-height:50px;border-radius:12px;border:0;font-size:16px!important;font-weight:800;cursor:pointer}.demo-dev-pay{background:#175cd3;color:#fff;padding:0 18px}.demo-dev-pay:hover{background:#1849a9}.demo-dev-pay[disabled]{opacity:.6;cursor:wait}.demo-dev-cancel{background:#f2f4f7;color:#344054;padding:0 16px}.demo-dev-message{margin-top:14px;padding:11px 13px;border-radius:11px;background:#fef3f2;color:#b42318;font-size:16px!important;line-height:1.5!important}.demo-dev-foot{display:block;margin-top:15px;color:#667085;font-size:16px!important;line-height:1.45!important}.demo-dev-lock{overflow:hidden!important}@media(max-width:640px){.demo-dev-modal{padding:12px;align-items:end}.demo-dev-dialog{border-radius:22px 22px 14px 14px;padding:22px 17px;max-height:90vh}.demo-dev-dialog h2{font-size:26px!important}.demo-dev-summary-row{grid-template-columns:1fr;gap:4px}.demo-dev-summary-row b{text-align:left}.demo-dev-actions{grid-template-columns:1fr}.demo-dev-cancel{order:2}}