.bl-app .web-notif-list{flex-direction:column;gap:0;display:flex}.bl-app .web-notif-row{border-radius:var(--r-sm,8px);text-align:start;cursor:pointer;background:0 0;border:0;align-items:flex-start;gap:12px;width:100%;padding:6px 0;font-family:inherit;display:flex}.bl-app .web-notif-row:hover{background:var(--brand-surface,#ebe9ee)}.bl-app .web-notif-row.unread{background:0 0}.bl-app .web-notif-row.unread:hover{background:var(--brand-surface,#ebe9ee)}.bl-app .web-notif-imagery{flex-shrink:0;align-items:flex-start;gap:8px;height:50px;padding-block:10px 4px;padding-inline:8px 4px;display:flex;overflow:hidden}.bl-app .web-notif-dot{background:0 0;border-radius:9999px;flex-shrink:0;width:8px;height:8px}.bl-app .web-notif-row.unread .web-notif-dot{background:var(--brand,#322558)}.bl-app .web-notif-avatar,.bl-app .web-notif-sysavatar{background:#fff;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.bl-app .web-notif-body{flex-direction:column;flex:1 0 0;align-items:flex-start;min-width:0;padding:4px 0;display:flex}.bl-app .web-notif-head{align-items:flex-end;gap:8px;width:100%;display:flex}.bl-app .web-notif-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink,#322558);flex:1 0 0;font-size:16px;font-weight:700;line-height:24px;overflow:hidden}.bl-app .web-notif-time{white-space:nowrap;text-align:end;color:var(--subtle,#a19bb2);flex-shrink:0;font-size:14px;font-weight:400;line-height:20px}.bl-app .web-notif-text{width:100%;color:var(--muted,#5b5179);font-size:16px;font-weight:400;line-height:24px}.bl-app .web-notif-row.unread .web-notif-text{color:var(--muted,#5b5179);font-weight:400}