.PhoneInput{--PhoneInput-color--focus:hsl(var(--ring));gap:.5rem;display:flex}.PhoneInputCountry{background-color:hsl(var(--background));border:1px solid hsl(var(--input));cursor:pointer;color:hsl(var(--foreground));border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem;font-size:1rem;font-weight:400;transition:all .2s;display:flex}.PhoneInputCountry:hover{border-color:hsl(var(--ring))}.PhoneInputCountryIcon{font-size:1rem}.PhoneInputCountrySelectArrow{opacity:.4;margin-left:.25rem}.PhoneInputInput{color:hsl(var(--foreground));background-color:hsl(var(--background));border:1px solid hsl(var(--input));text-align:left;border-radius:.5rem;flex:1;padding:.75rem 1rem;font-size:1rem;font-weight:400;transition:all .2s}.phone-input-with-verify .PhoneInputInput{padding-right:6rem}.phone-input-with-verified .PhoneInputInput{padding-right:5.5rem}.PhoneInputInput:focus{border-color:hsl(var(--ring));outline:none}.PhoneInputInput::placeholder{color:hsl(var(--muted-foreground));font-weight:400}