.app-alert{position:fixed;inset:0;margin:auto;width:min(440px,calc(100% - 32px));max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);padding:24px;border:1px solid #d9dfd9;border-radius:20px;background:#fff;color:#263b33;box-shadow:0 24px 80px #132a3540;overflow:auto;overscroll-behavior:contain;text-align:left}
.app-alert::backdrop{background:#152b2466;backdrop-filter:blur(3px)}
.app-alert-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.app-alert-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#edf1ea;color:#24483e;font-size:23px;font-weight:650;line-height:1}
.app-alert[data-type=error] .app-alert-icon{color:#9c352c;background:#fae5df}
.app-alert[data-type=success] .app-alert-icon{color:#245c37;background:#e2eddf}
.app-alert .app-alert-close{display:grid;place-items:center;min-height:44px;width:44px;padding:0;border:0;border-radius:50%;background:#f4f6f2;color:#66766e;font-size:27px;line-height:1}
.app-alert .app-alert-close:hover{background:#e9eee6}
.app-alert h2{margin:0 0 10px;font-size:21px;font-weight:600;letter-spacing:-.3px}
.app-alert p{margin:0 0 22px;font-size:15px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
.app-alert .app-alert-okay{display:block;width:100%;min-height:48px;margin:0;font-weight:600}
@media(max-width:480px){.app-alert{padding:22px;border-radius:18px}.app-alert p{font-size:16px}}