.bell-row[data-v-3923e51a]{position:relative;list-style:none;border-radius:var(--radius)}.bell-row.is-unread[data-v-3923e51a]{background:var(--accent-soft)}.bell-row__link[data-v-3923e51a]{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) calc(var(--space-3) + 2rem) var(--space-3) var(--space-3);border-radius:inherit;color:var(--text);text-decoration:none}.bell-row__link[data-v-3923e51a]:hover{background:var(--surface-2)}.bell-row__link[data-v-3923e51a]:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.bell-row__icon[data-v-3923e51a]{display:grid;place-items:center;flex:none;inline-size:2.25rem;block-size:2.25rem;border-radius:var(--radius-full)}.bell-row--accent .bell-row__icon[data-v-3923e51a]{background:var(--accent-soft);color:var(--accent)}.bell-row--info .bell-row__icon[data-v-3923e51a]{background:var(--info-soft);color:var(--info)}.bell-row--warning .bell-row__icon[data-v-3923e51a]{background:var(--warning-soft);color:var(--warning)}.bell-row--muted .bell-row__icon[data-v-3923e51a]{background:var(--surface-2);color:var(--text-muted)}.bell-row__text[data-v-3923e51a]{display:grid;gap:.125rem;flex:1;min-inline-size:0;font-size:var(--text-sm);line-height:var(--leading-snug)}.bell-row__title[data-v-3923e51a]{overflow-wrap:anywhere}.bell-row.is-unread .bell-row__title[data-v-3923e51a]{font-weight:var(--weight-semibold)}.bell-row:not(.is-unread) .bell-row__title[data-v-3923e51a],.bell-row__body[data-v-3923e51a]{color:var(--text-muted)}.bell-row__body[data-v-3923e51a]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bell-row__meta[data-v-3923e51a]{color:var(--text-subtle);font-size:var(--text-xs)}.bell-row__dot[data-v-3923e51a]{flex:none;inline-size:.5rem;block-size:.5rem;margin-block-start:.4rem;border-radius:var(--radius-full);background:var(--accent)}.bell-row__remove[data-v-3923e51a]{position:absolute;inset-block-start:var(--space-2);inset-inline-end:var(--space-2);display:grid;place-items:center;inline-size:2rem;block-size:2rem;padding:0;border:0;border-radius:var(--radius-full);background:transparent;color:var(--text-muted);cursor:pointer;opacity:0;transition:opacity var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.bell-row:focus-within .bell-row__remove[data-v-3923e51a],.bell-row:hover .bell-row__remove[data-v-3923e51a]{opacity:1}.bell-row__remove[data-v-3923e51a]:hover{background:var(--surface-3);color:var(--text)}.bell-row__remove[data-v-3923e51a]:focus-visible{opacity:1;outline:2px solid var(--accent);outline-offset:-2px}@media(hover:none){.bell-row__remove[data-v-3923e51a]{opacity:1}}