.f-badge{--badge-border-radius: 2px}.f-badge__default{--badge-color: #1d1d1f;--badge-background: #f0f0f0}.f-badge__primary{--badge-color: #fff;--badge-background: #2d5af1}.f-badge__success{--badge-color: #fff;--badge-background: #52b35e}.f-badge__danger{--badge-color: #fff;--badge-background: #ff0200}.f-badge__warning{--badge-color: #fff;--badge-background: #fcc202}.f-badge__info{--badge-color: #fbfbfd;--badge-background: #1d1d1f}.f-badge{position:relative;display:inline-block;vertical-align:middle;transition:.3s;margin:0}.f-badge__content{background-color:var(--badge-background);color:var(--badge-color)}.f-badge__content{position:absolute;border-radius:10px;font-size:12px;padding:0 6px;height:18px;overflow:hidden;line-height:18px;white-space:nowrap;display:inline-flex;justify-content:center;align-items:center;top:0;right:0;transition:all .3s;z-index:1000;transform:translateY(-50%) translate(50%)}.f-badge.f-badge__dot .f-badge__content{border-radius:50%;width:8px;height:8px;padding:0}.f-badge .f-badge-enter-active,.f-badge .f-badge-leave-active{transition:all .3s ease-out}.f-badge .f-badge-enter-from,.f-badge .f-badge-leave-to{transform:scale(.3);opacity:0}