.field .input:not(:placeholder-shown) + .field-label,
.field .input:not(:placeholder-shown) + ul + .field-label {
  opacity: 1;
  transform: translateY(0px);
}

.field .field-label {
  pointer-events: none;
  text-overflow: ellipsis;
  user-select: none;
  white-space: nowrap;
  z-index: 1;
}

#valid-msg {
  color: #11b1a7;
}

#error-msg {
  color: #f43f5e;
}

.iti__country-list {
  z-index: 11;
}

.iti {
  display: block !important;
}

.msg-error,
.msg-valid {
  background: rgb(244 63 94 / 15%);
  padding: 7px 10px 3px;
  height: 32px;
  margin-top: -4px;
}

.msg-valid {
  background: rgb(17 177 167 / 15%);
}

.iti-mobile .iti--container {
  z-index: 99999;
}