.el-dot{align-items:center;display:inline-flex}.el-dot__spot{background-color:var(--el-dot-bg-color);border-radius:50%;display:inline-flex;height:6px;margin-right:4px;width:6px}.el-dot--large .el-dot__spot{height:8px;width:8px}.el-dot--small .el-dot__spot{height:4px;width:4px}.el-dot--primary .el-dot__spot{--el-dot-bg-color:var(--el-color-primary)}.el-dot--success .el-dot__spot{--el-dot-bg-color:var(--el-color-success)}.el-dot--warning .el-dot__spot{--el-dot-bg-color:var(--el-color-warning)}.el-dot--danger .el-dot__spot{--el-dot-bg-color:var(--el-color-danger)}.el-dot--error .el-dot__spot{--el-dot-bg-color:var(--el-color-error)}.el-dot--info .el-dot__spot{--el-dot-bg-color:var(--el-color-info)}