.foo {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAcCAIAAADqTdgKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAbJJREFUeNrslFtLAlEQx4/X42U1dUU3NaULPkRSVARBEAT17LfsO/QW9CoURQ9aBlvKJpmKl3VtL/1DUVdPKfjQi8Oy7M6c+c2cOTPHkr0sk8XEShaWJWIk9nkWNVt16bPUbtW8XHA9vmW3UWig93GBEQKqZ/Fhb/tk2v/28abaqnXdfsPDWRofolTkuSA0pwcXpo0gyBt1Y7WqKRPxoe+kdvRI0uBCeMt8DBpfev+l9GRCUH8QK2C7zl2J9VGzAQ39OBS/fc1hOmOqRczH3yll2Dpc6P61UMjnksIGuL9V51xYa3R1E0KW5Sh1vis9fCPbDiH5iuiSikibUM80Yug/QtTUTqUqkbGc+yCmIBijL9Lh+MSe/xCBWBiIrmpkY6k5ESgcuzuV3tc8/tgFdTrYCBh2KZ2JOOZXNc3KRsCQERJnUWGiWuMC64wxq7blar3WP1qmP2/3TKQwONT+FKH5f+rq9pNIcnr/yN9hsaHq7EkNrPgT4RBGsNxEbxjDLOCJ8+MDwU3OV+9qTP8BArk1NJ2jrow3cWQ35SmruqIaUkud675AEDwNoi+v339FfAswADLzuoci9jFaAAAAAElFTkSuQmCC);
}

.bar {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAcCAIAAADqTdgKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAbJJREFUeNrslFtLAlEQx4/X42U1dUU3NaULPkRSVARBEAT17LfsO/QW9CoURQ9aBlvKJpmKl3VtL/1DUVdPKfjQi8Oy7M6c+c2cOTPHkr0sk8XEShaWJWIk9nkWNVt16bPUbtW8XHA9vmW3UWig93GBEQKqZ/Fhb/tk2v/28abaqnXdfsPDWRofolTkuSA0pwcXpo0gyBt1Y7WqKRPxoe+kdvRI0uBCeMt8DBpfev+l9GRCUH8QK2C7zl2J9VGzAQ39OBS/fc1hOmOqRczH3yll2Dpc6P61UMjnksIGuL9V51xYa3R1E0KW5Sh1vis9fCPbDiH5iuiSikibUM80Yug/QtTUTqUqkbGc+yCmIBijL9Lh+MSe/xCBWBiIrmpkY6k5ESgcuzuV3tc8/tgFdTrYCBh2KZ2JOOZXNc3KRsCQERJnUWGiWuMC64wxq7blar3WP1qmP2/3TKQwONT+FKH5f+rq9pNIcnr/yN9hsaHq7EkNrPgT4RBGsNxEbxjDLOCJ8+MDwU3OV+9qTP8BArk1NJ2jrow3cWQ35SmruqIaUkud675AEDwNoi+v339FfAswADLzuoci9jFaAAAAAElFTkSuQmCC);
}

.fat {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAcCAIAAADqTdgKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAbJJREFUeNrslFtLAlEQx4/X42U1dUU3NaULPkRSVARBEAT17LfsO/QW9CoURQ9aBlvKJpmKl3VtL/1DUVdPKfjQi8Oy7M6c+c2cOTPHkr0sk8XEShaWJWIk9nkWNVt16bPUbtW8XHA9vmW3UWig93GBEQKqZ/Fhb/tk2v/28abaqnXdfsPDWRofolTkuSA0pwcXpo0gyBt1Y7WqKRPxoe+kdvRI0uBCeMt8DBpfev+l9GRCUH8QK2C7zl2J9VGzAQ39OBS/fc1hOmOqRczH3yll2Dpc6P61UMjnksIGuL9V51xYa3R1E0KW5Sh1vis9fCPbDiH5iuiSikibUM80Yug/QtTUTqUqkbGc+yCmIBijL9Lh+MSe/xCBWBiIrmpkY6k5ESgcuzuV3tc8/tgFdTrYCBh2KZ2JOOZXNc3KRsCQERJnUWGiWuMC64wxq7blar3WP1qmP2/3TKQwONT+FKH5f+rq9pNIcnr/yN9hsaHq7EkNrPgT4RBGsNxEbxjDLOCJ8+MDwU3OV+9qTP8BArk1NJ2jrow3cWQ35SmruqIaUkud675AEDwNoi+v339FfAswADLzuoci9jFaAAAAAElFTkSuQmCC);
}

.woo {
  background: #ffffff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAcCAIAAADqTdgKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAbJJREFUeNrslFtLAlEQx4/X42U1dUU3NaULPkRSVARBEAT17LfsO/QW9CoURQ9aBlvKJpmKl3VtL/1DUVdPKfjQi8Oy7M6c+c2cOTPHkr0sk8XEShaWJWIk9nkWNVt16bPUbtW8XHA9vmW3UWig93GBEQKqZ/Fhb/tk2v/28abaqnXdfsPDWRofolTkuSA0pwcXpo0gyBt1Y7WqKRPxoe+kdvRI0uBCeMt8DBpfev+l9GRCUH8QK2C7zl2J9VGzAQ39OBS/fc1hOmOqRczH3yll2Dpc6P61UMjnksIGuL9V51xYa3R1E0KW5Sh1vis9fCPbDiH5iuiSikibUM80Yug/QtTUTqUqkbGc+yCmIBijL9Lh+MSe/xCBWBiIrmpkY6k5ESgcuzuV3tc8/tgFdTrYCBh2KZ2JOOZXNc3KRsCQERJnUWGiWuMC64wxq7blar3WP1qmP2/3TKQwONT+FKH5f+rq9pNIcnr/yN9hsaHq7EkNrPgT4RBGsNxEbxjDLOCJ8+MDwU3OV+9qTP8BArk1NJ2jrow3cWQ35SmruqIaUkud675AEDwNoi+v339FfAswADLzuoci9jFaAAAAAElFTkSuQmCC) center center no-repeat;
}