.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.fis {
  width: 1em;
}

.fi-gb {
  background-image: url("../flags/4x3/gb--cjtnrI.svg");
}
.fi-gb.fis {
  background-image: url("../flags/1x1/gb-vbBqnUP.svg");
}

.fi-fr {
  background-image: url("../flags/4x3/fr-65QzdfF.svg");
}
.fi-fr.fis {
  background-image: url("../flags/1x1/fr-60CMAqO.svg");
}

.fi-jp {
  background-image: url("../flags/4x3/jp-b7vEbqP.svg");
}
.fi-jp.fis {
  background-image: url("../flags/1x1/jp-Uw7tjNU.svg");
}
.fi-us {
  background-image: url("../flags/4x3/us-Jiu1SWN.svg");
}
.fi-us.fis {
  background-image: url("../flags/1x1/us-AecuMK-.svg");
}

.fi-de {
  background-image: url("../flags/4x3/de-2mik2_R.svg");
}
.fi-de.fis {
  background-image: url("../flags/1x1/de-FuKKPAr.svg");
}

.fi-nl {
  background-image: url("../flags/4x3/nl-bee0xJk.svg");
}
.fi-nl.fis {
  background-image: url("../flags/1x1/nl-xjnt_MV.svg");
}

.fi-bd {
  background-image: url("../flags/4x3/bd-EAlZHNG.svg");
}
.fi-bd.fis {
  background-image: url("../flags/1x1/bd-FQGQBbr.svg");
}

.fi-it {
  background-image: url("../flags/4x3/it-CspDPyE.svg");
}
.fi-it.fis {
  background-image: url("../flags/1x1/it-vixqcXL.svg");
}

.fi-es {
  background-image: url("../flags/4x3/es-fco39vh.svg");
}
.fi-es.fis {
  background-image: url("../flags/1x1/es-wf4u6fI.svg");
}