/* Account country selector in the top bar: bundled flag set plus enhanced select. */
@font-face { font-family:'Foxy Country Flags'; src:url('/lab/country-flags.woff2') format('woff2'); font-display:block; unicode-range:U+1F1E6-1F1FF; }
html .foxy-ui .fx-country-flag { display:inline-block; flex:none; font:400 22px/1 'Foxy Country Flags','Segoe UI Emoji',sans-serif!important; letter-spacing:0; white-space:nowrap; vertical-align:middle; }
html .Modal[data-fx-country-picker] .fx-country-flag { font-size:24px!important; }
html .fx-option-country .fx-country-flag { font-size:19px!important; }
html .foxy-ui .fx-account-region { display:flex; align-items:center; gap:10px; min-width:0; flex-wrap:wrap; }
html .foxy-ui .fx-account-country { display:flex; align-items:center; gap:8px; margin:0; min-width:0; max-width:290px; }
html .foxy-ui .fx-account-country .fx-select-country { display:inline-flex; align-items:center; flex:none; }
html .foxy-ui .fx-account-country .fx-select-country[hidden] { display:none; }
html .foxy-ui .fx-account-country .fx-country-flag { font-size:21px; }
html .foxy-ui .fx-account-country .fx-select-control { min-width:0; width:206px; margin:0; }
html .foxy-ui .fx-account-country .fx-select-trigger { min-height:40px; height:auto; padding:8px 10px; font-size:13px; gap:8px; }
html .foxy-ui .fx-account-country .fx-select-value { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:1.4; word-break:normal; }
html .foxy-ui .fx-country-error { flex-basis:100%; max-width:360px; font-size:12px; color:var(--fx-danger,#d14343); }
html .foxy-ui .fx-topbar .fx-account-region + .fx-design-switch { margin-inline-start:auto; }
html .foxy-ui .fx-select-menu[data-country-menu] .fx-select-option { white-space:nowrap; }
html .foxy-ui .fx-select-menu[data-country-menu] .fx-option-label { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
@media (max-width:1100px) {
  html .foxy-ui .fx-account-country .fx-select-control { width:178px; }
}
@media (max-width:900px) {
  html .foxy-ui .fx-topbar .fx-account-region { flex-basis:100%; order:6; justify-content:flex-end; }
  html .foxy-ui .fx-account-country { flex:1 1 220px; max-width:none; }
  html .foxy-ui .fx-account-country .fx-select-control { flex:1; width:auto; }
}
@media (max-width:560px) {
  html .foxy-ui .fx-account-region { gap:8px; }
  html .foxy-ui .fx-account-country .fx-country-flag { font-size:19px; }
}