form label {
  font-weight: var(--font-bold);
}

form input[type=text],
form textarea {
  width: 100%;
  max-width: 30rem;
}

input[type=text],
textarea,
select {
  padding: 0.85rem 1rem;
  border: 1px solid var(--color-form-input-outline);
  background-color: var(--color-form-input-background);
}

input,
textarea {
  font-size: var(--type-0);
  line-height: 1;
}

select option:hover {
  background-color: red;
}

input[type=checkbox],
input[type=radio] {
  appearance: none;
  font: inherit;
  color: currentColor;
  width: 1em;
  height: 1em;
  border: 2px solid var(--color-form-input-outline);
  padding: 0;
  cursor: pointer;
  position: relative;
}
input[type=checkbox] + label,
input[type=radio] + label {
  font-weight: normal;
  cursor: pointer;
}
input[type=checkbox]:checked,
input[type=radio]:checked {
  background-color: var(--color-form-option-active);
  border: 2px solid var(--color-form-option-active);
}

input[type=checkbox]:checked {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg fill='%23FFFFFF' height='800px' width='800px' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 342.357 342.357' xml:space='preserve'%3E%3Cpolygon points='290.04,33.286 118.861,204.427 52.32,137.907 0,190.226 118.862,309.071 342.357,85.606 '/%3E%3C/svg%3E");
  background-size: contain;
}

input[type=radio] {
  border-radius: 50%;
  position: relative;
}

input[type=radio]:checked::before {
  content: "";
  border-radius: 50%;
  background-color: var(--color-form-option-active);
  position: absolute;
  height: 100%;
  width: 100%;
  border: 3px solid white;
}

/*# sourceMappingURL=forms.css.map */