#xp-payment-modal{width:min(740px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid #dbe8fa;border-radius:22px;background:#f5f8fd;color:#17334e;box-shadow:0 28px 100px #09295140;overflow:hidden}#xp-payment-modal::backdrop{background:#142c4d66;backdrop-filter:blur(4px)}#xp-payment-modal[open]{display:flex;flex-direction:column}.xp-payment-modal-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;background:#fff;border-bottom:1px solid #e2eaf6}.xp-payment-modal-head span{color:#7388a3;font-size:12px}.xp-payment-modal-head h2{margin:2px 0 0;font-size:21px;color:#163b62}#xp-payment-modal-close{width:38px;height:38px;border:0;border-radius:50%;background:#edf3fb;color:#466584;font-size:27px;cursor:pointer}#xp-payment-modal-message{margin:0;padding:14px 24px;color:#536e8f;font-size:14px}#xp-payment-modal-frame{display:block;border:0;width:100%;height:min(650px,calc(100dvh - 225px));min-height:240px;flex:1 1 auto;background:#f5f8fd}#xp-payment-modal-frame[hidden]{display:none}#xp-payment-modal footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 24px;border-top:1px solid #e2eaf6;background:#fff;font-size:12px;color:#7a8da5}#xp-payment-modal-learn{padding:8px 18px;border-radius:8px;color:#fff;background:#1673eb;text-decoration:none;white-space:nowrap;font-size:14px}#xp-payment-modal-learn[hidden]{display:none}html.xp-payment-open{overflow:hidden}@media(max-width:600px){#xp-payment-modal{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:16px}.xp-payment-modal-head{padding:14px 16px}#xp-payment-modal footer{padding:12px 16px}#xp-payment-modal-frame{height:calc(100dvh - 210px)}#xp-payment-modal-message{padding:10px 16px}}

/* XP compact centered modal v2 */
#xp-payment-modal{position:fixed!important;inset:0!important;margin:auto!important;transform:none!important;width:min(660px,calc(100vw - 32px));height:fit-content;max-height:calc(100dvh - 40px)}
#xp-payment-modal-frame{height:min(500px,calc(100dvh - 220px));min-height:160px}
#xp-payment-modal .xp-payment-modal-head{padding:16px 22px}
#xp-payment-modal footer{padding:12px 22px}
@media(max-width:600px){#xp-payment-modal{width:calc(100vw - 24px);max-height:calc(100dvh - 32px)}#xp-payment-modal-frame{height:min(480px,calc(100dvh - 210px))}#xp-payment-modal .xp-payment-modal-head{padding:14px 16px}#xp-payment-modal footer{padding:12px 16px}}