body dialog:modal{box-sizing:border-box;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);margin:auto;position:fixed;inset:0;transform:none}dialog.app-centered-modal{width:fit-content;height:fit-content;color:var(--text,#173253);background:0 0;border:0;border-radius:14px;padding:0;overflow:auto;box-shadow:0 24px 80px #152a5033}dialog.app-centered-modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#14243e66}dialog.app-centered-modal>*{box-sizing:border-box;max-width:100%!important}dialog.app-message-dialog{border:1px solid var(--border,#dce5f1);width:min(520px,100vw - 32px);height:fit-content;color:var(--text,#173253);font-family:var(--font-sans),sans-serif;overflow-wrap:anywhere;background:#fff;border-radius:16px;padding:0;overflow:auto;box-shadow:0 24px 80px #152a5033}.app-message-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#14243e66}.app-message-dialog>header{border-bottom:1px solid var(--border,#e3eaf4);align-items:center;gap:12px;padding:22px 24px 18px;display:flex}.app-message-dialog h2{letter-spacing:-.02em;flex:1;margin:0;font-size:19px;font-weight:650;line-height:1.4}.app-message-symbol{background:var(--brand-soft,#eef4ff);width:36px;height:36px;color:var(--primary,#1761ef);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.app-message-symbol .icon{width:20px;height:20px}.app-message-symbol-danger{color:#ad2e45;background:#fff0f2}.app-message-close{color:#647792;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:32px;height:32px;padding:6px;display:grid}.app-message-close:hover{background:#f1f5fb}.app-message-close .icon{width:18px;height:18px}.app-message-body{padding:22px 24px}.app-message-body p{white-space:pre-wrap;margin:0;font-size:14px;line-height:1.8}.app-message-dialog>footer{border-top:1px solid var(--border,#e3eaf4);background:#fbfcff;justify-content:flex-end;align-items:center;gap:10px;padding:18px 24px;display:flex}.app-message-dialog .btn{min-width:84px;min-height:40px;font-size:13px}.app-message-dialog :is(button,a,input):focus-visible{outline:2px solid var(--primary,#1761ef);outline-offset:3px}@media (max-width:560px){body dialog:modal{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.app-message-dialog>header,.app-message-body{padding:20px}.app-message-dialog>footer{flex-wrap:wrap;padding:16px 20px}.app-message-dialog h2{font-size:18px}}