.phone-input-wrapper{border-radius:var(--radius-md);border-style:solid;border-width:1px;border-color:var(--input);background-color:#0000;align-items:center;width:100%;min-width:0;height:2.25rem;padding:.25rem .75rem;transition-property:color,box-shadow;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 2px #0000000d}.dark .phone-input-wrapper{background-color:color-mix(in oklch, var(--input) 30%, transparent)}.phone-input-wrapper:has(:disabled){pointer-events:none;cursor:not-allowed;opacity:.5}.phone-input-wrapper[aria-invalid=true]:not(:has(:focus-visible)){border-color:var(--destructive)}.phone-input-wrapper[aria-invalid=true]:has(:focus-visible){border-color:var(--destructive);box-shadow:0 0 0 3px color-mix(in oklch, var(--destructive) 20%, transparent);outline:none}.dark .phone-input-wrapper[aria-invalid=true]:has(:focus-visible){box-shadow:0 0 0 3px color-mix(in oklch, var(--destructive) 40%, transparent)}.phone-input-wrapper:not([aria-invalid=true]):has(:focus-visible){border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklch, var(--ring) 50%, transparent);outline:none}.phone-input-wrapper .PhoneInput{flex:1;align-items:center;width:100%;display:flex}.phone-input-wrapper .PhoneInputInput{width:100%;min-width:0;height:100%;color:var(--foreground);box-shadow:none;background-color:#0000;border:none;border-radius:0;outline:none;flex:1;padding:0;font-size:1rem;line-height:1.5rem}@media (min-width:768px){.phone-input-wrapper .PhoneInputInput{font-size:.875rem;line-height:1.25rem}}.phone-input-wrapper .PhoneInputInput::placeholder{color:var(--muted-foreground)}.phone-input-wrapper .PhoneInputInput::selection{background-color:var(--primary);color:var(--primary-foreground)}.phone-input-wrapper .PhoneInputInput:focus-visible{box-shadow:none;outline:none}.phone-input-wrapper .PhoneInputCountry{flex-shrink:0;align-items:center;margin-right:.5rem;display:flex}.phone-input-wrapper .PhoneInputCountrySelect{height:100%;color:var(--foreground);box-shadow:none;cursor:pointer;background-color:#0000;border:none;border-radius:0;outline:none;margin:0;padding:0;font-size:1rem;line-height:1.5rem}@media (min-width:768px){.phone-input-wrapper .PhoneInputCountrySelect{font-size:.875rem;line-height:1.25rem}}.phone-input-wrapper .PhoneInputCountrySelect:focus-visible{box-shadow:none;outline:none}.phone-input-wrapper .PhoneInputCountryIcon{flex-shrink:0;width:1.5rem;height:1rem}.phone-input-wrapper .PhoneInputCountrySelectArrow{opacity:.5;flex-shrink:0;margin-left:.25rem}