.phone-field .phone-iti-control {
  position: relative;
  width: 100%;
  --phone-code-space: 34px;
}

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

.phone-field .iti__country-container {
  pointer-events: none;
}

.phone-field .iti__selected-country {
  cursor: default;
  pointer-events: none;
}

.phone-field .iti__arrow {
  display: none;
}

.phone-field .phone-dial-code {
  align-items: center;
  color: var(--tg-heading-color);
  display: flex;
  font-size: 15px;
  font-weight: 600;
  height: 100%;
  left: 48px;
  line-height: 1;
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: 2;
}

.phone-field input.iti__tel-input {
  padding-left: calc(56px + var(--phone-code-space)) !important;
}

.phone-field input.is-valid {
  border-color: #2fb66d !important;
  box-shadow: 0 0 0 4px rgba(47, 182, 109, 0.12) !important;
}

.phone-field [data-phone-error] {
  margin-top: 6px;
}

.phone-field .iti__dropdown-content {
  display: none !important;
}