.bell[data-v-2aebbaeb],.bell__btn[data-v-2aebbaeb]{display:inline-flex;position:relative}.bell__btn[data-v-2aebbaeb]{width:36px;height:36px;color:var(--ink-2);border-radius:var(--radius);transition:color var(--d-hover) ease,background var(--d-hover) ease;justify-content:center;align-items:center}.bell__btn--active[data-v-2aebbaeb],.bell__btn[data-v-2aebbaeb]:hover{color:var(--ink);background:var(--paper-2)}.bell__count[data-v-2aebbaeb]{min-width:16px;height:16px;color:var(--paper);background:var(--stamp);border-radius:8px;justify-content:center;align-items:center;padding:0 4px;font-size:10px;font-weight:600;line-height:1;display:inline-flex;position:absolute;top:2px;right:2px}.bell__drop[data-v-2aebbaeb]{z-index:var(--z-drop);width:min(340px,100vw - 32px);box-shadow:var(--shadow-2);padding:0;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.bell__head[data-v-2aebbaeb]{justify-content:space-between;align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--rule);display:flex}.bell__body[data-v-2aebbaeb]{max-height:360px;padding:var(--s-2);overflow-y:auto}.bell__row[data-v-2aebbaeb]{align-items:flex-start;gap:var(--s-2);width:100%;padding:var(--s-3);text-align:left;border-radius:var(--radius);transition:background var(--d-hover) ease;display:flex}.bell__row[data-v-2aebbaeb]:hover{background:var(--paper-2)}.bell__row--unread[data-v-2aebbaeb]{background:color-mix(in srgb,var(--stamp) 6%,transparent)}.bell__dot[data-v-2aebbaeb]{background:var(--stamp);border-radius:50%;flex:none;width:8px;height:8px;margin-top:6px}.bell__row-body[data-v-2aebbaeb]{flex-direction:column;gap:2px;min-width:0;display:flex}.bell__row-title[data-v-2aebbaeb]{font-size:var(--t-md);color:var(--ink);font-weight:500}.bell__row-text[data-v-2aebbaeb]{font-size:var(--t-sm);color:var(--ink-3);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.bell__all[data-v-2aebbaeb]{padding:var(--s-3) var(--s-4);font-size:var(--t-md);color:var(--ink);text-align:center;border-top:1px solid var(--rule);font-weight:500;display:block}.bell__all[data-v-2aebbaeb]:hover{background:var(--paper-2)}