.phone-input-container{align-items:center;width:100%;display:flex}.phone-input-container .phone-input-button{border:1px solid var(--input);background:0 0;border-right:none;justify-content:center;align-items:center;min-width:3rem;height:2.25rem;padding:0 .5rem;transition:all .2s;display:flex}.phone-input-container .phone-input-button:hover{background:var(--accent)}.phone-input-container .phone-input-field{border:1px solid var(--input);width:100%;min-width:0;height:2.25rem;color:var(--foreground);background:0 0;border-left:none;padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem;transition:color .2s,box-shadow .2s;box-shadow:0 1px 2px #0000000d}.phone-input-container .phone-input-field::placeholder{color:var(--muted-foreground)}.phone-input-container .phone-input-field:focus-visible{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--ring)50%,transparent);outline:none}.phone-input-container .phone-input-field:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.phone-input-container .phone-input-field[aria-invalid=true]{border-color:var(--destructive);box-shadow:0 0 0 3px color-mix(in srgb,var(--destructive)20%,transparent)}@media (prefers-color-scheme:dark){.phone-input-container .phone-input-field{background:color-mix(in srgb,var(--input)30%,transparent)}}