/*
 * Twemoji Country Flags polyfill.
 * Windows ships no font with flag glyphs; this @font-face maps the regional
 * indicator range to Twitter's Twemoji so 🇫🇷/🇬🇧/… render everywhere.
 * The font is fetched only when a flag char is actually used (unicode-range).
 */
@font-face {
    font-family: "Twemoji Country Flags";
    unicode-range: U+1F1E6-1F1FF, U+1F3F4, U+E0062-E0063, U+E0065, U+E0067,
        U+E006C, U+E006E, U+E0073-E0074, U+E0077, U+E007F;
    src: url("https://cdn.jsdelivr.net/npm/country-flag-emoji-polyfill@0.1/dist/TwemojiCountryFlags.woff2") format("woff2");
    font-display: swap;
}

html,
body,
button,
input,
select,
textarea {
    font-family: "Twemoji Country Flags", system-ui, -apple-system, "Segoe UI",
        Roboto, "Helvetica Neue", Arial, sans-serif;
}