/* Shared by hosted, subscription, ON_SITE and demo checkout. */
.mp-checkout-surface{--mp-payment-font:system-ui,-apple-system,"Segoe UI",sans-serif;font-family:var(--mp-payment-font)!important;color:#382d25}
.mp-checkout-surface :is(h1,h2,.mp-checkout-brand,.subscription-payment-brand,.demo-checkout-brand,select){font-family:var(--mp-payment-font)!important}
.mp-checkout-surface :is(.subscription-payment-intro h1,.mp-dialog-scroll>h2,.demo-dialog-header h2){font:750 18px/1.25 var(--mp-payment-font)!important;color:#142439!important}
.mp-checkout-surface :is(.subscription-payment-head,.mp-checkout-head){min-height:51px;padding:10px 17px!important;align-items:center}
.mp-checkout-surface :is(.subscription-payment-head,.mp-checkout-head) select{height:30px!important;min-height:30px!important;padding:5px 7px!important;font:400 12px/1.4 var(--mp-payment-font)!important}
.mp-checkout-surface :is(.subscription-payment-brand,.mp-checkout-brand){font-size:18px!important;font-weight:850!important;letter-spacing:-.4px}
.mp-checkout-surface .subscription-payment-body{padding:16px!important}
[data-mp-compact].mp-checkout-surface>.mp-dialog-scroll{padding:16px!important}
.mp-checkout-surface :is(.checkout-payment-network>span,.subscription-payment-address-label,.mp-checkout-field-label,.demo-address>span,.demo-amount-box>span){font:700 11px/1.45 var(--mp-payment-font)!important;color:#806f61!important}
.mp-checkout-surface :is(.checkout-payment-network>strong,.mp-checkout-network-field>.mp-network,.mp-checkout-network-field>#network,.demo-network-value strong){font:720 13px/18px var(--mp-payment-font)!important}
.mp-checkout-surface :is(.mp-payment-field-value,.mp-checkout-address-box,.mp-checkout-amount-row){min-height:43px!important;padding:6px 9px 6px 11px!important;border-radius:9px!important}
.mp-checkout-surface .mp-checkout-address-box>textarea.mp-checkout-address,
.mp-checkout-surface .mp-payment-field-value .subscription-payment-address,
.mp-checkout-surface :is(.subscription-payment-amount strong,.subscription-payment-amount span,.mp-checkout-amount-row .mp-pay-amount,.mp-checkout-amount-row #amount,.demo-payment-amount,.demo-address code){font:500 12px/18px var(--mp-payment-font)!important;color:#382d25!important;letter-spacing:0!important}
.mp-checkout-surface .mp-checkout-address-box:focus-within{border-color:#eadfd4!important}
.mp-checkout-surface :is(.mp-warning,.checkout-payment-exact-note){margin:9px 0 0!important;padding:8px 9px!important;border:1px solid #f0d2b8!important;border-radius:9px!important;background:#fff7ef!important;color:#9b4b10!important;font:500 11px/1.45 var(--mp-payment-font)!important;text-align:start!important}
.mp-checkout-surface .checkout-payment-exact-note::before{content:none!important}
.mp-checkout-surface :is(.mp-qr-note,.mp-qr-caption){color:#756b62!important;font:400 10px/1.5 var(--mp-payment-font)!important}
.mp-checkout-surface .mp-payment-status-line{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:35px;margin-top:12px;padding:8px 11px;border-radius:9px;background:#fff0db}
.mp-checkout-surface .mp-payment-status-line :is(.mp-status,#status,.subscription-payment-status){display:flex;align-items:center;gap:6px;min-width:0;margin:0!important;padding:0!important;border:0!important;background:none!important;color:#8f4c12!important;font:650 11px/1.45 var(--mp-payment-font)!important;text-align:start!important}
.mp-checkout-surface .mp-payment-status-line :is(.mp-status,#status)::before{content:"";flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:#ef942b}
.mp-checkout-surface .subscription-payment-status #paymentStatus{font:inherit!important}
.mp-checkout-surface .subscription-payment-status-dot{width:7px;height:7px;background:#ef942b;box-shadow:none}
.mp-checkout-surface .mp-payment-status-line :is(.mp-expiry,#expiry,.checkout-payment-expiry){display:flex;align-items:center;justify-content:flex-end;gap:4px;flex-wrap:wrap;max-width:55%;margin:0!important;padding:0!important;color:#8f653f!important;font:400 10px/1.45 var(--mp-payment-font)!important;text-align:end!important}
.mp-checkout-surface .mp-payment-status-line :is(.mp-expiry,#expiry,.checkout-payment-expiry) strong{font:650 11px/1.45 var(--mp-payment-font)!important;unicode-bidi:isolate}
.mp-checkout-surface .mp-copy-note{display:none!important}
.mp-checkout-surface :is(.mp-copy-inline,.mp-copy-address,.mp-copy-amount,#copyAddress,#copyAmount,.demo-copy){position:relative!important;overflow:visible!important}
.mp-checkout-surface .mp-copy-feedback{position:absolute;bottom:calc(100% + 6px);inset-inline-end:0;z-index:10;display:block!important;width:max-content;max-width:230px;padding:5px 8px;border:1px solid #e7b78e;border-radius:6px;background:#fff5e9;color:#99480f;font:600 11px/1.4 var(--mp-payment-font)!important;white-space:normal;line-height:1.4!important;pointer-events:none;box-shadow:0 3px 12px #70451b14}
.mp-checkout-surface :is(.mp-payment-field-value,.mp-checkout-address-box,.mp-checkout-amount-row,.demo-field-line).mp-copy-success{border-color:#d8894f!important;box-shadow:0 0 0 1px #d8894f30!important}
.mp-checkout-surface .mp-copy-error .mp-copy-feedback{color:#a1271d;border-color:#dca59e;background:#fff6f5}
