ul.svelte-12ojxgp{margin:0;padding:0;list-style:none}li.svelte-12ojxgp{border-bottom:1px solid var(--line);overflow-wrap:anywhere;padding:16px}li.unread.svelte-12ojxgp{border-left:2px solid var(--accent);background:var(--surface)}a.svelte-12ojxgp,p.svelte-12ojxgp{margin:0;line-height:1.5;display:block}.notification-meta.svelte-12ojxgp{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-top:8px;font-size:12px;display:flex}.compact.svelte-12ojxgp{padding:8px}.compact.svelte-12ojxgp li:where(.svelte-12ojxgp){border-radius:var(--radius-control);color:var(--muted);border:0;grid-template-columns:32px minmax(0,1fr) 6px;align-items:start;gap:12px;padding:12px;display:grid}.compact.svelte-12ojxgp li:where(.svelte-12ojxgp)+li:where(.svelte-12ojxgp){margin-top:4px}.compact.svelte-12ojxgp li.unread:where(.svelte-12ojxgp){color:var(--text-primary);background:#ffffff0a}.compact.svelte-12ojxgp li:where(.svelte-12ojxgp):focus-within{background:#ffffff14}.compact.svelte-12ojxgp li:where(.svelte-12ojxgp):has(a:where(.svelte-12ojxgp):hover){background:#ffffff14}.notification-kind.svelte-12ojxgp{border:1px solid var(--line);background:#0000001f;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.notification-content.svelte-12ojxgp{min-width:0}.compact.svelte-12ojxgp a:where(.svelte-12ojxgp),.compact.svelte-12ojxgp p:where(.svelte-12ojxgp){font-size:var(--font-size-md);color:inherit}.compact.svelte-12ojxgp .notification-meta:where(.svelte-12ojxgp){gap:8px;min-height:34px;margin-top:4px}.notification-unread-dot.svelte-12ojxgp{background:var(--accent);border-radius:50%;width:6px;height:6px;margin-top:8px}