/* Flag icons.

   GENERATED by deploy/gen-flag-css.py from mpg/locations.py -- do not edit.
   Regenerate after adding a location, or its flag silently renders as an
   empty box.

   Class names follow Tabler's (flag flag-country-xx) so the artwork can be
   swapped for the full upstream set without touching any markup. The rules
   here are written rather than vendored because upstream ships 251 of them
   and depends on Tabler's own CSS variables, which this console does not have.

   Artwork: Tabler, MIT. See LICENSE.txt in this directory. */

.flag {
  display: inline-block;
  /* Sized in em, so a flag scales with whatever text it sits beside instead
     of needing a size class per context. 4:3 is the aspect the artwork is
     drawn at; anything else letterboxes or distorts it. */
  width: 1.5em;
  height: 1.125em;
  vertical-align: -0.16em;
  background: no-repeat center / contain;
  /* Several flags are mostly white (JP, KR, SG) and vanish into a white card
     without an edge. A hairline rather than a border: it must read as the
     flag's own edge, not as a frame around it. */
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .10);
  border-radius: 1.5px;
}

.flag-country-br{background-image:url("br.svg")}
.flag-country-cn{background-image:url("cn.svg")}
.flag-country-de{background-image:url("de.svg")}
.flag-country-hk{background-image:url("hk.svg")}
.flag-country-id{background-image:url("id.svg")}
.flag-country-jp{background-image:url("jp.svg")}
.flag-country-kr{background-image:url("kr.svg")}
.flag-country-sa{background-image:url("sa.svg")}
.flag-country-sg{background-image:url("sg.svg")}
.flag-country-th{background-image:url("th.svg")}
.flag-country-us{background-image:url("us.svg")}
