.notifications-empty{text-align:center;flex-direction:column;align-items:center;padding:32px 24px;display:flex}.notifications-empty-icon{background:var(--mint-soft);width:44px;height:44px;color:var(--primary);border-radius:50%;place-items:center;margin-bottom:12px;display:grid}.notifications-empty-title{font-weight:var(--weight-semibold);margin:0}.notifications-empty-text{max-width:32ch;color:var(--adi);font-size:var(--text-caption);margin:4px 0 0}.notification-item{min-width:0;color:inherit;align-items:flex-start;gap:10px;padding:10px 12px;text-decoration:none;display:flex}.notification-item:hover,.notification-item:focus-visible{background:var(--a2)}.notification-item-icon{background:var(--a2);width:28px;height:28px;color:var(--a2z);border-radius:50%;flex:none;place-items:center;display:grid}.notification-item-text{overflow-wrap:anywhere;flex:1;gap:2px;min-width:0;display:grid}.notification-item-text strong{font-weight:var(--weight-semibold)}.notification-item-text>span{color:var(--ab)}.notification-item-meta{color:var(--adi);font-size:var(--text-caption);flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.notification-item-chip{border:1px solid var(--border);border-radius:999px;padding:0 8px}.notification-bell{position:relative}.notification-bell-button{width:40px;height:40px;color:var(--a2z);background:0 0;border:0;border-radius:50%;padding:0;position:relative}.notification-bell-button:hover,.notification-bell-button[aria-expanded=true]{background:var(--a2)}.notification-bell-button.notification-bell-button svg{width:20px;height:20px}@media (width<=520px){.notification-bell-button{width:42px;height:42px}}.notification-bell-badge{box-sizing:border-box;border:2px solid var(--surface);background:var(--unread-badge);min-width:18px;height:18px;color:var(--unread-badge-foreground);font-size:12px;font-weight:var(--weight-bold);text-align:center;pointer-events:none;border-radius:9px;padding:0 3px;line-height:14px;position:absolute;top:2px;right:2px}.notification-bell-panel{border:1px solid var(--border);background:var(--surface);width:min(360px,100vw - 32px);max-height:min(70vh,520px);box-shadow:0 10px 24px var(--aj8);z-index:30;border-radius:8px;flex-direction:column;display:flex;position:absolute;top:calc(100% + 16px);right:0}:root[data-theme=dark] .notification-bell-panel{box-shadow:0 10px 24px var(--aj1)}.notification-bell-head,.notification-bell-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.notification-bell-head{border-bottom:1px solid var(--a2);font-weight:var(--weight-semibold)}.notification-bell-mark-all{color:var(--primary);font-size:var(--text-caption);font-weight:var(--weight-normal);border-radius:4px;padding:2px 6px}.notification-bell-mark-all:hover:not(:disabled){text-decoration:underline}.notification-bell-mark-all:disabled{color:var(--adi)}.notification-bell-foot{border-top:1px solid var(--a2);padding:4px}.notification-bell-view-all{width:100%}.notification-bell-list{max-height:360px;margin:0;padding:0;list-style:none;overflow-y:auto}@supports (animation-timeline:scroll()){.notification-bell-list:after{content:"";background:linear-gradient(to bottom, transparent, var(--surface));pointer-events:none;height:24px;margin-top:-24px;animation:linear both notification-bell-fade;animation-timeline:scroll(self);display:block;position:sticky;bottom:0}}@keyframes notification-bell-fade{0%,90%{opacity:1}to{opacity:0}}.notification-bell-list li+li{border-top:1px solid var(--a2)}.notification-bell-list .notification-item.is-unread{background:color-mix(in srgb, var(--primary) 6%, transparent);box-shadow:inset 2px 0 0 var(--primary)}.notification-bell-list .notification-item.is-unread:hover,.notification-bell-list .notification-item.is-unread:focus-visible{background:color-mix(in srgb, var(--primary) 11%, transparent)}.notification-bell-dot{background:var(--primary);border-radius:50%;flex:none;width:8px;height:8px;margin-top:calc(.5lh - 4px)}.notification-bell-dot.is-read{background:0 0}.notification-bell-state{color:var(--adi);padding:16px 12px}.alert.notification-bell-alert{margin:8px}.notifications-page .notifications-tabs{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.notifications-page .notifications-tabs button{border:1px solid #0000;border-radius:999px;padding:4px 10px}.notifications-page .notifications-tabs button:hover{background:var(--a2)}.notifications-page .notifications-tabs button[aria-pressed=true]{border-color:color-mix(in srgb, var(--primary) 45%, transparent);background:color-mix(in srgb, var(--primary) 12%, transparent);color:var(--primary);font-weight:var(--weight-semibold)}.notifications-page .notifications-tab-count{color:var(--adi);font-variant-numeric:tabular-nums}.notifications-page .notifications-tabs button[aria-pressed=true] .notifications-tab-count{color:inherit}.notifications-page .notifications-list{margin:0 0 12px;padding:0;list-style:none}.notifications-page .notifications-row{border-top:1px solid var(--a2);overflow-wrap:anywhere;align-items:flex-start;display:flex}.notifications-page .notifications-row:hover{background:var(--a2)}.notifications-page .notifications-row.is-unread{background:color-mix(in srgb, var(--primary) 6%, transparent);box-shadow:inset 2px 0 0 var(--primary)}.notifications-page .notifications-row.is-unread:hover{background:color-mix(in srgb, var(--primary) 11%, transparent)}.notifications-page .notifications-row .notification-item{flex:1}.notifications-page .notifications-row .notification-item:hover{background:0 0}.notifications-page .notification-bell-dot{background:var(--primary);border-radius:50%;flex:none;width:8px;height:8px;margin-top:calc(.5lh - 4px)}.notifications-page .notification-bell-dot.is-read{background:0 0}.notifications-page .notifications-actions{flex:none;gap:2px;padding:4px 8px 4px 0;display:flex}.notifications-page .notifications-actions button:not(:hover,:focus-visible){color:var(--adi)}