.notifications-page{width:min(780px,calc(100% - 32px));margin:0 auto;padding:24px 0 50px}.notifications-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 0 18px;border-bottom:1px solid var(--line)}.notifications-topbar .brand{font-size:17px}.notifications-back{display:flex;align-items:center;gap:6px;color:#9da3ae;font-size:14px}.notifications-page-heading{display:flex;align-items:center;gap:12px;padding:27px 0 16px}.notifications-page-heading>div{flex:1}.notifications-page-heading h1{margin:8px 0 0;font:600 30px var(--display);letter-spacing:-.04em}.notifications-page-heading>button,.notifications-load-more{padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--text);font-size:13px}.notification-page-count{position:static;min-width:22px;height:22px;padding:0 6px;border:0;font-size:11px}.notifications-page-list{display:grid;gap:5px;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.notifications-page-list .notification-item{min-height:70px;padding:12px;border-radius:9px}.notifications-page-list .notification-item:hover,.notifications-page-list .notification-item.unread{background:#ffffff0a}.notifications-page-list .notification-copy{font-size:15px}.notifications-page-list .notification-excerpt{font-size:13px}.notifications-page-list .notification-copy small{font-size:12px}.notifications-page-list .notification-avatar{width:42px;height:42px}.notifications-load-more{display:block;margin:14px auto 0}.notifications-load-more[hidden]{display:none}.notifications-page-status{min-height:18px;color:var(--muted);text-align:center;font-size:12px}html[data-theme=day] .notifications-page-list .notification-item:hover,html[data-theme=day] .notifications-page-list .notification-item.unread{background:#252a310a}@media(max-width:600px){.notifications-page{width:calc(100% - 24px);padding-top:12px}.notifications-topbar .brand{font-size:15px}.notifications-back{font-size:12px}.notifications-page-heading{gap:8px;padding:20px 0 13px}.notifications-page-heading h1{font-size:25px}.notifications-page-heading>button{padding:7px 8px;font-size:11px}.notifications-page-list{padding:5px}.notifications-page-list .notification-item{gap:8px;padding:10px 7px}.notifications-page-list .notification-copy{font-size:13px}.notifications-page-list .notification-excerpt{white-space:normal}.notifications-page-list .notification-avatar{width:36px;height:36px;font-size:12px}}
.notification-page-count{display:grid;place-items:center;border-radius:999px;background:#ef476f;color:#fff;font-weight:700}.notification-page-count[hidden]{display:none}.notification-follow-request{display:flex;align-items:center}.follow-request-actions{display:flex;gap:8px;margin-top:7px}.follow-request-actions button{padding:6px 10px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--text);font-size:12px}.follow-request-actions button:first-child{border-color:#70ba91;color:#70ba91}.follow-request-actions button:hover{background:#ffffff0c}.follow-request-actions button:disabled{opacity:.55;cursor:wait}html[data-theme=day] .follow-request-actions button:hover{background:#252a310a}