.fib,
.fi {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}

.fi {
  position: relative;
  display: inline-block;
  width: 1.333333em;
  line-height: 1em;
}

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

.fi-tr { background-image: url(flags/4x3/tr.svg); }
.fi-gb { background-image: url(flags/4x3/gb.svg); }
.fi-de { background-image: url(flags/4x3/de.svg); }
.fi-fr { background-image: url(flags/4x3/fr.svg); }
.fi-es { background-image: url(flags/4x3/es.svg); }
.fi-it { background-image: url(flags/4x3/it.svg); }
.fi-nl { background-image: url(flags/4x3/nl.svg); }
.fi-pt { background-image: url(flags/4x3/pt.svg); }
.fi-pl { background-image: url(flags/4x3/pl.svg); }
.fi-az { background-image: url(flags/4x3/az.svg); }
.fi-kz { background-image: url(flags/4x3/kz.svg); }
.fi-uz { background-image: url(flags/4x3/uz.svg); }
.fi-kg { background-image: url(flags/4x3/kg.svg); }
.fi-tm { background-image: url(flags/4x3/tm.svg); }
.fi-cn { background-image: url(flags/4x3/cn.svg); }
.fi-jp { background-image: url(flags/4x3/jp.svg); }
.fi-kr { background-image: url(flags/4x3/kr.svg); }
.fi-ru { background-image: url(flags/4x3/ru.svg); }
.fi-ua { background-image: url(flags/4x3/ua.svg); }
.fi-my { background-image: url(flags/4x3/my.svg); }