.app-action-modal{width:min(92vw,470px);padding:0;border:0;border-radius:24px;background:#fff;color:#111827;box-shadow:0 30px 100px rgba(9,30,24,.28);text-align:center;overflow:visible}.app-action-modal::backdrop{background:rgba(7,23,19,.62);backdrop-filter:blur(6px)}.app-action-modal[open]{animation:actionModalIn .22s ease-out}.app-action-modal>div:not(.app-action-buttons),.app-action-modal>span,.app-action-modal>h2,.app-action-modal>p{margin-left:34px;margin-right:34px}.app-action-close{position:absolute;right:15px;top:15px;display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:50%;background:#f1f5f3;color:#53615c;font-size:1.2rem;cursor:pointer}.app-action-mark{display:grid;width:66px;height:66px;place-items:center;margin-top:34px!important;margin-bottom:16px;border-radius:20px;background:linear-gradient(145deg,#dffbed,#c9f5e1);box-shadow:0 10px 25px rgba(25,137,98,.14);color:#15805e;font-size:1.5rem}.app-action-kicker{display:block;color:#188063;font-size:.62rem;font-weight:900;letter-spacing:.13em}.app-action-modal h2{margin-top:7px;margin-bottom:8px;font:800 1.45rem/1.2 Manrope,sans-serif;letter-spacing:-.025em}.app-action-modal p{margin-top:0;margin-bottom:25px;color:#67746f;font-size:.82rem;line-height:1.6}.app-action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:20px 24px 24px;border-top:1px solid #e8eeeb;background:linear-gradient(#fbfdfc,#f6faf8)}.app-action-buttons button{min-height:46px;border-radius:11px;font:800 .75rem Manrope,sans-serif;cursor:pointer}.app-action-cancel{border:1px solid #d5dfdb;background:#fff;color:#44524d}.app-action-confirm{border:0;background:linear-gradient(135deg,#173f34,#248c6d);box-shadow:0 8px 20px rgba(24,108,82,.2);color:#fff}.app-action-modal.is-danger .app-action-mark{background:#ffebe9;color:#b42318}.app-action-modal.is-danger .app-action-confirm{background:linear-gradient(135deg,#b42318,#db493e);box-shadow:0 8px 20px rgba(180,35,24,.2)}.app-action-modal.is-notice .app-action-buttons{grid-template-columns:1fr}.app-action-modal.is-notice .app-action-cancel{display:none}@keyframes actionModalIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:520px){.app-action-modal{border-radius:20px}.app-action-buttons{grid-template-columns:1fr}.app-action-modal>div:not(.app-action-buttons),.app-action-modal>span,.app-action-modal>h2,.app-action-modal>p{margin-left:24px;margin-right:24px}}@media(prefers-reduced-motion:reduce){.app-action-modal[open]{animation:none}}
