.code-editor .toolbar {
  display: flex;
  justify-content: flex-start;
  width: 100%;
}
.code-editor .editor {
  display: flex;
  width: 100%;
}
.code-editor .editor .code {
  flex-grow: 1;
  height: 500px;
  position: relative;
  font-family: Fira code, Fira Mono, Consolas, Menlo, Courier, monospace;
  font-size: 12px;
  font-variant-ligatures: common-ligatures;
  line-height: 1.5;
}
.code-editor .editor .code textarea {
  border: 0px;
  margin: 0px;
  padding: 10px;
  position: absolute;
  left: 0px;
  top: 0px;
  resize: none;
  height: 100%;
  width: 100%;
  overflow: hidden;
  -webkit-text-fill-color: transparent;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-variant-ligatures: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  text-indent: inherit;
  text-rendering: inherit;
  text-transform: inherit;
}
.code-editor .editor .code code {
  background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
  border: 0px none;
  margin: 0px;
  padding: 10px;
  color: #000;
  display: block;
  pointer-events: none;
  position: relative;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-variant-ligatures: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  text-indent: inherit;
  text-rendering: inherit;
  text-transform: inherit;
}
.code-editor .editor .v-divider {
  border-left: 1px solid gray;
  cursor: sw-resize;
  height: 100%;
  margin-left: 5px;
  margin-right: 5px;
  width: 1px;
}
.code-editor .editor .html {
  flex-grow: 2;
  margin-left: 25px;
  padding-left: 25px;
}
.code-editor .editor .html ul li {
  list-style: disc !important;
}
.code-editor .editor .html ol li {
  list-style: decimal !important;
}

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