.ql-toolbar.ql-snow {
  padding: 18.5px 14px !important;
  font-family: var(--mud-typography-default-family) !important;
  background-color: var(--mud-palette-surface) !important;
  border-top-left-radius: var(--mud-default-borderradius) !important;
  border-top-right-radius: var(--mud-default-borderradius) !important;
}
.ql-toolbar.ql-snow .ql-picker-options {
  background-color: var(--mud-palette-background) !important;
}
.ql-toolbar.ql-snow .ql-picker-item, .ql-toolbar.ql-snow .ql-picker-label, .ql-toolbar.ql-snow button {
  color: var(--mud-palette-text-primary) !important;
}
.ql-toolbar.ql-snow .ql-picker-item .ql-stroke, .ql-toolbar.ql-snow .ql-picker-label .ql-stroke, .ql-toolbar.ql-snow button .ql-stroke {
  stroke: var(--mud-palette-text-primary) !important;
}
.ql-toolbar.ql-snow .ql-picker-item .ql-fill, .ql-toolbar.ql-snow .ql-picker-label .ql-fill, .ql-toolbar.ql-snow button .ql-fill {
  fill: var(--mud-palette-text-primary) !important;
}
.ql-toolbar.ql-snow .ql-picker-item:hover, .ql-toolbar.ql-snow .ql-picker-label:hover, .ql-toolbar.ql-snow button:hover, .ql-toolbar.ql-snow .ql-active {
  color: var(--mud-palette-primary) !important;
}
.ql-toolbar.ql-snow .ql-picker-item:hover .ql-stroke, .ql-toolbar.ql-snow .ql-picker-label:hover .ql-stroke, .ql-toolbar.ql-snow button:hover .ql-stroke, .ql-toolbar.ql-snow .ql-active .ql-stroke {
  stroke: var(--mud-palette-primary) !important;
}
.ql-toolbar.ql-snow .ql-picker-item:hover .ql-fill, .ql-toolbar.ql-snow .ql-picker-label:hover .ql-fill, .ql-toolbar.ql-snow button:hover .ql-fill, .ql-toolbar.ql-snow .ql-active .ql-fill {
  fill: var(--mud-palette-primary) !important;
}

.ql-container {
  font-family: var(--mud-typography-default-family) !important;
  background-color: var(--mud-palette-surface) !important;
  border-bottom-left-radius: var(--mud-default-borderradius) !important;
  border-bottom-right-radius: var(--mud-default-borderradius) !important;
}
.ql-container .ql-editor {
  padding: 18.5px 14px !important;
  line-height: var(--mud-typography-body1-lineheight) !important;
}
.ql-container .ql-editor p, .ql-container .ql-editor li, .ql-container .ql-editor span {
  font-size: var(--mud-typography-body1-size) !important;
}
.ql-container .ql-editor h1 {
  font-size: var(--mud-typography-h1-size) !important;
}
.ql-container .ql-editor h2 {
  font-size: var(--mud-typography-h2-size) !important;
}
.ql-container .ql-editor h3 {
  font-size: var(--mud-typography-h3-size) !important;
}
.ql-container .ql-editor h4 {
  font-size: var(--mud-typography-h4-size) !important;
}
.ql-container .ql-editor h5 {
  font-size: var(--mud-typography-h5-size) !important;
}