.fi {
  display: inline-block;
  width: 1.333em;
  height: 1em;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0,0,0,.2);
  vertical-align: middle;
  flex-shrink: 0;
}
.fi-lg { width: 2.133em; height: 1.6em; }

.fi-eu { background-image: url('eu.svg'); }
.fi-us { background-image: url('us.svg'); }
.fi-gb { background-image: url('gb.svg'); }
.fi-ch { background-image: url('ch.svg'); }
.fi-ae { background-image: url('ae.svg'); }
.fi-au { background-image: url('au.svg'); }
.fi-br { background-image: url('br.svg'); }
.fi-ca { background-image: url('ca.svg'); }
.fi-cn { background-image: url('cn.svg'); }
.fi-cz { background-image: url('cz.svg'); }
.fi-dk { background-image: url('dk.svg'); }
.fi-eg { background-image: url('eg.svg'); }
.fi-hk { background-image: url('hk.svg'); }
.fi-hu { background-image: url('hu.svg'); }
.fi-id { background-image: url('id.svg'); }
.fi-il { background-image: url('il.svg'); }
.fi-in { background-image: url('in.svg'); }
.fi-is { background-image: url('is.svg'); }
.fi-jp { background-image: url('jp.svg'); }
.fi-kr { background-image: url('kr.svg'); }
.fi-md { background-image: url('md.svg'); }
.fi-mx { background-image: url('mx.svg'); }
.fi-my { background-image: url('my.svg'); }
.fi-no { background-image: url('no.svg'); }
.fi-nz { background-image: url('nz.svg'); }
.fi-ph { background-image: url('ph.svg'); }
.fi-pl { background-image: url('pl.svg'); }
.fi-rs { background-image: url('rs.svg'); }
.fi-ru { background-image: url('ru.svg'); }
.fi-se { background-image: url('se.svg'); }
.fi-sg { background-image: url('sg.svg'); }
.fi-th { background-image: url('th.svg'); }
.fi-tr { background-image: url('tr.svg'); }
.fi-ua { background-image: url('ua.svg'); }
.fi-za { background-image: url('za.svg'); }
.fi-xau { background-image: url('xau.svg'); }
.fi-xdr { background-image: url('xdr.svg'); }