.bit {
  margin: 0 0 45px 0;
}

.bit label {
  display: block;
  font: var(--common);
  font-weight: 600;
  margin: 0 0 10px 0;
}

.bit label .required {
  font: var(--bit);
  font-weight: 400;
}

.bit input + label > a {
  color: var(--pen);
}

.bit input[type="text"],
.bit input[type="email"],
.bit input[type="password"],
.bit input[type="date"],
.bit input[type="file"],
.bit textarea {
  width: 100%;
  border: 1px solid var(--teal);
  border-radius: 8px;
  padding: 20px;
  box-sizing: border-box;
  height: fit-content;
}

.bit input[type="file"] + .moa {
  margin-top: 10px;
}

.bit input[type="checkbox"] {
  width: 20px;
  height: 20px;
  cursor: pointer;
  vertical-align: middle;
  display: inline-block;
}

.bit input[type="radio"] + label,
.bit input[type="checkbox"] + label {
  display: inline-block;
  margin: 0 0 0 10px;
  vertical-align: middle;
}

.bit input[type="checkbox"] + label {
  color: var(--pen);
  font: var(--petite);
  font-weight: 600;
}

.bit.form-type-checkbox {
  margin: 10px 0;
}

form .form-actions {
  margin: 45px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.bit .register {
  margin: 10px 0 0 0;
}