.CountrySelectInput{--countrySelectInputFlagWidth:21px;--countrySelectInputFlagHeight:15px;position:relative}.CountrySelectInput__flagContainer{position:absolute;line-height:0;width:var(--countrySelectInputFlagWidth);height:var(--countrySelectInputFlagHeight);top:50%;left:8px;transform:translateY(-50%)}.CountrySelectInput--hasPlaceholderFlag .CountrySelectInput__flag{opacity:0}.CountrySelectInput__placeholderFlag{position:absolute;z-index:1;top:0;left:0;width:var(--countrySelectInputFlagWidth);height:var(--countrySelectInputFlagHeight);background-color:var(--inputBackground);border-radius:2px}@media (prefers-reduced-motion:no-preference){.CountrySelectInput__placeholderFlag{transition:opacity .2s cubic-bezier(.5,1,.89,1)}}.CountrySelectInput:not(.CountrySelectInput--hasPlaceholderFlag) .CountrySelectInput__placeholderFlag{opacity:0}.CountrySelectInput__input{width:100%;padding:6px 8px 7px calc(16px + var(--countrySelectInputFlagWidth));outline:none;border:none;border-radius:4px;background-color:var(--backgroundColor);font:var(--fontWeightSemibold) 15px/19px var(--fontFamily);-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#3f4b66}.CountrySelectInput__input,.CountrySelectInput__input:focus:not(:focus-visible){box-shadow:0 3px 11.5px -3.5px rgba(50,50,93,.25),0 3.8px 7.5px -3.7px rgba(0,0,0,.1)}.CountrySelectInput__input:focus-visible{box-shadow:0 3px 11.5px -3.5px rgba(50,50,93,.25),0 3.8px 7.5px -3.7px rgba(0,0,0,.1),var(--focusBoxShadow)}.CountrySelectInput__input:invalid{color:var(--inputPlaceholderColor)}.CountrySelectInput__arrow{position:absolute;top:50%;right:12px;transform:translateY(-50%);pointer-events:none}