.notification-panel{position:absolute;right:270px;top:62px;width:310px;background:#fff;border:1px solid #e5eaf2;border-radius:14px;box-shadow:0 18px 42px rgba(45,63,115,.16);z-index:70;padding:10px}.notification-head{display:flex;justify-content:space-between;padding:8px 9px 12px;border-bottom:1px solid #edf0f6;font-size:12px}.notification-head button{border:0;background:none;color:#99a4b7;font-size:18px}.notification-item{display:flex;gap:9px;padding:12px 8px;border-bottom:1px solid #f1f3f7}.notification-item>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#e4f8f1;color:#22ae83}.notification-item strong{display:block;font-size:11px;color:var(--text)}.notification-item small{display:block;color:#9aa4b7;font-size:9px;margin-top:4px}.notification-empty{text-align:center;color:#99a4b7;font-size:11px;padding:26px 10px}@media(max-width:760px){.notification-panel{right:12px;top:56px;width:290px}}