.editor-preview, .editor-preview-side {
  padding: 10vh 5vw !important;
}

.ce-example__button {
  position: fixed;
  top: 20px;
  right: 20px;
  background: #0008;
  color: #fff;
  padding:20px 25px;
  border-radius:5px;
}
.editor-preview-side > * {
  all: revert;
}

#rawZone {
  margin:42px auto; 
  padding-bottom:30px; 
  max-width:1000px; 
  width:100%; 
  overflow-x:hidden !important;
}

.editor-preview-side {
  overflow-x:hidden !important;
}

.editor-preview-side code,
#rawZone code {
  padding: 0 10px;
  background: #00000017;
  border-radius:12px;
  display: inline-block;
  width: auto;
  overflow-x: auto;
}
.editor-preview-side pre,
#rawZone pre {
  padding: 1em 5px;
  background: #00000017;
  border-radius:12px;
  display: block;
  margin: 2px 0 1.5em !important;
  width: 100%;
  overflow-x: auto;
}
.editor-preview-side pre code,
#rawZone pre code {
  padding: 12px;
  display: block;
  overflow-x: auto;
}


#rawZone, #rawZone p { font-size:1em; }
#rawZone li { margin: 2px 0; font-size:1em; }
#rawZone pre, #rawZone code { font-size:.9em; }
#rawZone h1 { font-weight:800; font-size:2em; margin: 42px 0 0; }
#rawZone h2 { font-weight:600; font-size:1.8em; margin: 42px 0 0; }
#rawZone h3 { font-weight:500; font-size:1.6em; margin: 42px 0 0; }
#rawZone h4 { font-weight:500; font-size:1.4em; margin: 18px 0 0; }
#rawZone h5 { font-weight:500; font-size:1.2em; margin: 18px 0 0; }
#rawZone h6 { font-weight:500; font-size:1.1em; margin: 18px 0 0; }
#rawZone ol, #rawZone ul { list-style: auto; margin: 0 0 10px 30px; padding: 0 0 0 10px; }

#rawZone hr {
  margin: 2em 0 2em !important;
}

.editor-preview-side code,
#rawZone code {
  font-size: .9em;
  margin: 0px 0 -10px;
  padding: 3px 10px;
  display: inline-block;
  transition-duration: .4s;
  background: #00000017;
  border-radius: 12px;
}

.editor-preview-side pre,
#rawZone pre {
  background: transparent;
}
.editor-preview-side code:hover,
#rawZone code:hover {
  box-shadow: #000 0 0 1px, #0005 0 0 5px;
}