.form {
  width: 100% !important;
  position: relative !important;
  height: 70px !important;
  overflow: hidden !important;
}

.form input {
  width: 100% !important;
  height: 100% !important;
  /*color: black;*/
  padding-top: 20px !important;
  border: none !important;
  font-family: "SFProDisplay" !important;
  font-size: 12px !important;
  background-color: white !important;
}
.form label {
  position: absolute !important;
  bottom: 0px !important;
  left: 0px !important;
  width: 100% !important;
  height: 80% !important;
  pointer-events: none !important;
  border-bottom: 1px solid #e1e1e1 !important;
  --fieldBorderColorActive: red !important;
}
.form label::after {
  content: "" !important;
  position: absolute !important;
  bottom: -10px !important;
  left: 0px !important;
  width: 100% !important;
  height: 80% !important;
  border-bottom: 1px solid #fa695a !important;
  transform: translateX(-100%) !important;
  transition: all 0.3s ease !important;
}