.notification-item{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--text);text-align:left;background:0 0;align-items:center;gap:14px;padding:16px 24px;display:flex}.notification-item:hover{background:var(--bg-sub)}.notification-item.is-unread{background:var(--accent-bg)}.notification-item__icon{background:var(--bg-muted);width:40px;height:40px;color:var(--text-sub);border-radius:999px;flex:0 0 40px;place-items:center;display:grid}.notification-item__body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.notification-item__message{overflow-wrap:anywhere;font-size:15px;line-height:1.5}.notification-item.is-unread .notification-item__message{font-weight:700}.notification-item__dot{background:var(--accent);border-radius:999px;flex:0 0 8px;width:8px;height:8px}