.notification-item[data-v-a9fc39b4]{border:0;border-bottom:1px solid var(--color-default-200);width:100%;color:var(--color-foreground);text-align:left;cursor:pointer;transition:background-color var(--kun-dur-fast);background:0 0;align-items:flex-start;gap:12px;padding:16px;display:flex}.notification-item.unread[data-v-a9fc39b4],.notification-item[data-v-a9fc39b4]:hover{background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.notification-item.compact[data-v-a9fc39b4]{padding:12px}.notification-icon[data-v-a9fc39b4]{background:color-mix(in srgb,var(--color-primary) 12%,transparent);width:32px;height:32px;color:var(--color-primary);border-radius:50%;flex:0 0 32px;place-items:center;display:grid}.notification-body[data-v-a9fc39b4]{flex:1;gap:3px;min-width:0;display:grid}.notification-title[data-v-a9fc39b4]{font-weight:600}.notification-content[data-v-a9fc39b4],.notification-time[data-v-a9fc39b4]{color:var(--color-default-600)}.notification-content[data-v-a9fc39b4]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.notification-time[data-v-a9fc39b4]{font-size:.75rem}.unread-dot[data-v-a9fc39b4]{background:var(--color-primary);border-radius:50%;flex:0 0 8px;width:8px;height:8px;margin-top:6px}