[class^="flag-"],
[class*=" flag-"] {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: inline-block;
  line-height: 1;
  vertical-align: baseline;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;

  background-image: var(--flag-image);
  -webkit-mask-image: var(--flag-image);
  mask-image: var(--flag-image);
}

.flag-ad { --flag-image: url('./flags/ad.svg'); }
.flag-ae { --flag-image: url('./flags/ae.svg'); }
.flag-af { --flag-image: url('./flags/af.svg'); }
.flag-ag { --flag-image: url('./flags/ag.svg'); }
.flag-ai { --flag-image: url('./flags/ai.svg'); }
.flag-al { --flag-image: url('./flags/al.svg'); }
.flag-am { --flag-image: url('./flags/am.svg'); }
.flag-ao { --flag-image: url('./flags/ao.svg'); }
.flag-aq { --flag-image: url('./flags/aq.svg'); }
.flag-ar { --flag-image: url('./flags/ar.svg'); }
.flag-arab { --flag-image: url('./flags/arab.svg'); }
.flag-as { --flag-image: url('./flags/as.svg'); }
.flag-asean { --flag-image: url('./flags/asean.svg'); }
.flag-at { --flag-image: url('./flags/at.svg'); }
.flag-au { --flag-image: url('./flags/au.svg'); }
.flag-aw { --flag-image: url('./flags/aw.svg'); }
.flag-ax { --flag-image: url('./flags/ax.svg'); }
.flag-az { --flag-image: url('./flags/az.svg'); }
.flag-ba { --flag-image: url('./flags/ba.svg'); }
.flag-bb { --flag-image: url('./flags/bb.svg'); }
.flag-bd { --flag-image: url('./flags/bd.svg'); }
.flag-be { --flag-image: url('./flags/be.svg'); }
.flag-bf { --flag-image: url('./flags/bf.svg'); }
.flag-bg { --flag-image: url('./flags/bg.svg'); }
.flag-bh { --flag-image: url('./flags/bh.svg'); }
.flag-bi { --flag-image: url('./flags/bi.svg'); }
.flag-bj { --flag-image: url('./flags/bj.svg'); }
.flag-bl { --flag-image: url('./flags/bl.svg'); }
.flag-bm { --flag-image: url('./flags/bm.svg'); }
.flag-bn { --flag-image: url('./flags/bn.svg'); }
.flag-bo { --flag-image: url('./flags/bo.svg'); }
.flag-bq { --flag-image: url('./flags/bq.svg'); }
.flag-br { --flag-image: url('./flags/br.svg'); }
.flag-bs { --flag-image: url('./flags/bs.svg'); }
.flag-bt { --flag-image: url('./flags/bt.svg'); }
.flag-bv { --flag-image: url('./flags/bv.svg'); }
.flag-bw { --flag-image: url('./flags/bw.svg'); }
.flag-by { --flag-image: url('./flags/by.svg'); }
.flag-bz { --flag-image: url('./flags/bz.svg'); }
.flag-ca { --flag-image: url('./flags/ca.svg'); }
.flag-cc { --flag-image: url('./flags/cc.svg'); }
.flag-cd { --flag-image: url('./flags/cd.svg'); }
.flag-cefta { --flag-image: url('./flags/cefta.svg'); }
.flag-cf { --flag-image: url('./flags/cf.svg'); }
.flag-cg { --flag-image: url('./flags/cg.svg'); }
.flag-ch { --flag-image: url('./flags/ch.svg'); }
.flag-ci { --flag-image: url('./flags/ci.svg'); }
.flag-ck { --flag-image: url('./flags/ck.svg'); }
.flag-cl { --flag-image: url('./flags/cl.svg'); }
.flag-cm { --flag-image: url('./flags/cm.svg'); }
.flag-cn { --flag-image: url('./flags/cn.svg'); }
.flag-co { --flag-image: url('./flags/co.svg'); }
.flag-cp { --flag-image: url('./flags/cp.svg'); }
.flag-cr { --flag-image: url('./flags/cr.svg'); }
.flag-cu { --flag-image: url('./flags/cu.svg'); }
.flag-cv { --flag-image: url('./flags/cv.svg'); }
.flag-cw { --flag-image: url('./flags/cw.svg'); }
.flag-cx { --flag-image: url('./flags/cx.svg'); }
.flag-cy { --flag-image: url('./flags/cy.svg'); }
.flag-cz { --flag-image: url('./flags/cz.svg'); }
.flag-de { --flag-image: url('./flags/de.svg'); }
.flag-dg { --flag-image: url('./flags/dg.svg'); }
.flag-dj { --flag-image: url('./flags/dj.svg'); }
.flag-dk { --flag-image: url('./flags/dk.svg'); }
.flag-dm { --flag-image: url('./flags/dm.svg'); }
.flag-do { --flag-image: url('./flags/do.svg'); }
.flag-dz { --flag-image: url('./flags/dz.svg'); }
.flag-eac { --flag-image: url('./flags/eac.svg'); }
.flag-ec { --flag-image: url('./flags/ec.svg'); }
.flag-ee { --flag-image: url('./flags/ee.svg'); }
.flag-eg { --flag-image: url('./flags/eg.svg'); }
.flag-eh { --flag-image: url('./flags/eh.svg'); }
.flag-er { --flag-image: url('./flags/er.svg'); }
.flag-es-ct { --flag-image: url('./flags/es-ct.svg'); }
.flag-es-ga { --flag-image: url('./flags/es-ga.svg'); }
.flag-es-pv { --flag-image: url('./flags/es-pv.svg'); }
.flag-es { --flag-image: url('./flags/es.svg'); }
.flag-et { --flag-image: url('./flags/et.svg'); }
.flag-eu { --flag-image: url('./flags/eu.svg'); }
.flag-fi { --flag-image: url('./flags/fi.svg'); }
.flag-fj { --flag-image: url('./flags/fj.svg'); }
.flag-fk { --flag-image: url('./flags/fk.svg'); }
.flag-fm { --flag-image: url('./flags/fm.svg'); }
.flag-fo { --flag-image: url('./flags/fo.svg'); }
.flag-fr { --flag-image: url('./flags/fr.svg'); }
.flag-ga { --flag-image: url('./flags/ga.svg'); }
.flag-gb-eng { --flag-image: url('./flags/gb-eng.svg'); }
.flag-gb-nir { --flag-image: url('./flags/gb-nir.svg'); }
.flag-gb-sct { --flag-image: url('./flags/gb-sct.svg'); }
.flag-gb-wls { --flag-image: url('./flags/gb-wls.svg'); }
.flag-gb { --flag-image: url('./flags/gb.svg'); }
.flag-gd { --flag-image: url('./flags/gd.svg'); }
.flag-ge { --flag-image: url('./flags/ge.svg'); }
.flag-gf { --flag-image: url('./flags/gf.svg'); }
.flag-gg { --flag-image: url('./flags/gg.svg'); }
.flag-gh { --flag-image: url('./flags/gh.svg'); }
.flag-gi { --flag-image: url('./flags/gi.svg'); }
.flag-gl { --flag-image: url('./flags/gl.svg'); }
.flag-gm { --flag-image: url('./flags/gm.svg'); }
.flag-gn { --flag-image: url('./flags/gn.svg'); }
.flag-gp { --flag-image: url('./flags/gp.svg'); }
.flag-gq { --flag-image: url('./flags/gq.svg'); }
.flag-gr { --flag-image: url('./flags/gr.svg'); }
.flag-gs { --flag-image: url('./flags/gs.svg'); }
.flag-gt { --flag-image: url('./flags/gt.svg'); }
.flag-gu { --flag-image: url('./flags/gu.svg'); }
.flag-gw { --flag-image: url('./flags/gw.svg'); }
.flag-gy { --flag-image: url('./flags/gy.svg'); }
.flag-hk { --flag-image: url('./flags/hk.svg'); }
.flag-hm { --flag-image: url('./flags/hm.svg'); }
.flag-hn { --flag-image: url('./flags/hn.svg'); }
.flag-hr { --flag-image: url('./flags/hr.svg'); }
.flag-ht { --flag-image: url('./flags/ht.svg'); }
.flag-hu { --flag-image: url('./flags/hu.svg'); }
.flag-ic { --flag-image: url('./flags/ic.svg'); }
.flag-id { --flag-image: url('./flags/id.svg'); }
.flag-ie { --flag-image: url('./flags/ie.svg'); }
.flag-il { --flag-image: url('./flags/il.svg'); }
.flag-im { --flag-image: url('./flags/im.svg'); }
.flag-in { --flag-image: url('./flags/in.svg'); }
.flag-io { --flag-image: url('./flags/io.svg'); }
.flag-iq { --flag-image: url('./flags/iq.svg'); }
.flag-ir { --flag-image: url('./flags/ir.svg'); }
.flag-is { --flag-image: url('./flags/is.svg'); }
.flag-it { --flag-image: url('./flags/it.svg'); }
.flag-je { --flag-image: url('./flags/je.svg'); }
.flag-jm { --flag-image: url('./flags/jm.svg'); }
.flag-jo { --flag-image: url('./flags/jo.svg'); }
.flag-jp { --flag-image: url('./flags/jp.svg'); }
.flag-ke { --flag-image: url('./flags/ke.svg'); }
.flag-kg { --flag-image: url('./flags/kg.svg'); }
.flag-kh { --flag-image: url('./flags/kh.svg'); }
.flag-ki { --flag-image: url('./flags/ki.svg'); }
.flag-km { --flag-image: url('./flags/km.svg'); }
.flag-kn { --flag-image: url('./flags/kn.svg'); }
.flag-kp { --flag-image: url('./flags/kp.svg'); }
.flag-kr { --flag-image: url('./flags/kr.svg'); }
.flag-kw { --flag-image: url('./flags/kw.svg'); }
.flag-ky { --flag-image: url('./flags/ky.svg'); }
.flag-kz { --flag-image: url('./flags/kz.svg'); }
.flag-la { --flag-image: url('./flags/la.svg'); }
.flag-lb { --flag-image: url('./flags/lb.svg'); }
.flag-lc { --flag-image: url('./flags/lc.svg'); }
.flag-li { --flag-image: url('./flags/li.svg'); }
.flag-lk { --flag-image: url('./flags/lk.svg'); }
.flag-lr { --flag-image: url('./flags/lr.svg'); }
.flag-ls { --flag-image: url('./flags/ls.svg'); }
.flag-lt { --flag-image: url('./flags/lt.svg'); }
.flag-lu { --flag-image: url('./flags/lu.svg'); }
.flag-lv { --flag-image: url('./flags/lv.svg'); }
.flag-ly { --flag-image: url('./flags/ly.svg'); }
.flag-ma { --flag-image: url('./flags/ma.svg'); }
.flag-mc { --flag-image: url('./flags/mc.svg'); }
.flag-md { --flag-image: url('./flags/md.svg'); }
.flag-me { --flag-image: url('./flags/me.svg'); }
.flag-mf { --flag-image: url('./flags/mf.svg'); }
.flag-mg { --flag-image: url('./flags/mg.svg'); }
.flag-mh { --flag-image: url('./flags/mh.svg'); }
.flag-mk { --flag-image: url('./flags/mk.svg'); }
.flag-ml { --flag-image: url('./flags/ml.svg'); }
.flag-mm { --flag-image: url('./flags/mm.svg'); }
.flag-mn { --flag-image: url('./flags/mn.svg'); }
.flag-mo { --flag-image: url('./flags/mo.svg'); }
.flag-mp { --flag-image: url('./flags/mp.svg'); }
.flag-mq { --flag-image: url('./flags/mq.svg'); }
.flag-mr { --flag-image: url('./flags/mr.svg'); }
.flag-ms { --flag-image: url('./flags/ms.svg'); }
.flag-mt { --flag-image: url('./flags/mt.svg'); }
.flag-mu { --flag-image: url('./flags/mu.svg'); }
.flag-mv { --flag-image: url('./flags/mv.svg'); }
.flag-mw { --flag-image: url('./flags/mw.svg'); }
.flag-mx { --flag-image: url('./flags/mx.svg'); }
.flag-my { --flag-image: url('./flags/my.svg'); }
.flag-mz { --flag-image: url('./flags/mz.svg'); }
.flag-na { --flag-image: url('./flags/na.svg'); }
.flag-nc { --flag-image: url('./flags/nc.svg'); }
.flag-ne { --flag-image: url('./flags/ne.svg'); }
.flag-nf { --flag-image: url('./flags/nf.svg'); }
.flag-ng { --flag-image: url('./flags/ng.svg'); }
.flag-ni { --flag-image: url('./flags/ni.svg'); }
.flag-nl { --flag-image: url('./flags/nl.svg'); }
.flag-no { --flag-image: url('./flags/no.svg'); }
.flag-np { --flag-image: url('./flags/np.svg'); }
.flag-nr { --flag-image: url('./flags/nr.svg'); }
.flag-nu { --flag-image: url('./flags/nu.svg'); }
.flag-nz { --flag-image: url('./flags/nz.svg'); }
.flag-om { --flag-image: url('./flags/om.svg'); }
.flag-pa { --flag-image: url('./flags/pa.svg'); }
.flag-pc { --flag-image: url('./flags/pc.svg'); }
.flag-pe { --flag-image: url('./flags/pe.svg'); }
.flag-pf { --flag-image: url('./flags/pf.svg'); }
.flag-pg { --flag-image: url('./flags/pg.svg'); }
.flag-ph { --flag-image: url('./flags/ph.svg'); }
.flag-pk { --flag-image: url('./flags/pk.svg'); }
.flag-pl { --flag-image: url('./flags/pl.svg'); }
.flag-pm { --flag-image: url('./flags/pm.svg'); }
.flag-pn { --flag-image: url('./flags/pn.svg'); }
.flag-pr { --flag-image: url('./flags/pr.svg'); }
.flag-ps { --flag-image: url('./flags/ps.svg'); }
.flag-pt { --flag-image: url('./flags/pt.svg'); }
.flag-pw { --flag-image: url('./flags/pw.svg'); }
.flag-py { --flag-image: url('./flags/py.svg'); }
.flag-qa { --flag-image: url('./flags/qa.svg'); }
.flag-re { --flag-image: url('./flags/re.svg'); }
.flag-ro { --flag-image: url('./flags/ro.svg'); }
.flag-rs { --flag-image: url('./flags/rs.svg'); }
.flag-ru { --flag-image: url('./flags/ru.svg'); }
.flag-rw { --flag-image: url('./flags/rw.svg'); }
.flag-sa { --flag-image: url('./flags/sa.svg'); }
.flag-sb { --flag-image: url('./flags/sb.svg'); }
.flag-sc { --flag-image: url('./flags/sc.svg'); }
.flag-sd { --flag-image: url('./flags/sd.svg'); }
.flag-se { --flag-image: url('./flags/se.svg'); }
.flag-sg { --flag-image: url('./flags/sg.svg'); }
.flag-sh-ac { --flag-image: url('./flags/sh-ac.svg'); }
.flag-sh-hl { --flag-image: url('./flags/sh-hl.svg'); }
.flag-sh-ta { --flag-image: url('./flags/sh-ta.svg'); }
.flag-sh { --flag-image: url('./flags/sh.svg'); }
.flag-si { --flag-image: url('./flags/si.svg'); }
.flag-sj { --flag-image: url('./flags/sj.svg'); }
.flag-sk { --flag-image: url('./flags/sk.svg'); }
.flag-sl { --flag-image: url('./flags/sl.svg'); }
.flag-sm { --flag-image: url('./flags/sm.svg'); }
.flag-sn { --flag-image: url('./flags/sn.svg'); }
.flag-so { --flag-image: url('./flags/so.svg'); }
.flag-sr { --flag-image: url('./flags/sr.svg'); }
.flag-ss { --flag-image: url('./flags/ss.svg'); }
.flag-st { --flag-image: url('./flags/st.svg'); }
.flag-sv { --flag-image: url('./flags/sv.svg'); }
.flag-sx { --flag-image: url('./flags/sx.svg'); }
.flag-sy { --flag-image: url('./flags/sy.svg'); }
.flag-sz { --flag-image: url('./flags/sz.svg'); }
.flag-tc { --flag-image: url('./flags/tc.svg'); }
.flag-td { --flag-image: url('./flags/td.svg'); }
.flag-tf { --flag-image: url('./flags/tf.svg'); }
.flag-tg { --flag-image: url('./flags/tg.svg'); }
.flag-th { --flag-image: url('./flags/th.svg'); }
.flag-tj { --flag-image: url('./flags/tj.svg'); }
.flag-tk { --flag-image: url('./flags/tk.svg'); }
.flag-tl { --flag-image: url('./flags/tl.svg'); }
.flag-tm { --flag-image: url('./flags/tm.svg'); }
.flag-tn { --flag-image: url('./flags/tn.svg'); }
.flag-to { --flag-image: url('./flags/to.svg'); }
.flag-tr { --flag-image: url('./flags/tr.svg'); }
.flag-tt { --flag-image: url('./flags/tt.svg'); }
.flag-tv { --flag-image: url('./flags/tv.svg'); }
.flag-tw { --flag-image: url('./flags/tw.svg'); }
.flag-tz { --flag-image: url('./flags/tz.svg'); }
.flag-ua { --flag-image: url('./flags/ua.svg'); }
.flag-ug { --flag-image: url('./flags/ug.svg'); }
.flag-um { --flag-image: url('./flags/um.svg'); }
.flag-un { --flag-image: url('./flags/un.svg'); }
.flag-us { --flag-image: url('./flags/us.svg'); }
.flag-uy { --flag-image: url('./flags/uy.svg'); }
.flag-uz { --flag-image: url('./flags/uz.svg'); }
.flag-va { --flag-image: url('./flags/va.svg'); }
.flag-vc { --flag-image: url('./flags/vc.svg'); }
.flag-ve { --flag-image: url('./flags/ve.svg'); }
.flag-vg { --flag-image: url('./flags/vg.svg'); }
.flag-vi { --flag-image: url('./flags/vi.svg'); }
.flag-vn { --flag-image: url('./flags/vn.svg'); }
.flag-vu { --flag-image: url('./flags/vu.svg'); }
.flag-wf { --flag-image: url('./flags/wf.svg'); }
.flag-ws { --flag-image: url('./flags/ws.svg'); }
.flag-xk { --flag-image: url('./flags/xk.svg'); }
.flag-xx { --flag-image: url('./flags/xx.svg'); }
.flag-ye { --flag-image: url('./flags/ye.svg'); }
.flag-yt { --flag-image: url('./flags/yt.svg'); }
.flag-za { --flag-image: url('./flags/za.svg'); }
.flag-zm { --flag-image: url('./flags/zm.svg'); }
.flag-zw { --flag-image: url('./flags/zw.svg'); }