/* One heading and one search affordance, with a compact, stable layout. */
#country-dialog[open]{display:flex;flex-direction:column;width:min(880px,calc(100vw - 40px));max-width:880px}
#country-dialog #country-title{flex:none;font-size:24px;line-height:1.3;letter-spacing:-.5px;padding:42px 52px 24px;margin:0}
#country-dialog .country-search-field{position:relative;flex:none;width:calc(100% - 64px);max-width:440px;margin:0 auto}
#country-dialog .country-search-field>svg{position:absolute;left:14px;top:13px;width:18px;height:18px;color:#a5a5b2;pointer-events:none}
#country-dialog #country-search{width:100%;height:44px;padding:0 14px 0 42px;margin:0;border-width:1px;box-shadow:none;font-size:14px;border-radius:8px}
#country-dialog #country-search:focus{box-shadow:none;border-color:var(--brand-primary)}
#country-dialog .country-search-status{flex:none;width:calc(100% - 64px);max-width:440px;min-height:16px;margin:8px auto 14px;line-height:16px}
#country-dialog .country-regions{flex:1;min-height:0;height:auto;padding:0 36px 28px}
#country-dialog .country-regions h2{font-size:15px;line-height:1.5;letter-spacing:-.2px}
html[data-theme=light] #country-dialog .country-search-field>svg{color:#696973}
@media(max-width:600px){#country-dialog[open]{width:calc(100vw - 24px)}#country-dialog #country-title{font-size:21px;padding:52px 24px 22px}#country-dialog .country-search-field,#country-dialog .country-search-status{width:calc(100% - 40px)}#country-dialog #country-search{font-size:16px}#country-dialog .country-regions{padding:0 20px 24px}}