.bnc[data-v-240f8b16]{--bnc-spring: cubic-bezier(.22, 1, .36, 1);--badge: 19px;--dot: 10px;--pushx: 35%;--pushy: -35%;position:relative;isolation:isolate;display:inline-flex;flex:none;vertical-align:middle}.bnc--sm[data-v-240f8b16]{--badge: 16px;--dot: 8px}.bnc--md[data-v-240f8b16]{--badge: 19px;--dot: 10px}.bnc--lg[data-v-240f8b16]{--badge: 24px;--dot: 13px}.bnc__anchor[data-v-240f8b16]{display:inline-flex;border-radius:inherit}.bnc__demo[data-v-240f8b16]{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--surface-2, #1a1a1a);color:var(--text-muted, #8a8a8a);box-shadow:inset 0 0 0 1px var(--border, #2a2a2a)}.bnc__demo svg[data-v-240f8b16]{width:60%;height:60%}.bnc--sm .bnc__demo[data-v-240f8b16]{width:34px;height:34px}.bnc--lg .bnc__demo[data-v-240f8b16]{width:60px;height:60px}.bnc--p-top-right .bnc__badge[data-v-240f8b16]{top:0;right:0}.bnc--p-top-left .bnc__badge[data-v-240f8b16]{top:0;left:0}.bnc--p-bottom-right .bnc__badge[data-v-240f8b16]{bottom:0;right:0}.bnc--p-bottom-left .bnc__badge[data-v-240f8b16]{bottom:0;left:0}.bnc--p-top-right[data-v-240f8b16]{--pushx: 35%;--pushy: -35%}.bnc--p-top-left[data-v-240f8b16]{--pushx: -35%;--pushy: -35%}.bnc--p-bottom-right[data-v-240f8b16]{--pushx: 35%;--pushy: 35%}.bnc--p-bottom-left[data-v-240f8b16]{--pushx: -35%;--pushy: 35%}.bnc__badge[data-v-240f8b16]{position:absolute;z-index:5;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box;height:var(--badge);min-width:var(--badge);width:calc(var(--badge) + (var(--digits, 1) - 1) * .6em);border-radius:999px;color:#fff;font-size:calc(var(--badge) * .52);font-weight:700;line-height:1;font-variant-numeric:tabular-nums;box-shadow:0 0 0 2px var(--bg, #0a0a0a);transform:translate(var(--pushx),var(--pushy));transform-origin:var(--pushx) var(--pushy);transition:width .42s var(--bnc-spring),border-radius .3s var(--bnc-spring),background-color .3s ease;animation:bnc-hop-240f8b16 var(--hop, 1.2s) var(--bnc-spring) infinite}.bnc--m-dot[data-v-240f8b16]{width:var(--dot);min-width:var(--dot);height:var(--dot)}.bnc--m-icon[data-v-240f8b16]{width:var(--badge);min-width:var(--badge)}.bnc__content[data-v-240f8b16]{display:inline-flex;align-items:center;justify-content:center}.bnc--m-icon .bnc__content[data-v-240f8b16] svg{width:calc(var(--badge) * .62);height:calc(var(--badge) * .62);display:block}.bnc__num[data-v-240f8b16]{display:block}.bnc--t-danger[data-v-240f8b16]{--tone-c: var(--tone-danger, #f23f43)}.bnc--t-success[data-v-240f8b16]{--tone-c: var(--tone-success, #23a55a)}.bnc--t-warn[data-v-240f8b16]{--tone-c: var(--tone-warn, #f0b232)}.bnc--t-info[data-v-240f8b16]{--tone-c: var(--ui-accent, #ededed)}.bnc--t-neutral[data-v-240f8b16]{--tone-c: var(--tone-neutral, var(--ui-accent, #ededed))}.bnc__badge[data-v-240f8b16]{background:var(--tone-c, var(--ui-accent, #ededed))}.bnc--t-warn.bnc__badge[data-v-240f8b16]{color:#160f02}@keyframes bnc-hop-240f8b16{0%,to{transform:translate(var(--pushx),var(--pushy)) translateY(0) scale(1)}15%{transform:translate(var(--pushx),var(--pushy)) translateY(0) scale(1.1,.9)}40%{transform:translate(var(--pushx),var(--pushy)) translateY(-42%) scale(.94,1.08)}60%{transform:translate(var(--pushx),var(--pushy)) translateY(-42%) scale(.94,1.08)}80%{transform:translate(var(--pushx),var(--pushy)) translateY(0) scale(1.08,.92)}}.bnc__badge.bnc-pop-enter-active[data-v-240f8b16]{animation:none;transition:transform .42s var(--bnc-spring),opacity .22s ease,filter .28s ease}.bnc__badge.bnc-pop-leave-active[data-v-240f8b16]{animation:none;transition:transform .2s cubic-bezier(.4,0,1,1),opacity .17s ease,filter .17s ease}.bnc__badge.bnc-pop-enter-from[data-v-240f8b16]{opacity:0;filter:blur(7px);transform:translate(var(--pushx),var(--pushy)) scale(0)}.bnc__badge.bnc-pop-leave-to[data-v-240f8b16]{opacity:0;filter:blur(7px);transform:translate(var(--pushx),var(--pushy)) scale(.2)}.bnc-swap-enter-active[data-v-240f8b16]{transition:opacity .2s ease,filter .2s ease,scale .32s var(--bnc-spring)}.bnc-swap-leave-active[data-v-240f8b16]{transition:opacity .15s ease,filter .15s ease,scale .15s cubic-bezier(.4,0,1,1)}.bnc-swap-enter-from[data-v-240f8b16]{opacity:0;filter:blur(6px);scale:.45}.bnc-swap-leave-to[data-v-240f8b16]{opacity:0;filter:blur(6px);scale:.35}@media(prefers-reduced-motion:reduce){.bnc__badge[data-v-240f8b16]{animation:none;transition:none}.bnc-swap-enter-active[data-v-240f8b16],.bnc-swap-leave-active[data-v-240f8b16]{transition:none}}