@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap);
/* stylelint-disable */
/* stylelint-enable */
.form .form-control {
  --dp-bs-body-color: var(--form-input-color);
  background-color: var(--form-input-background-color);
  border-color: var(--form-input-border-color);
}
.form .form-floating label {
  color: var(--form-input-color);
}
.form .form-floating > .form-control:not(:-moz-placeholder) ~ label {
  color: var(--form-input-color);
}
.form .form-floating > .form-control:focus ~ label, .form .form-floating > .form-control:not(:placeholder-shown) ~ label, .form .form-floating > .form-control-plaintext ~ label, .form .form-floating > .form-select ~ label {
  color: var(--form-input-color);
}
.form .form-floating > .form-control:not(:-moz-placeholder) ~ label::after {
  background-color: transparent;
}
.form .form-floating > .form-control:focus ~ label::after, .form .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .form .form-floating > .form-control-plaintext ~ label::after, .form .form-floating > .form-select ~ label::after {
  background-color: transparent;
}
.form .form-check .form-checkbox {
  float: none;
  margin-right: 0.5rem;
}
.form .form-check .form-checkbox:checked {
  background-color: var(--checkbox-color);
  border-color: var(--checkbox-color);
}
.form .form-check .form-check-label {
  color: var(--body-text-color);
}

/*# sourceMappingURL=form.scss.css.map*/