.ql-toolbar.ql-snow .ql-size {
  width: 80px;
}
.ql-toolbar.ql-snow .ql-size .ql-picker-label[data-value="12px"]::before,
.ql-toolbar.ql-snow .ql-size .ql-picker-item[data-value="12px"]::before {
  content: "12px";
}
.ql-toolbar.ql-snow .ql-size .ql-picker-label[data-value="14px"]::before,
.ql-toolbar.ql-snow .ql-size .ql-picker-item[data-value="14px"]::before {
  content: "14px";
}
.ql-toolbar.ql-snow .ql-size .ql-picker-label[data-value="16px"]::before,
.ql-toolbar.ql-snow .ql-size .ql-picker-item[data-value="16px"]::before {
  content: "16px";
}
.ql-toolbar.ql-snow .ql-size .ql-picker-label[data-value="18px"]::before,
.ql-toolbar.ql-snow .ql-size .ql-picker-item[data-value="18px"]::before {
  content: "18px";
}
.ql-toolbar.ql-snow .ql-size .ql-picker-label[data-value="20px"]::before,
.ql-toolbar.ql-snow .ql-size .ql-picker-item[data-value="20px"]::before {
  content: "20px";
}
.ql-toolbar.ql-snow .ql-size .ql-picker-label[data-value="24px"]::before,
.ql-toolbar.ql-snow .ql-size .ql-picker-item[data-value="24px"]::before {
  content: "24px";
}
.ql-toolbar.ql-snow .ql-size .ql-picker-label[data-value="32px"]::before,
.ql-toolbar.ql-snow .ql-size .ql-picker-item[data-value="32px"]::before {
  content: "32px";
}
.ql-toolbar.ql-snow .ql-size .ql-picker-label[data-value="42px"]::before,
.ql-toolbar.ql-snow .ql-size .ql-picker-item[data-value="42px"]::before {
  content: "42px";
}
.ql-toolbar.ql-snow .ql-size .ql-picker-label:not([data-value])::before,
.ql-toolbar.ql-snow .ql-size .ql-picker-item:not([data-value])::before,
.ql-toolbar.ql-snow .ql-size .ql-picker-label[data-value=false]::before,
.ql-toolbar.ql-snow .ql-size .ql-picker-item[data-value=false]::before {
  content: "16px" !important;
}

.ql-container.ql-snow {
  border: 1px solid #ccc;
}
.ql-container.ql-snow .ql-editor {
  min-height: 300px;
  line-height: 1.6;
  font-size: 16px;
}
.ql-container.ql-snow .ql-editor h1 {
  font-size: 2.5rem;
  font-weight: bold;
  margin: 1rem 0;
}
.ql-container.ql-snow .ql-editor h2 {
  font-size: 2rem;
  font-weight: bold;
  margin: 0.8rem 0;
}
.ql-container.ql-snow .ql-editor h3 {
  font-size: 1.75rem;
  font-weight: bold;
  margin: 0.6rem 0;
}
.ql-container.ql-snow .ql-editor h4 {
  font-size: 1.5rem;
  font-weight: bold;
  margin: 0.5rem 0;
}
.ql-container.ql-snow .ql-editor .ql-align-center {
  text-align: center;
}
.ql-container.ql-snow .ql-editor .ql-align-right {
  text-align: right;
}
.ql-container.ql-snow .ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-container.ql-snow .ql-editor [style*="font-size: 12px"] {
  font-size: 12px !important;
}
.ql-container.ql-snow .ql-editor [style*="font-size: 14px"] {
  font-size: 14px !important;
}
.ql-container.ql-snow .ql-editor [style*="font-size: 16px"] {
  font-size: 16px !important;
}
.ql-container.ql-snow .ql-editor [style*="font-size: 18px"] {
  font-size: 18px !important;
}
.ql-container.ql-snow .ql-editor [style*="font-size: 20px"] {
  font-size: 20px !important;
}
.ql-container.ql-snow .ql-editor [style*="font-size: 24px"] {
  font-size: 24px !important;
}
.ql-container.ql-snow .ql-editor [style*="font-size: 32px"] {
  font-size: 32px !important;
}
.ql-container.ql-snow .ql-editor [style*="font-size: 42px"] {
  font-size: 42px !important;
}

.view-body {
  line-height: 1.6;
  font-size: 16px;
}
.view-body h1 {
  font-size: 2.5rem;
  font-weight: bold;
  margin: 1rem 0;
}
.view-body h2 {
  font-size: 2rem;
  font-weight: bold;
  margin: 0.8rem 0;
}
.view-body h3 {
  font-size: 1.75rem;
  font-weight: bold;
  margin: 0.6rem 0;
}
.view-body h4 {
  font-size: 1.5rem;
  font-weight: bold;
  margin: 0.5rem 0;
}
.view-body .ql-align-center {
  text-align: center;
}
.view-body .ql-align-right {
  text-align: right;
}
.view-body .ql-align-justify {
  text-align: justify;
}
.view-body [style*="font-size: 12px"] {
  font-size: 12px !important;
}
.view-body [style*="font-size: 14px"] {
  font-size: 14px !important;
}
.view-body [style*="font-size: 16px"] {
  font-size: 16px !important;
}
.view-body [style*="font-size: 18px"] {
  font-size: 18px !important;
}
.view-body [style*="font-size: 20px"] {
  font-size: 20px !important;
}
.view-body [style*="font-size: 24px"] {
  font-size: 24px !important;
}
.view-body [style*="font-size: 32px"] {
  font-size: 32px !important;
}
.view-body [style*="font-size: 42px"] {
  font-size: 42px !important;
}