.notif-item[data-v-56c863a6]{border:1px solid color-mix(in srgb,var(--ui-primary) 9%,var(--ui-border));background:var(--ui-bg);width:100%;color:inherit;text-align:left;cursor:pointer;border-radius:10px;justify-content:flex-start;align-items:flex-start;gap:.5rem;padding:.5rem .55rem;transition:border-color .15s,background-color .15s;display:flex}.notif-item[data-v-56c863a6]:hover{border-color:color-mix(in srgb,var(--ui-primary) 22%,var(--ui-border));background:color-mix(in srgb,var(--ui-primary) 3%,var(--ui-bg))}.notif-dot[data-v-56c863a6]{background:var(--ui-primary);border-radius:999px;flex-shrink:0;width:8px;height:8px;margin-top:.45rem}.notif-dot--hidden[data-v-56c863a6]{visibility:hidden}.notif-content[data-v-56c863a6]{flex:1;min-width:0}.notif-top[data-v-56c863a6]{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.notif-title[data-v-56c863a6]{color:var(--ui-text-highlighted);text-overflow:ellipsis;font-size:.78rem;font-weight:700;line-height:1.35;overflow:hidden}.notif-time[data-v-56c863a6],.notif-title[data-v-56c863a6]{white-space:nowrap;margin:0}.notif-time[data-v-56c863a6]{color:var(--ui-text-muted);flex-shrink:0;font-size:.69rem}.notif-description[data-v-56c863a6]{color:var(--ui-text-toned);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.14rem 0 0;font-size:.74rem;line-height:1.4;display:-webkit-box;overflow:hidden}.notif-item--unread .notif-title[data-v-56c863a6]{color:var(--ui-text-highlighted);font-size:.8rem;font-weight:750}.notif-item--unread .notif-description[data-v-56c863a6]{color:var(--ui-text-toned);font-size:.75rem}.notif-item--unread[data-v-56c863a6]{border-color:color-mix(in srgb,var(--ui-primary) 24%,var(--ui-border));background:color-mix(in srgb,var(--ui-primary) 3%,var(--ui-bg))}.notif-item--read .notif-title[data-v-56c863a6]{color:var(--ui-text-muted);font-size:.74rem;font-weight:600}.notif-item--read .notif-description[data-v-56c863a6]{color:color-mix(in srgb,var(--ui-text-muted) 88%,var(--ui-bg));font-size:.71rem}.notif-item--read .notif-time[data-v-56c863a6]{color:color-mix(in srgb,var(--ui-text-muted) 80%,var(--ui-bg))}