/**
 * @file
 * CSS for form components.
 */




/**
 * ===== FORM =====
 */
button,
form,
fieldset,
input,
legend,
option,
select,
textarea {
  font-family: "DIN-W05", sans-serif;
  font-size: 1.0rem;
  font-weight: 400;
  line-height: 1.5;
}




/**
 * ===== FORM =====
 */
form {
  background-color: transparent;
  margin: 0;
  padding: 0;
}




/**
 * ===== FIELDSET =====
 */
fieldset {}
legend {}




/**
 * ===== LABEL =====
 */
label {
  color: var(--site--main--color--06-03);
  display: block;
  font-weight: 400;
  padding: 0.75rem 0;
}




/**
 * ===== INPUT =====
 */
input {
  background-color: var(--site--form--back-color--01);
  border: 1px solid var(--site--form--border-color--01);
  border-width: 0;
  border-radius: 0;
  box-sizing: border-box;
  padding: 0.75rem;
}
input:focus {
  background-color: var(--site--form--back-color--02);
  border-color: var(--site--form--border-color--02);
}




/**
 * ===== SELECT =====
 */
select {
  background-color: var(--site--form--back-color--01);
  border: 1px solid var(--site--form--border-color--01);
  border-width: 0;
  border-radius: 0;
  box-sizing: border-box;
  padding: 0.75rem;
}
select:focus {
  background-color: var(--site--form--back-color--02);
  border-color: var(--site--form--border-color--02);
}




/**
 * ===== TEXTAREA =====
 */
textarea {
  background-color: var(--site--form--back-color--01);
  border: 1px solid var(--site--form--border-color--01);
  border-width: 0;
  border-radius: 0;
  box-sizing: border-box;
  padding: 0.75rem;
  width: 100%;
}
textarea:focus {
  background-color: var(--site--form--back-color--02);
  border-color: var(--site--form--border-color--02);
}