/* DO NOT EDIT. Copied from ../mihxil-demo/resources/ */
form.demo output {
	width: 100%;
	min-height: 3em;
  max-height: 20em;
  padding: 1ex;
  background-color: aliceblue;
  overflow: auto;
}
form.demo {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}

form.demo label {
  margin-bottom: 0.2em;
}

form.demo output {
  display: block;
  border: 1px solid;
  white-space: pre-wrap;
  resize: vertical;
}

form.demo input,
form.demo output,
form.demo button {
  width: 100%;
  box-sizing: border-box;
}


input:focus.invalid, input.invalid {
  border-color: red !important;
}