input#chatInput {
  background-color: #0008;
  border: 2px solid #000;
  border-radius: 6px;
  width: max(200px, 15%);
  height: 20px;
  font-size: 15px;
  z-index: 1;
  position: absolute;
  top: 8px;
  right: 8px;
  color: white;
  font-family: sans-serif;
}
input#chatInput::placeholder {
  color: white;
  opacity: 0.6;
}
.editorBox, .editorButton, .editorContainer, #editor {
  background-color: transparent;
  border: 2px solid #000;
  border-radius: 6px;
  color: white;
  font-family: sans-serif;
  padding: 6px;
  min-height: 1em;
}
.editorContainer, .editorBox {
  min-width: 250px;
}
#editor, #editor input:hover, #editor button:hover {
  background-color: #0008;
}
#editor option {
  color: #000;
}
.editorButton {
  cursor: pointer;
}
.editorLabel {
  padding-left: 8px;
}
.editorHeader {
  margin: 6px;
}
h1.editorHeader {
  font-size: 1.8rem;
}
h2.editorHeader {
  font-size: 1.5rem;
}
#editor {
  z-index: 2;
  position: absolute;
  top: 8px;
  left: 8px;
  color: white;
  overflow: auto;
  bottom: 8px;
  scrollbar-color: black transparent;
  scrollbar-width: thin;
}