[currency]::before, [region]::before {
    content: '';
    display: block;
    --w: calc(var(--h) * 4/3);
    --h: 1.875em;
    width: var(--w);
    height: var(--h);
    border-radius: var(--h);
    background-color: #fff;
    background-image: url(../images/CountryFlags/flag_w32.webp);
    background-image: -webkit-image-set( url('../images/CountryFlags/flag_w32.webp') 1x,url('../images/CountryFlags/flag_w64.webp') 2x,url('../images/CountryFlags/flag_w128.webp') 3x );
    background-position: calc(var(--x,9) * var(--w) * -1) calc(var(--y,29) * var(--h) * -1);
    background-size: calc(var(--w) * 10) calc(var(--h) * 30);
    background-repeat: no-repeat;
    box-shadow: inset rgb(0 0 0/10%) 0 0 0 1px;
    margin: 0 auto
}

[currency='']::before, [region='']::before {
    content: none
}

[region=ad] {
    --x: 0;
    --y: 0
}

[currency=AED], [region=ae] {
    --x: 1;
    --y: 0
}

[currency=AFN], [region=af] {
    --x: 2;
    --y: 0
}

[region=ag] {
    --x: 3;
    --y: 0
}

[region=ai] {
    --x: 4;
    --y: 0
}

[region=al] {
    --x: 5;
    --y: 0
}

[currency=AMD], [region=am] {
    --x: 6;
    --y: 0
}

[currency=AOA], [region=ao] {
    --x: 7;
    --y: 0
}

[currency=ARS], [region=ar] {
    --x: 8;
    --y: 0
}

[region=as] {
    --x: 9;
    --y: 0
}

[region=at] {
    --x: 0;
    --y: 1
}

[currency=AUD], [region=au] {
    --x: 1;
    --y: 1
}

[currency=AWG], [region=aw] {
    --x: 2;
    --y: 1
}

[region=ax] {
    --x: 3;
    --y: 1
}

[currency=AZN], [region=az] {
    --x: 4;
    --y: 1
}

[region=ba] {
    --x: 5;
    --y: 1
}

[currency=BBD], [region=bb] {
    --x: 6;
    --y: 1
}

[currency=BDT], [region=bd] {
    --x: 7;
    --y: 1
}

[region=be] {
    --x: 8;
    --y: 1
}

[region=bf] {
    --x: 9;
    --y: 1
}

[currency=BGN], [region=bg] {
    --x: 0;
    --y: 2
}

[currency=BHD], [region=bh] {
    --x: 1;
    --y: 2
}

[currency=BIF], [region=bi] {
    --x: 2;
    --y: 2
}

[region=bj] {
    --x: 3;
    --y: 2
}

[region=bl] {
    --x: 4;
    --y: 2
}

[currency=BMD], [region=bm] {
    --x: 5;
    --y: 2
}

[currency=BND], [region=bn] {
    --x: 6;
    --y: 2
}

[currency=BOB], [region=bo] {
    --x: 7;
    --y: 2
}

[region=bq] {
    --x: 8;
    --y: 2
}

[currency=BRL], [region=br] {
    --x: 9;
    --y: 2
}

[currency=BSD], [region=bs] {
    --x: 0;
    --y: 3
}

[currency=BTN], [region=bt] {
    --x: 1;
    --y: 3
}

[region=bv] {
    --x: 2;
    --y: 3
}

[currency=BWP], [region=bw] {
    --x: 3;
    --y: 3
}

[currency=BYR], [region=by] {
    --x: 4;
    --y: 3
}

[currency=BZD], [region=bz] {
    --x: 5;
    --y: 3
}

[currency=CAD], [region=ca] {
    --x: 6;
    --y: 3
}

[region=cc] {
    --x: 7;
    --y: 3
}

[region=cd] {
    --x: 8;
    --y: 3
}

[region=cf] {
    --x: 9;
    --y: 3
}

[currency=CDF], [region=cg] {
    --x: 0;
    --y: 4
}

[currency=CHF], [region=ch] {
    --x: 1;
    --y: 4
}

[region=ci] {
    --x: 2;
    --y: 4
}

[region=ck] {
    --x: 3;
    --y: 4
}

[currency=CLP], [region=cl] {
    --x: 4;
    --y: 4
}

[region=cm] {
    --x: 5;
    --y: 4
}

[currency=CNY], [region=cn] {
    --x: 6;
    --y: 4
}

[currency=COP], [region=co] {
    --x: 7;
    --y: 4
}

[currency=CRC], [region=cr] {
    --x: 8;
    --y: 4
}

[region=cu] {
    --x: 9;
    --y: 4
}

[currency=CVE], [region=cv] {
    --x: 0;
    --y: 5
}

[region=cw] {
    --x: 1;
    --y: 5
}

[region=cx] {
    --x: 2;
    --y: 5
}

[region=cy] {
    --x: 3;
    --y: 5
}

[currency=CZK], [region=cz] {
    --x: 4;
    --y: 5
}

[currency=DEM], [region=de] {
    --x: 5;
    --y: 5
}

[currency=DJF], [region=dj] {
    --x: 6;
    --y: 5
}

[currency=DKK], [region=dk] {
    --x: 7;
    --y: 5
}

[currency=DOP], [region=dm] {
    --x: 8;
    --y: 5
}

[region=do] {
    --x: 9;
    --y: 5
}

[currency=DZD], [region=dz] {
    --x: 0;
    --y: 6
}

[currency=ECS], [region=ec] {
    --x: 1;
    --y: 6
}

[region=ee] {
    --x: 2;
    --y: 6
}

[currency=EGP], [region=eg] {
    --x: 3;
    --y: 6
}

[region=eh] {
    --x: 4;
    --y: 6
}

[currency=ERN], [region=er] {
    --x: 5;
    --y: 6
}

[region=es] {
    --x: 6;
    --y: 6
}

[currency=ETB], [region=et] {
    --x: 7;
    --y: 6
}

[region=fi] {
    --x: 8;
    --y: 6
}

[currency=FJD], [region=fj] {
    --x: 9;
    --y: 6
}

[currency=FKP], [region=fk] {
    --x: 0;
    --y: 7
}

[region=fm] {
    --x: 1;
    --y: 7
}

[region=fo] {
    --x: 2;
    --y: 7
}

[currency=FRF], [region=fr] {
    --x: 3;
    --y: 7
}

[region=ga] {
    --x: 4;
    --y: 7
}

[currency=GBP], [region=gb] {
    --x: 5;
    --y: 7
}

[region=gd] {
    --x: 6;
    --y: 7
}

[currency=GEL], [region=ge] {
    --x: 7;
    --y: 7
}

[region=gf] {
    --x: 8;
    --y: 7
}

[region=gg] {
    --x: 9;
    --y: 7
}

[currency=GHS], [region=gh] {
    --x: 0;
    --y: 8
}

[currency=GIP], [region=gi] {
    --x: 1;
    --y: 8
}

[region=gl] {
    --x: 2;
    --y: 8
}

[currency=GMD], [region=gm] {
    --x: 3;
    --y: 8
}

[currency=GNF], [region=gn] {
    --x: 4;
    --y: 8
}

[region=gp] {
    --x: 5;
    --y: 8
}

[region=gq] {
    --x: 6;
    --y: 8
}

[region=gr] {
    --x: 7;
    --y: 8
}

[region=gs] {
    --x: 8;
    --y: 8
}

[currency=GTQ], [region=gt] {
    --x: 9;
    --y: 8
}

[region=gu] {
    --x: 0;
    --y: 9
}

[region=gw] {
    --x: 1;
    --y: 9
}

[currency=GYD], [region=gy] {
    --x: 2;
    --y: 9
}

[currency=HKD], [region=hk] {
    --x: 3;
    --y: 9
}

[region=hm] {
    --x: 4;
    --y: 9
}

[currency=HNL], [region=hn] {
    --x: 5;
    --y: 9
}

[currency=HRK], [region=hr] {
    --x: 6;
    --y: 9
}

[currency=HTG], [region=ht] {
    --x: 7;
    --y: 9
}

[currency=HUF], [region=hu] {
    --x: 8;
    --y: 9
}

[currency=IDR], [region=id] {
    --x: 9;
    --y: 9
}

[currency=IEP], [region=ie] {
    --x: 0;
    --y: 10
}

[currency=ILS], [region=il] {
    --x: 1;
    --y: 10
}

[region=im] {
    --x: 2;
    --y: 10
}

[currency=INR], [region=in] {
    --x: 3;
    --y: 10
}

[region=io] {
    --x: 4;
    --y: 10
}

[currency=IQD], [region=iq] {
    --x: 5;
    --y: 10
}

[currency=IRR], [region=ir] {
    --x: 6;
    --y: 10
}

[currency=ISK], [region=is] {
    --x: 7;
    --y: 10
}

[currency=ITL], [region=it] {
    --x: 8;
    --y: 10
}

[region=je] {
    --x: 9;
    --y: 10
}

[currency=JMD], [region=jm] {
    --x: 0;
    --y: 11
}

[currency=JOD], [region=jo] {
    --x: 1;
    --y: 11
}

[currency=JPY], [region=jp] {
    --x: 2;
    --y: 11
}

[currency=KES], [region=ke] {
    --x: 3;
    --y: 11
}

[currency=KGS], [region=kg] {
    --x: 4;
    --y: 11
}

[currency=KHR], [region=kh] {
    --x: 5;
    --y: 11
}

[region=ki] {
    --x: 6;
    --y: 11
}

[currency=KMF], [region=km] {
    --x: 7;
    --y: 11
}

[region=kn] {
    --x: 8;
    --y: 11
}

[currency=KPW], [region=kp] {
    --x: 9;
    --y: 11
}

[currency=KRW], [region=kr] {
    --x: 0;
    --y: 12
}

[currency=KWD], [region=kw] {
    --x: 1;
    --y: 12
}

[currency=KYD], [region=ky] {
    --x: 2;
    --y: 12
}

[currency=KZT], [region=kz] {
    --x: 3;
    --y: 12
}

[region=la] {
    --x: 4;
    --y: 12
}

[currency=LBP], [region=lb] {
    --x: 5;
    --y: 12
}

[region=lc] {
    --x: 6;
    --y: 12
}

[region=li] {
    --x: 7;
    --y: 12
}

[currency=LKR], [region=lk] {
    --x: 8;
    --y: 12
}

[region=lr] {
    --x: 9;
    --y: 12
}

[currency=LSL], [region=ls] {
    --x: 0;
    --y: 13
}

[currency=LTL], [region=lt] {
    --x: 1;
    --y: 13
}

[region=lu] {
    --x: 2;
    --y: 13
}

[currency=LVL], [region=lv] {
    --x: 3;
    --y: 13
}

[currency=LYD], [region=ly] {
    --x: 4;
    --y: 13
}

[currency=MAD], [region=ma] {
    --x: 5;
    --y: 13
}

[region=mc] {
    --x: 6;
    --y: 13
}

[currency=MDL], [region=md] {
    --x: 7;
    --y: 13
}

[region=me] {
    --x: 8;
    --y: 13
}

[region=mf] {
    --x: 9;
    --y: 13
}

[currency=MGA], [region=mg] {
    --x: 0;
    --y: 14
}

[region=mh] {
    --x: 1;
    --y: 14
}

[currency=MKD], [region=mk] {
    --x: 2;
    --y: 14
}

[region=ml] {
    --x: 3;
    --y: 14
}

[currency=MMK], [region=mm] {
    --x: 4;
    --y: 14
}

[currency=MNT], [region=mn] {
    --x: 5;
    --y: 14
}

[currency=MOP], [region=mo] {
    --x: 6;
    --y: 14
}

[region=mp] {
    --x: 7;
    --y: 14
}

[region=mq] {
    --x: 8;
    --y: 14
}

[currency=MRO], [region=mr] {
    --x: 9;
    --y: 14
}

[region=ms] {
    --x: 0;
    --y: 15
}

[region=mt] {
    --x: 1;
    --y: 15
}

[currency=MUR], [region=mu] {
    --x: 2;
    --y: 15
}

[currency=MVR], [region=mv] {
    --x: 3;
    --y: 15
}

[currency=MWK], [region=mw] {
    --x: 4;
    --y: 15
}

[currency=MXN], [region=mx] {
    --x: 5;
    --y: 15
}

[currency=MYR], [region=my] {
    --x: 6;
    --y: 15
}

[currency=MZN], [region=mz] {
    --x: 7;
    --y: 15
}

[currency=NAD], [region=na] {
    --x: 8;
    --y: 15
}

[region=nc] {
    --x: 9;
    --y: 15
}

[region=ne] {
    --x: 0;
    --y: 16
}

[region=nf] {
    --x: 1;
    --y: 16
}

[currency=NGN], [region=ng] {
    --x: 2;
    --y: 16
}

[currency=NIO], [region=ni] {
    --x: 3;
    --y: 16
}

[currency=ANG], [region=nl] {
    --x: 4;
    --y: 16
}

[currency=NOK], [region=no] {
    --x: 5;
    --y: 16
}

[currency=NPR], [region=np] {
    --x: 6;
    --y: 16
}

[region=nr] {
    --x: 7;
    --y: 16
}

[region=nu] {
    --x: 8;
    --y: 16
}

[currency=NZD], [region=nz] {
    --x: 9;
    --y: 16
}

[currency=OMR], [region=om] {
    --x: 0;
    --y: 17
}

[currency=PAB], [region=pa] {
    --x: 1;
    --y: 17
}

[currency=PEN], [region=pe] {
    --x: 2;
    --y: 17
}

[region=pf] {
    --x: 3;
    --y: 17
}

[currency=PGK], [region=pg] {
    --x: 4;
    --y: 17
}

[currency=PHP], [region=ph] {
    --x: 5;
    --y: 17
}

[currency=PKR], [region=pk] {
    --x: 6;
    --y: 17
}

[currency=PLN], [region=pl] {
    --x: 7;
    --y: 17
}

[region=pm] {
    --x: 8;
    --y: 17
}

[region=pn] {
    --x: 9;
    --y: 17
}

[region=pr] {
    --x: 0;
    --y: 18
}

[region=ps] {
    --x: 1;
    --y: 18
}

[region=pt] {
    --x: 2;
    --y: 18
}

[region=pw] {
    --x: 3;
    --y: 18
}

[currency=PYG], [region=py] {
    --x: 4;
    --y: 18
}

[currency=QAR], [region=qa] {
    --x: 5;
    --y: 18
}

[region=re] {
    --x: 6;
    --y: 18
}

[currency=RON], [region=ro] {
    --x: 7;
    --y: 18
}

[currency=RSD], [region=rs] {
    --x: 8;
    --y: 18
}

[currency=RUB], [region=ru] {
    --x: 9;
    --y: 18
}

[currency=RWF], [region=rw] {
    --x: 0;
    --y: 19
}

[currency=SAR], [region=sa] {
    --x: 1;
    --y: 19
}

[currency=SBD], [region=sb] {
    --x: 2;
    --y: 19
}

[currency=SCR], [region=sc] {
    --x: 3;
    --y: 19
}

[currency=SDG], [region=sd] {
    --x: 4;
    --y: 19
}

[currency=SEK], [region=se] {
    --x: 5;
    --y: 19
}

[currency=SGD], [region=sg] {
    --x: 6;
    --y: 19
}

[region=sh] {
    --x: 7;
    --y: 19
}

[currency=SIT], [region=si] {
    --x: 8;
    --y: 19
}

[region=sj] {
    --x: 9;
    --y: 19
}

[region=sk] {
    --x: 0;
    --y: 20
}

[currency=SLL], [region=sl] {
    --x: 1;
    --y: 20
}

[region=sm] {
    --x: 2;
    --y: 20
}

[region=sn] {
    --x: 3;
    --y: 20
}

[currency=SOS], [region=so] {
    --x: 4;
    --y: 20
}

[region=sr] {
    --x: 5;
    --y: 20
}

[region=ss] {
    --x: 6;
    --y: 20
}

[region=st] {
    --x: 7;
    --y: 20
}

[region=sv] {
    --x: 8;
    --y: 20
}

[region=sx] {
    --x: 9;
    --y: 20
}

[currency=SYP], [region=sy] {
    --x: 0;
    --y: 21
}

[currency=SZL], [region=sz] {
    --x: 1;
    --y: 21
}

[region=tc] {
    --x: 2;
    --y: 21
}

[region=td] {
    --x: 3;
    --y: 21
}

[region=tf] {
    --x: 4;
    --y: 21
}

[region=tg] {
    --x: 5;
    --y: 21
}

[currency=THB], [region=th] {
    --x: 6;
    --y: 21
}

[currency=TJS], [region=tj] {
    --x: 7;
    --y: 21
}

[region=tk] {
    --x: 8;
    --y: 21
}

[region=tl] {
    --x: 9;
    --y: 21
}

[currency=TMT], [region=tm] {
    --x: 0;
    --y: 22
}

[currency=TND], [region=tn] {
    --x: 1;
    --y: 22
}

[currency=TOP], [region=to] {
    --x: 2;
    --y: 22
}

[currency=TRY], [region=tr] {
    --x: 3;
    --y: 22
}

[region=tt] {
    --x: 4;
    --y: 22
}

[region=tv] {
    --x: 5;
    --y: 22
}

[currency=NTD], [region=tw] {
    --x: 6;
    --y: 22
}

[currency=TZS], [region=tz] {
    --x: 7;
    --y: 22
}

[currency=UAH], [region=ua] {
    --x: 8;
    --y: 22
}

[currency=UGX], [region=ug] {
    --x: 9;
    --y: 22
}

[region=um] {
    --x: 0;
    --y: 23
}

[currency=USD], [region=us] {
    --x: 1;
    --y: 23
}

[currency=UYU], [region=uy] {
    --x: 2;
    --y: 23
}

[currency=UZS], [region=uz] {
    --x: 3;
    --y: 23
}

[region=va] {
    --x: 4;
    --y: 23
}

[region=vc] {
    --x: 5;
    --y: 23
}

[currency=VEF], [region=ve] {
    --x: 6;
    --y: 23
}

[region=vg] {
    --x: 7;
    --y: 23
}

[region=vi] {
    --x: 8;
    --y: 23
}

[currency=VND], [region=vn] {
    --x: 9;
    --y: 23
}

[currency=VUV], [region=vu] {
    --x: 0;
    --y: 24
}

[region=wf] {
    --x: 1;
    --y: 24
}

[currency=WST], [region=ws] {
    --x: 2;
    --y: 24
}

[region=ye] {
    --x: 3;
    --y: 24
}

[region=yt] {
    --x: 4;
    --y: 24
}

[currency=ZAR], [region=za] {
    --x: 5;
    --y: 24
}

[currency=ZMW], [region=zm] {
    --x: 6;
    --y: 24
}

[currency=ZWL], [region=zw] {
    --x: 7;
    --y: 24
}

[region=global] {
    --x: 8;
    --y: 24
}

[currency=EUR], [region=eu] {
    --x: 9;
    --y: 24
}

[region=apac] {
    --x: 0;
    --y: 25
}

[region=sea] {
    --x: 1;
    --y: 25
}

[region=latam] {
    --x: 2;
    --y: 25
}

[region=mena] {
    --x: 3;
    --y: 25
}

[region=asia] {
    --x: 4;
    --y: 25
}

[region=europe] {
    --x: 5;
    --y: 25
}

[region=north-america] {
    --x: 6;
    --y: 25
}

[region=south-america] {
    --x: 7;
    --y: 25
}

[region=oceania] {
    --x: 8;
    --y: 25
}

[region=africa] {
    --x: 9;
    --y: 25
}

[region=aq] {
    --x: 0;
    --y: 26
}

[currency=XAF], [region=central-african] {
    --x: 1;
    --y: 26
}

[currency=XOF], [region=west-african] {
    --x: 2;
    --y: 26
}