.mtv-floating-label {
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  display: flex;
  position: relative;
  --border-color: #43A047;
}
.mtv-floating-label > input,
.mtv-floating-label > select,
.mtv-floating-label > textarea {
  font-size: 1rem;
  line-height: 1.5;
  width: 100%;
  color: #333333;
  height: 2.5rem;
  display: block;
  padding: 0 1.25rem;
  background: #FFFFFF;
  border-radius: 8px;
  box-sizing: border-box;
  transition: all 0.3s ease-in-out;
  border: 0.0625rem solid var(--border-color);
}
.mtv-floating-label > input:focus, .mtv-floating-label > input:not(:placeholder-shown), .mtv-floating-label > input:not([value=""]):valid,
.mtv-floating-label > select:focus,
.mtv-floating-label > select:not(:placeholder-shown),
.mtv-floating-label > select:not([value=""]):valid,
.mtv-floating-label > textarea:focus,
.mtv-floating-label > textarea:not(:placeholder-shown),
.mtv-floating-label > textarea:not([value=""]):valid {
  outline: none;
}
.mtv-floating-label > input:focus ~ label, .mtv-floating-label > input:not(:placeholder-shown) ~ label, .mtv-floating-label > input:not([value=""]):valid ~ label,
.mtv-floating-label > select:focus ~ label,
.mtv-floating-label > select:not(:placeholder-shown) ~ label,
.mtv-floating-label > select:not([value=""]):valid ~ label,
.mtv-floating-label > textarea:focus ~ label,
.mtv-floating-label > textarea:not(:placeholder-shown) ~ label,
.mtv-floating-label > textarea:not([value=""]):valid ~ label {
  top: -8px;
  color: var(--border-color);
  font-size: 0.75rem;
  line-height: 1.333;
}
.mtv-floating-label > label {
  font-size: 1rem;
  line-height: 1.5;
  top: 11px;
  left: 15px;
  color: #333333;
  padding: 0 5px;
  position: absolute;
  font-weight: normal;
  pointer-events: none;
  background-color: #FFFFFF;
  transition: all 0.3s ease-in-out;
}

.did-floating-select[value=""]:focus ~ .did-floating-label {
  top: 11px;
  font-size: 13px;
}

/*# sourceMappingURL=form-inputs.css.map */