/*--------------------------------------- !flag icon sprite ----------------------------------*/
/* HWC-3485 follow-up (Country widget flags): shared ISO-2 flag sprite, extracted verbatim from
   css/front-end-editor/editor-v2.css (admin/editor-only bundle) so the storefront and the FEE
   canvas — neither of which load editor-v2.css — can render the same flag icons the Currency
   admin settings / Language & Region tab / Manage Flag popup already use. editor-v2.css keeps
   its own copy for now (touching that ~28k-line shared file was judged higher-risk than this
   scoped, documented duplication); a future cleanup could point it at this file instead. */
.flag-icon {
    background-image    : url("../../images/admin/flag_sprite.png");
    background-repeat   : no-repeat;
    background-position : 0 0;
    display             : inline-block;
    height              : 24px;
    vertical-align      : middle;
    width               : 24px;
}
.flag-icon.af {
    background-position : -24px 0;
}
.flag-icon.al {
    background-position : -48px 0;
}
.flag-icon.dz {
    background-position : -72px 0;
}
.flag-icon.as {
    background-position : -96px 0;
}
.flag-icon.ad {
    background-position : -120px 0;
}
.flag-icon.ao {
    background-position : -144px 0;
}
.flag-icon.ai {
    background-position : -168px 0;
}
.flag-icon.aq {
    background-position : -192px 0;
}
.flag-icon.ag {
    background-position : -216px 0;
}
.flag-icon.ar {
    background-position : -240px 0;
}
.flag-icon.am {
    background-position : -264px 0;
}
.flag-icon.au {
    background-position : -288px 0;
}
.flag-icon.aw {
    background-position : -312px 0;
}
.flag-icon.at {
    background-position : -336px 0;
}
.flag-icon.az {
    background-position : -360px 0;
}
.flag-icon.bs {
    background-position : 0 -24px;
}
.flag-icon.bh {
    background-position : -24px -24px;
}
.flag-icon.bd {
    background-position : -48px -24px;
}
.flag-icon.bb {
    background-position : -72px -24px;
}
.flag-icon.by {
    background-position : -96px -24px;
}
.flag-icon.be {
    background-position : -120px -24px;
}
.flag-icon.bz {
    background-position : -144px -24px;
}
.flag-icon.bj {
    background-position : -168px -24px;
}
.flag-icon.bm {
    background-position : -192px -24px;
}
.flag-icon.bt {
    background-position : -216px -24px;
}
.flag-icon.bo {
    background-position : -240px -24px;
}
.flag-icon.ba {
    background-position : -264px -24px;
}
.flag-icon.bw {
    background-position : -288px -24px;
}
.flag-icon.bv {
    background-position : -312px -24px;
}
.flag-icon.br {
    background-position : -336px -24px;
}
.flag-icon.io {
    background-position : -360px -24px;
}
.flag-icon.bn {
    background-position : 0 -48px;
}
.flag-icon.bg {
    background-position : -24px -48px;
}
.flag-icon.bf {
    background-position : -48px -48px;
}
.flag-icon.bi {
    background-position : -72px -48px;
}
.flag-icon.kh {
    background-position : -96px -48px;
}
.flag-icon.cm {
    background-position : -120px -48px;
}
.flag-icon.ca {
    background-position : -144px -48px;
}
.flag-icon.cv {
    background-position : -168px -48px;
}
.flag-icon.ky {
    background-position : -192px -48px;
}
.flag-icon.cf {
    background-position : -216px -48px;
}
.flag-icon.td {
    background-position : -240px -48px;
}
.flag-icon.cl {
    background-position : -264px -48px;
}
.flag-icon.cn {
    background-position : -288px -48px;
}
.flag-icon.cx {
    background-position : -312px -48px;
}
.flag-icon.cc {
    background-position : -336px -48px;
}
.flag-icon.co {
    background-position : -360px -48px;
}
.flag-icon.km {
    background-position : 0 -72px;
}
.flag-icon.cg {
    background-position : -24px -72px;
}
.flag-icon.cd {
    background-position : -48px -72px;
}
.flag-icon.ck {
    background-position : -72px -72px;
}
.flag-icon.cr {
    background-position : -96px -72px;
}
.flag-icon.ci {
    background-position : -120px -72px;
}
.flag-icon.hr {
    background-position : -144px -72px;
}
.flag-icon.cu {
    background-position : -168px -72px;
}
.flag-icon.cy {
    background-position : -192px -72px;
}
.flag-icon.cz {
    background-position : -216px -72px;
}
.flag-icon.dk {
    background-position : -240px -72px;
}
.flag-icon.dj {
    background-position : -264px -72px;
}
.flag-icon.dm {
    background-position : -288px -72px;
}
.flag-icon.do {
    background-position : -312px -72px;
}
.flag-icon.tp {
    background-position : -336px -72px;
}
.flag-icon.ec {
    background-position : -360px -72px;
}
.flag-icon.eg {
    background-position : 0 -96px;
}
.flag-icon.sv {
    background-position : -24px -96px;
}
.flag-icon.gq {
    background-position : -48px -96px;
}
.flag-icon.er {
    background-position : -72px -96px;
}
.flag-icon.ee {
    background-position : -96px -96px;
}
.flag-icon.et {
    background-position : -120px -96px;
}
.flag-icon.eu {
    background-position : -144px -96px;
}
.flag-icon.fk {
    background-position : -168px -96px;
}
.flag-icon.fo {
    background-position : -192px -96px;
}
.flag-icon.fj {
    background-position : -216px -96px;
}
.flag-icon.fi {
    background-position : -240px -96px;
}
.flag-icon.fr {
    background-position : -264px -96px;
}
.flag-icon.gf {
    background-position : -288px -96px;
}
.flag-icon.pf {
    background-position : -312px -96px;
}
.flag-icon.tf {
    background-position : -336px -96px;
}
.flag-icon.ga {
    background-position : -360px -96px;
}
.flag-icon.gb {
    background-position : -264px -336px;
}
.flag-icon.gm {
    background-position : 0 -120px;
}
.flag-icon.ge {
    background-position : -24px -120px;
}
.flag-icon.de {
    background-position : -48px -120px;
}
.flag-icon.gh {
    background-position : -72px -120px;
}
.flag-icon.gi {
    background-position : -96px -120px;
}
.flag-icon.gr {
    background-position : -120px -120px;
}
.flag-icon.gl {
    background-position : -144px -120px;
}
.flag-icon.gd {
    background-position : -168px -120px;
}
.flag-icon.gp {
    background-position : -192px -120px;
}
.flag-icon.gu {
    background-position : -216px -120px;
}
.flag-icon.gt {
    background-position : -240px -120px;
}
.flag-icon.gg {
    background-position : -264px -120px;
}
.flag-icon.gn {
    background-position : -288px -120px;
}
.flag-icon.gw {
    background-position : -312px -120px;
}
.flag-icon.gy {
    background-position : -336px -120px;
}
.flag-icon.ht {
    background-position : -360px -120px;
}
.flag-icon.hm {
    background-position : 0 -144px;
}
.flag-icon.va {
    background-position : -24px -144px;
}
.flag-icon.hn {
    background-position : -48px -144px;
}
.flag-icon.hk {
    background-position : -72px -144px;
}
.flag-icon.hu {
    background-position : -96px -144px;
}
.flag-icon.is {
    background-position : -120px -144px;
}
.flag-icon.in {
    background-position : -144px -144px;
}
.flag-icon.id {
    background-position : -168px -144px;
}
.flag-icon.ir {
    background-position : -192px -144px;
}
.flag-icon.iq {
    background-position : -216px -144px;
}
.flag-icon.ie {
    background-position : -240px -144px;
}
.flag-icon.il {
    background-position : -264px -144px;
}
.flag-icon.it {
    background-position : -288px -144px;
}
.flag-icon.jm {
    background-position : -312px -144px;
}
.flag-icon.jp {
    background-position : -336px -144px;
}
.flag-icon.je {
    background-position : -360px -144px;
}
.flag-icon.jo {
    background-position : 0 -168px;
}
.flag-icon.kz {
    background-position : -24px -168px;
}
.flag-icon.ke {
    background-position : -48px -168px;
}
.flag-icon.ki {
    background-position : -72px -168px;
}
.flag-icon.kp {
    background-position : -96px -168px;
}
.flag-icon.kr {
    background-position : -120px -168px;
}
.flag-icon.kv {
    background-position : -144px -168px;
}
.flag-icon.kw {
    background-position : -168px -168px;
}
.flag-icon.kg {
    background-position : -192px -168px;
}
.flag-icon.la {
    background-position : -216px -168px;
}
.flag-icon.lv {
    background-position : -240px -168px;
}
.flag-icon.lb {
    background-position : -264px -168px;
}
.flag-icon.ls {
    background-position : -288px -168px;
}
.flag-icon.lr {
    background-position : -312px -168px;
}
.flag-icon.ly {
    background-position : -336px -168px;
}
.flag-icon.li {
    background-position : -360px -168px;
}
.flag-icon.lt {
    background-position : 0 -192px;
}
.flag-icon.lu {
    background-position : -24px -192px;
}
.flag-icon.mo {
    background-position : -48px -192px;
}
.flag-icon.mk {
    background-position : -72px -192px;
}
.flag-icon.mg {
    background-position : -96px -192px;
}
.flag-icon.mw {
    background-position : -120px -192px;
}
.flag-icon.my {
    background-position : -144px -192px;
}
.flag-icon.mv {
    background-position : -168px -192px;
}
.flag-icon.mt {
    background-position : -216px -192px;
}
.flag-icon.im {
    background-position : -240px -192px;
}
.flag-icon.mh {
    background-position : -264px -192px;
}
.flag-icon.mq {
    background-position : -288px -192px;
}
.flag-icon.mr {
    background-position : -312px -192px;
}
.flag-icon.mu {
    background-position : -336px -192px;
}
.flag-icon.yt {
    background-position : -360px -192px;
}
.flag-icon.mx {
    background-position : 0 -216px;
}
.flag-icon.fm {
    background-position : -24px -216px;
}
.flag-icon.md {
    background-position : -48px -216px;
}
.flag-icon.mc {
    background-position : -72px -216px;
}
.flag-icon.mn {
    background-position : -96px -216px;
}
.flag-icon.cs {
    background-position : -120px -216px;
}
.flag-icon.ms {
    background-position : -144px -216px;
}
.flag-icon.ma {
    background-position : -168px -216px;
}
.flag-icon.mz {
    background-position : -192px -216px;
}
.flag-icon.mm {
    background-position : -216px -216px;
}
.flag-icon.na {
    background-position : -240px -216px;
}
.flag-icon.nr {
    background-position : -264px -216px;
}
.flag-icon.np {
    background-position : -288px -216px;
}
.flag-icon.nl {
    background-position : -312px -216px;
}
.flag-icon.an {
    background-position : -336px -216px;
}
.flag-icon.nc {
    background-position : -360px -216px;
}
.flag-icon.nz {
    background-position : 0 -240px;
}
.flag-icon.ni {
    background-position : -24px -240px;
}
.flag-icon.ne {
    background-position : -48px -240px;
}
.flag-icon.ng {
    background-position : -72px -240px;
}
.flag-icon.nu {
    background-position : -96px -240px;
}
.flag-icon.nf {
    background-position : -120px -240px;
}
.flag-icon.mp {
    background-position : -144px -240px;
}
.flag-icon.no {
    background-position : -168px -240px;
}
.flag-icon.om {
    background-position : -192px -240px;
}
.flag-icon.pk {
    background-position : -216px -240px;
}
.flag-icon.pw {
    background-position : -240px -240px;
}
.flag-icon.ps {
    background-position : -264px -240px;
}
.flag-icon.pa {
    background-position : -288px -240px;
}
.flag-icon.pg {
    background-position : -312px -240px;
}
.flag-icon.py {
    background-position : -336px -240px;
}
.flag-icon.pe {
    background-position : -360px -240px;
}
.flag-icon.ph {
    background-position : 0 -264px;
}
.flag-icon.pn {
    background-position : -24px -264px;
}
.flag-icon.pl {
    background-position : -48px -264px;
}
.flag-icon.pt {
    background-position : -72px -264px;
}
.flag-icon.pr {
    background-position : -96px -264px;
}
.flag-icon.qa {
    background-position : -120px -264px;
}
.flag-icon.re {
    background-position : -144px -264px;
}
.flag-icon.ro {
    background-position : -168px -264px;
}
.flag-icon.ru {
    background-position : -192px -264px;
}
.flag-icon.rw {
    background-position : -216px -264px;
}
.flag-icon.bl {
    background-position : -240px -264px;
}
.flag-icon.sh {
    background-position : -264px -264px;
}
.flag-icon.kn {
    background-position : -288px -264px;
}
.flag-icon.lc {
    background-position : -312px -264px;
}
.flag-icon.mf {
    background-position : -336px -264px;
}
.flag-icon.pm {
    background-position : -360px -264px;
}
.flag-icon.vc {
    background-position : 0 -288px;
}
.flag-icon.ws {
    background-position : -24px -288px;
}
.flag-icon.sm {
    background-position : -48px -288px;
}
.flag-icon.st {
    background-position : -72px -288px;
}
.flag-icon.sa {
    background-position : -96px -288px;
}
.flag-icon.sn {
    background-position : -120px -288px;
}
.flag-icon.rs {
    background-position : -144px -288px;
}
.flag-icon.sc {
    background-position : -168px -288px;
}
.flag-icon.sl {
    background-position : -192px -288px;
}
.flag-icon.sg {
    background-position : -216px -288px;
}
.flag-icon.sk {
    background-position : -240px -288px;
}
.flag-icon.si {
    background-position : -264px -288px;
}
.flag-icon.sb {
    background-position : -288px -288px;
}
.flag-icon.so {
    background-position : -312px -288px;
}
.flag-icon.za {
    background-position : -336px -288px;
}
.flag-icon.gs {
    background-position : -360px -288px;
}
.flag-icon.ss {
    background-position : 0 -312px;
}
.flag-icon.es {
    background-position : -24px -312px;
}
.flag-icon.lk {
    background-position : -48px -312px;
}
.flag-icon.sd {
    background-position : -72px -312px;
}
.flag-icon.sr {
    background-position : -96px -312px;
}
.flag-icon.sj {
    background-position : -120px -312px;
}
.flag-icon.sz {
    background-position : -144px -312px;
}
.flag-icon.se {
    background-position : -168px -312px;
}
.flag-icon.ch {
    background-position : -192px -312px;
}
.flag-icon.sy {
    background-position : -216px -312px;
}
.flag-icon.tw {
    background-position : -240px -312px;
}
.flag-icon.tj {
    background-position : -264px -312px;
}
.flag-icon.tz {
    background-position : -288px -312px;
}
.flag-icon.th {
    background-position : -312px -312px;
}
.flag-icon.tl {
    background-position : -336px -312px;
}
.flag-icon.tg {
    background-position : -360px -312px;
}
.flag-icon.tk {
    background-position : 0 -336px;
}
.flag-icon.to {
    background-position : -24px -336px;
}
.flag-icon.tt {
    background-position : -48px -336px;
}
.flag-icon.tn {
    background-position : -72px -336px;
}
.flag-icon.tr {
    background-position : -96px -336px;
}
.flag-icon.tm {
    background-position : -120px -336px;
}
.flag-icon.tc {
    background-position : -144px -336px;
}
.flag-icon.ug {
    background-position : -192px -336px;
}
.flag-icon.ua {
    background-position : -216px -336px;
}
.flag-icon.ae {
    background-position : -240px -336px;
}
.flag-icon.us {
    background-position : -288px -336px;
}
.flag-icon.um {
    background-position : -312px -336px;
}
.flag-icon.uy {
    background-position : -336px -336px;
}
.flag-icon.uz {
    background-position : -360px -336px;
}
.flag-icon.vu {
    background-position : 0 -360px;
}
.flag-icon.ve {
    background-position : -24px -360px;
}
.flag-icon.vn {
    background-position : -48px -360px;
}
.flag-icon.vg {
    background-position : -72px -360px;
}
.flag-icon.vi {
    background-position : -96px -360px;
}
.flag-icon.wf {
    background-position : -120px -360px;
}
.flag-icon.eh {
    background-position : -144px -360px;
}
.flag-icon.ye {
    background-position : -168px -360px;
}
.flag-icon.zm {
    background-position : -192px -360px;
}
.flag-icon.zw {
    background-position : -216px -360px;
}
.flag-icon.ml {
    background-position : -240px -360px;
}
.flag-icon.tv {
    background-position : -264px -360px;
}
/* --- !flag icon sprite - :end --- */