.entry-announcement{box-sizing:border-box;width:min(480px,calc(100vw - 32px));max-height:80dvh;overflow:auto;border:1px solid #dce3ec;border-radius:20px;padding:30px;background:#fff;color:#182234;box-shadow:0 24px 100px #0004}
.entry-announcement::backdrop{background:#101a2b80;backdrop-filter:blur(4px)}
.entry-announcement h2{font-size:22px;line-height:1.45;padding-inline-end:24px;margin:0 0 20px;overflow-wrap:anywhere}
.entry-announcement-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;font-size:15px}
.entry-announcement-close{position:absolute;inset-inline-end:12px;top:10px;border:0;background:transparent;color:inherit;font-size:28px;cursor:pointer;width:40px;height:40px}
.entry-announcement small{color:#717d90}.entry-announcement footer{display:flex;align-items:center;justify-content:space-between;margin-top:24px}.entry-announcement footer[hidden]{display:none}.entry-announcement footer button{border:1px solid #dce3ec;background:#f5f7fa;border-radius:8px;padding:8px 20px;font-size:20px;cursor:pointer}

.entry-announcement-image[hidden]{display:none}
.entry-announcement-media,.notification-image-scroll{max-height:55dvh;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border-radius:12px;margin:12px 0;border:1px solid #dce3ec}
.entry-announcement-media[hidden]{display:none}
.entry-announcement-media .entry-announcement-image,.notification-image-scroll .notification-image{display:block;width:100%;height:auto;max-width:100%;max-height:none;object-fit:initial;margin:0;border-radius:0}
.notification-image-scroll{max-height:420px}.entry-announcement-media:focus-visible,.notification-image-scroll:focus-visible{outline:2px solid #1463d8;outline-offset:2px}