.fi {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1.333333em;
  height: 1em;
  line-height: 1em;
  position: relative;
  vertical-align: middle;
}
.fi-mx     { background-image: url(/static/flags/mx.svg); }
.fi-za     { background-image: url(/static/flags/za.svg); }
.fi-kr     { background-image: url(/static/flags/kr.svg); }
.fi-cz     { background-image: url(/static/flags/cz.svg); }
.fi-ca     { background-image: url(/static/flags/ca.svg); }
.fi-ba     { background-image: url(/static/flags/ba.svg); }
.fi-qa     { background-image: url(/static/flags/qa.svg); }
.fi-ch     { background-image: url(/static/flags/ch.svg); }
.fi-br     { background-image: url(/static/flags/br.svg); }
.fi-ma     { background-image: url(/static/flags/ma.svg); }
.fi-ht     { background-image: url(/static/flags/ht.svg); }
.fi-gb-sct { background-image: url(/static/flags/gb-sct.svg); }
.fi-us     { background-image: url(/static/flags/us.svg); }
.fi-py     { background-image: url(/static/flags/py.svg); }
.fi-au     { background-image: url(/static/flags/au.svg); }
.fi-tr     { background-image: url(/static/flags/tr.svg); }
.fi-de     { background-image: url(/static/flags/de.svg); }
.fi-cw     { background-image: url(/static/flags/cw.svg); }
.fi-ci     { background-image: url(/static/flags/ci.svg); }
.fi-ec     { background-image: url(/static/flags/ec.svg); }
.fi-nl     { background-image: url(/static/flags/nl.svg); }
.fi-jp     { background-image: url(/static/flags/jp.svg); }
.fi-se     { background-image: url(/static/flags/se.svg); }
.fi-tn     { background-image: url(/static/flags/tn.svg); }
.fi-be     { background-image: url(/static/flags/be.svg); }
.fi-eg     { background-image: url(/static/flags/eg.svg); }
.fi-ir     { background-image: url(/static/flags/ir.svg); }
.fi-nz     { background-image: url(/static/flags/nz.svg); }
.fi-sa     { background-image: url(/static/flags/sa.svg); }
.fi-uy     { background-image: url(/static/flags/uy.svg); }
.fi-es     { background-image: url(/static/flags/es.svg); }
.fi-cv     { background-image: url(/static/flags/cv.svg); }
.fi-fr     { background-image: url(/static/flags/fr.svg); }
.fi-sn     { background-image: url(/static/flags/sn.svg); }
.fi-iq     { background-image: url(/static/flags/iq.svg); }
.fi-no     { background-image: url(/static/flags/no.svg); }
.fi-ar     { background-image: url(/static/flags/ar.svg); }
.fi-dz     { background-image: url(/static/flags/dz.svg); }
.fi-at     { background-image: url(/static/flags/at.svg); }
.fi-jo     { background-image: url(/static/flags/jo.svg); }
.fi-pt     { background-image: url(/static/flags/pt.svg); }
.fi-cd     { background-image: url(/static/flags/cd.svg); }
.fi-uz     { background-image: url(/static/flags/uz.svg); }
.fi-co     { background-image: url(/static/flags/co.svg); }
.fi-gb-eng { background-image: url(/static/flags/gb-eng.svg); }
.fi-hr     { background-image: url(/static/flags/hr.svg); }
.fi-gh     { background-image: url(/static/flags/gh.svg); }
.fi-pa     { background-image: url(/static/flags/pa.svg); }