.themx-wcmc-flag {
	display: inline-block;
	width: 22px;
	height: 16px;
	max-width: none;
	object-fit: cover;
	object-position: center;
	background-color: var(--themx-wcmc-border-flag);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 2px;
	vertical-align: middle;
	flex-shrink: 0;
}

img.themx-wcmc-flag {
	background-color: transparent;
	height: auto;
	aspect-ratio: 22 / 16;
}

.themx-wcmc-flag[style*="background-image"] {
	background-color: transparent;
}

.themx-wcmc-flag--usd,
.themx-wcmc-flag--us { background-image: url("../flags/us.svg"); }

.themx-wcmc-flag--eur,
.themx-wcmc-flag--eu { background-image: url("../flags/eu.svg"); }

.themx-wcmc-flag--gbp,
.themx-wcmc-flag--gb { background-image: url("../flags/gb.svg"); }

.themx-wcmc-flag--aud,
.themx-wcmc-flag--au { background-image: url("../flags/au.svg"); }

.themx-wcmc-flag--cad,
.themx-wcmc-flag--ca { background-image: url("../flags/ca.svg"); }

.themx-wcmc-flag--jpy,
.themx-wcmc-flag--jp { background-image: url("../flags/jp.svg"); }

.themx-wcmc-flag--bdt,
.themx-wcmc-flag--bd { background-image: url("../flags/bd.svg"); }

.themx-wcmc-flag--default {
	background-image: url("../flags/default.svg");
}

.themx-wcmc-flag--custom {
	background-color: transparent;
}