.PhoneInput{display:flex;align-items:stretch;gap:.5rem;width:100%;max-width:100%}.PhoneInputCountry{position:relative;display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.75rem .5rem;border-radius:1rem;border:1px solid #e5e7eb;background:#fff;cursor:pointer;transition:all .2s;flex-shrink:0;width:4.5rem;max-width:4.5rem}.PhoneInputCountry:hover{border-color:#d1d5db;background:#f9fafb}.PhoneInputCountry:focus-within{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.PhoneInputCountryIcon{width:1.5rem;height:1.5rem;font-size:1.5rem;line-height:1;flex-shrink:0}.PhoneInputCountryIcon--border{box-shadow:none;background:transparent}.PhoneInputCountrySelectArrow{display:none}.PhoneInputCountrySelect{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1}.PhoneInputInput{flex:1;min-width:0;max-width:100%;padding:.75rem 1rem;border-radius:1rem;border:1px solid #e5e7eb;background:#fff;font-size:1rem;transition:all .2s;box-sizing:border-box}.PhoneInputInput:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.PhoneInputInput::-moz-placeholder{color:#9ca3af;font-size:.875rem}.PhoneInputInput::placeholder{color:#9ca3af;font-size:.875rem}.PhoneInput--valid .PhoneInputInput{border-color:#10b981;background:#f0fdf4}.PhoneInput--invalid .PhoneInputInput{border-color:#ef4444;background:#fef2f2}@media(max-width:768px){.PhoneInput{gap:.375rem}.PhoneInputCountry{width:4rem;max-width:4rem;padding:.75rem .25rem}.PhoneInputCountryIcon{width:1.25rem;height:1.25rem;font-size:1.25rem}.PhoneInputInput{font-size:16px;padding:.75rem}.PhoneInputInput::-moz-placeholder{font-size:14px}.PhoneInputInput::placeholder{font-size:14px}}@media(max-width:375px){.PhoneInputCountry{width:3.5rem;max-width:3.5rem;padding:.75rem .125rem}.PhoneInputInput{padding:.75rem .5rem;font-size:16px}}