/**
 editor modifications for tool preview page description data 
 */


.markdown-renderer-container {
  border: none;
  padding: 0 25px !important;
}

.markdown-renderer-container .toastui-editor .toastui-editor-contents {
  background: #ebf4ff66 !important;
  font-family: "Inter", sans-serif;
}


.markdown-renderer-container .toastui-editor-defaultUI .toastui-editor-toolbar {
  display: none;
}

.markdown-renderer-container .toastui-editor-contents p {
  /* margin-bottom: 14px; */
  font-size: 18px !important;
  color: #1e2022;
}

.markdown-renderer-container .toastui-editor-contents {
  font-style: normal;
  letter-spacing: 0em !important;
  color: #1e2022 !important;
}

.markdown-renderer-container .toastui-editor-contents h1,
.markdown-renderer-container .toastui-editor-contents h2,
.markdown-renderer-container .toastui-editor-contents h3 {
  border: none;
  font-size: 26px !important;
  font-weight: 500 !important;
  line-height: normal;
  color: black;
  margin-top: 40px;
}

.markdown-renderer-container .toastui-editor-contents p {
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 30px !important;
  letter-spacing: -0.36px;
}

.markdown-renderer-container .toastui-editor-contents .toastui-editor-md-preview-highlight::after {
  background-color: white;
}

.markdown-renderer-container .toastui-editor-contents h1,
.markdown-renderer-container .toastui-editor-contents h2,
.markdown-renderer-container .toastui-editor-contents h3,
.markdown-renderer-container .toastui-editor-contents p {
  transition: linear 0.2s;
}

.markdown-renderer-container .toastui-editor-contents h1 strong,
.markdown-renderer-container .toastui-editor-contents h2 strong,
.markdown-renderer-container .toastui-editor-contents h3 strong,
.markdown-renderer-container .toastui-editor-contents p strong {
  font-weight: 500 !important;
}

.markdown-renderer-container .toastui-editor-contents ul li::before {
  margin-top: 12px !important;
}

.markdown-renderer-container .toastui-editor-md-container ul li {
  margin-bottom: 4px !important;
}

.markdown-renderer-container .toastui-editor-contents ol li::before {
  top: 4px;
  font-size: 18px !important;
  width: fit-content;
  flex-shrink: 0;
  text-align: center !important;
}

.markdown-renderer-container .toastui-editor-contents ol {
  padding-left: 28px !important;
}

.markdown-renderer-container .toastui-editor-contents ol li {
  margin-bottom: 4px !important;
}

.ProseMirror-trailingBreak {
  display: none;
}

@media screen and (max-width: 768px) {

  .markdown-renderer-container .toastui-editor-contents h1,
  .markdown-renderer-container .toastui-editor-contents h2 {
    font-size: 23px !important;
  }

  .markdown-renderer-container .toastui-editor-contents p {
    font-size: 16px !important;
    line-height: 26px !important;
  }
}

@media screen and (max-width: 640px) {

  .markdown-renderer-container .toastui-editor-contents h1,
  .markdown-renderer-container .toastui-editor-contents h2 {
    font-size: 22px !important;
  }

  .markdown-renderer-container .toastui-editor-contents p {
    font-size: 15px !important;
    line-height: 24px !important;
  }
}

@media screen and (max-width: 500px) {

  .markdown-renderer-container .toastui-editor-contents h1,
  .markdown-renderer-container .toastui-editor-contents h2 {
    font-size: 20px !important;
  }

  .markdown-renderer-container .toastui-editor-contents p {
    font-size: 14px !important;
    line-height: 22px !important;
  }
}