.ql-container {
  display:block;
  margin:0;
  position:relative
}
.ql-container.ql-disabled .ql-editor ul[data-checked]>li::before {
  pointer-events:none
}
.ql-container.ql-disabled .ql-tooltip {
  visibility:hidden
}
.ql-clipboard {
  position:absolute;
  overflow-y:hidden;
  left:-6250rem;
  height:.0625rem;
  top:50%
}
[dir=rtl] .ql-clipboard {
  left:auto;
  right:-6250rem
}
.ql-editor {
  overflow-y:auto;
  height:100%;
  tab-size:4;
  -moz-tab-size:4;
  box-sizing:border-box;
  display:block;
  outline:none;
  word-wrap:break-word;
  white-space:pre-wrap
}
.ql-editor>* {
  cursor:text
}
.ql-editor.ql-blank::before {
  position:absolute;
  content:attr(data-placeholder);
  font-style:italic;
  left:0;
  right:0;
  pointer-events:none
}
.ql-snow,
.ql-bubble {
  box-sizing:border-box
}
.ql-snow *,
.ql-bubble * {
  box-sizing:border-box
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top,
.ql-bubble .ql-out-bottom,
.ql-bubble .ql-out-top {
  visibility:hidden
}
.ql-snow .ql-hidden,
.ql-bubble .ql-hidden {
  display:none !important
}
.ql-snow .ql-even,
.ql-bubble .ql-even {
  fill-rule:evenodd
}
.ql-snow .ql-empty,
.ql-bubble .ql-empty {
  fill:none
}
.ql-snow .ql-transparent,
.ql-bubble .ql-transparent {
  opacity:.4
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin,
.ql-bubble .ql-thin,
.ql-bubble .ql-stroke.ql-thin {
  stroke-width:1
}
.ql-snow .ql-editor a,
.ql-bubble .ql-editor a {
  text-decoration:underline
}
.ql-snow .ql-direction.ql-active svg:last-child,
.ql-bubble .ql-direction.ql-active svg:last-child {
  display:inline
}
.ql-snow .ql-direction.ql-active svg:first-child,
.ql-bubble .ql-direction.ql-active svg:first-child {
  display:none
}
.ql-snow .ql-direction svg:last-child,
.ql-bubble .ql-direction svg:last-child {
  display:none
}
.ql-snow.ql-toolbar,
.ql-snow .ql-toolbar,
.ql-bubble.ql-toolbar,
.ql-bubble .ql-toolbar {
  box-sizing:border-box;
  padding:.5rem
}
.ql-snow.ql-toolbar::after,
.ql-snow .ql-toolbar::after,
.ql-bubble.ql-toolbar::after,
.ql-bubble .ql-toolbar::after {
  clear:both;
  content:"";
  display:table
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button,
.ql-bubble.ql-toolbar button,
.ql-bubble .ql-toolbar button {
  float:left;
  display:inline-block;
  padding:.1875rem .3125rem;
  height:1.5rem;
  width:1.75rem;
  background:none;
  border:none;
  cursor:pointer
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover,
.ql-bubble.ql-toolbar button:active:hover,
.ql-bubble .ql-toolbar button:active:hover {
  outline:none
}
[dir=rtl] .ql-snow.ql-toolbar button,
[dir=rtl] .ql-snow .ql-toolbar button,
[dir=rtl] .ql-bubble.ql-toolbar button,
[dir=rtl] .ql-bubble .ql-toolbar button {
  float:right
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg,
.ql-bubble.ql-toolbar button svg,
.ql-bubble .ql-toolbar button svg {
  height:100%;
  float:left
}
[dir=rtl] .ql-snow.ql-toolbar button svg,
[dir=rtl] .ql-snow .ql-toolbar button svg,
[dir=rtl] .ql-bubble.ql-toolbar button svg,
[dir=rtl] .ql-bubble .ql-toolbar button svg {
  float:right
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file],
.ql-bubble.ql-toolbar input.ql-image[type=file],
.ql-bubble .ql-toolbar input.ql-image[type=file] {
  display:none
}
.ql-snow .ql-tooltip,
.ql-bubble .ql-tooltip {
  transform:translateY(0.625rem);
  position:absolute
}
.ql-snow .ql-tooltip.ql-flip,
.ql-bubble .ql-tooltip.ql-flip {
  transform:translateY(-0.625rem)
}
.ql-snow .ql-tooltip a,
.ql-bubble .ql-tooltip a {
  cursor:pointer;
  text-decoration:none
}
.ql-snow .ql-formats,
.ql-bubble .ql-formats {
  display:inline-block;
  margin-right:.9375rem;
  vertical-align:middle
}
[dir=rtl] .ql-snow .ql-formats,
[dir=rtl] .ql-bubble .ql-formats {
  margin-right:0;
  margin-left:.9375rem
}
.ql-snow .ql-formats::after,
.ql-bubble .ql-formats::after {
  content:"";
  display:table;
  clear:both
}
.ql-snow .ql-picker,
.ql-bubble .ql-picker {
  vertical-align:middle;
  position:relative;
  height:1.5rem;
  display:inline-block;
  float:left
}
[dir=rtl] .ql-snow .ql-picker,
[dir=rtl] .ql-bubble .ql-picker {
  float:right
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options,
.ql-bubble .ql-picker.ql-expanded .ql-picker-options {
  top:100%;
  display:block;
  z-index:1;
  margin-top:-0.0625rem
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before {
  content:attr(data-label)
}
.ql-snow .ql-picker.ql-header,
.ql-bubble .ql-picker.ql-header {
  width:6.125rem
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before,
.ql-bubble .ql-picker.ql-header .ql-picker-label::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item::before {
  content:"Normal"
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content:"Heading 1"
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content:"Heading 2"
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content:"Heading 3"
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content:"Heading 4"
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content:"Heading 5"
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content:"Heading 6"
}
.ql-snow .ql-picker.ql-font,
.ql-bubble .ql-picker.ql-font {
  width:6.75rem
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before,
.ql-bubble .ql-picker.ql-font .ql-picker-label::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item::before {
  content:"Sans Serif"
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before,
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content:"Serif"
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before,
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content:"Monospace"
}
.ql-snow .ql-picker.ql-size,
.ql-bubble .ql-picker.ql-size {
  width:6.125rem
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before,
.ql-bubble .ql-picker.ql-size .ql-picker-label::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item::before {
  content:"Normal"
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content:"Small"
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content:"Large"
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content:"Huge"
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg,
.ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position:absolute;
  top:50%;
  right:0;
  margin-top:-0.5625rem;
  width:1.125rem
}
[dir=rtl] .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg,
[dir=rtl] .ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  right:auto;
  left:0
}
.ql-snow .ql-picker-label,
.ql-bubble .ql-picker-label {
  position:relative;
  display:inline-block;
  padding-right:.125rem;
  padding-left:.5rem;
  height:100%;
  width:100%;
  border:.0625rem solid rgba(0,0,0,0);
  cursor:pointer
}
.ql-snow .ql-picker-label::before,
.ql-bubble .ql-picker-label::before {
  line-height:1.375rem;
  display:inline-block
}
.ql-snow .ql-picker-options,
.ql-bubble .ql-picker-options {
  padding:.25rem .5rem;
  min-width:100%;
  position:absolute;
  display:none;
  white-space:nowrap
}
.ql-snow .ql-picker-options .ql-picker-item,
.ql-bubble .ql-picker-options .ql-picker-item {
  padding-bottom:.3125rem;
  padding-top:.3125rem;
  display:block;
  cursor:pointer
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker,
.ql-bubble .ql-color-picker,
.ql-bubble .ql-icon-picker {
  width:1.75rem
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label,
.ql-bubble .ql-color-picker .ql-picker-label,
.ql-bubble .ql-icon-picker .ql-picker-label {
  padding:.125rem .25rem
}
.ql-snow .ql-icon-picker .ql-picker-options,
.ql-bubble .ql-icon-picker .ql-picker-options {
  padding:.25rem 0
}
.ql-snow .ql-icon-picker .ql-picker-item,
.ql-bubble .ql-icon-picker .ql-picker-item {
  padding:.125rem .25rem;
  width:1.5rem;
  height:1.5rem
}
.ql-snow .ql-color-picker .ql-picker-options,
.ql-bubble .ql-color-picker .ql-picker-options {
  padding:.1875rem .3125rem;
  width:9.5rem
}
.ql-snow .ql-color-picker .ql-picker-item,
.ql-bubble .ql-color-picker .ql-picker-item {
  float:left;
  margin:.125rem;
  padding:0;
  width:1rem;
  height:1rem;
  border:.0625rem solid rgba(0,0,0,0)
}
[dir=rtl] .ql-snow .ql-color-picker .ql-picker-item,
[dir=rtl] .ql-bubble .ql-color-picker .ql-picker-item {
  float:right
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item,
.ql-bubble .ql-color-picker.ql-background .ql-picker-item {
  background-color:#fff
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item,
.ql-bubble .ql-color-picker.ql-color .ql-picker-item {
  background-color:#000
}
[dir=rtl] .ql-snow .ql-italic svg,
[dir=rtl] .ql-snow .ql-list svg,
[dir=rtl] .ql-snow .ql-indent svg,
[dir=rtl] .ql-snow .ql-direction svg,
[dir=rtl] .ql-snow .ql-align svg,
[dir=rtl] .ql-snow .ql-link svg,
[dir=rtl] .ql-snow .ql-image svg,
[dir=rtl] .ql-snow .ql-clean svg,
[dir=rtl] .ql-bubble .ql-italic svg,
[dir=rtl] .ql-bubble .ql-list svg,
[dir=rtl] .ql-bubble .ql-indent svg,
[dir=rtl] .ql-bubble .ql-direction svg,
[dir=rtl] .ql-bubble .ql-align svg,
[dir=rtl] .ql-bubble .ql-link svg,
[dir=rtl] .ql-bubble .ql-image svg,
[dir=rtl] .ql-bubble .ql-clean svg {
  transform:scaleX(-1)
}
.ql-snow.ql-toolbar,
.ql-snow .ql-toolbar {
  background:#fff;
  background-clip:padding-box
}
.ql-snow .ql-editor {
  min-height:15rem;
  background:#fff
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  z-index:2;
  color:#ccc !important
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill:#ccc !important
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke:#ccc !important
}
.ql-snow .ql-stroke {
  fill:none;
  stroke-width:2;
  stroke-linejoin:round;
  stroke-linecap:round
}
.ql-snow .ql-stroke-miter {
  fill:none;
  stroke-width:2;
  stroke-miterlimit:10
}
.ql-snow .ql-picker-label {
  border:.0625rem solid rgba(0,0,0,0)
}
.ql-snow .ql-picker-options {
  border:.0625rem solid rgba(0,0,0,0);
  background-color:#fff;
  background-clip:padding-box
}
.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color:#000
}
.ql-snow .ql-tooltip {
  display:flex;
  padding:.3125rem .75rem;
  background-color:#fff;
  background-clip:padding-box;
  white-space:nowrap
}
.ql-snow .ql-tooltip::before {
  content:"Visit URL:";
  margin-right:.5rem;
  line-height:1.625rem
}
[dir=rtl] .ql-snow .ql-tooltip::before {
  margin-right:0;
  margin-left:.5rem
}
.ql-snow .ql-tooltip input[type=text] {
  display:none;
  margin:0;
  padding:.1875rem .3125rem;
  width:10.625rem;
  height:1.625rem;
  font-size:.8125rem
}
.ql-snow .ql-tooltip a.ql-preview {
  display:inline-block;
  vertical-align:top;
  max-width:12.5rem;
  overflow-x:hidden;
  text-overflow:ellipsis
}
.ql-snow .ql-tooltip a.ql-action::after {
  content:"Edit";
  margin-left:1rem;
  padding-right:.5rem;
  border-right:.0625rem solid #ccc
}
[dir=rtl] .ql-snow .ql-tooltip a.ql-action::after {
  margin-left:0;
  margin-right:1rem;
  padding-left:.5rem;
  padding-right:0;
  border-right:0;
  border-left:.0625rem solid #ccc
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content:"Remove";
  margin-left:.5rem
}
[dir=rtl] .ql-snow .ql-tooltip a.ql-remove::before {
  margin-right:.5rem;
  margin-left:0
}
.ql-snow .ql-tooltip a {
  line-height:1.625rem
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display:none
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display:inline-block
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  content:"Save";
  border-right:0;
  padding-right:0
}
[dir=rtl] .ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-left:0;
  padding-left:0
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content:"Enter link:"
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content:"Enter formula:"
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content:"Enter video:"
}
.ql-bubble.ql-toolbar button:hover,
.ql-bubble.ql-toolbar button:focus,
.ql-bubble.ql-toolbar button.ql-active,
.ql-bubble.ql-toolbar .ql-picker-label:hover,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active,
.ql-bubble.ql-toolbar .ql-picker-item:hover,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected,
.ql-bubble .ql-toolbar button:hover,
.ql-bubble .ql-toolbar button:focus,
.ql-bubble .ql-toolbar button.ql-active,
.ql-bubble .ql-toolbar .ql-picker-label:hover,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active,
.ql-bubble .ql-toolbar .ql-picker-item:hover,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected {
  color:#fff
}
.ql-bubble.ql-toolbar button:hover .ql-stroke,
.ql-bubble.ql-toolbar button:focus .ql-stroke,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble.ql-toolbar button:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar button:focus .ql-stroke-miter,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-bubble .ql-toolbar button:hover .ql-stroke,
.ql-bubble .ql-toolbar button:focus .ql-stroke,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble .ql-toolbar button:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar button:focus .ql-stroke-miter,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke:#fff
}
.ql-bubble.ql-toolbar button:hover .ql-fill,
.ql-bubble.ql-toolbar button:focus .ql-fill,
.ql-bubble.ql-toolbar button.ql-active .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-fill,
.ql-bubble .ql-toolbar button:focus .ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill:#fff
}
@media(pointer: coarse) {
  .ql-bubble.ql-toolbar button:hover:not(.ql-active),
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) {
    color:#ccc
  }
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill:#ccc
  }
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke:#ccc
  }
}
.ql-bubble .ql-stroke {
  fill:none;
  stroke:#ccc;
  stroke-linejoin:round;
  stroke-linecap:round;
  stroke-width:2
}
.ql-bubble .ql-stroke-miter {
  fill:none;
  stroke:#ccc;
  stroke-miterlimit:10;
  stroke-width:2
}
.ql-bubble .ql-fill,
.ql-bubble .ql-stroke.ql-fill {
  fill:#ccc
}
.ql-bubble .ql-picker {
  color:#ccc
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label {
  z-index:2;
  color:#777
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill:#777
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke:#777
}
.ql-bubble .ql-picker-options {
  background-color:#444
}
.ql-bubble .ql-color-picker .ql-picker-label svg,
.ql-bubble .ql-icon-picker .ql-picker-label svg {
  right:.25rem
}
[dir=rtl] .ql-bubble .ql-color-picker .ql-picker-label svg,
[dir=rtl] .ql-bubble .ql-icon-picker .ql-picker-label svg {
  right:auto;
  left:.25rem
}
.ql-bubble .ql-color-picker .ql-color-picker svg {
  margin:.0625rem
}
.ql-bubble .ql-color-picker .ql-picker-item.ql-selected,
.ql-bubble .ql-color-picker .ql-picker-item:hover {
  border-color:#fff
}
.ql-bubble .ql-toolbar .ql-formats {
  margin:.5rem .75rem .5rem 0
}
[dir=rtl] .ql-bubble .ql-toolbar .ql-formats {
  margin:.5rem 0 .5rem .75rem
}
.ql-bubble .ql-toolbar .ql-formats:first-child {
  margin-left:.75rem
}
[dir=rtl] .ql-bubble .ql-toolbar .ql-formats:first-child {
  margin-right:.75rem
}
.ql-bubble .ql-tooltip-arrow {
  content:" ";
  position:absolute;
  display:block;
  left:50%;
  margin-left:-0.375rem;
  border-right:.375rem solid rgba(0,0,0,0);
  border-left:.375rem solid rgba(0,0,0,0)
}
.ql-bubble .ql-tooltip {
  background-color:#444;
  color:#fff
}
.ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
  top:-0.375rem;
  border-bottom:.375rem solid #444
}
.ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow {
  bottom:-0.375rem;
  border-top:.375rem solid #444
}
.ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor {
  display:block
}
.ql-bubble .ql-tooltip.ql-editing .ql-formats {
  visibility:hidden
}
.ql-bubble .ql-tooltip-editor {
  display:none
}
.ql-bubble .ql-tooltip-editor input[type=text] {
  position:absolute;
  padding:.625rem 1.25rem;
  height:100%;
  width:100%;
  outline:none;
  background:rgba(0,0,0,0);
  border:none;
  color:#fff;
  font-size:.8125rem
}
.ql-bubble .ql-tooltip-editor a {
  position:absolute;
  right:1.25rem;
  top:.625rem
}
[dir=rtl] .ql-bubble .ql-tooltip-editor a {
  right:auto;
  left:1.25rem
}
.ql-bubble .ql-tooltip-editor a::before {
  content:"×";
  color:#ccc;
  font-size:1rem;
  font-weight:500
}
.ql-bubble.ql-container:not(.ql-disabled) a {
  white-space:nowrap;
  position:relative
}
.ql-bubble.ql-container:not(.ql-disabled) a::before,
.ql-bubble.ql-container:not(.ql-disabled) a::after {
  margin-left:50%;
  position:absolute;
  visibility:hidden;
  left:0;
  transition:visibility 0s ease 200ms;
  transform:translate(-50%, -100%)
}
.ql-bubble.ql-container:not(.ql-disabled) a:hover::before,
.ql-bubble.ql-container:not(.ql-disabled) a:hover::after {
  visibility:visible
}
.ql-bubble.ql-container:not(.ql-disabled) a::before {
  content:attr(href);
  top:-0.3125rem;
  z-index:1;
  overflow:hidden;
  padding:.3125rem .9375rem;
  border-radius:.9375rem;
  background-color:#444;
  text-decoration:none;
  color:#fff;
  font-weight:normal;
  font-size:.75rem
}
.ql-bubble.ql-container:not(.ql-disabled) a::after {
  content:" ";
  top:0;
  height:0;
  width:0;
  border-top:.375rem solid #444;
  border-right:.375rem solid rgba(0,0,0,0);
  border-left:.375rem solid rgba(0,0,0,0)
}
.light-style .ql-editor.ql-blank:before {
  color:#b4bdc6
}
.light-style .ql-snow.ql-toolbar .ql-picker-options,
.light-style .ql-snow .ql-toolbar .ql-picker-options,
.light-style .ql-bubble.ql-toolbar .ql-picker-options,
.light-style .ql-bubble .ql-toolbar .ql-picker-options {
  box-shadow:0 .25rem 1rem rgba(161,172,184,.45)
}
.light-style .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before,
.light-style .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size:2.375rem
}
.light-style .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before,
.light-style .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size:2rem
}
.light-style .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before,
.light-style .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size:1.625rem
}
.light-style .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before,
.light-style .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size:1.375rem
}
.light-style .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before,
.light-style .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size:1.125rem
}
.light-style .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before,
.light-style .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size:.9375rem
}
.light-style .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before,
.light-style .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family:Georgia,"Times New Roman",serif
}
.light-style .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before,
.light-style .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family:"SFMono-Regular",Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
}
.light-style .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before,
.light-style .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size:.75rem
}
.light-style .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before,
.light-style .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size:1rem
}
.light-style .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before,
.light-style .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size:1.25rem
}
.light-style .ql-snow .ql-editor.ql-blank::before {
  padding:0 1.25rem
}
.light-style .ql-snow.ql-container {
  border:.0625rem solid #d9dee3
}
.light-style .ql-snow .ql-editor {
  padding:1.25rem
}
.light-style .ql-snow.ql-toolbar,
.light-style .ql-snow .ql-toolbar {
  border:.0625rem solid #d9dee3
}
@media(pointer: coarse) {
  .light-style .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .light-style .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color:#697a8d
  }
  .light-style .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .light-style .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .light-style .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .light-style .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke:#697a8d
  }
  .light-style .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .light-style .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .light-style .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .light-style .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill:#697a8d
  }
}
.light-style .ql-snow.ql-toolbar+.ql-container.ql-snow {
  border-top:0
}
.light-style .ql-snow .ql-stroke {
  stroke:#697a8d
}
.light-style .ql-snow .ql-fill,
.light-style .ql-snow .ql-stroke.ql-fill {
  fill:#697a8d
}
.light-style .ql-snow .ql-stroke-miter {
  stroke:#697a8d
}
.light-style .ql-snow .ql-picker {
  color:#697a8d
}
.light-style .ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color:rgba(0,0,0,0)
}
.light-style .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color:#d9dee3
}
.light-style .ql-snow .ql-tooltip {
  border:var(--bs-border-width) solid rgba(0,0,0,0);
  color:#697a8d;
  box-shadow:0 .25rem 1rem rgba(161,172,184,.45)
}
.light-style .ql-snow .ql-tooltip input[type=text] {
  border:.0625rem solid #d9dee3
}
.light-style .ql-bubble .ql-tooltip {
  border-radius:.375rem;
  z-index:1090
}
.dark-style .ql-editor.ql-blank:before {
  color:#7c7db6
}
.dark-style .ql-snow .ql-tooltip,
.dark-style .ql-bubble .ql-tooltip {
  background:#232333
}
.dark-style .ql-snow.ql-toolbar .ql-picker-options,
.dark-style .ql-snow .ql-toolbar .ql-picker-options,
.dark-style .ql-bubble.ql-toolbar .ql-picker-options,
.dark-style .ql-bubble .ql-toolbar .ql-picker-options {
  box-shadow:0 .25rem 1rem rgba(0,0,0,.2)
}
.dark-style .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before,
.dark-style .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size:2.375rem
}
.dark-style .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before,
.dark-style .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size:2rem
}
.dark-style .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before,
.dark-style .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size:1.625rem
}
.dark-style .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before,
.dark-style .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size:1.375rem
}
.dark-style .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before,
.dark-style .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size:1.125rem
}
.dark-style .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before,
.dark-style .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size:.9375rem
}
.dark-style .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before,
.dark-style .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family:Georgia,"Times New Roman",serif
}
.dark-style .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before,
.dark-style .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family:"SFMono-Regular",Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
}
.dark-style .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before,
.dark-style .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size:.75rem
}
.dark-style .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before,
.dark-style .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size:1rem
}
.dark-style .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before,
.dark-style .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size:1.25rem
}
.dark-style .ql-snow .ql-editor.ql-blank::before {
  padding:0 1.25rem
}
.dark-style .ql-snow.ql-container {
  border:.0625rem solid #444564
}
.dark-style .ql-snow .ql-editor {
  padding:1.25rem;
  background:#2b2c40
}
.dark-style .ql-snow .ql-picker-options {
  background:#2b2c40
}
.dark-style .ql-snow.ql-toolbar,
.dark-style .ql-snow .ql-toolbar {
  border:.0625rem solid #444564;
  background:#2b2c40
}
@media(pointer: coarse) {
  .dark-style .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .dark-style .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color:#a3a4cc
  }
  .dark-style .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .dark-style .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .dark-style .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .dark-style .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke:#a3a4cc
  }
  .dark-style .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .dark-style .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .dark-style .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .dark-style .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill:#a3a4cc
  }
}
.dark-style .ql-snow.ql-toolbar+.ql-container.ql-snow {
  border-top:0
}
.dark-style .ql-snow .ql-stroke-miter {
  stroke:#a3a4cc
}
.dark-style .ql-snow .ql-stroke {
  stroke:#a3a4cc
}
.dark-style .ql-snow .ql-fill,
.dark-style .ql-snow .ql-stroke.ql-fill {
  fill:#a3a4cc
}
.dark-style .ql-snow .ql-picker {
  color:#a3a4cc
}
.dark-style .ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color:rgba(0,0,0,0)
}
.dark-style .ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color:#444564
}
.dark-style .ql-snow .ql-tooltip {
  border:var(--bs-border-width) solid rgba(0,0,0,0);
  color:#a3a4cc;
  box-shadow:0 .25rem 1rem rgba(0,0,0,.2)
}
.dark-style .ql-snow .ql-tooltip input[type=text] {
  border:.0625rem solid #444564
}
.dark-style .ql-bubble .ql-tooltip {
  border-radius:.375rem;
  z-index:1090
}
