/* Recovery Desk phone input. Vendor assets are hosted with the landing page. */
.phone-field { min-width: 0; }
.phone-field .iti { width: 100%; }
.phone-field #phone { min-width: 0; font-size: 16px; }
.phone-field #phone:focus {
  border-color: #d94b2d;
  box-shadow: 0 0 0 3px rgba(255, 88, 54, .14);
}
.phone-field #phone[aria-invalid="true"] { border-color: #b42318; }
.phone-field .phone-help,
.phone-field .phone-error { display: block; font-size: 12px; line-height: 1.5; }
.phone-field .phone-help { color: #68645d; }
.phone-field .phone-error { color: #a32318; }
.phone-field .phone-error[hidden] { display: none; }
.iti {
  --iti-border-color: #d0cbc1;
  --iti-border-radius: 13px;
  --iti-hover-color: #fff0e9;
  --iti-bg: #fff;
  --iti-text-color: #15161a;
  --iti-dialcode-color: #68645d;
  color: #15161a;
  font-family: inherit;
  font-size: 16px;
}
.iti .iti__dropdown-content { border-radius: 13px; }
.iti .iti__search-input { font-size: 16px; }
.phone-field .iti__selected-country { border-radius: 12px 0 0 12px; }
.phone-field .iti__selected-country:focus-visible {
  outline: 2px solid #d94b2d;
  outline-offset: -3px;
}