/**
 * Flagpack CSS - Self-hosted version for EquialitySims
 * Based on https://github.com/Yummygum/flagpack-core
 */

/* Base flag styles */
.fp {
    display: inline-block;
    width: 1.33333em;
    height: 1em;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: middle;
    line-height: 1em;
}

/* Rounded variant */
.fp.fp-rounded {
    border-radius: 3px;
}

/* Square variant */
.fp.fp-square {
    width: 1em;
}

/* Size variants */
.fp.fp-sm {
    width: 1em;
    height: 0.75em;
}

.fp.fp-md {
    width: 1.5em;
    height: 1.125em;
}

.fp.fp-lg {
    width: 2em;
    height: 1.5em;
}

/* Country flags - all 197 countries */
.fp.fp-af { background-image: url('flags/4x3/af.svg'); }
.fp.fp-al { background-image: url('flags/4x3/al.svg'); }
.fp.fp-dz { background-image: url('flags/4x3/dz.svg'); }
.fp.fp-ad { background-image: url('flags/4x3/ad.svg'); }
.fp.fp-ao { background-image: url('flags/4x3/ao.svg'); }
.fp.fp-ag { background-image: url('flags/4x3/ag.svg'); }
.fp.fp-ar { background-image: url('flags/4x3/ar.svg'); }
.fp.fp-am { background-image: url('flags/4x3/am.svg'); }
.fp.fp-au { background-image: url('flags/4x3/au.svg'); }
.fp.fp-at { background-image: url('flags/4x3/at.svg'); }
.fp.fp-az { background-image: url('flags/4x3/az.svg'); }
.fp.fp-bs { background-image: url('flags/4x3/bs.svg'); }
.fp.fp-bh { background-image: url('flags/4x3/bh.svg'); }
.fp.fp-bd { background-image: url('flags/4x3/bd.svg'); }
.fp.fp-bb { background-image: url('flags/4x3/bb.svg'); }
.fp.fp-by { background-image: url('flags/4x3/by.svg'); }
.fp.fp-be { background-image: url('flags/4x3/be.svg'); }
.fp.fp-bz { background-image: url('flags/4x3/bz.svg'); }
.fp.fp-bj { background-image: url('flags/4x3/bj.svg'); }
.fp.fp-bt { background-image: url('flags/4x3/bt.svg'); }
.fp.fp-bo { background-image: url('flags/4x3/bo.svg'); }
.fp.fp-ba { background-image: url('flags/4x3/ba.svg'); }
.fp.fp-bw { background-image: url('flags/4x3/bw.svg'); }
.fp.fp-br { background-image: url('flags/4x3/br.svg'); }
.fp.fp-bn { background-image: url('flags/4x3/bn.svg'); }
.fp.fp-bg { background-image: url('flags/4x3/bg.svg'); }
.fp.fp-bf { background-image: url('flags/4x3/bf.svg'); }
.fp.fp-bi { background-image: url('flags/4x3/bi.svg'); }
.fp.fp-kh { background-image: url('flags/4x3/kh.svg'); }
.fp.fp-cm { background-image: url('flags/4x3/cm.svg'); }
.fp.fp-ca { background-image: url('flags/4x3/ca.svg'); }
.fp.fp-cv { background-image: url('flags/4x3/cv.svg'); }
.fp.fp-cf { background-image: url('flags/4x3/cf.svg'); }
.fp.fp-td { background-image: url('flags/4x3/td.svg'); }
.fp.fp-cl { background-image: url('flags/4x3/cl.svg'); }
.fp.fp-cn { background-image: url('flags/4x3/cn.svg'); }
.fp.fp-co { background-image: url('flags/4x3/co.svg'); }
.fp.fp-km { background-image: url('flags/4x3/km.svg'); }
.fp.fp-cd { background-image: url('flags/4x3/cd.svg'); }
.fp.fp-cg { background-image: url('flags/4x3/cg.svg'); }
.fp.fp-cr { background-image: url('flags/4x3/cr.svg'); }
.fp.fp-hr { background-image: url('flags/4x3/hr.svg'); }
.fp.fp-cu { background-image: url('flags/4x3/cu.svg'); }
.fp.fp-cy { background-image: url('flags/4x3/cy.svg'); }
.fp.fp-cz { background-image: url('flags/4x3/cz.svg'); }
.fp.fp-dk { background-image: url('flags/4x3/dk.svg'); }
.fp.fp-dj { background-image: url('flags/4x3/dj.svg'); }
.fp.fp-dm { background-image: url('flags/4x3/dm.svg'); }
.fp.fp-do { background-image: url('flags/4x3/do.svg'); }
.fp.fp-tl { background-image: url('flags/4x3/tl.svg'); }
.fp.fp-ec { background-image: url('flags/4x3/ec.svg'); }
.fp.fp-eg { background-image: url('flags/4x3/eg.svg'); }
.fp.fp-sv { background-image: url('flags/4x3/sv.svg'); }
.fp.fp-gq { background-image: url('flags/4x3/gq.svg'); }
.fp.fp-er { background-image: url('flags/4x3/er.svg'); }
.fp.fp-ee { background-image: url('flags/4x3/ee.svg'); }
.fp.fp-sz { background-image: url('flags/4x3/sz.svg'); }
.fp.fp-et { background-image: url('flags/4x3/et.svg'); }
.fp.fp-fj { background-image: url('flags/4x3/fj.svg'); }
.fp.fp-fi { background-image: url('flags/4x3/fi.svg'); }
.fp.fp-fr { background-image: url('flags/4x3/fr.svg'); }
.fp.fp-ga { background-image: url('flags/4x3/ga.svg'); }
.fp.fp-gm { background-image: url('flags/4x3/gm.svg'); }
.fp.fp-ge { background-image: url('flags/4x3/ge.svg'); }
.fp.fp-de { background-image: url('flags/4x3/de.svg'); }
.fp.fp-gh { background-image: url('flags/4x3/gh.svg'); }
.fp.fp-gr { background-image: url('flags/4x3/gr.svg'); }
.fp.fp-gd { background-image: url('flags/4x3/gd.svg'); }
.fp.fp-gt { background-image: url('flags/4x3/gt.svg'); }
.fp.fp-gn { background-image: url('flags/4x3/gn.svg'); }
.fp.fp-gw { background-image: url('flags/4x3/gw.svg'); }
.fp.fp-gy { background-image: url('flags/4x3/gy.svg'); }
.fp.fp-ht { background-image: url('flags/4x3/ht.svg'); }
.fp.fp-hn { background-image: url('flags/4x3/hn.svg'); }
.fp.fp-hu { background-image: url('flags/4x3/hu.svg'); }
.fp.fp-is { background-image: url('flags/4x3/is.svg'); }
.fp.fp-in { background-image: url('flags/4x3/in.svg'); }
.fp.fp-id { background-image: url('flags/4x3/id.svg'); }
.fp.fp-ir { background-image: url('flags/4x3/ir.svg'); }
.fp.fp-iq { background-image: url('flags/4x3/iq.svg'); }
.fp.fp-ie { background-image: url('flags/4x3/ie.svg'); }
.fp.fp-il { background-image: url('flags/4x3/il.svg'); }
.fp.fp-it { background-image: url('flags/4x3/it.svg'); }
.fp.fp-ci { background-image: url('flags/4x3/ci.svg'); }
.fp.fp-jm { background-image: url('flags/4x3/jm.svg'); }
.fp.fp-jp { background-image: url('flags/4x3/jp.svg'); }
.fp.fp-jo { background-image: url('flags/4x3/jo.svg'); }
.fp.fp-kz { background-image: url('flags/4x3/kz.svg'); }
.fp.fp-ke { background-image: url('flags/4x3/ke.svg'); }
.fp.fp-ki { background-image: url('flags/4x3/ki.svg'); }
.fp.fp-xk { background-image: url('flags/4x3/xk.svg'); }
.fp.fp-kw { background-image: url('flags/4x3/kw.svg'); }
.fp.fp-kg { background-image: url('flags/4x3/kg.svg'); }
.fp.fp-la { background-image: url('flags/4x3/la.svg'); }
.fp.fp-lv { background-image: url('flags/4x3/lv.svg'); }
.fp.fp-lb { background-image: url('flags/4x3/lb.svg'); }
.fp.fp-ls { background-image: url('flags/4x3/ls.svg'); }
.fp.fp-lr { background-image: url('flags/4x3/lr.svg'); }
.fp.fp-ly { background-image: url('flags/4x3/ly.svg'); }
.fp.fp-li { background-image: url('flags/4x3/li.svg'); }
.fp.fp-lt { background-image: url('flags/4x3/lt.svg'); }
.fp.fp-lu { background-image: url('flags/4x3/lu.svg'); }
.fp.fp-mg { background-image: url('flags/4x3/mg.svg'); }
.fp.fp-mw { background-image: url('flags/4x3/mw.svg'); }
.fp.fp-my { background-image: url('flags/4x3/my.svg'); }
.fp.fp-mv { background-image: url('flags/4x3/mv.svg'); }
.fp.fp-ml { background-image: url('flags/4x3/ml.svg'); }
.fp.fp-mt { background-image: url('flags/4x3/mt.svg'); }
.fp.fp-mh { background-image: url('flags/4x3/mh.svg'); }
.fp.fp-mr { background-image: url('flags/4x3/mr.svg'); }
.fp.fp-mu { background-image: url('flags/4x3/mu.svg'); }
.fp.fp-mx { background-image: url('flags/4x3/mx.svg'); }
.fp.fp-fm { background-image: url('flags/4x3/fm.svg'); }
.fp.fp-md { background-image: url('flags/4x3/md.svg'); }
.fp.fp-mc { background-image: url('flags/4x3/mc.svg'); }
.fp.fp-mn { background-image: url('flags/4x3/mn.svg'); }
.fp.fp-me { background-image: url('flags/4x3/me.svg'); }
.fp.fp-ma { background-image: url('flags/4x3/ma.svg'); }
.fp.fp-mz { background-image: url('flags/4x3/mz.svg'); }
.fp.fp-mm { background-image: url('flags/4x3/mm.svg'); }
.fp.fp-na { background-image: url('flags/4x3/na.svg'); }
.fp.fp-nr { background-image: url('flags/4x3/nr.svg'); }
.fp.fp-np { background-image: url('flags/4x3/np.svg'); }
.fp.fp-nl { background-image: url('flags/4x3/nl.svg'); }
.fp.fp-nz { background-image: url('flags/4x3/nz.svg'); }
.fp.fp-ni { background-image: url('flags/4x3/ni.svg'); }
.fp.fp-ne { background-image: url('flags/4x3/ne.svg'); }
.fp.fp-ng { background-image: url('flags/4x3/ng.svg'); }
.fp.fp-kp { background-image: url('flags/4x3/kp.svg'); }
.fp.fp-mk { background-image: url('flags/4x3/mk.svg'); }
.fp.fp-no { background-image: url('flags/4x3/no.svg'); }
.fp.fp-om { background-image: url('flags/4x3/om.svg'); }
.fp.fp-pk { background-image: url('flags/4x3/pk.svg'); }
.fp.fp-pw { background-image: url('flags/4x3/pw.svg'); }
.fp.fp-ps { background-image: url('flags/4x3/ps.svg'); }
.fp.fp-pa { background-image: url('flags/4x3/pa.svg'); }
.fp.fp-pg { background-image: url('flags/4x3/pg.svg'); }
.fp.fp-py { background-image: url('flags/4x3/py.svg'); }
.fp.fp-pe { background-image: url('flags/4x3/pe.svg'); }
.fp.fp-ph { background-image: url('flags/4x3/ph.svg'); }
.fp.fp-pl { background-image: url('flags/4x3/pl.svg'); }
.fp.fp-pt { background-image: url('flags/4x3/pt.svg'); }
.fp.fp-qa { background-image: url('flags/4x3/qa.svg'); }
.fp.fp-ro { background-image: url('flags/4x3/ro.svg'); }
.fp.fp-ru { background-image: url('flags/4x3/ru.svg'); }
.fp.fp-rw { background-image: url('flags/4x3/rw.svg'); }
.fp.fp-kn { background-image: url('flags/4x3/kn.svg'); }
.fp.fp-lc { background-image: url('flags/4x3/lc.svg'); }
.fp.fp-vc { background-image: url('flags/4x3/vc.svg'); }
.fp.fp-ws { background-image: url('flags/4x3/ws.svg'); }
.fp.fp-sm { background-image: url('flags/4x3/sm.svg'); }
.fp.fp-st { background-image: url('flags/4x3/st.svg'); }
.fp.fp-sa { background-image: url('flags/4x3/sa.svg'); }
.fp.fp-sn { background-image: url('flags/4x3/sn.svg'); }
.fp.fp-rs { background-image: url('flags/4x3/rs.svg'); }
.fp.fp-sc { background-image: url('flags/4x3/sc.svg'); }
.fp.fp-sl { background-image: url('flags/4x3/sl.svg'); }
.fp.fp-sg { background-image: url('flags/4x3/sg.svg'); }
.fp.fp-sk { background-image: url('flags/4x3/sk.svg'); }
.fp.fp-si { background-image: url('flags/4x3/si.svg'); }
.fp.fp-sb { background-image: url('flags/4x3/sb.svg'); }
.fp.fp-so { background-image: url('flags/4x3/so.svg'); }
.fp.fp-za { background-image: url('flags/4x3/za.svg'); }
.fp.fp-kr { background-image: url('flags/4x3/kr.svg'); }
.fp.fp-ss { background-image: url('flags/4x3/ss.svg'); }
.fp.fp-es { background-image: url('flags/4x3/es.svg'); }
.fp.fp-lk { background-image: url('flags/4x3/lk.svg'); }
.fp.fp-sd { background-image: url('flags/4x3/sd.svg'); }
.fp.fp-sr { background-image: url('flags/4x3/sr.svg'); }
.fp.fp-se { background-image: url('flags/4x3/se.svg'); }
.fp.fp-ch { background-image: url('flags/4x3/ch.svg'); }
.fp.fp-sy { background-image: url('flags/4x3/sy.svg'); }
.fp.fp-tw { background-image: url('flags/4x3/tw.svg'); }
.fp.fp-tj { background-image: url('flags/4x3/tj.svg'); }
.fp.fp-tz { background-image: url('flags/4x3/tz.svg'); }
.fp.fp-th { background-image: url('flags/4x3/th.svg'); }
.fp.fp-tg { background-image: url('flags/4x3/tg.svg'); }
.fp.fp-to { background-image: url('flags/4x3/to.svg'); }
.fp.fp-tt { background-image: url('flags/4x3/tt.svg'); }
.fp.fp-tn { background-image: url('flags/4x3/tn.svg'); }
.fp.fp-tr { background-image: url('flags/4x3/tr.svg'); }
.fp.fp-tm { background-image: url('flags/4x3/tm.svg'); }
.fp.fp-tv { background-image: url('flags/4x3/tv.svg'); }
.fp.fp-ug { background-image: url('flags/4x3/ug.svg'); }
.fp.fp-ua { background-image: url('flags/4x3/ua.svg'); }
.fp.fp-ae { background-image: url('flags/4x3/ae.svg'); }
.fp.fp-gb { background-image: url('flags/4x3/gb.svg'); }
.fp.fp-us { background-image: url('flags/4x3/us.svg'); }
.fp.fp-uy { background-image: url('flags/4x3/uy.svg'); }
.fp.fp-uz { background-image: url('flags/4x3/uz.svg'); }
.fp.fp-vu { background-image: url('flags/4x3/vu.svg'); }
.fp.fp-va { background-image: url('flags/4x3/va.svg'); }
.fp.fp-ve { background-image: url('flags/4x3/ve.svg'); }
.fp.fp-vn { background-image: url('flags/4x3/vn.svg'); }
.fp.fp-ye { background-image: url('flags/4x3/ye.svg'); }
.fp.fp-zm { background-image: url('flags/4x3/zm.svg'); }
.fp.fp-zw { background-image: url('flags/4x3/zw.svg'); }
