/* flag-icons — subset, served from our own origin.
 *
 * Was: https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css
 *
 * Upstream ships ~250 countries × two aspect ratios ≈ 500 SVGs and a 60 KB
 * stylesheet. This app draws exactly thirteen flags — one per UI language, from
 * langFlagMap in app/js/app.js and FLAG_MAP in landing.js — and never uses the
 * square `.fis` variant, so only the 4x3 SVGs for those thirteen are vendored.
 *
 * Adding a language means adding its flag here AND downloading the matching
 * vendor/flag-icons/flags/4x3/<cc>.svg from the same upstream tag.
 *
 * The base rules are copied verbatim from upstream 7.2.3; only `.fis` and
 * `.fib` (unused) are dropped. The SVGs themselves are unmodified.
 * Licence: MIT — see vendor/flag-icons/LICENSE and vendor/VENDOR.md.
 *
 * Note: app/styles.css and landing.css both override .fi's width/height, which
 * is why the upstream `width: 1.333333em` sits here untouched but is not what
 * you measure on screen.
 */

.fi {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.333333em;
  line-height: 1em;
}

.fi:before {
  content: ' ';
}

.fi-cn { background-image: url('flags/4x3/cn.svg'); }
.fi-de { background-image: url('flags/4x3/de.svg'); }
.fi-es { background-image: url('flags/4x3/es.svg'); }
.fi-fr { background-image: url('flags/4x3/fr.svg'); }
.fi-it { background-image: url('flags/4x3/it.svg'); }
.fi-jp { background-image: url('flags/4x3/jp.svg'); }
.fi-kr { background-image: url('flags/4x3/kr.svg'); }
.fi-pl { background-image: url('flags/4x3/pl.svg'); }
.fi-pt { background-image: url('flags/4x3/pt.svg'); }
.fi-ru { background-image: url('flags/4x3/ru.svg'); }
.fi-tr { background-image: url('flags/4x3/tr.svg'); }
.fi-ua { background-image: url('flags/4x3/ua.svg'); }
.fi-us { background-image: url('flags/4x3/us.svg'); }