vlv-search/web/assets/styles/form.scss

.form {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin: 2em auto;
  width: 100%;
}

.form__search {
  border: 1px solid #999;
  border-radius: 5px;
  font-size: 20px;
  padding: 0.5em;
}

.form .filters {
  margin: 1em 0;
}

.filters__section {
  display: flex;
  padding: .5em 0;
}

.filters__section--sort {
  display: none;
}

.filters__section--sort.open {
  display: flex;
}

.filters__subsection {
  flex: 1;
  padding: 0 1em;
}

.form__field {
  margin: 10px 0;
}

.form__text-field {
  border: 1px solid #000000;
  border-radius: 4px;
  font-size: 16px;
  padding: 5px;
  width: 100%;
}

.form__submit {
  font-size: 16px;
}

.form--login {
  margin-top: 0;
}

.form--login .form__label {
  display: block;
  margin: 10px 0;
}