.wuf-notification-wrap{position:relative;margin-left:auto}.wuf-notification-button{position:relative;width:38px;height:38px;border:1px solid var(--wuf-line);border-radius:10px;background:#fff;cursor:pointer}.wuf-notification-badge{position:absolute;right:-5px;top:-6px;min-width:17px;padding:2px 4px;border-radius:10px;background:var(--wuf-orange);color:#fff;font-size:10px}.wuf-notification-panel{position:absolute;z-index:50;right:0;top:46px;width:350px;max-height:430px;overflow:auto;background:#fff;border:1px solid var(--wuf-line);border-radius:12px;box-shadow:0 16px 45px rgba(25,34,40,.16)}.wuf-notification-head{display:flex;justify-content:space-between;padding:14px;border-bottom:1px solid var(--wuf-line)}.wuf-notification-head button{border:0;background:transparent;color:var(--wuf-orange-dark);cursor:pointer}.wuf-notification-item{display:grid;width:100%;gap:4px;padding:13px 14px;border:0;border-bottom:1px solid #f0f1f1;background:#fff;text-align:left;cursor:pointer}.wuf-notification-item.is-unread{background:#fff8f2}.wuf-notification-item span,.wuf-notification-item small{color:var(--wuf-muted);font-size:11px}.wuf-notification-empty{padding:28px;text-align:center;color:var(--wuf-muted)}