.sf-bell[data-v-a3fe3ae7]{display:inline-flex;position:relative}.sf-bell__btn[data-v-a3fe3ae7]{background:#5b4bd614;border:0;border-radius:50%;color:inherit;cursor:pointer;display:grid;height:40px;place-items:center;position:relative;width:40px}.sf-bell__badge[data-v-a3fe3ae7]{background:#e0457b;border-radius:999px;color:#fff;font-size:11px;font-weight:700;height:18px;inset-inline-end:-2px;line-height:18px;min-width:18px;padding:0 5px;position:absolute;text-align:center;top:-2px}.sf-bell__backdrop[data-v-a3fe3ae7]{inset:0;position:fixed;z-index:60}.sf-bell__panel[data-v-a3fe3ae7]{background:#fff;border-radius:18px;box-shadow:0 12px 32px #14143c2e;color:#1f1f3a;inset-inline-end:0;max-height:60vh;overflow-y:auto;position:absolute;text-align:right;top:calc(100% + 10px);width:min(340px,calc(100vw - 24px));z-index:61}@media(max-width:640px){.sf-bell__panel[data-v-a3fe3ae7]{left:0;margin:0 auto;position:fixed;right:0;top:72px;width:min(340px,calc(100vw - 24px))}}.sf-bell__head[data-v-a3fe3ae7]{border-bottom:1px solid #ecebf5;font-size:14px;font-weight:700;padding:12px 16px}.sf-bell__empty[data-v-a3fe3ae7]{color:#8b8ba3;font-size:13px;padding:24px 16px;text-align:center}.sf-bell__list[data-v-a3fe3ae7]{list-style:none;margin:0;padding:0}.sf-bell__item[data-v-a3fe3ae7]{align-items:flex-start;background:none;border:0;border-bottom:1px solid #f2f1f8;color:inherit;cursor:pointer;display:flex;font:inherit;gap:10px;padding:12px 16px;text-align:right;width:100%}.sf-bell__item[data-v-a3fe3ae7]:hover{background:#f7f6fd}.sf-bell__item--new[data-v-a3fe3ae7]{background:#f5f3ff}.sf-bell__av[data-v-a3fe3ae7]{border-radius:50%;display:grid;flex-shrink:0;height:34px;-o-object-fit:cover;object-fit:cover;place-items:center;width:34px}.sf-bell__av--text[data-v-a3fe3ae7]{background:#6d4cf5;color:#fff;font-size:13px;font-weight:700}.sf-bell__text[data-v-a3fe3ae7]{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.sf-bell__line[data-v-a3fe3ae7]{font-size:13px;line-height:1.6}.sf-bell__reply[data-v-a3fe3ae7]{color:#55556d;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-bell__text small[data-v-a3fe3ae7]{color:#8b8ba3;font-size:11px}