.phone-input-custom{position:relative}.phone-input-custom .PhoneInputInput{border:1px solid hsl(var(--input));background-color:hsl(var(--background));text-align:left;direction:ltr;border-radius:.375rem;flex:1;width:100%;min-width:0;height:2.5rem;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.phone-input-custom .PhoneInputInput::placeholder{color:hsl(var(--muted-foreground))}.phone-input-custom .PhoneInputInput:focus{outline-offset:2px;ring-offset-shadow:0 0 0 2px hsl(var(--background));ring-shadow:0 0 0 calc(2px + 2px)hsl(var(--ring));box-shadow:var(--ring-offset-shadow),var(--ring-shadow),var(--shadow,0 0 #0000);outline:2px solid #0000}.phone-input-custom .PhoneInputInput:disabled{cursor:not-allowed;opacity:.5}.phone-input-custom .PhoneInputCountry{border:1px solid hsl(var(--input));background-color:hsl(var(--background));cursor:pointer;border-radius:.375rem;align-items:center;gap:.5rem;margin-left:.5rem;padding:.5rem;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.phone-input-custom .PhoneInputCountry:hover{background-color:hsl(var(--accent))}.phone-input-custom .PhoneInputCountry:focus-within{outline-offset:2px;ring-offset-shadow:0 0 0 2px hsl(var(--background));ring-shadow:0 0 0 calc(2px + 2px)hsl(var(--ring));box-shadow:var(--ring-offset-shadow),var(--ring-shadow),var(--shadow,0 0 #0000);outline:2px solid #0000}.phone-input-custom .PhoneInputCountryIcon{border-radius:50%;width:1.5rem;height:1.5rem;overflow:hidden}.phone-input-custom .PhoneInputCountryIcon img{object-fit:cover;width:100%;height:100%}.phone-input-custom .PhoneInputCountrySelectArrow{opacity:.5;width:.5rem;height:.5rem;margin-right:.25rem}.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-error .PhoneInputInput,.phone-input-error .PhoneInputCountry{border-color:hsl(var(--destructive))}.PhoneInputCountrySelect option{text-align:right;direction:rtl}[dir=rtl] .phone-input-custom{direction:ltr}[dir=rtl] .phone-input-custom .PhoneInputCountry{margin-left:0;margin-right:.5rem}.phone-input-custom{align-items:center;gap:.5rem;display:flex}