#notification-bell{position:relative;flex:none}
#notification-bell[hidden],#notification-count[hidden]{display:none}
#notification-bell svg{width:19px;height:19px}
#notification-count{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:10px;display:grid;place-items:center;background:#e9a381;color:#1f171a;font-size:10px;font-weight:900;box-shadow:0 2px 9px #0007}
.notification-list{display:grid;gap:9px;margin:23px 0 0;max-height:55vh;overflow:auto;scrollbar-width:none}
.notification-list::-webkit-scrollbar{display:none}
.notification-item{width:100%;border:1px solid #ffffff1c;border-radius:10px;background:#191a23;color:#f4ebe8;text-decoration:none;text-align:left;padding:13px 15px;display:grid;gap:5px}
.notification-item:hover{border-color:#e9a38190;background:#e9a38112}
.notification-item:focus-visible{outline:2px solid #e9a381;outline-offset:2px}
.notification-item.unread{border-left:3px solid #e9a381}
.notification-item strong{font-size:13px}
.notification-item span{color:#bdb5bd;font-size:11px;line-height:1.5}
.notification-item small{color:#908c99;font-size:10px}
.notification-item em{color:#efb090;font-size:11px;font-style:normal;font-weight:800;margin-top:4px}
.notification-empty{padding:15px;border:1px solid #ffffff1c;border-radius:9px}
.notification-mark-all{margin-top:15px;background:none;border:0;color:#e9a381;font-size:11px;font-weight:800;padding:8px 0}