.PhoneInput{display:flex;align-items:stretch;width:100%;border:1px solid #e2e8f0;border-radius:.375rem;background-color:#fff;box-shadow:none;transition:all .2s ease-in-out;overflow:hidden;font-size:.875rem}.PhoneInput:focus-within{border-color:#e2e8f0;outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.PhoneInputCountry{flex-shrink:0;border-right:1px solid #e2e8f0;display:flex;align-items:center;width:4.5rem;min-width:4.5rem;justify-content:center}.phone-input-error .PhoneInputCountry{border-right-color:#e2e8f0!important}.PhoneInputCountrySelect{border:none;border-radius:0;padding:.5rem .75rem;background-color:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:.875rem;position:relative}.PhoneInputCountrySelect:focus{outline:none;background-color:#f8fafc}.PhoneInputCountrySelect:hover{background-color:#f8fafc}.PhoneInputCountrySelect option{padding:.5rem;display:flex;align-items:center;gap:.5rem}.PhoneInputCountrySelectArrow{width:.5rem;height:.5rem;margin-left:.125rem;color:#64748b;flex-shrink:0}.PhoneInputCountryIcon{width:1rem;height:.75rem;border-radius:.125rem;margin-right:.125rem;flex-shrink:0;-o-object-fit:cover;object-fit:cover}.PhoneInputInput{border:none;border-radius:0;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;width:100%;background-color:transparent;transition:all .2s ease-in-out}.PhoneInputInput:focus{outline:none}.PhoneInputInput::-moz-placeholder{color:grey}.PhoneInputInput::placeholder{color:grey}.phone-input-error .PhoneInput{border-color:#ef4444}.phone-input-error .PhoneInput:focus-within{border-color:#ef4444}.phone-input-error .PhoneInputCountry{border-right-color:#ef4444}.phone-input-disabled .PhoneInput{background-color:#f1f5f9;cursor:not-allowed;border-color:#e2e8f0}.phone-input-disabled .PhoneInputCountrySelect,.phone-input-disabled .PhoneInputInput{color:#64748b;cursor:not-allowed}.phone-input-disabled .PhoneInputCountrySelect:hover{background-color:transparent}.dark .PhoneInput{background-color:#1f2937;border-color:transparent;color:#f8fafc}.dark .PhoneInput:focus-within{border-color:transparent}.dark .PhoneInputCountry{border-right-color:#374151}.dark .PhoneInputCountrySelect:focus,.dark .PhoneInputCountrySelect:hover{background-color:#374151}.dark .PhoneInputInput::-moz-placeholder{color:rgba(148,163,184,.8)}.dark .PhoneInputInput::placeholder{color:rgba(148,163,184,.8)}.dark .phone-input-disabled .PhoneInput{background-color:rgba(31,41,55,.5);border-color:transparent;color:#64748b}@media (min-width:640px){.PhoneInputInput{padding:.75rem 1rem .75rem .25rem;font-size:1rem;line-height:1.5rem}.PhoneInputCountry{width:4.5rem;min-width:4.5rem}.PhoneInputCountrySelect{padding:.75rem 1rem}.PhoneInputCountryIcon{width:1.25rem;height:.9375rem;margin-right:.25rem}.PhoneInputCountrySelectArrow{width:.5rem;height:.5rem;margin-left:.25rem}}.PhoneInputCountrySelect{transition:all .2s ease-in-out}.PhoneInputCountrySelect:active{transform:scale(.98)}.PhoneInputCountrySelect:focus,.PhoneInputCountrySelect:focus-visible,.PhoneInputInput:focus,.PhoneInputInput:focus-visible{outline:none!important;box-shadow:none!important}.PhoneInputCountrySelect,.PhoneInputInput{-webkit-appearance:none;-moz-appearance:none;appearance:none}.PhoneInput :focus{outline:none!important}.PhoneInputCountrySelect[data-show-code=true]:after{content:attr(value);font-size:.75rem;font-weight:500;color:#64748b;margin-left:.25rem;text-transform:uppercase}