.hn-badge{position:relative;vertical-align:middle;display:inline-block}.hn-badge__content{background-color:#F56C6C;border-radius:10px;color:#FFF;display:inline-block;font-size:12px;height:18px;line-height:18px;padding:0 6px;text-align:center;white-space:nowrap;border:1px solid #FFF}.hn-badge__content.is-fixed{position:absolute;top:0;right:10px;-webkit-transform:translateY(-50%) translateX(100%);transform:translateY(-50%) translateX(100%)}.hn-badge__content.is-fixed.is-dot{right:5px}.hn-badge__content.is-dot{height:8px;width:8px;padding:0;right:0;border-radius:50%}.hn-badge__content--primary{background-color:#409EFF}.hn-badge__content--success{background-color:#67C23A}.hn-badge__content--warning{background-color:#F5A623}.hn-badge__content--info{background-color:#909399}.hn-badge__content--danger{background-color:#F56C6C}