.cn-overlay{position:fixed;inset:0;background:rgb(0 0 0 / .55);display:none;align-items:center;justify-content:center;padding:12px;z-index:99999;justify-content:center}.cn-modal{width:100%;max-width:800px;background:#fff;border-radius:12px;box-shadow:0 12px 40px rgb(0 0 0 / .35);position:relative;overflow:hidden;max-height:calc(100vh - 24px);display:flex;flex-direction:column}.cn-title{margin:0;padding:20px 52px 10px 20px;font-size:1.25em;line-height:1.5;font-weight:900;background:#2b579a;color:#fff}.cn-body{padding:18px 20px 18px 20px;line-height:1.533em;color:#4a4a4a;overflow:auto;-webkit-overflow-scrolling:touch}.cn-body p{margin:0 0 12px 0;font-size:1em}.cn-body a{color:#0b66c3;text-decoration:underline}.cn-actions{padding:14px 20px 20px 20px;display:flex;justify-content:center}.cn-close-btn{appearance:none;border:0;border-radius:10px;padding:10px 18px;background:#111;color:#fff;font-size:1rem;cursor:pointer}.cn-close-x{position:absolute;top:10px;right:12px;width:36px;height:36px;border:0;border-radius:10px;background:#fff0;font-size:28px;cursor:pointer;color:#fff}.cn-close-x:hover,.cn-close-x:focus{background:#244a84;outline:none}.cn-close-x:hover{background:rgb(0 0 0 / .06)}body.cn-no-scroll{overflow:hidden}@media (max-width:480px){.cn-title{font-size:1.25em;padding:18px 48px 8px 16px}}@media (max-width:360px){.cn-title{padding:14px 44px 6px 14px;font-size:1.05em}.cn-body{padding:12px 14px 12px 14px;font-size:.95em}.cn-actions{padding:10px 14px 14px 14px}.cn-close-btn{width:100%}}