.phone-input-wrapper{position:relative}.phone-input-wrapper .PhoneInput{width:100%}.phone-input-wrapper .PhoneInputInput{width:100%;border:1px solid #e5e7eb;border-radius:.75rem;padding:.75rem 1rem;font-size:.875rem;color:#111827;transition:all .15s ease;outline:none}.phone-input-wrapper .PhoneInputInput::placeholder{color:#d1d5db}.phone-input-wrapper .PhoneInputInput:focus{outline:none;ring:2px;ring-color:#818cf8;border-color:transparent;box-shadow:0 0 0 2px rgba(129,140,248,.4)}.phone-input-wrapper .PhoneInputCountry{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);z-index:1;display:flex;align-items:center;gap:.5rem}.phone-input-wrapper .PhoneInputCountryIcon{width:1.5rem;height:1.125rem;border-radius:.125rem;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.1)}.phone-input-wrapper .PhoneInputCountryIcon img{width:100%;height:100%;object-fit:cover}.phone-input-wrapper .PhoneInputCountrySelect{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.phone-input-wrapper .PhoneInputCountrySelectArrow{width:.375rem;height:.375rem;border-right:1px solid #9ca3af;border-bottom:1px solid #9ca3af;transform:rotate(45deg);margin-left:.25rem;opacity:.6}.phone-input-wrapper .PhoneInputInput{padding-left:4.5rem}.phone-input-wrapper .PhoneInputCountrySelect:focus+.PhoneInputCountry{outline:2px solid #818cf8;outline-offset:2px;border-radius:.25rem}.phone-input-wrapper .PhoneInputCountry:hover .PhoneInputCountrySelectArrow{opacity:1;border-color:#4f46e5}.PhoneInputCountrySelect option{padding:.5rem 1rem;font-size:.875rem}.PhoneInputCountrySelect[data-searchable=true]{padding:.5rem}.phone-input-wrapper .PhoneInputCountrySelectSearch{width:100%;padding:.5rem .75rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;margin-bottom:.5rem;outline:none}.phone-input-wrapper .PhoneInputCountrySelectSearch:focus{border-color:#818cf8;box-shadow:0 0 0 2px rgba(129,140,248,.2)}.phone-input-wrapper .PhoneInputCountrySelectList{max-height:200px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:.5rem;background:white;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.phone-input-wrapper .PhoneInputCountrySelectOption{padding:.5rem .75rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.875rem;transition:background-color .15s ease}.phone-input-wrapper .PhoneInputCountrySelectOption:hover{background-color:#f3f4f6}.phone-input-wrapper .PhoneInputCountrySelectOption--selected{background-color:#eef2ff;color:#4f46e5;font-weight:600}.phone-input-wrapper .PhoneInputCountrySelectOption--focused{background-color:#f3f4f6}