.PhoneInput{display:flex;width:100%;align-items:stretch;gap:.5rem}.PhoneInputCountry{display:flex;align-items:center;min-width:3rem;position:relative;overflow:visible}.PhoneInputCountrySelect{position:absolute;inset:0;width:3rem;max-width:calc(100vw - 2rem);height:100%;opacity:0;cursor:pointer;border:0;background:none;padding:0;margin:0;font-size:.875rem;z-index:5}.PhoneInputCountrySelect:focus{width:18rem}.PhoneInputCountryIcon{display:flex;align-items:center;justify-content:center;height:2.5rem;width:3rem;border:1px solid hsl(var(--input));background:hsl(var(--background));border-radius:.375rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.04);transition:border-color .15s,box-shadow .15s}.PhoneInputCountryIcon--border{border-color:hsl(var(--input))}.PhoneInputCountrySelectArrow{pointer-events:none;margin-left:-2rem;margin-right:.5rem;align-self:center;color:hsl(var(--muted-foreground));font-size:.75rem}.PhoneInputInput{display:flex;height:2.5rem;width:100%;border:1px solid hsl(var(--input));background:hsl(var(--background));border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;color:hsl(var(--foreground));transition:border-color .15s,box-shadow .15s,background-color .15s}.PhoneInputInput::placeholder{color:hsl(var(--muted-foreground));opacity:1}.PhoneInputCountryIcon:hover,.PhoneInputInput:hover{border-color:hsl(var(--ring))}.PhoneInputInput:focus-visible{outline:none;box-shadow:0 0 0 2px hsl(var(--background)),0 0 0 4px hsl(var(--ring))}.PhoneInput:has(.PhoneInputInput:focus-visible) .PhoneInputCountryIcon{box-shadow:0 0 0 2px hsl(var(--background)),0 0 0 4px hsl(var(--ring))}.phone-input-error .PhoneInputCountryIcon,.phone-input-error .PhoneInputInput{border-color:hsl(var(--destructive))}.phone-input-error .PhoneInput:has(.PhoneInputInput:focus-visible) .PhoneInputCountryIcon,.phone-input-error .PhoneInputInput:focus-visible{box-shadow:0 0 0 2px hsl(var(--background)),0 0 0 4px hsl(var(--destructive))}.PhoneInputCountryIcon[aria-disabled=true],.PhoneInputInput[disabled]{cursor:not-allowed;opacity:.5}.PhoneInputCountryIcon>img,.PhoneInputCountryIcon>svg{height:1.25rem;width:1.25rem;object-fit:contain}.phone-input-sm .PhoneInputCountryIcon,.phone-input-sm .PhoneInputInput{height:2.25rem;font-size:.75rem;line-height:1rem}.phone-input-sm .PhoneInputCountryIcon{width:2.5rem}.phone-input-lg .PhoneInputCountryIcon,.phone-input-lg .PhoneInputInput{height:2.75rem;font-size:1rem;line-height:1.5rem}.phone-input-lg .PhoneInputCountryIcon{width:3.5rem}.dark .PhoneInputCountryIcon:hover,.dark .PhoneInputInput:hover{border-color:hsl(var(--primary))}.PhoneInput button:focus-visible{outline:none;box-shadow:0 0 0 2px hsl(var(--background)),0 0 0 4px hsl(var(--ring));border-radius:.375rem}.PhoneInputCountryIcon,.PhoneInputInput{will-change:box-shadow,border-color}@media (prefers-reduced-motion:reduce){.PhoneInputCountryIcon,.PhoneInputInput{transition:none}}