:root{--ci-flag-width: 1.5rem;--ci-flag-radius: .125rem;--ci-flag-border: 1px solid color-mix(in srgb, currentColor 18%, transparent)}.ci-flag{display:inline-block;inline-size:var(--ci-flag-width);block-size:1.125rem;object-fit:cover;border:var(--ci-flag-border);border-radius:var(--ci-flag-radius);vertical-align:-.15em;flex:none}.ci-flag--square{block-size:var(--ci-flag-width)}.ci-country-field,.ci-locale-field,.ci-phone-field{display:grid;gap:var(--ci-space-2, .5rem)}.ci-field-label{font-weight:var(--ci-font-weight-semibold, 600)}.ci-field-hint{color:var(--ci-color-text-muted, #526174);font-size:var(--ci-font-size-sm, .875rem)}.ci-select-with-flag,.ci-phone-input-group{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--ci-space-2, .5rem)}.ci-select-with-flag>select,.ci-phone-input-group>input,.ci-phone-input-group>select{min-block-size:var(--ci-target-comfortable, 2.75rem)}.ci-phone-input-group{grid-template-columns:minmax(10rem,.85fr) minmax(12rem,1.15fr)}.ci-locale-option-note{color:var(--ci-color-text-muted, #526174)}.ci-flag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:var(--ci-space-2, .5rem)}.ci-flag-card{display:flex;align-items:center;gap:var(--ci-space-2, .5rem);padding:var(--ci-space-2, .5rem);border:1px solid var(--ci-color-border, #9aa8b8);border-radius:var(--ci-radius-md, .5rem);background:var(--ci-color-surface, #fff)}.ci-flag-card code{margin-inline-start:auto}@media (max-width: 42rem){.ci-phone-input-group{grid-template-columns:1fr}}@media (forced-colors: active){.ci-flag{border:1px solid CanvasText}}