.bn-wrap{position:relative;display:inline-block}.bn-btn{background:transparent!important;border:none!important;padding:0!important;margin:0!important;cursor:pointer;line-height:0;color:#ffffff!important;display:inline-flex;align-items:center;justify-content:center;box-shadow:none!important}.bn-btn:hover,.bn-btn:focus,.bn-btn:active{background:transparent!important;border:none!important;box-shadow:none!important;outline:none!important;color:#ffffff!important}.bn-bell-ico{width:34px;height:34px;display:block}.bn-btn.bn-attn .bn-bell-ico{transform-origin:50% 18%;animation:bnRing 1.3s ease-in-out infinite}@keyframes bnRing{0%{transform:rotate(0deg)}6%{transform:rotate(12deg)}12%{transform:rotate(-12deg)}18%{transform:rotate(10deg)}24%{transform:rotate(-10deg)}30%{transform:rotate(7deg)}36%{transform:rotate(-7deg)}42%{transform:rotate(4deg)}48%{transform:rotate(-4deg)}54%{transform:rotate(0deg)}100%{transform:rotate(0deg)}}.bn-dropdown{display:none;position:absolute;right:0;top:110%;width:min(380px, 92vw);max-height:min(420px, 70vh);background:#fff;color:#111;border-radius:14px;box-shadow:0 16px 50px rgb(0 0 0 / .25);overflow:hidden;z-index:999999}.bn-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid rgb(0 0 0 / .08)}.bn-title{font-size:14px;font-weight:700}.bn-close{border:none!important;background:transparent!important;box-shadow:none!important;cursor:pointer;font-size:20px;line-height:20px;color:#111;padding:0!important}.bn-close:hover,.bn-close:focus,.bn-close:active{border:none!important;background:transparent!important;box-shadow:none!important;outline:none!important}.bn-list{padding:10px;overflow:auto;max-height:calc(min(420px, 70vh) - 56px);font-size:13px}.bn-item{display:block;padding:10px;border-radius:12px;background:#fff;border:1px solid #e5e5e5;text-decoration:none;color:inherit;margin-bottom:8px}.bn-item:hover{background:#f7f7f7!important}.bn-item.bn-unread{background:#fff9db!important;border:1px solid #ffe58f!important}.bn-item.bn-unread:hover{background:#fff9db!important}.bn-item.bn-unread:hover{background:#F7F1C6!important}.bn-desc{line-height:1.25rem;word-break:break-word}.bn-action{margin-top:8px;font-size:11px;font-weight:600;color:rgb(0 0 0 / .65);text-decoration:underline;text-underline-offset:2px}.bn-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px;font-size:11px;color:rgb(0 0 0 / .65)}.bn-pill{padding:3px 8px;border-radius:9999px;background:rgb(0 0 0 / .06);max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bn-item,.bn-item:hover,.bn-item:focus,.bn-item:active{color:inherit!important;text-decoration:none!important}.bn-item:hover .bn-desc,.bn-item:hover .bn-meta,.bn-item:hover .bn-pill{color:inherit!important}.bn-section-title{font-size:12px;font-weight:700;padding:8px 6px 6px 6px;color:rgb(0 0 0 / .75)}.bn-section-title-secondary{margin-top:6px}