.PhoneInput{display:flex;align-items:center;border:1px solid hsl(var(--input));border-radius:.5rem;background-color:hsl(var(--background));transition:all .2s;height:2.5rem}.PhoneInput:focus-within{outline:2px solid hsl(var(--ring));outline-offset:2px}.PhoneInputCountry{display:flex;align-items:center;padding:0 .75rem;border-right:1px solid hsl(var(--border));background-color:hsl(var(--muted));border-radius:.5rem 0 0 .5rem;min-width:60px;height:100%}.PhoneInputCountryIcon{width:1.25rem;height:1rem;margin-right:.5rem}.PhoneInputCountrySelectArrow{width:.5rem;height:.5rem;border-left:2px solid hsl(var(--muted-foreground));border-bottom:2px solid hsl(var(--muted-foreground));transform:rotate(-45deg);margin-left:.25rem}.PhoneInputInput{flex:1;border:none;background:transparent;padding:.5rem .75rem;font-size:.875rem;color:hsl(var(--foreground));outline:none;height:100%}.PhoneInputInput::-moz-placeholder{color:hsl(var(--muted-foreground))}.PhoneInputInput::placeholder{color:hsl(var(--muted-foreground))}.PhoneInputCountrySelect{position:absolute;top:100%;left:0;right:0;background:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:.5rem;box-shadow:0 10px 15px -3px rgb(0 0 0/.1),0 4px 6px -4px rgb(0 0 0/.1);z-index:50;max-height:200px;overflow-y:auto}.PhoneInputCountryOption{padding:.5rem .75rem;cursor:pointer;display:flex;align-items:center;transition:background-color .2s}.PhoneInputCountryOption:hover{background-color:hsl(var(--muted))}.PhoneInputCountryOption--selected{background-color:hsl(var(--accent));color:hsl(var(--accent-foreground))}@media (prefers-color-scheme:dark){.PhoneInputCountry{background-color:hsl(var(--muted))}.PhoneInputCountrySelect{background:hsl(var(--background));border-color:hsl(var(--border))}}