
.hidden {
  visibility: hidden;
}

.header-icons {
}

.editor-menu {
  width: 32px;
  height: 24px;
  justify-content: center;
  display: flex;
  align-items: center;
}

kun-icon {
  width: 32px;
  height: 24px;
  display: flex;
  align-items: center;
}

.header-icons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.bg-select {
  background-color: rgba(0,0,0,.1);
}

.ProseMirror {
  position: relative;
}

.ProseMirror {
  word-wrap: break-word;
  white-space: pre-wrap;
  -webkit-font-variant-ligatures: none;
  font-variant-ligatures: none;
}

.ProseMirror pre {
  white-space: pre-wrap;
}

.ProseMirror-gapcursor {
  display: none;
  pointer-events: none;
  position: absolute;
}

.ProseMirror-gapcursor:after {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  width: 20px;
  border-top: 1px solid black;
  animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;
}

@keyframes ProseMirror-cursor-blink {
  to {
    visibility: hidden;
  }
}

.ProseMirror-hideselection *::selection {
  background: transparent;
}

.ProseMirror-hideselection *::-moz-selection {
  background: transparent;
}

.ProseMirror-hideselection * {
  caret-color: transparent;
}

.ProseMirror-focused .ProseMirror-gapcursor {
  display: block;
}

.img:empty:before {
  color: black;
  content: "Write a caption";
  pointer-events: none;
}