.document-bg {
  background-color: #ffffff;
  border-radius: 40px;
  padding: 20px;
  margin: 16px 16px 16px 16px;
}

.document h2 {
  font-size: 20px;
  margin: 10px 0;
}
.document h3 {
  font-size: 18px;
  margin: 10px 0;
}

.document p {
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: 500 !important;
  margin: 10px 0;
}

.document ul {
  margin-left: 20px;
  list-style-type: "- ";
}

.document ul > li,
.document ol > li {
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: 500 !important;
}

.document ol {
  margin-left: 20px;
}

/* preview styles */
.document > *:not(.preview) {
  content-visibility: hidden;
  contain-intrinsic-size: 0;
  margin: 0;
}

.preview {
  position: relative;
}
.fading {
  position: absolute;
  bottom: 0;
  height: 15%;
  left: 0;
  right: 0;
  background: linear-gradient(180deg, transparent 30%, white 70%);
}