.rich-text-field {
  position: relative;
  isolation: isolate;
}

.rich-text-field .rich-text-label {
  display: block;
  position: relative;
  z-index: 2;
  margin-bottom: 0.5rem;
  font-weight: 600;
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
}

.rich-text-field .rich-text-editor {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.rich-text-field .ql-toolbar.ql-snow {
  border-radius: 0.375rem 0.375rem 0 0;
  border-color: var(--bs-border-color);
  background: var(--bs-gray-100);
}

.rich-text-field .ql-container.ql-snow {
  height: auto;
  border-radius: 0 0 0.375rem 0.375rem;
  border-color: var(--bs-border-color);
  font-family: inherit;
  font-size: 1rem;
}

.rich-text-field .ql-editor {
  min-height: 10rem;
}

.rich-text-field .ql-editor.ql-blank::before {
  color: var(--bs-secondary-color);
  font-style: normal;
  white-space: pre-line;
  line-height: 1.75;
  top: 12px;
  right: 15px;
  bottom: 12px;
  height: auto;
}

.rich-text-content {
  line-height: 1.6;
}

.rich-text-content ul,
.rich-text-content ol {
  padding-left: 1.5rem;
}

.rich-text-content h1 {
  font-size: 1.5rem;
}

.rich-text-content h2 {
  font-size: 1.25rem;
}

.rich-text-content h3 {
  font-size: 1.1rem;
}