.demo-payment-status{padding:15px 18px;border-radius:13px;background:#e7f3e1;color:#2e683b;font-size:.84rem;margin-bottom:22px;overflow-wrap:anywhere}.demo-receipt{margin:12px 0;padding:10px 14px;background:#e6f2df;border-radius:10px;color:#376641;font-size:.76rem;overflow-wrap:anywhere}
.demo-checkout{padding:0;border:0;border-radius:23px;width:min(920px,calc(100vw - 30px));max-height:calc(100dvh - 30px);color:#20392f;box-shadow:0 35px 100px #13322550;overflow:auto;background:#fff}.demo-checkout::backdrop{background:#142c29aa;backdrop-filter:blur(5px)}.demo-checkout-top{display:flex;justify-content:space-between;align-items:center;padding:17px 25px;border-bottom:1px solid #e8eee8;font-weight:850}.demo-checkout-top b{font-size:.6rem;letter-spacing:.12em;background:#ffedc9;color:#85641a;border-radius:5px;padding:5px 7px;margin-left:8px}.demo-checkout-top button{border:0;background:#f0f3ef;width:30px;height:30px;border-radius:50%;color:#5f7266;font-size:1.3rem;cursor:pointer}.demo-checkout-grid{display:grid;grid-template-columns:1fr 1.12fr}.demo-order{background:#f1f6ee;padding:37px 31px}.demo-kicker{font-size:.65rem;letter-spacing:.14em;font-weight:850;color:#72916a}.demo-order h2{font-size:1.8rem;letter-spacing:-.055em;margin:13px 0 22px}.demo-total{font-size:2.45rem;letter-spacing:-.065em;font-weight:850}.demo-order>p{color:#78906e;font-size:.8rem;margin:0 0 30px}.demo-order-line{display:flex;justify-content:space-between;gap:15px;font-size:.73rem;padding:15px 0;border-bottom:1px solid #dce6d7}.demo-order-line span{color:#74836c}.demo-order-line strong{white-space:nowrap}.demo-buyer{display:flex;flex-direction:column;gap:5px;margin:24px 0;font-size:.78rem;overflow-wrap:anywhere}.demo-buyer span{color:#778770}.demo-order .demo-order-note{font-size:.7rem;line-height:1.6;margin:0}.demo-form{padding:34px 31px}.demo-test-pill{display:inline-block;background:#fff0f5;color:#c13163;border-radius:6px;padding:6px 8px;font-size:.6rem;font-weight:850;letter-spacing:.08em}.demo-form h2{font-size:1.8rem;letter-spacing:-.055em;line-height:1.08;margin:17px 0 12px}.demo-description{font-size:.8rem;color:#7c897e;line-height:1.6;margin:0 0 22px}.demo-fake-card{border:1px solid #e3e9e0;border-radius:13px;padding:16px;margin-bottom:21px;background:#fcfdfb}.demo-fake-card>div{display:flex;justify-content:space-between;gap:10px;color:#818d7d;font-size:.65rem}.demo-fake-card b{color:#5468a5}.demo-fake-card>strong{display:block;margin:12px 0;letter-spacing:.1em;font-size:1rem}.demo-fake-card small{display:flex;justify-content:space-between;color:#91a08a;font-size:.67rem}.demo-scenario-label{font-size:.73rem;color:#66765e;display:block;margin-bottom:6px}.demo-form select{font-size:.8rem;padding:11px;background:#f8faf6;border-radius:10px;min-height:43px}.demo-pay{display:block;width:100%;border:0;background:#df326c;color:#fff;border-radius:11px;padding:14px;margin-top:19px;font-weight:800;font-size:.82rem;cursor:pointer}.demo-pay:hover{background:#c3275d}.demo-pay:disabled{opacity:.6;cursor:wait}.demo-cancel{display:block;margin:15px auto 0;background:none;border:0;color:#7d8879;font-size:.74rem;cursor:pointer}.demo-provider-note{font-size:.65rem;line-height:1.6;text-align:center;margin:19px 0 0;color:#9aa593}.demo-result{font-size:.78rem;line-height:1.65;padding:13px;border-radius:11px;margin-top:17px}.demo-result[data-state=approved]{background:#eaf6e3;color:#3f7142}.demo-result[data-state=declined]{background:#fff0f3;color:#ba2e51}.demo-result[data-state=pending]{background:#fff7df;color:#8b7129}.demo-checkout button:focus-visible{outline:3px solid #43805d;outline-offset:3px}@media(max-width:650px){.demo-checkout-grid{grid-template-columns:1fr}.demo-order{padding:23px}.demo-order h2{margin:10px 0}.demo-total{font-size:2rem}.demo-order>p{margin-bottom:13px}.demo-order-line{padding:10px 0}.demo-buyer{margin:15px 0}.demo-form{padding:25px 23px}.demo-checkout-top{padding:14px 20px}}