{/*
This program has been developed by students from the bachelor Computer Science at Utrecht
University within the Software Project course.
© Copyright Utrecht University (Department of Information and Computing Sciences)
*/}
.text-field {
  border: 1px solid transparent;
  border-radius: 5pt;
  padding: 4px 8px;
  max-width: 50vw;
  min-width: 10vw;
  outline: none;
  background-color: canvas;
  transition: border-color 0.2s, box-shadow 0.2s;
  cursor: text;
}

.text-field.invalid {
  border-color: red;
  color: red;
}

.text-field:focus:not(.invalid) {
  border-color: color-mix(in srgb, canvas, #777 10%);
}

.text-field:read-only {
  cursor: pointer;
  background-color: color-mix(in srgb, canvas, #777 5%);
}

.text-field:read-only:hover:not(.invalid) {
  border-color: color-mix(in srgb, canvas, #777 10%);
}

.multiline {
  resize: none;          /* no manual resizing */
  line-height: 1.4;
  white-space: pre-wrap;
  overflow: hidden;      /* needed for auto-grow */
  max-width: 100%;
  width: 95%;
  min-width: 95%;
}