[type=code] {
  box-sizing: border-box;
  background: transparent;
  caret-color: darkgray;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 1em;
  font-family:  Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  line-height: normal;
  tab-size: 4;
}

textarea[type=code],
input[type=code] {
  color: transparent;
}

textarea[type=code] {
  resize: none;
}

textarea[type=code][readonly] {
  cursor: default;
}

[type=code]:not(textarea):not(input) {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}