.app-notifications{position:relative}.notification-panel{position:fixed;inset:5rem 1rem 1rem auto;width:min(32rem,calc(100vw - 2rem));z-index:1000;overflow:auto;padding:1.1rem;background:#fff;color:#172235;border:1px solid #b9c7d5;border-radius:1rem;box-shadow:0 10px 45px #0d19364d}.notification-panel[hidden]{display:none}.notification-panel h2,.notification-panel h3{margin:.8rem 0}.notification-panel button{margin:.35rem .25rem .35rem 0}.notification-panel textarea,.notification-panel select{width:100%;margin:.5rem 0;color:inherit;background:#fff;border:1px solid #a8b8c9;border-radius:.5rem;padding:.65rem}.notification-entry{padding:.9rem 0;border-bottom:1px solid #bcc9d5}.notification-entry p{white-space:pre-wrap;overflow-wrap:anywhere;margin:.45rem 0}.notification-entry small{display:block;color:inherit;opacity:.8}.notification-panel [role=status]{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:600px){.notification-panel{inset:4rem .5rem .5rem;width:calc(100vw - 1rem)}.app-notifications>button{font-size:.85rem}}

.notification-panel p,.notification-panel h2,.notification-panel h3,.notification-panel strong{color:inherit}

.notification-panel,.notification-panel textarea,.notification-panel select{box-sizing:border-box}