.editor {
  width: 100%;
  margin: 0px 0px 10px 0px;
}

.editor .editor-button {
  margin: 2px 2px 7px 2px;
  padding: 5px;
  color: var(--primary-text);
  background-color: transparent;
  border: none;
  box-shadow: none;
  text-decoration: none;
  width: 36px;
  height: 36px;
  cursor: pointer;
}

.editor .editor-button i {
  color: var(--primary-text);
}

.editor .editor-button:hover {
  background-color: var(--info-color);
}

.editor .editor-button:hover i {
  background-color: var(--secondary-text);
}

.editor .editor-content {
  outline: none;
  border: 1px solid var(--border-color);
  padding: 5px 5px 5px 5px;
  min-height: 250px;
  transition: all var(--transitions);
}

.editor .editor-content:focus {
  border: 1px solid var(--border-color);
}

.editor li,
.editor ol {
  margin: 0px 0px 0px 20px;
}