/* Basic editor styles */
.ProseMirror > * {
  padding: 0.25rem;
  margin: 0;
  cursor: text;
}

.ProseMirror a {
  cursor: pointer;
}

/* Placeholder (at the top) */
.ProseMirror p.is-editor-empty:first-child::before {
  color: #adb5bd;
  content: attr(data-placeholder);
  float: left;
  height: 0;
  pointer-events: none;
}

.wiki-block {
  display: grid;
  grid-template-columns: min-content min-content auto min-content;
  /* align-items: center; */
  padding-top: 1.5rem;
  padding: 0.25rem;
  margin: 0.2rem 0;
}

.wiki-block .material-icons {

  margin: 0.1rem;
  color: grey;
}

.wiki-block {
  border: 1px solid transparent;
  border-radius: 4px;
}

.wiki-block:hover {
  border: 1px solid #eee;
  border-radius: 4px;
}

.wiki-block svg {
  border-radius: 3px;
  background-color: transparent;
  line-height: default;
}

.wiki-block svg:hover {
  background-color: #ddd
}

.wiki-block .material-icons, .delete-block {
  opacity: 0;
  line-height: default;
}

.wiki-block:hover .material-icons, .wiki-block:hover .delete-block, .delete-block:focus {
  opacity: 1;
}

pre {
  background: #0d0d0d;
  border-radius: 0.5rem;
  color: #fff;
  font-family: "JetBrainsMono", monospace;
  padding: 0.75rem 1rem;

}

pre code {
  background: none;
  color: inherit;
  font-size: 0.8rem;
  padding: 0;
}

.wiki-block-wrapper {
  position: relative;
}

.wiki-toolbar {
  position: absolute;
  top: -2.5em;
  right: 0;
  z-index: 100;
  background-color: rgba(255,255,255,0.75);
  opacity: 0.9;
  max-width: 80%;
  mix-blend-mode: normal;
}

@media only screen and (max-width: 650px) {
  .wiki-block-wrapper {
    position: inherit;
  }
  .wiki-toolbar {
    /* bottom: 0px;
    left: 0px; */
    right: unset;
    top: unset;
    max-width: 100%;
    position:sticky;
  }
}

.wiki-toolbar .MuiButtonGroup-root {
  display: flex !important;
  flex-wrap: wrap !important;
}

.wiki-toolbar .MuiButtonGroup-grouped {
  border-right-color: unset !important;
}

.wiki-block a:not(.existing-page-link) {
  text-decoration: underline currentcolor dotted;
  color: #1976d2;
}

.wiki-block a{
  color: #1976d2;
}

@import url('https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/github-dark.min.css')