/* Country flags on every computer. Windows does not draw flag emoji (it shows "IN", "GB"...), so the flags come
   from this small font, used only for flag characters. Flag art: Twemoji (CC-BY 4.0), font: TalkJS (MIT). */
@font-face {
    font-family: "Twemoji Country Flags";
    src: url("../fonts/TwemojiCountryFlags.woff2") format("woff2");
    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;
    font-display: swap;
}
/* The site's own web fonts also take their flags from it, so a flag inside any text shows too. */
@font-face { font-family: "Inter"; src: url("../fonts/TwemojiCountryFlags.woff2") format("woff2"); unicode-range: U+1F1E6-1F1FF, U+1F3F4, U+E0062-E007F; font-display: swap; }
@font-face { font-family: "DM Sans"; src: url("../fonts/TwemojiCountryFlags.woff2") format("woff2"); unicode-range: U+1F1E6-1F1FF, U+1F3F4, U+E0062-E007F; font-display: swap; }
@font-face { font-family: "Roboto"; src: url("../fonts/TwemojiCountryFlags.woff2") format("woff2"); unicode-range: U+1F1E6-1F1FF, U+1F3F4, U+E0062-E007F; font-display: swap; }

.mx-flag { font-family: "Twemoji Country Flags", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif !important; font-style: normal; line-height: 1; }
select.mx-flags, select.mx-flags option { font-family: "Twemoji Country Flags", "DM Sans", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif; }