.phone-input-container{width:100%;min-width:0;max-width:100%;position:relative}.phone-input-container .phone-input-button{z-index:2;border:1px solid var(--input);background:0 0;border-right:none;border-radius:0;justify-content:center;align-items:center;min-width:3rem;height:2.25rem;padding:0 .5rem;transition:background .2s;display:flex;position:absolute;top:0;bottom:0;left:0}.phone-input-container .phone-input-button:hover,.phone-input-container .phone-input-button.open{background:var(--accent);cursor:pointer}.phone-input-container .phone-input-field{box-sizing:border-box;border:1px solid var(--input);min-width:0;max-width:100%;height:2.25rem;color:var(--foreground);background:0 0;padding:.25rem .75rem .25rem 3rem;font-size:.875rem;line-height:1.25rem;transition:color .2s,box-shadow .2s;display:block;box-shadow:0 1px 2px #0000000d;width:100%!important}.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)}.phone-input-container .country-list{z-index:50;box-sizing:border-box;width:18.75rem;max-width:calc(100vw - 2.5rem);left:0}.phone-input-container .country-list .search-box{box-sizing:border-box;width:100%}@media (prefers-color-scheme:dark){.phone-input-container .phone-input-field{background:color-mix(in srgb, var(--input) 30%, transparent)}}