.PhoneInput{display:flex;align-items:stretch;gap:.5rem}.PhoneInputInput{flex:1;min-width:0;border-radius:var(--radius-md,.375rem);border:1px solid hsl(var(--border-200));background-color:transparent;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;outline:none;height:2.5rem}.PhoneInputInput:focus{outline:2px solid hsl(var(--primary-900));outline-offset:2px;border-color:hsl(var(--primary-900))}.PhoneInputInput:disabled{cursor:not-allowed;opacity:.5}.PhoneInputInput::placeholder{color:hsl(var(--text-400))}.PhoneInputCountry{flex-shrink:0;position:relative;display:inline-block}.PhoneInputCountrySelect{appearance:none;border:1px solid hsl(var(--border-200));border-radius:var(--radius-md,.375rem);background-color:transparent;padding:.5rem 2rem .5rem 3rem;font-size:.875rem;cursor:pointer;transition:border-color .15s;min-width:150px;max-width:170px;height:2.5rem;line-height:1.5rem;width:100%}@media (max-width:400px){.PhoneInputCountrySelect{min-width:130px;max-width:150px;padding:.5rem 1.75rem .5rem 2.5rem;font-size:.8125rem}}.PhoneInputCountrySelect:focus{outline:2px solid hsl(var(--primary-900));outline-offset:2px;border-color:hsl(var(--primary-900))}.PhoneInputCountryIcon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1.25rem;height:.875rem;object-fit:cover;border-radius:2px;box-shadow:0 0 0 .5px rgba(0,0,0,.15);pointer-events:none;z-index:1}.PhoneInputCountrySelectArrow{position:absolute;right:.75rem;top:50%;transform:translateY(-50%) rotate(45deg);opacity:.4;width:.375rem;height:.375rem;border-color:currentcolor;border-style:solid;border-width:0 1.5px 1.5px 0;pointer-events:none}@media (max-width:400px){.PhoneInputCountryIcon{left:.5rem;width:1.125rem;height:.75rem}.PhoneInputCountrySelectArrow{right:.5rem}}@media (prefers-color-scheme:dark){.PhoneInputInput{color:hsl(var(--text-50));border-color:hsl(var(--border-700))}.PhoneInputInput:focus{border-color:hsl(var(--primary-700))}.PhoneInputCountrySelect{color:hsl(var(--text-50));border-color:hsl(var(--border-700))}.PhoneInputCountrySelect:focus{border-color:hsl(var(--primary-700))}}.animate-shake .PhoneInputInput{border-color:hsl(var(--destructive));animation:shake .3s ease-in-out}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}