@font-face {
  font-family: "Twemoji Country Flags";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/TwemojiCountryFlags.woff2") format("woff2");
  unicode-range: U+1F1E6-1F1FF, U+1F3F4, U+E0062-E007F;
}

body,
.fi,
.badge-country,
.language-badge,
.flag-emoji,
.country-flag {
  font-family: "Twemoji Country Flags", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.fi {
  display: inline-block;
  line-height: 1;
  vertical-align: -0.1em;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.badge-country .fi,
.language-badge .fi {
  font-size: 1.1em;
  line-height: 1;
}

.country-flag-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}