/*
 * Self-hosted flag styles: a subset of flag-icons (v7.2.3) for only the 11
 * flags this site actually renders (the world-clock ticker and the FX widget).
 *
 * Replaces the full third-party stylesheet from cdnjs, which shipped ~250 flags
 * (~90KB of mostly-unused CSS) plus a cross-origin connection. Every usage sets
 * an explicit 1.2em x 0.9em (4:3) box in the markup, so cover fills it exactly,
 * matching flag-icons' contain for these square-ratio boxes.
 */
.fi {
  display: inline-block;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}
.fi-ae { background-image: url(/flags/ae.svg); }
.fi-au { background-image: url(/flags/au.svg); }
.fi-ca { background-image: url(/flags/ca.svg); }
.fi-cn { background-image: url(/flags/cn.svg); }
.fi-de { background-image: url(/flags/de.svg); }
.fi-eu { background-image: url(/flags/eu.svg); }
.fi-fr { background-image: url(/flags/fr.svg); }
.fi-gb { background-image: url(/flags/gb.svg); }
.fi-it { background-image: url(/flags/it.svg); }
.fi-jp { background-image: url(/flags/jp.svg); }
.fi-us { background-image: url(/flags/us.svg); }