.form-item label {
  display: block;
  font-weight: 500;
  font-size: 0.64rem;
  line-height: 1em;
}
.form-item label[data-required]:after {
  content: "*";
  color: var(--color-orange-600);
  display: inline-block;
}
.form-item label + .input-wrapper {
  margin-top: 0.48rem;
}
.form-item .input-wrapper {
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
  justify-content: stretch;
}
.form-item .input-wrapper .input {
  display: block;
  width: 100%;
  border: 0.12rem solid white;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 0.4rem;
  padding: 0.9em 1.5em 0.75em;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.2em;
  outline: none;
  transition: all 0.5s ease-in-out;
}
@media screen and (min-width: calc(900px + 1px)) {
  .form-item .input-wrapper .input {
    font-size: 0.8rem;
  }
}
.form-item .input-wrapper .input:focus {
  border-color: var(--color-orange-300);
  background-color: rgba(255, 255, 255, 0.75);
  outline: 2px solid var(--color-orange-300);
  outline-offset: -2px;
}
.form-item .input-wrapper .input:hover {
  background-color: rgba(255, 255, 255, 0.75);
}
.form-item .input-wrapper select.input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("../../../../assets/images/static/angle-down.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 1.2rem) 55%;
  background-size: auto 25%;
  padding-right: 3rem;
}
.form-item .errors {
  display: block;
}/*# sourceMappingURL=form-item.css.map */