.flag{--flag-size:24px;display:inline-block;flex:none;width:var(--flag-size);height:var(--flag-size);background-image:url(flags.webp);background-repeat:no-repeat;background-size:calc(var(--flag-size)*16) auto;background-position:calc(var(--flag-size)*var(--x)*-1) calc(var(--flag-size)*var(--y)*-1)}
.flag-ae{--x:0;--y:0}
.flag-ar{--x:1;--y:0}
.flag-at{--x:2;--y:0}
.flag-au{--x:3;--y:0}
.flag-az{--x:4;--y:0}
.flag-ba{--x:5;--y:0}
.flag-bd{--x:6;--y:0}
.flag-be{--x:7;--y:0}
.flag-bg{--x:8;--y:0}
.flag-bh{--x:9;--y:0}
.flag-bn{--x:10;--y:0}
.flag-bo{--x:11;--y:0}
.flag-br{--x:12;--y:0}
.flag-by{--x:13;--y:0}
.flag-ca{--x:14;--y:0}
.flag-ch{--x:15;--y:0}
.flag-ci{--x:0;--y:1}
.flag-cl{--x:1;--y:1}
.flag-cm{--x:2;--y:1}
.flag-cn{--x:3;--y:1}
.flag-co{--x:4;--y:1}
.flag-cr{--x:5;--y:1}
.flag-cy{--x:6;--y:1}
.flag-cz{--x:7;--y:1}
.flag-de{--x:8;--y:1}
.flag-dk{--x:9;--y:1}
.flag-do{--x:10;--y:1}
.flag-ec{--x:11;--y:1}
.flag-ee{--x:12;--y:1}
.flag-eg{--x:13;--y:1}
.flag-es{--x:14;--y:1}
.flag-et{--x:15;--y:1}
.flag-fi{--x:0;--y:2}
.flag-fr{--x:1;--y:2}
.flag-gb{--x:2;--y:2}
.flag-ge{--x:3;--y:2}
.flag-gh{--x:4;--y:2}
.flag-gr{--x:5;--y:2}
.flag-gt{--x:6;--y:2}
.flag-hk{--x:7;--y:2}
.flag-hn{--x:8;--y:2}
.flag-hr{--x:9;--y:2}
.flag-hu{--x:10;--y:2}
.flag-id{--x:11;--y:2}
.flag-ie{--x:12;--y:2}
.flag-il{--x:13;--y:2}
.flag-in{--x:14;--y:2}
.flag-iq{--x:15;--y:2}
.flag-ir{--x:0;--y:3}
.flag-is{--x:1;--y:3}
.flag-it{--x:2;--y:3}
.flag-jm{--x:3;--y:3}
.flag-jo{--x:4;--y:3}
.flag-jp{--x:5;--y:3}
.flag-ke{--x:6;--y:3}
.flag-kg{--x:7;--y:3}
.flag-kh{--x:8;--y:3}
.flag-kp{--x:9;--y:3}
.flag-kr{--x:10;--y:3}
.flag-kw{--x:11;--y:3}
.flag-kz{--x:12;--y:3}
.flag-la{--x:13;--y:3}
.flag-lb{--x:14;--y:3}
.flag-lk{--x:15;--y:3}
.flag-lt{--x:0;--y:4}
.flag-lu{--x:1;--y:4}
.flag-lv{--x:2;--y:4}
.flag-ma{--x:3;--y:4}
.flag-md{--x:4;--y:4}
.flag-me{--x:5;--y:4}
.flag-mk{--x:6;--y:4}
.flag-mm{--x:7;--y:4}
.flag-mn{--x:8;--y:4}
.flag-mo{--x:9;--y:4}
.flag-mt{--x:10;--y:4}
.flag-mv{--x:11;--y:4}
.flag-mx{--x:12;--y:4}
.flag-my{--x:13;--y:4}
.flag-ng{--x:14;--y:4}
.flag-ni{--x:15;--y:4}
.flag-nl{--x:0;--y:5}
.flag-no{--x:1;--y:5}
.flag-np{--x:2;--y:5}
.flag-nz{--x:3;--y:5}
.flag-om{--x:4;--y:5}
.flag-pa{--x:5;--y:5}
.flag-pe{--x:6;--y:5}
.flag-ph{--x:7;--y:5}
.flag-pk{--x:8;--y:5}
.flag-pl{--x:9;--y:5}
.flag-pr{--x:10;--y:5}
.flag-pt{--x:11;--y:5}
.flag-py{--x:12;--y:5}
.flag-qa{--x:13;--y:5}
.flag-ro{--x:14;--y:5}
.flag-rs{--x:15;--y:5}
.flag-ru{--x:0;--y:6}
.flag-sa{--x:1;--y:6}
.flag-se{--x:2;--y:6}
.flag-sg{--x:3;--y:6}
.flag-si{--x:4;--y:6}
.flag-sk{--x:5;--y:6}
.flag-sn{--x:6;--y:6}
.flag-sv{--x:7;--y:6}
.flag-th{--x:8;--y:6}
.flag-tj{--x:9;--y:6}
.flag-tm{--x:10;--y:6}
.flag-tn{--x:11;--y:6}
.flag-tr{--x:12;--y:6}
.flag-tt{--x:13;--y:6}
.flag-tw{--x:14;--y:6}
.flag-tz{--x:15;--y:6}
.flag-ua{--x:0;--y:7}
.flag-ug{--x:1;--y:7}
.flag-us{--x:2;--y:7}
.flag-vn{--x:3;--y:7}
.flag-xk{--x:4;--y:7}
.flag-za{--x:5;--y:7}