/* components/form-element/src/scss/form-element.scss */
.c-form-item {
  margin-bottom: 1.875rem;
}
.c-form-item .description {
  color: var(--iio-body-color-light);
  font-size: 0.75rem;
  display: inline-block;
  margin-top: 0.3125rem;
}
.c-form-item.form-type-checkbox .description {
  padding-left: 1.875rem;
  line-height: 1.2;
  margin-top: 0;
}
.c-form-item.form-type-textfield,
.c-form-item.form-type-password,
.c-form-item.form-type-date,
.c-form-item.form-type-datetime,
.c-form-item.form-type-datetime-local,
.c-form-item.form-type-month,
.c-form-item.form-type-week,
.c-form-item.form-type-email,
.c-form-item.form-type-number,
.c-form-item.form-type-search,
.c-form-item.form-type-tel,
.c-form-item.form-type-time,
.c-form-item.form-type-url,
.c-form-item.form-type-color,
.c-form-item.form-type-textarea {
  position: relative;
}
.c-form-item.form-type-textfield label,
.c-form-item.form-type-password label,
.c-form-item.form-type-date label,
.c-form-item.form-type-datetime label,
.c-form-item.form-type-datetime-local label,
.c-form-item.form-type-month label,
.c-form-item.form-type-week label,
.c-form-item.form-type-email label,
.c-form-item.form-type-number label,
.c-form-item.form-type-search label,
.c-form-item.form-type-tel label,
.c-form-item.form-type-time label,
.c-form-item.form-type-url label,
.c-form-item.form-type-color label,
.c-form-item.form-type-textarea label {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0.4375rem;
  -webkit-transform: translateY(0) scale(1);
  transform: translateY(0) scale(1);
  -webkit-transform-origin: left center;
  transform-origin: left center;
  color: var(--iio-input-placeholder-color);
  -webkit-transition: var(--iio-transition-eased);
  transition: var(--iio-transition-eased);
}
.c-form-item.form-type-textfield input,
.c-form-item.form-type-textfield textarea,
.c-form-item.form-type-password input,
.c-form-item.form-type-password textarea,
.c-form-item.form-type-date input,
.c-form-item.form-type-date textarea,
.c-form-item.form-type-datetime input,
.c-form-item.form-type-datetime textarea,
.c-form-item.form-type-datetime-local input,
.c-form-item.form-type-datetime-local textarea,
.c-form-item.form-type-month input,
.c-form-item.form-type-month textarea,
.c-form-item.form-type-week input,
.c-form-item.form-type-week textarea,
.c-form-item.form-type-email input,
.c-form-item.form-type-email textarea,
.c-form-item.form-type-number input,
.c-form-item.form-type-number textarea,
.c-form-item.form-type-search input,
.c-form-item.form-type-search textarea,
.c-form-item.form-type-tel input,
.c-form-item.form-type-tel textarea,
.c-form-item.form-type-time input,
.c-form-item.form-type-time textarea,
.c-form-item.form-type-url input,
.c-form-item.form-type-url textarea,
.c-form-item.form-type-color input,
.c-form-item.form-type-color textarea,
.c-form-item.form-type-textarea input,
.c-form-item.form-type-textarea textarea {
  border: 0;
  border-bottom: 1px solid var(--iio-input-border-color);
  padding: 0.625rem 0;
}
.c-form-item.form-type-textfield input:focus,
.c-form-item.form-type-textfield textarea:focus,
.c-form-item.form-type-password input:focus,
.c-form-item.form-type-password textarea:focus,
.c-form-item.form-type-date input:focus,
.c-form-item.form-type-date textarea:focus,
.c-form-item.form-type-datetime input:focus,
.c-form-item.form-type-datetime textarea:focus,
.c-form-item.form-type-datetime-local input:focus,
.c-form-item.form-type-datetime-local textarea:focus,
.c-form-item.form-type-month input:focus,
.c-form-item.form-type-month textarea:focus,
.c-form-item.form-type-week input:focus,
.c-form-item.form-type-week textarea:focus,
.c-form-item.form-type-email input:focus,
.c-form-item.form-type-email textarea:focus,
.c-form-item.form-type-number input:focus,
.c-form-item.form-type-number textarea:focus,
.c-form-item.form-type-search input:focus,
.c-form-item.form-type-search textarea:focus,
.c-form-item.form-type-tel input:focus,
.c-form-item.form-type-tel textarea:focus,
.c-form-item.form-type-time input:focus,
.c-form-item.form-type-time textarea:focus,
.c-form-item.form-type-url input:focus,
.c-form-item.form-type-url textarea:focus,
.c-form-item.form-type-color input:focus,
.c-form-item.form-type-color textarea:focus,
.c-form-item.form-type-textarea input:focus,
.c-form-item.form-type-textarea textarea:focus {
  border-bottom-color: var(--iio-base-solicon);
}
.c-form-item.form-type-textfield.not-empty label,
.c-form-item.form-type-password.not-empty label,
.c-form-item.form-type-date.not-empty label,
.c-form-item.form-type-datetime.not-empty label,
.c-form-item.form-type-datetime-local.not-empty label,
.c-form-item.form-type-month.not-empty label,
.c-form-item.form-type-week.not-empty label,
.c-form-item.form-type-email.not-empty label,
.c-form-item.form-type-number.not-empty label,
.c-form-item.form-type-search.not-empty label,
.c-form-item.form-type-tel.not-empty label,
.c-form-item.form-type-time.not-empty label,
.c-form-item.form-type-url.not-empty label,
.c-form-item.form-type-color.not-empty label,
.c-form-item.form-type-textarea.not-empty label {
  -webkit-transform: translate(0, -1.375rem) scale(0.9);
  transform: translate(0, -1.375rem) scale(0.9);
  color: var(--iio-base-solicon-blue);
}
/*# sourceMappingURL=form-element.css.map */