{"version":3,"sources":["../scss/_variables.scss","quill/quill.snow.scss"],"names":[],"mappings":"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","file":"quill.snow.css","sourcesContent":["\r\n$background: #eaedf7;\r\n$color:#1d212f;\r\n$border:#e8e8f7;\r\n\r\n/*Color variables*/\r\n\r\n\r\n$primary:var(--primary-bg-color);\r\n$primary-hover:var(--primary-bg-hover);\r\n$primary-border:var(--primary-bg-border);\r\n$primary-transparent:var(--primary01);\r\n$primary-005:var(--primary005);\r\n$primary-01:var(--primary01);\r\n$primary-02:var(--primary02);\r\n$primary-03:var(--primary03);\r\n$primary-05:var(--primary05);\r\n$primary-07:var(--primary07);\r\n$primary-08:var(--primary08);\r\n$secondary:#f1388b;\r\n$success:#19b159;\r\n$warning:#ff9b21;\r\n$danger:#fd6074;\r\n$info:#01b8ff;\r\n$light:#f1f2f9;\r\n$dark:#3b4863;\r\n$white:#ffffff;\r\n$black:#000000;\r\n$pink:#ff75ad;\r\n$purple:#6f42c1;\r\n$indigo:#4b0082;\r\n$orange:#fd7e14;\r\n$teal:#00cccc;\r\n\r\n/*gray variables*/\r\n$gray-100:#eaeafb;\r\n$gray-200:#d0d0ec;\r\n$gray-300:#babade;\r\n$gray-400:#8f8fb7;\r\n$gray-500:#717196;\r\n$gray-600:#4f4f71;\r\n$gray-700:#3c3c5d;\r\n$gray-800:#262644;\r\n$gray-900:#1b1b33;\r\n\r\n/*white variables*/\r\n$white-1:rgba(255, 255, 255, 0.1);\r\n$white-2:rgba(255, 255, 255, 0.2);\r\n$white-3:rgba(255, 255, 255, 0.3);\r\n$white-4 :rgba(255, 255, 255, 0.4);\r\n$white-5 :rgba(255, 255, 255, 0.5);\r\n$white-6 :rgba(255, 255, 255, 0.6);\r\n$white-7 :rgba(255, 255, 255, 0.7);\r\n$white-8 :rgba(255, 255, 255, 0.8);\r\n$white-9 :rgba(255, 255, 255, 0.9);\r\n$white-05:rgba(255, 255, 255, 0.05);\r\n$white-08:rgba(255, 255, 255, 0.08);\r\n$white-75:rgba(255, 255, 255, 0.075);\r\n\r\n/*black variables*/\r\n$black-1:rgba(0, 0, 0, 0.1);\r\n$black-2:rgba(0, 0, 0, 0.2);\r\n$black-3:rgba(0, 0, 0, 0.3);\r\n$black-4:rgba(0, 0, 0, 0.4);\r\n$black-5:rgba(0, 0, 0, 0.5);\r\n$black-6:rgba(0, 0, 0, 0.6);\r\n$black-7:rgba(0, 0, 0, 0.7);\r\n$black-8:rgba(0, 0, 0, 0.8);\r\n$black-9:rgba(0, 0, 0, 0.9);\r\n$black-05:rgba(0, 0, 0, 0.05);\r\n\r\n\r\n/*Dark Theme*/\r\n$dark-theme:var(--dark-theme);\r\n$dark-body:var(--dark-body);\r\n$dark-color:var(--dark-color);\r\n$dark-border:var(--dark-border);\r\n/*Dark Theme*/\r\n\r\n\t\r\n\r\n","@import \"../../scss/variables\";\n\n/*!\n * Quill Editor v1.3.6\n * https://quilljs.com/\n * Copyright (c) 2014, Jason Chen\n * Copyright (c) 2013, salesforce.com\n */\n\n.ql-container {\n  box-sizing: border-box;\n  font-size: 13px;\n  height: 100%;\n  margin: 0px;\n  position: relative;\n\n  &.ql-disabled {\n    .ql-tooltip {\n      visibility: hidden;\n    }\n\n    .ql-editor ul[data-checked] > li::before {\n      pointer-events: none;\n    }\n  }\n}\n\n.ql-clipboard {\n  left: -100000px;\n  height: 1px;\n  overflow-y: hidden;\n  position: absolute;\n  top: 50%;\n\n  p {\n    margin: 0;\n    padding: 0;\n  }\n}\n\n.ql-editor {\n  box-sizing: border-box;\n  line-height: 1.42;\n  height: 100%;\n  outline: none;\n  overflow-y: auto;\n  padding: 12px 15px;\n  tab-size: 4;\n  -moz-tab-size: 4;\n  text-align: left;\n  white-space: pre-wrap;\n  word-wrap: break-word;\n\n  > * {\n    cursor: text;\n  }\n\n  p,\n  ol,\n  ul,\n  pre,\n  blockquote,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    margin: 0;\n    padding: 0;\n    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n  }\n\n  ol,\n  ul {\n    padding-left: 1.5em;\n  }\n\n  ol > li {\n    list-style-type: none;\n  }\n\n  ul {\n    > li {\n      list-style-type: none;\n\n      &::before {\n        content: \"\\2022\";\n      }\n    }\n\n    &[data-checked=\"true\"],\n    &[data-checked=\"false\"] {\n      pointer-events: none;\n    }\n\n    &[data-checked=\"true\"] > li *,\n    &[data-checked=\"false\"] > li * {\n      pointer-events: all;\n    }\n\n    &[data-checked=\"true\"] > li::before,\n    &[data-checked=\"false\"] > li::before {\n      color: #777;\n      cursor: pointer;\n      pointer-events: all;\n    }\n\n    &[data-checked=\"true\"] > li::before {\n      content: \"\\2611\";\n    }\n\n    &[data-checked=\"false\"] > li::before {\n      content: \"\\2610\";\n    }\n  }\n\n  li {\n    &::before {\n      display: inline-block;\n      white-space: nowrap;\n      width: 1.2em;\n    }\n\n    &:not(.ql-direction-rtl)::before {\n      margin-left: -1.5em;\n      margin-right: 0.3em;\n      text-align: right;\n    }\n\n    &.ql-direction-rtl::before {\n      margin-left: 0.3em;\n      margin-right: -1.5em;\n    }\n  }\n\n  ol li:not(.ql-direction-rtl),\n  ul li:not(.ql-direction-rtl) {\n    padding-left: 1.5em;\n  }\n\n  ol li.ql-direction-rtl,\n  ul li.ql-direction-rtl {\n    padding-right: 1.5em;\n  }\n\n  ol li {\n    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n    counter-increment: list-0;\n\n    &:before {\n      content: counter(list-0, decimal) \". \";\n    }\n\n    &.ql-indent-1 {\n      counter-increment: list-1;\n\n      &:before {\n        content: counter(list-1, lower-alpha) \". \";\n      }\n\n      counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n    }\n\n    &.ql-indent-2 {\n      counter-increment: list-2;\n\n      &:before {\n        content: counter(list-2, lower-roman) \". \";\n      }\n\n      counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n    }\n\n    &.ql-indent-3 {\n      counter-increment: list-3;\n\n      &:before {\n        content: counter(list-3, decimal) \". \";\n      }\n\n      counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;\n    }\n\n    &.ql-indent-4 {\n      counter-increment: list-4;\n\n      &:before {\n        content: counter(list-4, lower-alpha) \". \";\n      }\n\n      counter-reset: list-5 list-6 list-7 list-8 list-9;\n    }\n\n    &.ql-indent-5 {\n      counter-increment: list-5;\n\n      &:before {\n        content: counter(list-5, lower-roman) \". \";\n      }\n\n      counter-reset: list-6 list-7 list-8 list-9;\n    }\n\n    &.ql-indent-6 {\n      counter-increment: list-6;\n\n      &:before {\n        content: counter(list-6, decimal) \". \";\n      }\n\n      counter-reset: list-7 list-8 list-9;\n    }\n\n    &.ql-indent-7 {\n      counter-increment: list-7;\n\n      &:before {\n        content: counter(list-7, lower-alpha) \". \";\n      }\n\n      counter-reset: list-8 list-9;\n    }\n\n    &.ql-indent-8 {\n      counter-increment: list-8;\n\n      &:before {\n        content: counter(list-8, lower-roman) \". \";\n      }\n\n      counter-reset: list-9;\n    }\n\n    &.ql-indent-9 {\n      counter-increment: list-9;\n\n      &:before {\n        content: counter(list-9, decimal) \". \";\n      }\n    }\n  }\n\n  .ql-indent-1:not(.ql-direction-rtl) {\n    padding-left: 3em;\n  }\n\n  li.ql-indent-1:not(.ql-direction-rtl) {\n    padding-left: 4.5em;\n  }\n\n  .ql-indent-1.ql-direction-rtl.ql-align-right {\n    padding-right: 3em;\n  }\n\n  li.ql-indent-1.ql-direction-rtl.ql-align-right {\n    padding-right: 4.5em;\n  }\n\n  .ql-indent-2:not(.ql-direction-rtl) {\n    padding-left: 6em;\n  }\n\n  li.ql-indent-2:not(.ql-direction-rtl) {\n    padding-left: 7.5em;\n  }\n\n  .ql-indent-2.ql-direction-rtl.ql-align-right {\n    padding-right: 6em;\n  }\n\n  li.ql-indent-2.ql-direction-rtl.ql-align-right {\n    padding-right: 7.5em;\n  }\n\n  .ql-indent-3:not(.ql-direction-rtl) {\n    padding-left: 9em;\n  }\n\n  li.ql-indent-3:not(.ql-direction-rtl) {\n    padding-left: 10.5em;\n  }\n\n  .ql-indent-3.ql-direction-rtl.ql-align-right {\n    padding-right: 9em;\n  }\n\n  li.ql-indent-3.ql-direction-rtl.ql-align-right {\n    padding-right: 10.5em;\n  }\n\n  .ql-indent-4:not(.ql-direction-rtl) {\n    padding-left: 12em;\n  }\n\n  li.ql-indent-4:not(.ql-direction-rtl) {\n    padding-left: 13.5em;\n  }\n\n  .ql-indent-4.ql-direction-rtl.ql-align-right {\n    padding-right: 12em;\n  }\n\n  li.ql-indent-4.ql-direction-rtl.ql-align-right {\n    padding-right: 13.5em;\n  }\n\n  .ql-indent-5:not(.ql-direction-rtl) {\n    padding-left: 15em;\n  }\n\n  li.ql-indent-5:not(.ql-direction-rtl) {\n    padding-left: 16.5em;\n  }\n\n  .ql-indent-5.ql-direction-rtl.ql-align-right {\n    padding-right: 15em;\n  }\n\n  li.ql-indent-5.ql-direction-rtl.ql-align-right {\n    padding-right: 16.5em;\n  }\n\n  .ql-indent-6:not(.ql-direction-rtl) {\n    padding-left: 18em;\n  }\n\n  li.ql-indent-6:not(.ql-direction-rtl) {\n    padding-left: 19.5em;\n  }\n\n  .ql-indent-6.ql-direction-rtl.ql-align-right {\n    padding-right: 18em;\n  }\n\n  li.ql-indent-6.ql-direction-rtl.ql-align-right {\n    padding-right: 19.5em;\n  }\n\n  .ql-indent-7:not(.ql-direction-rtl) {\n    padding-left: 21em;\n  }\n\n  li.ql-indent-7:not(.ql-direction-rtl) {\n    padding-left: 22.5em;\n  }\n\n  .ql-indent-7.ql-direction-rtl.ql-align-right {\n    padding-right: 21em;\n  }\n\n  li.ql-indent-7.ql-direction-rtl.ql-align-right {\n    padding-right: 22.5em;\n  }\n\n  .ql-indent-8:not(.ql-direction-rtl) {\n    padding-left: 24em;\n  }\n\n  li.ql-indent-8:not(.ql-direction-rtl) {\n    padding-left: 25.5em;\n  }\n\n  .ql-indent-8.ql-direction-rtl.ql-align-right {\n    padding-right: 24em;\n  }\n\n  li.ql-indent-8.ql-direction-rtl.ql-align-right {\n    padding-right: 25.5em;\n  }\n\n  .ql-indent-9:not(.ql-direction-rtl) {\n    padding-left: 27em;\n  }\n\n  li.ql-indent-9:not(.ql-direction-rtl) {\n    padding-left: 28.5em;\n  }\n\n  .ql-indent-9.ql-direction-rtl.ql-align-right {\n    padding-right: 27em;\n  }\n\n  li.ql-indent-9.ql-direction-rtl.ql-align-right {\n    padding-right: 28.5em;\n  }\n\n  .ql-video {\n    display: block;\n    max-width: 100%;\n\n    &.ql-align-center {\n      margin: 0 auto;\n    }\n\n    &.ql-align-right {\n      margin: 0 0 0 auto;\n    }\n  }\n\n  .ql-bg-black {\n    background-color: #334151;\n  }\n\n  .ql-bg-red {\n    background-color: #e60000;\n  }\n\n  .ql-bg-orange {\n    background-color: #f90;\n  }\n\n  .ql-bg-yellow {\n    background-color: #ff0;\n  }\n\n  .ql-bg-green {\n    background-color: #008a00;\n  }\n\n  .ql-bg-blue {\n    background-color: $primary;\n  }\n\n  .ql-bg-purple {\n    background-color: #93f;\n  }\n\n  .ql-color-white {\n    color: $white;\n  }\n\n  .ql-color-red {\n    color: #e60000;\n  }\n\n  .ql-color-orange {\n    color: #f90;\n  }\n\n  .ql-color-yellow {\n    color: #ff0;\n  }\n\n  .ql-color-green {\n    color: #008a00;\n  }\n\n  .ql-color-blue {\n    color: $primary;\n  }\n\n  .ql-color-purple {\n    color: #93f;\n  }\n\n  .ql-font-serif {\n    font-family: Georgia, Times New Roman, serif;\n  }\n\n  .ql-font-monospace {\n    font-family: Monaco, Courier New, monospace;\n  }\n\n  .ql-size-small {\n    font-size: 0.75em;\n  }\n\n  .ql-size-large {\n    font-size: 1.5em;\n  }\n\n  .ql-size-huge {\n    font-size: 2.5em;\n  }\n\n  .ql-direction-rtl {\n    direction: rtl;\n    text-align: inherit;\n  }\n\n  .ql-align-center {\n    text-align: center;\n  }\n\n  .ql-align-justify {\n    text-align: justify;\n  }\n\n  .ql-align-right {\n    text-align: right;\n  }\n\n  &.ql-blank::before {\n    color: $black-6;\n    content: attr(data-placeholder);\n    font-style: italic;\n    left: 15px;\n    pointer-events: none;\n    position: absolute;\n    right: 15px;\n  }\n}\n\n.ql-snow {\n  &.ql-toolbar:after,\n  .ql-toolbar:after {\n    clear: both;\n    content: \"\";\n    display: table;\n  }\n\n  &.ql-toolbar button,\n  .ql-toolbar button {\n    background: none;\n    border: none;\n    cursor: pointer;\n    display: inline-block;\n    height: 24px;\n    padding: 3px 5px;\n    width: 28px;\n  }\n\n  &.ql-toolbar button svg,\n  .ql-toolbar button svg {\n    float: left;\n    height: 100%;\n  }\n\n  &.ql-toolbar button:active:hover,\n  .ql-toolbar button:active:hover {\n    outline: none;\n  }\n\n  &.ql-toolbar input.ql-image[type=\"file\"],\n  .ql-toolbar input.ql-image[type=\"file\"] {\n    display: none;\n  }\n\n  &.ql-toolbar button:hover,\n  .ql-toolbar button:hover,\n  &.ql-toolbar button:focus,\n  .ql-toolbar button:focus,\n  &.ql-toolbar button.ql-active,\n  .ql-toolbar button.ql-active,\n  &.ql-toolbar .ql-picker-label:hover,\n  .ql-toolbar .ql-picker-label:hover,\n  &.ql-toolbar .ql-picker-label.ql-active,\n  .ql-toolbar .ql-picker-label.ql-active,\n  &.ql-toolbar .ql-picker-item:hover,\n  .ql-toolbar .ql-picker-item:hover,\n  &.ql-toolbar .ql-picker-item.ql-selected,\n  .ql-toolbar .ql-picker-item.ql-selected {\n    color: $primary;\n  }\n\n  &.ql-toolbar button:hover .ql-fill,\n  .ql-toolbar button:hover .ql-fill,\n  &.ql-toolbar button:focus .ql-fill,\n  .ql-toolbar button:focus .ql-fill,\n  &.ql-toolbar button.ql-active .ql-fill,\n  .ql-toolbar button.ql-active .ql-fill,\n  &.ql-toolbar .ql-picker-label:hover .ql-fill,\n  .ql-toolbar .ql-picker-label:hover .ql-fill,\n  &.ql-toolbar .ql-picker-label.ql-active .ql-fill,\n  .ql-toolbar .ql-picker-label.ql-active .ql-fill,\n  &.ql-toolbar .ql-picker-item:hover .ql-fill,\n  .ql-toolbar .ql-picker-item:hover .ql-fill,\n  &.ql-toolbar .ql-picker-item.ql-selected .ql-fill,\n  .ql-toolbar .ql-picker-item.ql-selected .ql-fill,\n  &.ql-toolbar button:hover .ql-stroke.ql-fill,\n  .ql-toolbar button:hover .ql-stroke.ql-fill,\n  &.ql-toolbar button:focus .ql-stroke.ql-fill,\n  .ql-toolbar button:focus .ql-stroke.ql-fill,\n  &.ql-toolbar button.ql-active .ql-stroke.ql-fill,\n  .ql-toolbar button.ql-active .ql-stroke.ql-fill,\n  &.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,\n  .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,\n  &.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,\n  .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,\n  &.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,\n  .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,\n  &.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,\n  .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {\n    fill: $primary;\n  }\n\n  &.ql-toolbar button:hover .ql-stroke,\n  .ql-toolbar button:hover .ql-stroke,\n  &.ql-toolbar button:focus .ql-stroke,\n  .ql-toolbar button:focus .ql-stroke,\n  &.ql-toolbar button.ql-active .ql-stroke,\n  .ql-toolbar button.ql-active .ql-stroke,\n  &.ql-toolbar .ql-picker-label:hover .ql-stroke,\n  .ql-toolbar .ql-picker-label:hover .ql-stroke,\n  &.ql-toolbar .ql-picker-label.ql-active .ql-stroke,\n  .ql-toolbar .ql-picker-label.ql-active .ql-stroke,\n  &.ql-toolbar .ql-picker-item:hover .ql-stroke,\n  .ql-toolbar .ql-picker-item:hover .ql-stroke,\n  &.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,\n  .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,\n  &.ql-toolbar button:hover .ql-stroke-miter,\n  .ql-toolbar button:hover .ql-stroke-miter,\n  &.ql-toolbar button:focus .ql-stroke-miter,\n  .ql-toolbar button:focus .ql-stroke-miter,\n  &.ql-toolbar button.ql-active .ql-stroke-miter,\n  .ql-toolbar button.ql-active .ql-stroke-miter,\n  &.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,\n  .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,\n  &.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,\n  .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,\n  &.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,\n  .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,\n  &.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,\n  .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {\n    stroke: $primary;\n  }\n\n  box-sizing: border-box;\n\n  * {\n    box-sizing: border-box;\n  }\n\n  .ql-hidden {\n    display: none;\n  }\n\n  .ql-out-bottom,\n  .ql-out-top {\n    visibility: hidden;\n  }\n\n  .ql-tooltip {\n    position: absolute;\n    transform: translateY(10px);\n\n    a {\n      cursor: pointer;\n      text-decoration: none;\n    }\n\n    &.ql-flip {\n      transform: translateY(-10px);\n    }\n  }\n\n  .ql-formats {\n    display: flex;\n    vertical-align: middle;\n    float: left;\n    &:after {\n      clear: both;\n      content: \"\";\n      display: table;\n    }\n  }\n\n  .ql-stroke {\n    fill: none;\n    stroke: #444;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    stroke-width: 2;\n  }\n\n  .ql-stroke-miter {\n    fill: none;\n    stroke: #444;\n    stroke-miterlimit: 10;\n    stroke-width: 2;\n  }\n\n  .ql-fill,\n  .ql-stroke.ql-fill {\n    fill: #444;\n  }\n\n  .ql-empty {\n    fill: none;\n  }\n\n  .ql-even {\n    fill-rule: evenodd;\n  }\n\n  .ql-thin,\n  .ql-stroke.ql-thin {\n    stroke-width: 1;\n  }\n\n  .ql-transparent {\n    opacity: 0.4;\n  }\n\n  .ql-direction {\n    svg:last-child {\n      display: none;\n    }\n\n    &.ql-active svg {\n      &:last-child {\n        display: inline;\n      }\n\n      &:first-child {\n        display: none;\n      }\n    }\n  }\n\n  .ql-editor {\n    h1 {\n      font-size: 2em;\n    }\n\n    h2 {\n      font-size: 1.5em;\n    }\n\n    h3 {\n      font-size: 1.17em;\n    }\n\n    h4 {\n      font-size: 1em;\n    }\n\n    h5 {\n      font-size: 0.83em;\n    }\n\n    h6 {\n      font-size: 0.67em;\n    }\n\n    a {\n      text-decoration: underline;\n    }\n\n    blockquote {\n      border-left: 4px solid #e1e6f1;\n      margin-bottom: 5px;\n      margin-top: 5px;\n      padding-left: 16px;\n    }\n\n    code {\n      background-color: #f0f0f0;\n      border-radius: 3px;\n    }\n\n    pre {\n      background-color: #f0f0f0;\n      border-radius: 3px;\n      white-space: pre-wrap;\n      margin-bottom: 5px;\n      margin-top: 5px;\n      padding: 5px 10px;\n    }\n\n    code {\n      font-size: 85%;\n      padding: 2px 4px;\n    }\n\n    pre.ql-syntax {\n      background-color: #23241f;\n      color: #f8f8f2;\n      overflow: visible;\n    }\n\n    img {\n      max-width: 100%;\n    }\n  }\n\n  .ql-picker {\n    color: #444;\n    display: inline-block;\n    font-size: 14px;\n    font-weight: 500;\n    height: 24px;\n    position: relative;\n    vertical-align: middle;\n  }\n\n  .ql-picker-label {\n    cursor: pointer;\n    display: inline-block;\n    height: 100%;\n    padding-left: 8px;\n    padding-right: 2px;\n    position: relative;\n    width: 100%;\n\n    &::before {\n      display: inline-block;\n      line-height: 22px;\n    }\n  }\n\n  .ql-picker-options {\n    background-color: $white;\n    display: none;\n    min-width: 100%;\n    padding: 4px 8px;\n    position: absolute;\n    white-space: nowrap;\n\n    .ql-picker-item {\n      cursor: pointer;\n      display: block;\n      padding-bottom: 5px;\n      padding-top: 5px;\n    }\n  }\n\n  .ql-picker.ql-expanded {\n    .ql-picker-label {\n      color: #e1e6f1;\n      z-index: 2;\n\n      .ql-fill {\n        fill: #e1e6f1;\n      }\n\n      .ql-stroke {\n        stroke: #e1e6f1;\n      }\n    }\n\n    .ql-picker-options {\n      display: block;\n      margin-top: -1px;\n      top: 100%;\n      z-index: 1;\n    }\n  }\n\n  .ql-color-picker,\n  .ql-icon-picker {\n    width: 28px;\n  }\n\n  .ql-color-picker .ql-picker-label,\n  .ql-icon-picker .ql-picker-label {\n    padding: 2px 4px;\n  }\n\n  .ql-color-picker .ql-picker-label svg {\n    right: 4px;\n  }\n\n  .ql-icon-picker {\n    .ql-picker-label svg {\n      right: 4px;\n    }\n\n    .ql-picker-options {\n      padding: 4px 0px;\n    }\n\n    .ql-picker-item {\n      height: 24px;\n      width: 24px;\n      padding: 2px 4px;\n    }\n  }\n\n  .ql-color-picker {\n    .ql-picker-options {\n      padding: 3px 5px;\n      width: 152px;\n    }\n\n    .ql-picker-item {\n      border: 1px solid transparent;\n      float: left;\n      height: 16px;\n      margin: 2px;\n      padding: 0px;\n      width: 16px;\n    }\n  }\n\n  .ql-picker {\n    &:not(.ql-color-picker):not(.ql-icon-picker) svg {\n      position: absolute;\n      margin-top: -9px;\n      right: 0;\n      top: 50%;\n      width: 18px;\n    }\n\n    &.ql-header .ql-picker-label[data-label]:not([data-label=\"\"])::before,\n    &.ql-font .ql-picker-label[data-label]:not([data-label=\"\"])::before,\n    &.ql-size .ql-picker-label[data-label]:not([data-label=\"\"])::before,\n    &.ql-header .ql-picker-item[data-label]:not([data-label=\"\"])::before,\n    &.ql-font .ql-picker-item[data-label]:not([data-label=\"\"])::before,\n    &.ql-size .ql-picker-item[data-label]:not([data-label=\"\"])::before {\n      content: attr(data-label);\n    }\n\n    &.ql-header {\n      width: 98px;\n\n      .ql-picker-label::before,\n      .ql-picker-item::before {\n        content: \"Normal\";\n      }\n\n      .ql-picker-label[data-value=\"1\"]::before,\n      .ql-picker-item[data-value=\"1\"]::before {\n        content: \"Heading 1\";\n      }\n\n      .ql-picker-label[data-value=\"2\"]::before,\n      .ql-picker-item[data-value=\"2\"]::before {\n        content: \"Heading 2\";\n      }\n\n      .ql-picker-label[data-value=\"3\"]::before,\n      .ql-picker-item[data-value=\"3\"]::before {\n        content: \"Heading 3\";\n      }\n\n      .ql-picker-label[data-value=\"4\"]::before,\n      .ql-picker-item[data-value=\"4\"]::before {\n        content: \"Heading 4\";\n      }\n\n      .ql-picker-label[data-value=\"5\"]::before,\n      .ql-picker-item[data-value=\"5\"]::before {\n        content: \"Heading 5\";\n      }\n\n      .ql-picker-label[data-value=\"6\"]::before {\n        content: \"Heading 6\";\n      }\n\n      .ql-picker-item {\n        &[data-value=\"6\"]::before {\n          content: \"Heading 6\";\n        }\n\n        &[data-value=\"1\"]::before {\n          font-size: 2em;\n        }\n\n        &[data-value=\"2\"]::before {\n          font-size: 1.5em;\n        }\n\n        &[data-value=\"3\"]::before {\n          font-size: 1.17em;\n        }\n\n        &[data-value=\"4\"]::before {\n          font-size: 1em;\n        }\n\n        &[data-value=\"5\"]::before {\n          font-size: 0.83em;\n        }\n\n        &[data-value=\"6\"]::before {\n          font-size: 0.67em;\n        }\n      }\n    }\n\n    &.ql-font {\n      width: 108px;\n\n      .ql-picker-label::before,\n      .ql-picker-item::before {\n        content: \"Sans Serif\";\n      }\n\n      .ql-picker-label[data-value=\"serif\"]::before,\n      .ql-picker-item[data-value=\"serif\"]::before {\n        content: \"Serif\";\n      }\n\n      .ql-picker-label[data-value=\"monospace\"]::before {\n        content: \"Monospace\";\n      }\n\n      .ql-picker-item {\n        &[data-value=\"monospace\"]::before {\n          content: \"Monospace\";\n        }\n\n        &[data-value=\"serif\"]::before {\n          font-family: Georgia, Times New Roman, serif;\n        }\n\n        &[data-value=\"monospace\"]::before {\n          font-family: Monaco, Courier New, monospace;\n        }\n      }\n    }\n\n    &.ql-size {\n      width: 98px;\n\n      .ql-picker-label::before,\n      .ql-picker-item::before {\n        content: \"Normal\";\n      }\n\n      .ql-picker-label[data-value=\"small\"]::before,\n      .ql-picker-item[data-value=\"small\"]::before {\n        content: \"Small\";\n      }\n\n      .ql-picker-label[data-value=\"large\"]::before,\n      .ql-picker-item[data-value=\"large\"]::before {\n        content: \"Large\";\n      }\n\n      .ql-picker-label[data-value=\"huge\"]::before {\n        content: \"Huge\";\n      }\n\n      .ql-picker-item {\n        &[data-value=\"huge\"]::before {\n          content: \"Huge\";\n        }\n\n        &[data-value=\"small\"]::before {\n          font-size: 10px;\n        }\n\n        &[data-value=\"large\"]::before {\n          font-size: 18px;\n        }\n\n        &[data-value=\"huge\"]::before {\n          font-size: 32px;\n        }\n      }\n    }\n  }\n\n  .ql-color-picker {\n    &.ql-background .ql-picker-item {\n      background-color: $white;\n    }\n\n    &.ql-color .ql-picker-item {\n      background-color: #334151;\n    }\n  }\n}\n\n@media (pointer: coarse) {\n  .ql-snow {\n    &.ql-toolbar button:hover:not(.ql-active),\n    .ql-toolbar button:hover:not(.ql-active) {\n      color: #444;\n    }\n\n    &.ql-toolbar button:hover:not(.ql-active) .ql-fill,\n    .ql-toolbar button:hover:not(.ql-active) .ql-fill,\n    &.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,\n    .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {\n      fill: #444;\n    }\n\n    &.ql-toolbar button:hover:not(.ql-active) .ql-stroke,\n    .ql-toolbar button:hover:not(.ql-active) .ql-stroke,\n    &.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,\n    .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {\n      stroke: #444;\n    }\n  }\n}\n\n.ql-toolbar.ql-snow {\n  border: 1px solid #e1e6f1;\n  box-sizing: border-box;\n  padding: 8px;\n\n  .ql-formats {\n    margin-right: 15px;\n  }\n\n  .ql-picker-label {\n    border: 1px solid transparent;\n  }\n\n  .ql-picker-options {\n    border: 1px solid transparent;\n    box-shadow: $black-2 0 2px 8px;\n  }\n\n  .ql-picker.ql-expanded {\n    .ql-picker-label,\n    .ql-picker-options {\n      border-color: #e1e6f1;\n    }\n  }\n\n  .ql-color-picker .ql-picker-item {\n    &.ql-selected,\n    &:hover {\n      border-color: #334151;\n    }\n  }\n\n  + .ql-container.ql-snow {\n    border-top: 0px;\n  }\n}\n\n.ql-snow {\n  .ql-tooltip {\n    background-color: $white;\n    border: 1px solid #e1e6f1;\n    box-shadow: 0px 0px 5px #ddd;\n    color: #444;\n    padding: 5px 12px;\n    white-space: nowrap;\n    top: 0px !important;\n    left: 19rem !important;\n\n    &::before {\n      content: \"Visit URL:\";\n      line-height: 26px;\n      margin-right: 8px;\n    }\n\n    input[type=\"text\"] {\n      display: none;\n      border: 1px solid #e1e6f1;\n      font-size: 13px;\n      height: 26px;\n      margin: 0px;\n      padding: 3px 5px;\n      width: 170px;\n    }\n\n    a {\n      &.ql-preview {\n        display: inline-block;\n        max-width: 200px;\n        overflow-x: hidden;\n        text-overflow: ellipsis;\n        vertical-align: top;\n      }\n\n      &.ql-action::after {\n        border-right: 1px solid #e1e6f1;\n        content: \"Edit\";\n        margin-left: 16px;\n        padding-right: 8px;\n      }\n\n      &.ql-remove::before {\n        content: \"Remove\";\n        margin-left: 8px;\n      }\n\n      line-height: 26px;\n    }\n\n    &.ql-editing {\n      a {\n        &.ql-preview,\n        &.ql-remove {\n          display: none;\n        }\n      }\n\n      input[type=\"text\"] {\n        display: inline-block;\n      }\n\n      a.ql-action::after {\n        border-right: 0px;\n        content: \"Save\";\n        padding-right: 0px;\n      }\n    }\n\n    &[data-mode=\"link\"]::before {\n      content: \"Enter link:\";\n    }\n\n    &[data-mode=\"formula\"]::before {\n      content: \"Enter formula:\";\n    }\n\n    &[data-mode=\"video\"]::before {\n      content: \"Enter video:\";\n    }\n  }\n\n  a {\n    color: $primary;\n  }\n}\n\n.ql-container.ql-snow {\n  border: 1px solid #e1e6f1;\n}\n"]}