.navbar-bell[data-v-b04034bb]{display:inline-flex;position:relative}.navbar-bell__count[data-v-b04034bb]{background:var(--color-action);block-size:16px;border:1.5px solid var(--color-canvas);color:var(--color-on-action);display:grid;font-size:var(--text-half-9);font-weight:var(--weight-semibold);inset-block-start:-3px;inset-inline-end:-3px;line-height:var(--leading-none);min-inline-size:16px;padding:0 3px;place-items:center;pointer-events:none;position:absolute;z-index:1}.navbar-bell__panel[data-v-b04034bb]{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-pop);display:flex;flex-direction:column;font-family:var(--font-sans);inline-size:min(var(--popup-w),calc(100vw - var(--space-8)));inset-block-start:100%;margin-block-start:var(--space-2);position:absolute;z-index:var(--z-menu)}.navbar-bell__panel--end[data-v-b04034bb]{inset-inline-end:0}.navbar-bell__panel--start[data-v-b04034bb]{inset-inline-start:0}.navbar-bell__head[data-v-b04034bb]{align-items:center;display:flex;gap:var(--space-4);padding:var(--space-5) var(--space-6)}.navbar-bell__title[data-v-b04034bb]{color:var(--color-ink);flex:1 1 auto;font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--leading-snug);margin:0}.navbar-bell__rows[data-v-b04034bb]{max-block-size:var(--popup-max-h);overflow-y:auto;padding:var(--space-6)}.navbar-bell__text[data-v-b04034bb],.navbar-bell__time[data-v-b04034bb]{display:block}.navbar-bell__time[data-v-b04034bb]{font-variant-numeric:tabular-nums;margin-block-start:var(--space-2)}.navbar-bell__dot[data-v-b04034bb]{color:var(--color-action)}.navbar-bell__foot[data-v-b04034bb]{padding:var(--space-5) var(--space-6)}