.el-badge{--el-badge-bg-color:var(--el-color-danger);--el-badge-radius:10px;--el-badge-font-size:12px;--el-badge-padding:6px;--el-badge-size:18px;vertical-align:middle;width:fit-content;display:inline-block;position:relative}.el-badge__content{color:var(--el-color-white);font-size:var(--el-badge-font-size);height:var(--el-badge-size);white-space:nowrap;justify-content:center;align-items:center;display:inline-flex}[dir] .el-badge__content{background-color:var(--el-badge-bg-color);border:1px solid var(--el-bg-color);border-radius:var(--el-badge-radius);padding:0 var(--el-badge-padding)}.el-badge__content.is-fixed{z-index:var(--el-index-normal);position:absolute;top:0}[dir=ltr] .el-badge__content.is-fixed{right:calc(1px + var(--el-badge-size)/2);transform:translateY(-50%)translate(100%)}[dir=rtl] .el-badge__content.is-fixed{left:calc(1px + var(--el-badge-size)/2);transform:translateY(-50%)translate(-100%)}[dir=ltr] .el-badge__content.is-fixed.is-dot{right:5px}[dir=rtl] .el-badge__content.is-fixed.is-dot{left:5px}.el-badge__content.is-dot{width:8px;height:8px}[dir] .el-badge__content.is-dot{border-radius:50%;padding:0}[dir=ltr] .el-badge__content.is-dot{right:0}[dir=rtl] .el-badge__content.is-dot{left:0}.el-badge__content.is-hide-zero{display:none}[dir] .el-badge__content--primary{background-color:var(--el-color-primary)}[dir] .el-badge__content--success{background-color:var(--el-color-success)}[dir] .el-badge__content--warning{background-color:var(--el-color-warning)}[dir] .el-badge__content--info{background-color:var(--el-color-info)}[dir] .el-badge__content--danger{background-color:var(--el-color-danger)}