.phone-input-container{display:flex;align-items:center;width:100%;height:3rem;padding:0 .75rem;gap:.5rem;border:1px solid var(--input);border-radius:.75rem;background:var(--input-background);transition:border-color .15s ease,box-shadow .15s ease}.phone-input-container:focus-within{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--ring) 18%,transparent)}.phone-input-container .PhoneInputCountry{display:flex;align-items:center;gap:.4rem;align-self:stretch;margin:0;padding-right:.625rem;border-right:1px solid var(--input)}.phone-input-container .PhoneInputCountryIcon{width:1.5rem;height:auto;border-radius:3px;overflow:hidden;box-shadow:none}.phone-input-container .PhoneInputCountrySelectArrow{margin-left:0;color:var(--muted-foreground);opacity:.9}.phone-input-container .PhoneInputCountrySelect{cursor:pointer;color:var(--muted-foreground)}.phone-input-container .PhoneInputCountrySelect:focus+.PhoneInputCountryIcon{box-shadow:0 0 0 2px var(--ring);border-radius:3px}.phone-input-container .PhoneInputInput,.phone-input-container input[type=tel]{flex:1;min-width:0;height:100%;border:none!important;background:transparent!important;padding:0!important;font-size:.875rem;line-height:1.25rem;color:var(--foreground)!important;outline:none;box-shadow:none!important}.phone-input-container .PhoneInputInput::placeholder{color:var(--muted-faint)}.phone-input-container .PhoneInputInput:disabled{cursor:not-allowed;opacity:.6}.phone-input-container .PhoneInputCountrySelect option{color:#2c2a26;background-color:#ffffff}.dark .phone-input-container .PhoneInputCountrySelect option{color:#f4efe7;background-color:#2a2722}