Banner/styles.css

.banner-wrapper {
	position: relative;
	display: inline-block;
	width: 21px;
	height: 41px;
}

.banner-wrapper .banner {
	position: absolute;
	top: 0;
	left: 0;
}

.banner-color-white {
	filter: hue-rotate(169.992deg) saturate(0.0235) brightness(3);
}
.banner-color-orange {
	filter: hue-rotate(27deg) saturate(0.8835) brightness(2.9765);
}
.banner-color-magenta {
	filter: hue-rotate(304.956deg) saturate(0.608) brightness(2.7805);
}
.banner-color-light_blue {
	filter: hue-rotate(194.616deg) saturate(0.7339) brightness(2.8549);
}
.banner-color-yellow {
	filter: hue-rotate(48.204deg) saturate(0.7598) brightness(2.9961);
}
.banner-color-lime {
	filter: hue-rotate(85.356deg) saturate(0.8442) brightness(2.7804);
}
.banner-color-pink {
	filter: hue-rotate(342.108deg) saturate(0.428) brightness(2.9529);
}
.banner-color-gray {
	filter: hue-rotate(196.38deg) saturate(0.1341) brightness(2.3216);
}
.banner-color-light_gray {
	filter: hue-rotate(60.012deg) saturate(0.0382) brightness(2.6157);
}
.banner-color-cyan {
	filter: hue-rotate(180deg) saturate(0.859) brightness(2.6118);
}
.banner-color-purple {
	filter: hue-rotate(278.964deg) saturate(0.7283) brightness(2.7216);
}
.banner-color-blue {
	filter: hue-rotate(235.62deg) saturate(0.6471) brightness(2.6667);
}
.banner-color-brown {
	filter: hue-rotate(25.2deg) saturate(0.6183) brightness(2.5137);
}
.banner-color-green {
	filter: hue-rotate(77.652deg) saturate(0.8226) brightness(2.4863);
}
.banner-color-red {
	filter: hue-rotate(3.492deg) saturate(0.7841) brightness(2.6902);
}
.banner-color-black {
	filter: hue-rotate(240.012deg) saturate(0.1212) brightness(2.1294);
}