.ebcs-swatches {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .32rem;
	margin: .5rem 0 .75rem;
}
.ebcs-swatches .ebcs-swatch {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 28px;
	min-height: 28px;
	box-sizing: border-box;
	padding: 2px;
	color: inherit;
	background: #fff;
	border: 1px solid #c8c9c8;
	border-radius: 2rem;
	text-decoration: none;
	line-height: 1;
}
.ebcs-swatches .ebcs-swatch:hover { border-color: #566174; }
.ebcs-swatches .ebcs-swatch:focus-visible { outline: 2px solid #2f3e5c; outline-offset: 2px; }
.ebcs-swatches .ebcs-swatch:has(> .ebcs-sample) {
	flex: 0 0 28px;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	overflow: hidden;
}
/* WooCommerce also sizes linked product images inside a catalogue card. */
.ebcs-swatches .ebcs-swatch > .ebcs-sample,
.woocommerce .ebcs-swatches .ebcs-swatch > img.ebcs-sample {
	display: block;
	width: 22px;
	height: 22px;
	max-width: 22px;
	max-height: 22px;
	margin: 0;
	border-radius: 50%;
	object-fit: cover;
}
.ebcs-label { padding: 0 .4rem; font-size: .8rem; }