/*
    Country flag emoji polyfill.

    Windows ships no glyphs for the regional indicator pairs that make up flag emoji, so 🇧🇪 renders as
    the letters "BE". This font supplies those glyphs. Its unicode-range covers only the regional
    indicators (U+1F1E6-U+1F1FF), so putting it in front of the normal font stack changes nothing else.

    The font-family is applied only under .flag-emoji-polyfill, a class that js/scripts.js puts on <html>
    when the platform cannot draw flags itself. That keeps the download away from macOS, iOS and Android,
    which render flags natively - a browser only fetches a web font when some element actually needs it.

    See wwwroot/fonts/README.md for the font's origin and licence.
*/

@font-face {
    font-family: "Twemoji Country Flags";
    src: url("../fonts/TwemojiCountryFlags.woff2") format("woff2");
    font-display: swap;
    unicode-range: U+1F1E6-1F1FF;
}

.flag-emoji-polyfill .flag-emoji {
    font-family: "Twemoji Country Flags", var(--mud-typography-default-family, "Inter"), sans-serif;
}