.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;display:inline-block;position:relative;vertical-align:middle;width:fit-content}.el-badge__content{align-items:center;color:var(--el-color-white);display:inline-flex;font-size:var(--el-badge-font-size);height:var(--el-badge-size);justify-content:center;white-space:nowrap}[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{position:absolute;top:0;z-index:var(--el-index-normal)}[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{height:8px;width: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)}