
.inputStatus {
  position: relative;
}

.inputStatus::after {
  background-color: #008767;
  border-radius: 0 0 0.25rem 0.25rem;
  bottom: 0;
  content: "";
  height: 0.1875rem;
  left: 0;
  overflow: hidden;
  position: absolute;
  transition: width 1s;
  width: 0%;
}

@media (prefers-reduced-motion) {  .inputStatus::after {
    transition: width 0s;
  }
}

.inputStatusValid::after {
  width: 100%;
}