.announcement-button{position:relative}.announcement-button>span{position:absolute;top:1px;right:0;display:grid;place-items:center;min-width:16px;height:16px;padding:0 4px;border:2px solid #fff;border-radius:9px;background:#e5484d;color:#fff;font:700 9px/1 Arial}.announcement-dialog{width:min(440px,calc(100vw - 28px));height:100vh;max-height:none;margin:0 0 0 auto;padding:0;border:0;border-radius:18px 0 0 18px;color:#292b31;background:#fff;box-shadow:-22px 0 65px #17191f35}.announcement-dialog::backdrop{background:#16182066}.announcement-panel{height:100%;padding:23px;overflow:hidden}.announcement-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:17px;border-bottom:1px solid #eceef2}.announcement-panel h2,.announcement-panel p{margin:0}.announcement-panel h2{font-size:19px}.announcement-panel header p{margin-top:5px;color:#858a94;font-size:11px}.announcement-panel header button{width:32px;height:32px;border:0;border-radius:50%;background:#f0f1f4;color:#666b75;font-size:21px;cursor:pointer}.announcement-list{height:calc(100% - 70px);padding-top:15px;overflow:auto}.announcement-empty{display:grid;place-items:center;min-height:220px;color:#969ba5;font-size:12px}.announcement-card{margin-bottom:10px;padding:15px;border:1px solid #e5e7ec;border-radius:13px;background:#fafbfc}.announcement-card.important{border-color:#eed59e;background:#fffaf0}.announcement-card header{display:flex;align-items:center;justify-content:space-between;gap:10px}.announcement-card h3{margin:0;font-size:14px}.announcement-card time{color:#999da5;font-size:10px;white-space:nowrap}.announcement-card .importance{display:inline-block;margin-bottom:8px;padding:3px 7px;border-radius:999px;background:#fff0ce;color:#9b6812;font-size:9px;font-weight:700}.announcement-card p{margin:9px 0 0;color:#5e626c;font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}body.dark .announcement-button>span{border-color:#292a31}body.dark .announcement-dialog{color:#f0f1f4;background:#292a31}body.dark .announcement-panel>header{border-color:#41434b}body.dark .announcement-panel header button{background:#3d3f48;color:#fff}body.dark .announcement-card{border-color:#454750;background:#33343c}body.dark .announcement-card.important{border-color:#75623a;background:#39342a}body.dark .announcement-card p{color:#c7c9d0}