.phone-input-custom{position:relative}.phone-input-custom .PhoneInputInput{border:1px solid var(--border);border-radius:.5rem;outline:none;width:100%;padding:.5rem .75rem .5rem 2.25rem;font-size:.875rem;transition:all .15s}.phone-input-custom .PhoneInputInput:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 18%, transparent);outline:none}.phone-input-custom .PhoneInputInput::placeholder{color:var(--muted-foreground)}.phone-input-custom .PhoneInputCountry{z-index:1;background-color:#0000;border-radius:.375rem;align-items:center;gap:.25rem;padding:.25rem .5rem;transition:background-color .15s;display:flex;position:absolute;top:50%;left:2.5rem;transform:translateY(-50%)}.phone-input-custom .PhoneInputCountry:hover{background-color:var(--muted)}.phone-input-custom .PhoneInputCountryIcon{border-radius:.125rem;width:1.25rem;height:1.25rem;overflow:hidden;box-shadow:0 0 0 1px #0000001a}.phone-input-custom .PhoneInputCountryIcon img{width:100%;height:100%;display:block}.phone-input-custom .PhoneInputCountrySelectArrow{width:.375rem;height:.375rem;color:var(--muted-foreground);opacity:.8;border:2px solid;border-top:none;border-left:none;margin-top:-.125rem;transform:rotate(45deg)}.phone-input-custom .PhoneInputCountrySelect{z-index:1;opacity:0;cursor:pointer;border:0;width:100%;height:100%;position:absolute;top:0;left:0}.phone-input-custom .PhoneInputInput{padding-left:6.5rem}.phone-input-custom .PhoneInputCountrySelect option{padding:.5rem}.phone-input-custom .PhoneInputInput:disabled{background-color:var(--muted);color:var(--muted-foreground);cursor:not-allowed}