.fi {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	line-height: 1em;
	position: relative;
	width: 1.33333333em;
}

.fi::before {
	content: "\00a0";
}

.fi-de { background-image: url("./flags/4x3/de.svg"); }
.fi-es { background-image: url("./flags/4x3/es.svg"); }
.fi-fr { background-image: url("./flags/4x3/fr.svg"); }
.fi-it { background-image: url("./flags/4x3/it.svg"); }
.fi-kr { background-image: url("./flags/4x3/kr.svg"); }
.fi-ph { background-image: url("./flags/4x3/ph.svg"); }
.fi-ru { background-image: url("./flags/4x3/ru.svg"); }
.fi-sa { background-image: url("./flags/4x3/sa.svg"); }
.fi-us { background-image: url("./flags/4x3/us.svg"); }
.fi-vn { background-image: url("./flags/4x3/vn.svg"); }