.ql-video {
     display: block;
     max-width: 100%
 }

 .ql-video.ql-align-center {
     margin: 0 auto
 }

 .ql-video.ql-align-right {
     margin: 0 0 0 auto
 }

 .ql-bg-black {
     background-color: #000
 }

 .ql-bg-red {
     background-color: #e60000
 }

 .ql-bg-orange {
     background-color: #f90
 }

 .ql-bg-yellow {
     background-color: #ff0
 }

 .ql-bg-green {
     background-color: #008a00
 }

 .ql-bg-blue {
     background-color: #06c
 }

 .ql-bg-purple {
     background-color: #93f
 }

 .ql-color-white {
     color: #fff
 }

 .ql-color-red {
     color: #e60000
 }

 .ql-color-orange {
     color: #f90
 }

 .ql-color-yellow {
     color: #ff0
 }

 .ql-color-green {
     color: #008a00
 }

 .ql-color-blue {
     color: #06c
 }

 .ql-color-purple {
     color: #93f
 }

 .ql-font-serif {
     font-family: Georgia, Times New Roman, serif
 }

 .ql-font-monospace {
     font-family: Monaco, Courier New, monospace
 }

 .ql-size-small {
     font-size: .75em
 }

 .ql-size-large {
     font-size: 1.5em
 }

 .ql-size-huge {
     font-size: 2.5em
 }

 .ql-direction-rtl {
     direction: rtl;
     text-align: inherit
 }

 .ql-align-center {
     text-align: center
 }

 .ql-align-justify {
     text-align: justify
 }

 .ql-align-right {
     text-align: right
 }

 .ql-blank:before {
     color: rgba(0, 0, 0, .6);
     content: attr(data-placeholder);
     font-style: italic;
     left: 15px;
     pointer-events: none;
     position: absolute;
     right: 15px
 }

 .ql-snow.ql-toolbar:after, .ql-snow .ql-toolbar:after {
     clear: both;
     content: "";
     display: table
 }

 .ql-snow.ql-toolbar button, .ql-snow .ql-toolbar button {
     background: none;
     border: none;
     cursor: pointer;
     display: inline-block;
     float: left;
     height: 24px;
     padding: 3px 5px;
     width: 28px
 }

 .ql-snow.ql-toolbar button svg, .ql-snow .ql-toolbar button svg {
     float: left;
     height: 100%
 }

 .ql-snow.ql-toolbar button:active:hover, .ql-snow .ql-toolbar button:active:hover {
     outline: none
 }

 .ql-snow.ql-toolbar input.ql-image[type=file], .ql-snow .ql-toolbar input.ql-image[type=file] {
     display: none
 }

 .ql-snow.ql-toolbar .ql-picker-item.ql-selected, .ql-snow .ql-toolbar .ql-picker-item.ql-selected, .ql-snow.ql-toolbar .ql-picker-item:hover, .ql-snow .ql-toolbar .ql-picker-item:hover, .ql-snow.ql-toolbar .ql-picker-label.ql-active, .ql-snow .ql-toolbar .ql-picker-label.ql-active, .ql-snow.ql-toolbar .ql-picker-label:hover, .ql-snow .ql-toolbar .ql-picker-label:hover, .ql-snow.ql-toolbar button.ql-active, .ql-snow .ql-toolbar button.ql-active, .ql-snow.ql-toolbar button:focus, .ql-snow .ql-toolbar button:focus, .ql-snow.ql-toolbar button:hover, .ql-snow .ql-toolbar button:hover {
     color: #06c
 }

 .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar button:focus .ql-fill, .ql-snow .ql-toolbar button:focus .ql-fill, .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow.ql-toolbar button:hover .ql-fill, .ql-snow .ql-toolbar button:hover .ql-fill, .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill {
     fill: #06c
 }

 .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow.ql-toolbar button.ql-active .ql-stroke, .ql-snow .ql-toolbar button.ql-active .ql-stroke, .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar button:focus .ql-stroke, .ql-snow .ql-toolbar button:focus .ql-stroke, .ql-snow.ql-toolbar button:focus .ql-stroke-miter, .ql-snow .ql-toolbar button:focus .ql-stroke-miter, .ql-snow.ql-toolbar button:hover .ql-stroke, .ql-snow .ql-toolbar button:hover .ql-stroke, .ql-snow.ql-toolbar button:hover .ql-stroke-miter, .ql-snow .ql-toolbar button:hover .ql-stroke-miter {
     stroke: #06c
 }

 @media (pointer:coarse) {
     .ql-snow.ql-toolbar button:hover:not(.ql-active), .ql-snow .ql-toolbar button:hover:not(.ql-active) {
         color: #444
     }

     .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
         fill: #444
     }

     .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
         stroke: #444
     }
 }

 .ql-snow, .ql-snow * {
     -webkit-box-sizing: border-box;
     box-sizing: border-box
 }

 .ql-snow .ql-hidden {
     display: none
 }

 .ql-snow .ql-out-bottom, .ql-snow .ql-out-top {
     visibility: hidden
 }

 .ql-snow .ql-tooltip {
     position: absolute;
     -webkit-transform: translateY(10px);
     -ms-transform: translateY(10px);
     transform: translateY(10px)
 }

 .ql-snow .ql-tooltip a {
     cursor: pointer;
     text-decoration: none
 }

 .ql-snow .ql-tooltip.ql-flip {
     -webkit-transform: translateY(-10px);
     -ms-transform: translateY(-10px);
     transform: translateY(-10px)
 }

 .ql-snow .ql-formats {
     display: inline-block;
     vertical-align: middle
 }

 .ql-snow .ql-formats:after {
     clear: both;
     content: "";
     display: table
 }

 .ql-snow .ql-stroke {
     fill: none;
     stroke: #444;
     stroke-linecap: round;
     stroke-linejoin: round;
     stroke-width: 2
 }

 .ql-snow .ql-stroke-miter {
     fill: none;
     stroke: #444;
     stroke-miterlimit: 10;
     stroke-width: 2
 }

 .ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill {
     fill: #444
 }

 .ql-snow .ql-empty {
     fill: none
 }

 .ql-snow .ql-even {
     fill-rule: evenodd
 }

 .ql-snow .ql-stroke.ql-thin, .ql-snow .ql-thin {
     stroke-width: 1
 }

 .ql-snow .ql-transparent {
     opacity: .4
 }

 .ql-snow .ql-direction svg:last-child {
     display: none
 }

 .ql-snow .ql-direction.ql-active svg:last-child {
     display: inline
 }

 .ql-snow .ql-direction.ql-active svg:first-child {
     display: none
 }

 .ql-snow h1 {
     font-size: 2em
 }

 .ql-snow h2 {
     font-size: 1.5em
 }

 .ql-snow h3 {
     font-size: 1.17em
 }

 .ql-snow h4 {
     font-size: 1em
 }

 .ql-snow h5 {
     font-size: .83em
 }

 .ql-snow h6 {
     font-size: .67em
 }

 .ql-snow a {
     text-decoration: underline
 }

 .ql-snow blockquote {
     border-left: 4px solid #ccc;
     margin-bottom: 5px;
     margin-top: 5px;
     padding-left: 16px
 }

 .ql-snow code, .ql-snow pre {
     background-color: #f0f0f0;
     border-radius: 3px
 }

 .ql-snow pre {
     white-space: pre-wrap;
     margin-bottom: 5px;
     margin-top: 5px;
     padding: 5px 10px
 }

 .ql-snow code {
     font-size: 85%;
     padding: 2px 4px
 }

 .ql-snow pre.ql-syntax {
     background-color: #23241f;
     color: #f8f8f2;
     overflow: visible
 }

 .ql-snow img {
     max-width: 100%
 }

 .ql-snow .ql-picker {
     color: #444;
     display: inline-block;
     float: left;
     font-size: 14px;
     font-weight: 500;
     height: 24px;
     position: relative;
     vertical-align: middle
 }

 .ql-snow .ql-picker-label {
     cursor: pointer;
     display: inline-block;
     height: 100%;
     padding-left: 8px;
     padding-right: 2px;
     position: relative;
     width: 100%
 }

 .ql-snow .ql-picker-label:before {
     display: inline-block;
     line-height: 22px
 }

 .ql-snow .ql-picker-options {
     background-color: #fff;
     display: none;
     min-width: 100%;
     padding: 4px 8px;
     position: absolute;
     white-space: nowrap
 }

 .ql-snow .ql-picker-options .ql-picker-item {
     cursor: pointer;
     display: block;
     padding-bottom: 5px;
     padding-top: 5px
 }

 .ql-snow .ql-picker.ql-expanded .ql-picker-label {
     color: #ccc;
     z-index: 2
 }

 .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
     fill: #ccc
 }

 .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
     stroke: #ccc
 }

 .ql-snow .ql-picker.ql-expanded .ql-picker-options {
     display: block;
     margin-top: -1px;
     top: 100%;
     z-index: 1
 }

 .ql-snow .ql-color-picker, .ql-snow .ql-icon-picker {
     width: 28px
 }

 .ql-snow .ql-color-picker .ql-picker-label, .ql-snow .ql-icon-picker .ql-picker-label {
     padding: 2px 4px
 }

 .ql-snow .ql-color-picker .ql-picker-label svg, .ql-snow .ql-icon-picker .ql-picker-label svg {
     right: 4px
 }

 .ql-snow .ql-icon-picker .ql-picker-options {
     padding: 4px 0
 }

 .ql-snow .ql-icon-picker .ql-picker-item {
     height: 24px;
     width: 24px;
     padding: 2px 4px
 }

 .ql-snow .ql-color-picker .ql-picker-options {
     padding: 3px 5px;
     width: 152px
 }

 .ql-snow .ql-color-picker .ql-picker-item {
     border: 1px solid transparent;
     float: left;
     height: 16px;
     margin: 2px;
     padding: 0;
     width: 16px
 }

 .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
     position: absolute;
     margin-top: -9px;
     right: 0;
     top: 50%;
     width: 18px
 }

 .ql-snow .ql-picker.ql-font .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-header .ql-picker-item[data-label]:not([data-label=""]):before, .ql-snow .ql-picker.ql-header .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-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before {
     content: attr(data-label)
 }

 .ql-snow .ql-picker.ql-header {
     width: 98px
 }

 .ql-snow .ql-picker.ql-header .ql-picker-item:before, .ql-snow .ql-picker.ql-header .ql-picker-label:before {
     content: "Normal"
 }

 .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before, .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before {
     content: "Heading 1"
 }

 .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before, .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before {
     content: "Heading 2"
 }

 .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before, .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before {
     content: "Heading 3"
 }

 .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before, .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before {
     content: "Heading 4"
 }

 .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before, .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before {
     content: "Heading 5"
 }

 .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before, .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before {
     content: "Heading 6"
 }

 .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before {
     font-size: 2em
 }

 .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before {
     font-size: 1.5em
 }

 .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before {
     font-size: 1.17em
 }

 .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before {
     font-size: 1em
 }

 .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before {
     font-size: .83em
 }

 .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before {
     font-size: .67em
 }

 .ql-snow .ql-picker.ql-font {
     width: 108px
 }

 .ql-snow .ql-picker.ql-font .ql-picker-item:before, .ql-snow .ql-picker.ql-font .ql-picker-label:before {
     content: "Sans Serif"
 }

 .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before, .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before {
     content: "Serif"
 }

 .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before, .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before {
     content: "Monospace"
 }

 .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before {
     font-family: Georgia, Times New Roman, serif
 }

 .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before {
     font-family: Monaco, Courier New, monospace
 }

 .ql-snow .ql-picker.ql-size {
     width: 98px
 }

 .ql-snow .ql-picker.ql-size .ql-picker-item:before, .ql-snow .ql-picker.ql-size .ql-picker-label:before {
     content: "Normal"
 }

 .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before, .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before {
     content: "Small"
 }

 .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before, .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before {
     content: "Large"
 }

 .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before, .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before {
     content: "Huge"
 }

 .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before {
     font-size: 10px
 }

 .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before {
     font-size: 18px
 }

 .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before {
     font-size: 32px
 }

 .ql-snow .ql-color-picker.ql-background .ql-picker-item {
     background-color: #fff
 }

 .ql-snow .ql-color-picker.ql-color .ql-picker-item {
     background-color: #000
 }

 .ql-toolbar.ql-snow {
     border: 1px solid #ccc;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
     padding: 8px
 }

 .ql-toolbar.ql-snow .ql-formats {
     margin-right: 15px
 }

 .ql-toolbar.ql-snow .ql-picker-label {
     border: 1px solid transparent
 }

 .ql-toolbar.ql-snow .ql-picker-options {
     border: 1px solid transparent;
     -webkit-box-shadow: rgba(0, 0, 0, .2) 0 2px 8px;
     box-shadow: 0 2px 8px rgba(0, 0, 0, .2)
 }

 .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label, .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
     border-color: #ccc
 }

 .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected, .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
     border-color: #000
 }

 .ql-toolbar.ql-snow+.ql-container.ql-snow {
     border-top: 0
 }

 .ql-snow .ql-tooltip {
     background-color: #fff;
     border: 1px solid #ccc;
     -webkit-box-shadow: 0 0 5px #ddd;
     box-shadow: 0 0 5px #ddd;
     color: #444;
     padding: 5px 12px;
     white-space: nowrap
 }

 .ql-snow .ql-tooltip:before {
     content: "Visit URL:";
     line-height: 26px;
     margin-right: 8px
 }

 .ql-snow .ql-tooltip input[type=text] {
     display: none;
     border: 1px solid #ccc;
     font-size: 13px;
     height: 26px;
     margin: 0;
     padding: 3px 5px;
     width: 170px
 }

 .ql-snow .ql-tooltip a.ql-preview {
     display: inline-block;
     max-width: 200px;
     overflow-x: hidden;
     text-overflow: ellipsis;
     vertical-align: top
 }

 .ql-snow .ql-tooltip a.ql-action:after {
     border-right: 1px solid #ccc;
     content: "Edit";
     margin-left: 16px;
     padding-right: 8px
 }

 .ql-snow .ql-tooltip a.ql-remove:before {
     content: "Remove";
     margin-left: 8px
 }

 .ql-snow .ql-tooltip a {
     line-height: 26px
 }

 .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 {
     border-right: 0;
     content: "Save";
     padding-right: 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-snow a {
     color: #06c
 }

 .ql-container.ql-snow {
     border: 1px solid #ccc
 }