.PhoneInput{display:flex;align-items:center;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;padding:.5rem;transition:border-color .2s;width:100%}.PhoneInput:focus-within{border-color:rgba(255,255,255,.3);box-shadow:0 0 0 2px rgba(255,255,255,.1)}.PhoneInputInput{flex:1;background:transparent;border:none;color:white;font-size:1rem;padding:.5rem;width:100%;outline:none}.PhoneInputInput::-moz-placeholder{color:rgba(255,255,255,.5)}.PhoneInputInput::placeholder{color:rgba(255,255,255,.5)}.PhoneInputCountry{margin-right:.5rem;display:flex;align-items:center}.PhoneInputCountryIcon{width:1.5rem!important;height:1.5rem!important;border-radius:.25rem!important;border:none!important;box-shadow:none!important;background-color:transparent!important}[dir=rtl] .PhoneInputCountry{margin-right:0;margin-left:.5rem}[dir=rtl] .PhoneInputInput{text-align:right}.PhoneInputCountrySelect{background-color:#1a1a1a!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:.5rem!important;margin-top:.5rem!important;padding:.5rem!important;z-index:10!important;max-height:300px!important;overflow-y:auto!important}.PhoneInputCountryOption{color:white!important;background-color:transparent!important;padding:.5rem!important;cursor:pointer!important;border-radius:.25rem!important}.PhoneInputCountryOption:hover{background-color:rgba(255,255,255,.1)!important}.PhoneInputCountryOption--active{background-color:rgba(255,255,255,.15)!important}.PhoneInputCountrySelectArrow{border-top-color:rgba(255,255,255,.7)!important}