.notification-link{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:7px 9px;border-radius:4px}
.notification-link:hover,.notification-link[aria-current=page]{background:#303944;color:#edf2f6}
.notification-count{min-width:19px;height:19px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:#b64b4b;color:#fff;padding:0 5px;font-size:11px;line-height:1;font-weight:700;font-variant-numeric:tabular-nums}
.notification-tabs{display:flex;gap:24px;align-items:center;padding:0 24px;border-bottom:1px solid #39414b}
.notification-tabs a{padding:17px 0;color:#a4afba;font-size:14px}.notification-tabs a[aria-current=page]{color:#e6edf4;border-bottom:2px solid #84a5ca}.notification-tabs .notification-refresh{margin-left:auto;font-size:13px}
.notification-row{display:flex;gap:17px;padding:24px;border-bottom:1px solid #343c46}.notification-row:last-child{border-bottom:0}.notification-row.is-unread{background:#252e38;box-shadow:inset 3px 0 #85a7ca}
.notification-symbol{flex:0 0 36px;height:36px;border:1px solid #4a5766;border-radius:6px;display:grid;place-items:center;font-size:23px;color:#acc2d9;background:#2a3541}
.notification-content{min-width:0;flex:1}.notification-meta{display:flex;align-items:center;gap:10px;font-size:12px;color:#aab6c4}.notification-meta time{margin-left:auto}.notification-dot{font-size:11px;color:#c2d8ef}.notification-dot::before{content:'';display:inline-block;width:5px;height:5px;background:#91b7df;border-radius:50%;margin-right:5px;vertical-align:middle}
.notification-content h2{font-size:16px;line-height:1.6;font-weight:600;margin:9px 0 6px;color:#e1e8f0;overflow-wrap:anywhere}.notification-topic{font-size:14px;color:#aebed0;margin:0;overflow-wrap:anywhere}.notification-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;font-size:14px;color:#bcc8d5;margin-top:8px}.notification-actions{display:flex;gap:22px;margin-top:13px}.notification-actions .text-button{font-size:13px;color:#9db8d5}.notification-heading{gap:16px}
@media(max-width:600px){.notification-row{padding:18px 14px;gap:11px}.notification-symbol{flex-basis:29px;height:29px;font-size:19px}.notification-tabs{padding:0 14px;gap:20px}.notification-meta{gap:7px;font-size:11px}.notification-heading{align-items:flex-start;flex-direction:column}.notification-content h2{font-size:15px}.notification-link{padding:6px 3px}.notification-link svg{width:16px;height:16px}}