.app-state-notice{position:fixed;left:50%;bottom:20px;z-index:10050;display:grid;gap:2px;min-width:min(420px,calc(100vw - 28px));max-width:620px;transform:translateX(-50%);padding:13px 17px;border:1px solid #d3ddd6;border-radius:14px;background:#f8fbf8;color:#183d2b;box-shadow:0 14px 38px rgba(0,0,0,.2);font:500 14px/1.4 system-ui,sans-serif}.app-state-notice[hidden]{display:none}.app-state-notice strong{font-size:14px}.app-state-notice span{color:#51655a}.app-state-notice.state-error,.app-state-notice.state-permission,.app-state-notice.state-offline{border-color:#e3aaa3;background:#fff4f2;color:#8f251d}.app-state-notice.state-slow,.app-state-notice.state-loading{border-color:#e8c978;background:#fff9e7;color:#6d5010}.app-state-notice.state-success{border-color:#87c8a2;background:#effaf3;color:#155c37}html[aria-busy="true"] button[type="submit"]{cursor:progress}@media(max-width:600px){.app-state-notice{bottom:12px;padding:12px 14px}}
