.bit-badge{position:relative;vertical-align:middle;display:inline-block;font-size:14px}.bit-badge__image{position:absolute;top:4px}[dir] .bit-badge__image{border-radius:10px;background-color:var(--bit-color-white)}[dir=ltr] .bit-badge__image{right:12px;transform:translateY(-50%) translateX(100%)}[dir=rtl] .bit-badge__image{left:12px;transform:translateY(-50%) translateX(-100%)}[dir=rtl] .bit-badge__state--default,[dir=rtl] .bit-badge__state--error,[dir=rtl] .bit-badge__state--processing,[dir=rtl] .bit-badge__state--success,[dir=rtl] .bit-badge__state--warning{right:-16px!important}[dir] .bit-badge__state--processing{background-color:var(--bit-color-primary)!important}.bit-badge__state--processing,.bit-badge__state--success{-webkit-transform:translateY(-50%)!important;top:50%!important;width:6px!important;height:6px!important}[dir] .bit-badge__state--processing,[dir] .bit-badge__state--success{transform:translateY(-50%)!important;border:0!important}[dir=ltr] .bit-badge__state--processing,[dir=ltr] .bit-badge__state--success{left:-16px!important}[dir=rtl] .bit-badge__state--processing,[dir=rtl] .bit-badge__state--success{right:-16px!important}[dir] .bit-badge__state--success{background-color:var(--bit-color-success)!important}.bit-badge__state--default,.bit-badge__state--warning{-webkit-transform:translateY(-50%)!important;top:50%!important;width:6px!important;height:6px!important}[dir] .bit-badge__state--default,[dir] .bit-badge__state--warning{border:0!important}[dir=ltr] .bit-badge__state--default,[dir=ltr] .bit-badge__state--warning{left:-16px!important}[dir=rtl] .bit-badge__state--default,[dir=rtl] .bit-badge__state--warning{right:-16px!important}[dir] .bit-badge__state--warning{background-color:var(--bit-color-warning)!important;transform:translateY(-50%)!important}[dir] .bit-badge__state--default{background-color:var(--bit-color-info)!important;transform:translateY(-50%)!important}.bit-badge__state--error{-webkit-transform:translateY(-50%)!important;top:50%!important;width:6px!important;height:6px!important}[dir] .bit-badge__state--error{background-color:var(--bit-color-danger)!important;transform:translateY(-50%)!important;border:0!important}[dir=ltr] .bit-badge__state--error{left:-16px!important}[dir=rtl] .bit-badge__state--error{right:-16px!important}.bit-badge__content{color:var(--bit-color-white);display:inline-block;font-size:12px;height:16px;line-height:16px;white-space:nowrap}[dir] .bit-badge__content{background-color:var(--bit-color-danger);border-radius:10px;padding:0 5px;text-align:center;border:1px solid var(--bit-border-color-primary)}.bit-badge__content.is-fixed{position:absolute;top:0}[dir=ltr] .bit-badge__content.is-fixed{right:9px;transform:translateY(-50%) translateX(100%)}[dir=rtl] .bit-badge__content.is-fixed{left:9px;transform:translateY(-50%) translateX(-100%)}[dir=ltr] .bit-badge__content.is-fixed.is-dot{right:5px}[dir=rtl] .bit-badge__content.is-fixed.is-dot{left:5px}.bit-badge__content.is-dot,.bit-badge__content.is-offset{height:8px;width:8px}[dir] .bit-badge__content.is-dot,[dir] .bit-badge__content.is-offset{padding:0;border-radius:50%}[dir=ltr] .bit-badge__content.is-dot,[dir=ltr] .bit-badge__content.is-offset{right:0}[dir=rtl] .bit-badge__content.is-dot,[dir=rtl] .bit-badge__content.is-offset{left:0}.bit-badge__content.is-offset{top:5px}[dir=ltr] .bit-badge__content.is-offset{left:20px}[dir=rtl] .bit-badge__content.is-offset{right:20px}.bit-badge__content.is-right{top:8px;height:14px;line-height:14px}[dir=ltr] .bit-badge__content.is-right{right:20px}[dir=rtl] .bit-badge__content.is-right{left:20px}[dir] .bit-badge__content--primary{background-color:var(--bit-color-primary)}[dir] .bit-badge__content--success{background-color:var(--bit-color-success)}[dir] .bit-badge__content--warning{background-color:var(--bit-color-warning)}[dir] .bit-badge__content--info{background-color:var(--bit-color-info)}[dir] .bit-badge__content--danger{background-color:var(--bit-color-danger)}