.loginNoticeDialog {
    position: fixed;
    inset: 0;
    margin: auto;
    box-sizing: border-box;
    width: min(44rem, 92vw);
    max-height: 85vh;
    overflow: auto;
    padding: 1.5rem;
    border: 1px solid #777;
    border-radius: .4rem;
    background: #fff;
    color: #222;
    box-shadow: 0 1rem 3rem #0006;
}
.loginNoticeDialog::backdrop { background: #0009; }
.loginNoticeDialog .loginNoticeContent { overflow-wrap: anywhere; }
.loginNoticeDialog img { max-width: 100%; height: auto; }
.loginNoticeDialog button { margin-top: 1rem; padding: .5rem 1rem; }
.loginNoticeDialog button:focus-visible { outline: 3px solid #165ca5; outline-offset: 3px; }

.task.loginNoticeTask {
    min-width: 0;
    flex-basis: 520px;
    max-width: 100%;
    box-sizing: border-box;
}
.loginNoticeTask .textEditor,
.loginNoticeTask textarea,
.loginNoticeTask .CodeMirror,
.loginNoticeTask .textwiki-toolbar {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    max-width: 100%;
}
.loginNoticeTask textarea { resize: vertical; }
.loginNoticeTask input[type=datetime-local] { max-width: 100%; box-sizing: border-box; }