.notice-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:8px}.notice-toggle .ui-icon{width:20px;height:20px}.notice-count{position:absolute;top:-3px;right:-4px;font-size:9px;min-width:17px;padding:2px 4px;border-radius:15px;background:#8a6b2f;color:white}.notice-menu{width:min(350px,calc(100vw - 28px));padding:12px}.notice-menu h2{font-size:.9rem;margin:7px 10px 15px}.notice-item{white-space:normal;border-bottom:1px solid var(--line);padding:12px}.notice-item strong{display:block;font-size:.74rem}.notice-item small{display:block;font-size:.64rem;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}.notice-item.notice-unread{background:#faf4e5}.notice-items{max-height:340px;overflow:auto}.notice-empty{font-size:.75rem;color:var(--muted);padding:10px;margin:0}.notice-menu>.btn{font-size:.7rem;margin:10px;width:calc(100% - 20px)}