.bell[data-v-c36379d1]{display:inline-flex}.bell-btn[data-v-c36379d1]{width:2.75rem;height:2.75rem;color:var(--c-text);transition:background-color var(--dur-fast) var(--ease-out);border-radius:50%;place-items:center;display:grid;position:relative}.bell-btn[data-v-c36379d1]:hover,.bell-btn[aria-expanded=true][data-v-c36379d1]{background:color-mix(in oklch,var(--c-primary-soft) 70%,transparent)}.bell-btn[data-v-c36379d1]:focus-visible{border-radius:50%}.count[data-v-c36379d1]{border-radius:var(--radius-pill);background:var(--c-danger);min-width:1.2rem;height:1.2rem;color:var(--c-on-danger);box-shadow:0 0 0 2px var(--c-bg);place-items:center;padding:0 .3rem;font-size:.6875rem;font-weight:700;display:grid;position:absolute;top:4px;right:2px}.bell-panel[data-v-c36379d1]{width:calc(min(24rem,100vw - 24px));max-width:none;padding:var(--space-3)}.head[data-v-c36379d1]{padding:var(--space-1) var(--space-2) var(--space-2);justify-content:space-between;align-items:center;display:flex}.h[data-v-c36379d1]{font-size:var(--text-md)}.list[data-v-c36379d1]{flex-direction:column;gap:2px;margin:0;padding:0;display:flex}.item[data-v-c36379d1]{gap:var(--space-3);width:100%;padding:var(--space-3);border-radius:var(--radius-md);text-align:start;transition:background-color var(--dur-fast) var(--ease-out);display:flex}.item[data-v-c36379d1]:focus-visible,.item[data-v-c36379d1]:hover{background:var(--c-surface-2)}.item.unread[data-v-c36379d1]{background:color-mix(in oklch,var(--c-primary-soft) 55%,transparent)}.item.unread .title[data-v-c36379d1]:after{content:"";background:var(--c-primary);vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-inline-start:6px;display:inline-block}.ic[data-v-c36379d1]{background:var(--c-surface);width:2rem;height:2rem;color:var(--c-primary-ink);box-shadow:var(--shadow-1);border-radius:46% 54% 50% 50%/55% 45%;flex-shrink:0;place-items:center;display:grid}.text[data-v-c36379d1]{flex-direction:column;gap:2px;min-width:0;display:flex}.title[data-v-c36379d1]{font-weight:600;font-size:var(--text-sm)}.body[data-v-c36379d1]{font-size:var(--text-xs);color:var(--c-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.time[data-v-c36379d1]{color:var(--c-text-subtle);font-size:.6875rem}.all[data-v-c36379d1]{margin-top:var(--space-2);padding:var(--space-2);text-align:center;font-size:var(--text-sm);border-radius:var(--radius-md);font-weight:600;text-decoration:none;display:block}.all[data-v-c36379d1]:hover{background:var(--c-surface-2)}.user-trigger[data-v-401549aa]{align-items:center;gap:var(--space-1);padding:3px var(--space-2) 3px 3px;border-radius:var(--radius-pill);transition:background-color var(--dur-fast) var(--ease-out);display:inline-flex}.user-trigger[data-v-401549aa]:hover,.user-trigger[aria-expanded=true][data-v-401549aa]{background:var(--c-primary-soft)}.user-trigger[data-v-401549aa]:focus-visible{border-radius:var(--radius-pill)}.chev[data-v-401549aa]{color:var(--c-text-muted);transition:rotate var(--dur-slow) var(--ease-spring)}[aria-expanded=true]>.chev[data-v-401549aa]{rotate:180deg}