.PhoneInput{position:relative;width:100%}.PhoneInput input{width:100%;height:3.5rem;padding:.75rem 1rem;border:1px solid #d4d4d8;border-radius:.5rem;font-size:1rem;outline:none;transition:all .2s;background:#fff}.PhoneInput input:focus{border-color:#22c55e;box-shadow:0 0 0 1px #22c55e}.PhoneInput input::placeholder{color:#a1a1aa}.PhoneInputCountry{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);z-index:1;display:flex;align-items:center;gap:.25rem}.PhoneInputCountryIcon{width:1.5rem;height:1.125rem;overflow:hidden;border-radius:.125rem}.PhoneInputCountryIcon img{display:block;width:100%;height:100%}.PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}.PhoneInputCountrySelectArrow{display:block;content:"";width:.375rem;height:.375rem;color:currentColor;border-color:currentcolor;border-style:solid;border-width:0 1px 1px 0;transform:rotate(45deg);opacity:.45}.PhoneInput input{padding-left:4rem}.PhoneInput--focus input{border-color:#22c55e;box-shadow:0 0 0 1px #22c55e}.PhoneInputCountrySelect option{display:flex;align-items:center;padding:.5rem}.PhoneInputCountrySelect:focus{outline:2px solid #22c55e;outline-offset:2px}