.auth-phone-input{--phone-field-pl:.75rem;--phone-country-width:2.125rem;--phone-input-pl:10px;border:1px solid var(--input-secondary);border-radius:calc(var(--radius) - 2px);width:100%;min-width:0;height:3.5rem;padding-left:var(--phone-field-pl);background:0 0;align-items:flex-start;padding-right:.75rem;transition:box-shadow .15s,border-color .15s;display:flex;position:relative}.auth-phone-input:focus-within{border-color:hsl(var(--ring));box-shadow:0 0 0 1px hsl(var(--ring));outline:none}.auth-phone-input .PhoneInputCountry{flex-shrink:0;align-self:flex-start;align-items:center;height:1.25rem;margin-top:20px;margin-right:.25rem;display:flex;position:relative}.auth-phone-input .PhoneInputCountrySelect{z-index:1;opacity:0;cursor:pointer;border:0;width:100%;height:100%;position:absolute;top:0;left:0}.auth-phone-input .PhoneInputCountrySelectArrow{border-style:solid;border-color:var(--input-secondary);opacity:.65;border-width:0 1px 1px 0;width:.3em;height:.3em;margin-left:.25em;display:block;transform:rotate(45deg)}.auth-phone-input .PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1}.auth-phone-input .PhoneInputCountryIcon{width:1.375rem;height:.875rem;box-shadow:none;background:0 0}.auth-phone-input .PhoneInputCountryIconImg{width:100%;height:100%;display:block}.auth-phone-input .PhoneInputInput{flex:1;min-width:0;height:3.5rem;line-height:1.25rem}.auth-phone-input-label{left:calc(var(--phone-field-pl) + var(--phone-country-width) + var(--phone-input-pl))}