.phone-iti-row {
  display: block;
}

.phone-iti-row .iti {
  display: block;
  width: 100%;
}

.phone-iti-row .iti__tel-input {
  width: 100%;
}

.phone-iti-row .iti__selected-country {
  cursor: pointer;
}

.phone-iti-row .iti__selected-country:focus-visible {
  outline: 2px solid var(--vh-theme-primary);
  outline-offset: 2px;
}

.phone-number-input.is-valid {
  border-color: var(--vh-theme-primary) !important;
  box-shadow: 0 0 0 4px rgba(14, 110, 100, .1) !important;
}

.phone-number-input.is-invalid {
  border-color: #e76e6e !important;
  box-shadow: 0 0 0 4px hsla(0, 72%, 67%, .12) !important;
}