.PhoneInput{display:flex;align-items:stretch;border:1px solid #e2e8f0;border-radius:.5rem;background:#fff;overflow:hidden;transition:border-color .15s,box-shadow .15s}.PhoneInput:focus-within{border-color:#4f46e5;box-shadow:0 0 0 1px rgba(79,70,229,.12)}.PhoneInputCountry{position:relative;display:flex;align-items:center;padding:0 10px 0 12px;border-right:1px solid #e2e8f0;background:#f8fafc;flex-shrink:0;gap:6px;cursor:pointer;transition:background .15s}.PhoneInputCountry:hover{background:#f1f5f9}.PhoneInputCountrySelect{position:absolute;inset:0;width:100%;height:100%;z-index:1;border:0;opacity:0;cursor:pointer}.PhoneInputCountrySelectArrow{display:block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #9ca3af;margin-top:1px;flex-shrink:0}.PhoneInputCountryIcon{width:22px;height:16px;border-radius:2px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1px rgba(0,0,0,.08)}.PhoneInputCountryIcon--square{width:16px;height:16px}.PhoneInputCountryIcon--border{box-shadow:0 0 0 1px rgba(0,0,0,.12)}.PhoneInputCountryIconImg{display:block;width:100%;height:100%;object-fit:cover}.PhoneInputInput{flex:1;min-width:0;padding:0 12px;font-size:.875rem;line-height:1;color:#111827;background:transparent;border:none;outline:none;font-family:inherit;min-height:36px}.PhoneInputInput::placeholder{color:#9ca3af}.PhoneInput--disabled,.PhoneInputInput:disabled{opacity:.5;cursor:not-allowed}.PhoneInput--disabled .PhoneInputCountry{cursor:not-allowed}.phone-input-dark .PhoneInput{border-color:hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.05)}.phone-input-dark .PhoneInput:focus-within{border-color:rgba(79,70,229,.5);box-shadow:0 0 0 1px rgba(79,70,229,.3)}.phone-input-dark .PhoneInputCountry{background:hsla(0,0%,100%,.08);border-right-color:hsla(0,0%,100%,.1)}.phone-input-dark .PhoneInputCountry:hover{background:hsla(0,0%,100%,.12)}.phone-input-dark .PhoneInputCountrySelectArrow{border-top-color:hsla(0,0%,100%,.5)}.phone-input-dark .PhoneInputInput{color:#fff}.phone-input-dark .PhoneInputInput::placeholder{color:#94a3b8}