.hvl-flag {
	display: block;
	flex: none;
	width: 20px;
	height: 14px;
	border-radius: 3px;
	box-shadow: 0 0 0 1px rgba(20, 22, 29, 0.08), 0 1px 2px rgba(20, 22, 29, 0.14);
}

.hvl-flag--fr { background: linear-gradient(90deg, #0055a4 0 33.34%, #fff 33.34% 66.67%, #ef4135 66.67%); }
.hvl-flag--be { background: linear-gradient(90deg, #141414 0 33.34%, #fdda24 33.34% 66.67%, #ef3340 66.67%); }
.hvl-flag--mc { background: linear-gradient(180deg, #ce1126 0 50%, #fff 50%); }
.hvl-flag--lu { background: linear-gradient(180deg, #ed2939 0 33.34%, #fff 33.34% 66.67%, #00a1de 66.67%); }
.hvl-flag--ch { background: #da291c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 14'%3E%3Cpath fill='%23fff' d='M8.6 3h2.8v2.6H14v2.8h-2.6V11H8.6V8.4H6V5.6h2.6z'/%3E%3C/svg%3E") center / cover; }
.hvl-flag--de { background: linear-gradient(180deg, #000 0 33.34%, #dd0000 33.34% 66.67%, #ffce00 66.67%); }
.hvl-flag--it { background: linear-gradient(90deg, #009246 0 33.34%, #fff 33.34% 66.67%, #ce2b37 66.67%); }
.hvl-flag--es { background: linear-gradient(180deg, #aa151b 0 25%, #f1bf00 25% 75%, #aa151b 75%); }
.hvl-flag--nl { background: linear-gradient(180deg, #ae1c28 0 33.34%, #fff 33.34% 66.67%, #21468b 66.67%); }

.hvl-flag--lg {
	width: 28px;
	height: 18px;
	border-radius: 4px;
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
}