.vg-phone-input .PhoneInput{border:1px solid var(--input);border-radius:calc(var(--radius) - 2px);background:0 0;align-items:center;gap:.5rem;width:100%;height:2.25rem;padding:0 .5rem 0 .625rem;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:0 1px 2px #0000000d}.vg-phone-input .PhoneInput:hover{border-color:color-mix(in oklab,var(--ring) 45%,var(--input))}.vg-phone-input .PhoneInput:focus-within{border-color:var(--ring);box-shadow:0 0 0 1px var(--ring)}.vg-phone-input .PhoneInputCountry{border-right:1px solid color-mix(in oklab,currentColor 14%,transparent);align-items:center;gap:.375rem;height:1.5rem;margin-right:.25rem;padding-right:.5rem;display:flex}.vg-phone-input .PhoneInputCountryIcon{width:1.4rem;height:1rem;box-shadow:none;background:0 0;border-radius:2px;overflow:hidden}.vg-phone-input .PhoneInputCountryIcon--border{box-shadow:0 0 0 1px color-mix(in oklab,currentColor 12%,transparent)}.vg-phone-input .PhoneInputCountrySelectArrow{opacity:.6;border-color:currentColor;margin-left:2px}.vg-phone-input .PhoneInputInput{font:inherit;color:inherit;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:0;font-size:.875rem}.vg-phone-input .PhoneInputInput::placeholder{color:color-mix(in oklab,currentColor 45%,transparent)}.vg-phone-input .PhoneInputCountrySelect{font:inherit}