.signup-phone-field { position: relative; }
.signup-phone-field .iti { display: block; width: 100%; }
.signup-phone-field .iti input.iti__tel-input,
.signup-phone-field .iti input.iti__tel-input:focus {
  width: 100%;
  padding-right: 16px;
  color: #ffffff;
  caret-color: #ffffff;
  font-size: 16px;
  font-weight: 500;
}
.signup-phone-field .iti input.iti__tel-input::placeholder { color: #9da4b3; opacity: 1; }
.iti {
  --iti-border-color: #454545;
  --iti-country-selector-bg: #171717;
  --iti-icon-color: #eeeeee;
  --iti-hover-color: rgba(254, 20, 73, .14);
  color: #ffffff;
}
.iti__selected-country { border-radius: 8px 0 0 8px; color: #ffffff; }
.iti__selected-country:focus-visible { outline: 2px solid #fe1449; outline-offset: -3px; }
.iti__country-selector { background: #171717; color: #ffffff; border: 1px solid #454545; }
.iti--detached-country-selector, .iti--fullscreen-popup { z-index: 2200; }
.iti input.iti__search-input {
  background: #242424;
  color: #ffffff;
  border: 1px solid #454545;
  box-shadow: none;
  min-height: 44px;
}
.iti__country { min-height: 40px; color: #ffffff; }
.iti__country-name { color: #ffffff; }
.iti__dial-code, .iti__selected-dial-code { color: #eeeeee; }
.iti__country.iti__highlight { background: rgba(254, 20, 73, .16); }
.iti__country-selector button { color: #ffffff; }
.signup-phone-error { display: block; color: #ff7a9d; margin-top: 8px; font-size: 13px; line-height: 1.4; }
.signup-phone-error:empty { display: none; }
.signup-phone-help { display: block; color: #b8b8c2; margin-top: 8px; font-size: 12px; line-height: 1.4; }
.signup-phone-field input[aria-invalid="true"] { border: 1px solid #fe1449; }
