.notifications-head{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:flex-end}.notification-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;max-width:820px}.notification-list li{display:flex;gap:10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);padding:11px 13px}.notification-list li.is-unread{border-left:3px solid var(--accent)}.notification-list li.is-read{opacity:.72}.notification-icon{color:var(--ink-3);padding-top:2px}.notification-title{font-size:13.5px}.notification-title a{color:var(--ink)}.notification-title a:hover{color:var(--accent-ink)}.notification-body{font-size:12.5px;color:var(--ink-2);margin-top:3px;line-height:1.5}.notification-meta{font-size:10.5px;color:var(--ink-3);margin-top:4px}