/* Real SVG country flags (self-hosted, from lipis/flag-icons + EU).
   Usage: <span class="fi fi-us"></span> — sized relative to font-size (1.25em x 0.75em). */
.fi {
    display: inline-block;
    width: 1.25em;
    height: 0.75em;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    vertical-align: -0.125em;
    border-radius: 1px;
}
.fi-ae { background-image: url('../img/flags/ae.svg'); }
.fi-au { background-image: url('../img/flags/au.svg'); }
.fi-bd { background-image: url('../img/flags/bd.svg'); }
.fi-bh { background-image: url('../img/flags/bh.svg'); }
.fi-ca { background-image: url('../img/flags/ca.svg'); }
.fi-de { background-image: url('../img/flags/de.svg'); }
.fi-eg { background-image: url('../img/flags/eg.svg'); }
.fi-eu { background-image: url('../img/flags/eu.svg'); }
.fi-fr { background-image: url('../img/flags/fr.svg'); }
.fi-gb { background-image: url('../img/flags/gb.svg'); }
.fi-gh { background-image: url('../img/flags/gh.svg'); }
.fi-id { background-image: url('../img/flags/id.svg'); }
.fi-in { background-image: url('../img/flags/in.svg'); }
.fi-kw { background-image: url('../img/flags/kw.svg'); }
.fi-ma { background-image: url('../img/flags/ma.svg'); }
.fi-my { background-image: url('../img/flags/my.svg'); }
.fi-ng { background-image: url('../img/flags/ng.svg'); }
.fi-nl { background-image: url('../img/flags/nl.svg'); }
.fi-nz { background-image: url('../img/flags/nz.svg'); }
.fi-om { background-image: url('../img/flags/om.svg'); }
.fi-ph { background-image: url('../img/flags/ph.svg'); }
.fi-pk { background-image: url('../img/flags/pk.svg'); }
.fi-qa { background-image: url('../img/flags/qa.svg'); }
.fi-sa { background-image: url('../img/flags/sa.svg'); }
.fi-sg { background-image: url('../img/flags/sg.svg'); }
.fi-tr { background-image: url('../img/flags/tr.svg'); }
.fi-us { background-image: url('../img/flags/us.svg'); }
.fi-za { background-image: url('../img/flags/za.svg'); }