/* The colour swatches, shared by the filter panel (frontend.css) and the flag facts (pages.css). One rule per Colour term; a unit test checks the list. */
.ibf-swatch {
	display: inline-block;
	width: 0.875rem;
	height: 0.875rem;
	margin-right: 0.375rem;
	vertical-align: -0.125rem;
	border: 1px solid rgba(0, 0, 0, 0.35);
	border-radius: 50%;
	background: #ccc;
}

.ibf-swatch--red { background: #c8102e; }
.ibf-swatch--white { background: #fff; }
.ibf-swatch--blue { background: #0b3d91; }
.ibf-swatch--light-blue { background: #4b92db; }
.ibf-swatch--green { background: #008c45; }
.ibf-swatch--yellow { background: #f2c200; }
.ibf-swatch--black { background: #111; }
.ibf-swatch--orange { background: #f28c28; }
.ibf-swatch--purple { background: #6a3d9a; }
.ibf-swatch--brown { background: #7b4a2a; }
.ibf-swatch--grey { background: #8a8a8a; }
.ibf-swatch--pink { background: #f4a6c0; }
.ibf-swatch--maroon { background: #7a1f2b; }