@kubex/zinc 1.1.2 → 1.1.3

package/dist/custom-elements.json

@@ -47,6 +47,79 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/action-bar/action-bar.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ZnActionBar",
+          "cssProperties": [
+            {
+              "description": "An example CSS custom property.",
+              "name": "--example"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The default slot.",
+              "name": ""
+            },
+            {
+              "description": "An example slot.",
+              "name": "example"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted as an example.",
+              "name": "zn-event-name"
+            }
+          ],
+          "superclass": {
+            "name": "ZincElement",
+            "module": "/src/internal/zinc-element"
+          },
+          "summary": "Short summary of the component's intended use.",
+          "tagNameWithoutPrefix": "action-bar",
+          "tagName": "zn-action-bar",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/action-bar\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-example\n *\n * @event zn-event-name - Emitted as an example.\n *\n * @slot - The default slot.\n * @slot example - An example slot.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --example - An example CSS custom property.\n */",
+          "documentation": "https://zinc.style/components/action-bar",
+          "status": "experimental",
+          "since": "1.0",
+          "dependencies": [
+            "zn-example"
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "ZnActionBar",
+            "module": "components/action-bar/action-bar.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/alert/alert.js",
@@ -205,79 +278,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/action-bar/action-bar.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "ZnActionBar",
-          "cssProperties": [
-            {
-              "description": "An example CSS custom property.",
-              "name": "--example"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The default slot.",
-              "name": ""
-            },
-            {
-              "description": "An example slot.",
-              "name": "example"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "localize",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new LocalizeController(this)"
-            }
-          ],
-          "events": [
-            {
-              "description": "Emitted as an example.",
-              "name": "zn-event-name"
-            }
-          ],
-          "superclass": {
-            "name": "ZincElement",
-            "module": "/src/internal/zinc-element"
-          },
-          "summary": "Short summary of the component's intended use.",
-          "tagNameWithoutPrefix": "action-bar",
-          "tagName": "zn-action-bar",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/action-bar\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-example\n *\n * @event zn-event-name - Emitted as an example.\n *\n * @slot - The default slot.\n * @slot example - An example slot.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --example - An example CSS custom property.\n */",
-          "documentation": "https://zinc.style/components/action-bar",
-          "status": "experimental",
-          "since": "1.0",
-          "dependencies": [
-            "zn-example"
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "ZnActionBar",
-            "module": "components/action-bar/action-bar.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/animated-button/animated-button.js",
@@ -36151,7 +36151,7 @@
   "package": {
     "name": "@kubex/zinc",
     "description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
-    "version": "1.1.2",
+    "version": "1.1.3",
     "author": "",
     "license": "MIT"
   }

package/dist/vscode.html-custom-data.json

@@ -13,6 +13,17 @@
         }
       ]
     },
+    {
+      "name": "zn-action-bar",
+      "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
+      "attributes": [],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://zinc.style/components/action-bar"
+        }
+      ]
+    },
     {
       "name": "zn-alert",
       "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
@@ -48,17 +59,6 @@
         }
       ]
     },
-    {
-      "name": "zn-action-bar",
-      "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
-      "attributes": [],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://zinc.style/components/action-bar"
-        }
-      ]
-    },
     {
       "name": "zn-animated-button",
       "description": "\n---\n\n\n### **Methods:**\n - **purchase(): _void_** - Programmatically trigger the purchase flow\n- **setSuccess(): _void_** - Set the button to success state manually\n- **setFailure(message): _void_** - Set the button to failure state manually with optional error message\n- **reset(): _void_** - Reset the button to idle state",

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@kubex/zinc",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -15,6 +15,28 @@
           "events": [],
           "js": { "properties": [], "events": [] }
         },
+        {
+          "name": "zn-action-bar",
+          "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
+          "doc-url": "",
+          "attributes": [],
+          "slots": [
+            { "name": "", "description": "The default slot." },
+            { "name": "example", "description": "An example slot." }
+          ],
+          "events": [
+            { "name": "zn-event-name", "description": "Emitted as an example." }
+          ],
+          "js": {
+            "properties": [],
+            "events": [
+              {
+                "name": "zn-event-name",
+                "description": "Emitted as an example."
+              }
+            ]
+          }
+        },
         {
           "name": "zn-alert",
           "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
@@ -70,28 +92,6 @@
             ]
           }
         },
-        {
-          "name": "zn-action-bar",
-          "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
-          "doc-url": "",
-          "attributes": [],
-          "slots": [
-            { "name": "", "description": "The default slot." },
-            { "name": "example", "description": "An example slot." }
-          ],
-          "events": [
-            { "name": "zn-event-name", "description": "Emitted as an example." }
-          ],
-          "js": {
-            "properties": [],
-            "events": [
-              {
-                "name": "zn-event-name",
-                "description": "Emitted as an example."
-              }
-            ]
-          }
-        },
         {
           "name": "zn-animated-button",
           "description": "\n---\n\n\n### **Methods:**\n - **purchase(): _void_** - Programmatically trigger the purchase flow\n- **setSuccess(): _void_** - Set the button to success state manually\n- **setFailure(message): _void_** - Set the button to failure state manually with optional error message\n- **reset(): _void_** - Reset the button to idle state",

package/dist/zn.min.js

@@ -194,7 +194,7 @@ function print() { __p += __j.call(arguments, '') }
         <div class="${ie({content:!0,"content--flush":this.flush})}">
           <slot @slotchange="${this.requestUpdate}"></slot>
         </div>
-      </div>`}};qa.styles=Q(ice),_([w({reflect:!0})],qa.prototype,"caption",2),_([w({reflect:!0})],qa.prototype,"description",2),_([w({reflect:!0})],qa.prototype,"label",2),_([w({type:Boolean,attribute:"show-number",reflect:!0})],qa.prototype,"showNumber",2),_([w({type:String,attribute:"count-element"})],qa.prototype,"countElement",2),_([w({type:Boolean,reflect:!0})],qa.prototype,"expanded",2),_([w({attribute:"default"})],qa.prototype,"defaultState",2),_([w({attribute:"local-storage",type:Boolean,reflect:!0})],qa.prototype,"localStorage",2),_([w({attribute:"store-key",reflect:!0})],qa.prototype,"storeKey",2),_([w({attribute:"store-ttl",type:Number,reflect:!0})],qa.prototype,"storeTtl",2),_([w({attribute:"flush",type:Boolean,reflect:!0})],qa.prototype,"flush",2),_([Le()],qa.prototype,"numberOfItems",2);var JAe=qa;qa.define("zn-collapsible");var nce=J`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}:host *,:host *::before,:host *::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:rgb(var(--zn-border-color))}[hidden]{display:none !important}.width-container,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}:host,.wrapper{display:flex;justify-content:flex-start;align-items:center;border-radius:10px}:host{background-color:rgba(var(--zn-panel),0.8)}.alert-icon{padding:var(--zn-spacing-2x-small) var(--zn-spacing-x-small) 0}p{margin:0}.wrapper{position:relative;border:1px solid rgb(var(--zn-border-color)) !important;width:100%;height:100%}.wrapper:before{border-radius:10px;position:absolute;content:"";inset:0;z-index:-1;backdrop-filter:blur(3px)}:host([caption]) zn-icon{align-self:flex-start;margin-top:6px}.content{display:flex;flex-direction:column;flex-grow:1;align-self:start;text-align:left;padding:8px}.content>h6{font-size:inherit;font-weight:600;margin:0;padding:0}.actions{display:flex;justify-content:flex-end;align-items:center;gap:var(--zn-spacing-small)}:host .wrapper h6{color:rgb(var(--zn-text))}:host .wrapper{border-color:rgb(var(--zn-border-color)) !important;background:rgba(var(--zn-panel),0.05)}:host([level=primary]) .wrapper h6{color:rgb(var(--zn-primary))}:host([level=primary]) .wrapper{border-color:rgb(var(--zn-primary)) !important;background:rgba(var(--zn-primary),0.05)}:host([level=primary]) .wrapper zn-icon{--icon-color:rgb(var(--zn-primary))}:host([level=error]) .wrapper h6{color:rgb(var(--zn-color-error))}:host([level=error]) .wrapper{border-color:rgb(var(--zn-color-error)) !important;background:rgba(var(--zn-color-error),0.05)}:host([level=error]) .wrapper zn-icon{--icon-color:rgb(var(--zn-color-error))}:host([level=info]) .wrapper h6{color:rgb(var(--zn-color-info))}:host([level=info]) .wrapper{border-color:rgb(var(--zn-color-info)) !important;background:rgba(var(--zn-color-info),0.05)}:host([level=info]) .wrapper zn-icon{--icon-color:rgb(var(--zn-color-info))}:host([level=warning]) .wrapper h6{color:rgb(var(--zn-color-warning))}:host([level=warning]) .wrapper{border-color:rgb(var(--zn-color-warning)) !important;background:rgba(var(--zn-color-warning),0.05)}:host([level=warning]) .wrapper zn-icon{--icon-color:rgb(var(--zn-color-warning))}:host([level=success]) .wrapper h6{color:rgb(var(--zn-color-success))}:host([level=success]) .wrapper{border-color:rgb(var(--zn-color-success)) !important;background:rgba(var(--zn-color-success),0.05)}:host([level=success]) .wrapper zn-icon{--icon-color:rgb(var(--zn-color-success))}:host([level=note]) .wrapper h6{color:var(--zn-color-gray-800)}:host([level=note]) .wrapper{border-color:var(--zn-color-gray-500) !important;background:var(--zn-color-gray-100)}:host([level=note]) .wrapper zn-icon{--icon-color:var(--zn-color-gray-800)}.alert--small{padding:var(--zn-spacing-2x-small) var(--zn-spacing-x-small);font-size:90%}.alert--medium{padding:var(--zn-spacing-x-small) var(--zn-spacing-small);font-size:100%}.alert--large{padding:var(--zn-spacing-small) var(--zn-spacing-medium);font-size:110%}:host([level=cosmic]){border:1px solid transparent}:host([level=cosmic]):before{content:"";z-index:-1;position:absolute;top:-2px;left:-2px;height:calc(100% + 4px);width:calc(100% + 4px);filter:blur(var(--zn-blur,1px));opacity:0.9;border-radius:var(--zn-border-radius);background-image:conic-gradient(from var(--rotate) at 50% 50%,#71d9ff 0%,#a100ff 22%,#71d9ff 44%,#ff00ce 74%,#71d9ff 94%);animation:rotate-gradient 6s linear infinite}:host([level=cosmic]){position:relative;z-index:0}:host([level=cosmic]):before{border-radius:11px}:host([level=cosmic]) .wrapper{border:none !important;background:rgba(var(--zn-panel),0.99)}`;var So=class extends X{constructor(){super(...arguments);this.icon="";this.caption="";this.collapse=!1;this.level="info";this.size="medium"}render(){let t;this.icon&&(this.collapse?t=this.icon?C`
+      </div>`}};qa.styles=Q(ice),_([w({reflect:!0})],qa.prototype,"caption",2),_([w({reflect:!0})],qa.prototype,"description",2),_([w({reflect:!0})],qa.prototype,"label",2),_([w({type:Boolean,attribute:"show-number",reflect:!0})],qa.prototype,"showNumber",2),_([w({type:String,attribute:"count-element"})],qa.prototype,"countElement",2),_([w({type:Boolean,reflect:!0})],qa.prototype,"expanded",2),_([w({attribute:"default"})],qa.prototype,"defaultState",2),_([w({attribute:"local-storage",type:Boolean,reflect:!0})],qa.prototype,"localStorage",2),_([w({attribute:"store-key",reflect:!0})],qa.prototype,"storeKey",2),_([w({attribute:"store-ttl",type:Number,reflect:!0})],qa.prototype,"storeTtl",2),_([w({attribute:"flush",type:Boolean,reflect:!0})],qa.prototype,"flush",2),_([Le()],qa.prototype,"numberOfItems",2);var JAe=qa;qa.define("zn-collapsible");var nce=J`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}:host *,:host *::before,:host *::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:rgb(var(--zn-border-color))}[hidden]{display:none !important}.width-container,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}:host,.wrapper{display:flex;justify-content:flex-start;align-items:center;border-radius:10px}:host{background-color:rgba(var(--zn-panel),0.8)}.alert-icon{padding:var(--zn-spacing-2x-small) var(--zn-spacing-x-small)}p{margin:0}.wrapper{position:relative;border:1px solid rgb(var(--zn-border-color)) !important;width:100%;height:100%}.wrapper:before{border-radius:10px;position:absolute;content:"";inset:0;z-index:-1;backdrop-filter:blur(3px)}:host([caption]) zn-icon{align-self:flex-start;margin-top:6px}.content{display:flex;flex-direction:column;flex-grow:1;align-self:start;text-align:left;padding:8px}.content>h6{font-size:inherit;font-weight:600;margin:0;padding:0}.actions{display:flex;justify-content:flex-end;align-items:center;gap:var(--zn-spacing-small)}:host .wrapper h6{color:rgb(var(--zn-text))}:host .wrapper{border-color:rgb(var(--zn-border-color)) !important;background:rgba(var(--zn-panel),0.05)}:host([level=primary]) .wrapper h6{color:rgb(var(--zn-primary))}:host([level=primary]) .wrapper{border-color:rgb(var(--zn-primary)) !important;background:rgba(var(--zn-primary),0.05)}:host([level=primary]) .wrapper zn-icon{--icon-color:rgb(var(--zn-primary))}:host([level=error]) .wrapper h6{color:rgb(var(--zn-color-error))}:host([level=error]) .wrapper{border-color:rgb(var(--zn-color-error)) !important;background:rgba(var(--zn-color-error),0.05)}:host([level=error]) .wrapper zn-icon{--icon-color:rgb(var(--zn-color-error))}:host([level=info]) .wrapper h6{color:rgb(var(--zn-color-info))}:host([level=info]) .wrapper{border-color:rgb(var(--zn-color-info)) !important;background:rgba(var(--zn-color-info),0.05)}:host([level=info]) .wrapper zn-icon{--icon-color:rgb(var(--zn-color-info))}:host([level=warning]) .wrapper h6{color:rgb(var(--zn-color-warning))}:host([level=warning]) .wrapper{border-color:rgb(var(--zn-color-warning)) !important;background:rgba(var(--zn-color-warning),0.05)}:host([level=warning]) .wrapper zn-icon{--icon-color:rgb(var(--zn-color-warning))}:host([level=success]) .wrapper h6{color:rgb(var(--zn-color-success))}:host([level=success]) .wrapper{border-color:rgb(var(--zn-color-success)) !important;background:rgba(var(--zn-color-success),0.05)}:host([level=success]) .wrapper zn-icon{--icon-color:rgb(var(--zn-color-success))}:host([level=note]) .wrapper h6{color:var(--zn-color-gray-800)}:host([level=note]) .wrapper{border-color:var(--zn-color-gray-500) !important;background:var(--zn-color-gray-100)}:host([level=note]) .wrapper zn-icon{--icon-color:var(--zn-color-gray-800)}.alert--small{padding:var(--zn-spacing-2x-small) var(--zn-spacing-x-small);font-size:90%}.alert--medium{padding:var(--zn-spacing-x-small) var(--zn-spacing-small);font-size:100%}.alert--large{padding:var(--zn-spacing-small) var(--zn-spacing-medium);font-size:110%}:host([level=cosmic]){border:1px solid transparent}:host([level=cosmic]):before{content:"";z-index:-1;position:absolute;top:-2px;left:-2px;height:calc(100% + 4px);width:calc(100% + 4px);filter:blur(var(--zn-blur,1px));opacity:0.9;border-radius:var(--zn-border-radius);background-image:conic-gradient(from var(--rotate) at 50% 50%,#71d9ff 0%,#a100ff 22%,#71d9ff 44%,#ff00ce 74%,#71d9ff 94%);animation:rotate-gradient 6s linear infinite}:host([level=cosmic]){position:relative;z-index:0}:host([level=cosmic]):before{border-radius:11px}:host([level=cosmic]) .wrapper{border:none !important;background:rgba(var(--zn-panel),0.99)}`;var So=class extends X{constructor(){super(...arguments);this.icon="";this.caption="";this.collapse=!1;this.level="info";this.size="medium"}render(){let t;this.icon&&(this.collapse?t=this.icon?C`
           <zn-icon class="alert-icon" src="${this.icon}" id="xy2" @click="${this.hideAlert}"
                    style="cursor: pointer"></zn-icon>`:"":t=this.icon?C`
           <zn-icon class="alert-icon" src="${this.icon}" id="xy2"></zn-icon>`:"");let i=this.caption?C`<h6>${this.caption}</h6>`:"";return C`
@@ -3598,7 +3598,7 @@ button {
  * Copyright (c) 2017-2024, Slab
  * Copyright (c) 2014, Jason Chen
  * Copyright (c) 2013, salesforce.com
- */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;-o-tab-size:4;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li>.ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:0.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:"•"}.ql-editor li[data-list=checked]>.ql-ui:before{content:"☑"}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:"☐"}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0,decimal) ". "}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{margin-left:0.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:0.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank::before{color:rgba(0,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 button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label: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-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .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.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .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.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.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.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.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 .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-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.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{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.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.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.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.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.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 .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-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .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{box-sizing:border-box}.ql-snow *{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;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{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-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:0.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 .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:0.83em}.ql-snow .ql-editor h6{font-size:0.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor 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-header .ql-picker-label[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-size .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-item[data-label]:not([data-label=""])::before,.ql-snow .ql-picker.ql-size .ql-picker-item[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-label::before,.ql-snow .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{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{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{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{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{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{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:0.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{font-size:0.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label::before,.ql-snow .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{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{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-label::before,.ql-snow .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{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{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{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-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;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;box-shadow:rgba(0,0,0,0.2) 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label{border-color:#ccc}.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;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}@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}:host *,:host *::before,:host *::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:rgb(var(--zn-border-color))}[hidden]{display:none !important}.width-container,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}@container (width > 1024px){:host{--zn-gutter:16px}}@container (width > 1400px){:host{--zn-gutter:24px}}@container (width > 1500px){:host{--zn-gutter:32px}}:host,zn-editor{--editor-gutter:calc(var(--zn-gutter,0) + var(--zn-base-gap,0));width:100%;padding-inline:var(--editor-gutter)}:host ::-webkit-scrollbar{width:5px;height:5px}:host{}:host ::-webkit-scrollbar-track{background:transparent}:host{}:host ::-webkit-scrollbar-thumb{background:rgba(var(--inverse-base),0.2);border-radius:5px}:host{}:host ::-webkit-scrollbar-thumb:hover{background:rgba(var(--inverse-base),0.6)}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:170px;container-type:inline-size;display:flex;flex-direction:column;background-color:rgba(var(--zn-panel),var(--zn-panel-opacity));margin:0;padding:0;max-height:100%;flex:1;overflow:hidden}:host .ql-container{border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;resize:none;padding:20px 20px 0}:host .ql-toolbar{border:0 solid rgb(var(--zn-border-color));color:rgb(var(--zn-text-heading));display:flex;flex-wrap:wrap;gap:5px}:host .ql-toolbar>span.ql-formats{margin:0}:host .ql-toolbar>span{padding-top:2px;padding-bottom:2px}:host .ql-toolbar:after{display:none}:host .ql-editor{position:relative;width:100%;height:100%;max-height:100%;overflow-y:auto;flex-grow:1;color:rgb(var(--zn-text));background-color:rgba(var(--zn-panel),var(--zn-panel-opacity));font-size:15px;padding-inline:var(--editor-gutter)}:host .ql-editor img{height:auto}:host .ql-editor.ql-blank:before{right:var(--zn-spacing-medium);left:var(--zn-spacing-medium);color:rgb(var(--zn-text))}:host #editor{flex:1;height:0;padding:0}:host #toolbar-container,:host #action-container{justify-content:space-between;align-items:center;padding-inline:var(--editor-gutter)}:host #toolbar-container .wrap,:host #action-container .wrap{flex-grow:1}:host #action-container.ql-toolbar{border-bottom-width:0}:host .ql-stroke{stroke:rgb(var(--zn-text-heading))}:host .ql-fill{fill:rgb(var(--zn-text-heading))}:host .ql-picker-label:before{color:rgb(var(--zn-text-heading))}:host .ql-image svg{fill:currentColor}.ql-placeholder{width:110px}.ql-placeholder .ql-picker-label::before{content:"Placeholder"}.ql-code-block-container .ql-ui{color:rgb(var(--zn-text))}.ql-code-block{font-size:90%}:host #toolbar zn-button.ql-active .button{background-color:rgba(var(--zn-primary),0.2)}:host #toolbar zn-dropdown zn-menu zn-menu-item[checked] .menu-item{background-color:rgba(var(--zn-panel-highlight),var(--zn-panel-highlight-opacity));color:rgb(var(--zn-primary))}:host .ql-editor hr,:host .ql-editor .ql-hr{border:none;border-top:1px solid rgb(var(--zn-border-color));height:0;margin:var(--zn-spacing-small) 0;opacity:1}#toolbar{padding-inline:var(--editor-gutter)}`;var kr=class extends X{constructor(){super(...arguments);this.formControlController=new lt(this,{});this.interactionType="chat";this.codeBlocksEnabled=!1;this.dividersEnabled=!1;this.linksEnabled=!1;this.attachmentsEnabled=!1;this.imagesEnabled=!1;this.videosEnabled=!1;this.datesEnabled=!1;this.emojisEnabled=!1;this.codeEnabled=!1;this.aiEnabled=!1;this.aiPath="";this._content="";this._selectionRange={index:0,length:0}}get validity(){return this.editorHtml.validity}get validationMessage(){return this.editorHtml.validationMessage}checkValidity(){return this.editorHtml.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.editorHtml.reportValidity()}setCustomValidity(t){this.editorHtml.setCustomValidity(t),this.formControlController.updateValidity()}firstUpdated(t){var h,m,v;this.formControlController.updateValidity();let i=this._getQuillKeyboardBindings(),n=this.id;if(n||(n="abc"),Zw(document,"click",'[editor-id="'+n+'"]',b=>{this._handleEditorChange(b)}),ft.register({"modules/toolbar":z5e},!0),this.datesEnabled&&ft.register({"modules/datePicker":w4e},!0),this.emojisEnabled&&(ft.register({"modules/emoji":m5e},!0),ft.register({"modules/headlessEmoji":v5e},!0)),this.attachmentsEnabled&&ft.register({"modules/attachment":Rv},!0),ft.register({"modules/timeTracking":Eb},!0),ft.register({"modules/dragAndDrop":Sb},!0),ft.register({"modules/imageResize":b5e},!0),ft.register({"modules/contextMenu":y4e},!0),ft.register({"modules/dialog":k4e},!0),this.aiEnabled&&ft.register("modules/ai",w5e,!0),this.dividersEnabled){let b=ft.import("blots/block/embed");class x extends b{static create(){let z=document.createElement("hr");return z.classList.add("ql-hr"),z}}x.blotName="hr",x.tagName="HR",x.className="ql-hr",ft.register({"formats/hr":x},!0)}let o=(h=this.getForm())==null?void 0:h.querySelector('input[name="startTime"]'),s=(m=this.getForm())==null?void 0:m.querySelector('input[name="openTime"]'),l={codeBlocksEnabled:this.codeBlocksEnabled,dividersEnabled:this.dividersEnabled,linksEnabled:this.linksEnabled,attachmentsEnabled:this.attachmentsEnabled,imagesEnabled:this.imagesEnabled,videosEnabled:this.videosEnabled,datesEnabled:this.datesEnabled,emojisEnabled:this.emojisEnabled,codeEnabled:this.codeEnabled},d=new ft(this.editor,{modules:ot(he(ot(he(he(he({toolbar:{container:this.toolbar,config:l},contextMenu:{config:l},keyboard:{bindings:i},dialog:{editorId:this.id}},this.datesEnabled&&{datePicker:{}}),this.emojisEnabled&&{emoji:{},headlessEmoji:{}}),this.aiEnabled&&{ai:{path:this.aiPath}}),{timeTracking:{startTimeInput:o,openTimeInput:s}}),this.attachmentsEnabled&&{attachment:{attachmentInput:(v=this.getForm())==null?void 0:v.querySelector('input[name="attachments"]'),onFileUploaded:()=>{window.onbeforeunload=()=>null},upload:b=>(window.onbeforeunload=()=>"You have unsaved changes. Are you sure you want to leave?",new Promise(x=>{let y=new FormData;y.append("filename",b.name),y.append("size",b.size.toString()),y.append("mimeType",b.type);let z=new XMLHttpRequest;z.open("POST",this.uploadAttachmentUrl,!0),z.onload=()=>{if(z.status===200){let M=JSON.parse(z.responseText);x({path:M.uploadPath,url:M.uploadUrl,filename:M.originalFilename})}},z.send(y)}))}}),{imageResize:{},history:{}}),placeholder:"Compose your reply...",theme:"snow",bounds:this.editor});this.quillElement=d;let c=!!document.createElement("div").attachShadow({mode:"open"}).getSelection,f=b=>{var x;try{if(c)return(x=b==null?void 0:b.getSelection())==null?void 0:x.getRangeAt(0);{let y=window.getSelection();return y&&"getComposedRanges"in y&&typeof y.getComposedRanges=="function"?Array.isArray(y.getComposedRanges(b))?y.getComposedRanges(b)[0]:void 0:y==null?void 0:y.getRangeAt(0)}}catch(y){return null}};d.selection.hasFocus=function(){return d.root.getRootNode().activeElement===d.root},d.selection.getNativeRange=function(){let b=d.root.getRootNode(),x=f(b);return x?d.selection.normalizeNative(x):null},d.selection.setNativeRange=function(b,x){var T;let y=arguments.length>2&&arguments[2]!==void 0?arguments[2]:b,z=arguments.length>3&&arguments[3]!==void 0?arguments[3]:x,M=arguments.length>4&&arguments[4]!==void 0?arguments[4]:!1;if(b!==null&&(d.selection.root.parentNode===null||b.parentNode===null||y.parentNode===null))return;let S=document.getSelection();if(S!==null)if(b!==null){d.selection.hasFocus()||d.selection.root.focus();let E=(T=d.selection.getNativeRange())==null?void 0:T.native;(E===null||M||b!==(E==null?void 0:E.startContainer)||x!==E.startOffset||y!==E.endContainer||z!==E.endOffset)&&(b.tagName==="BR"&&(x=[].indexOf.call(b.parentNode.childNodes,b),b=b.parentNode),y.tagName==="BR"&&(z=[].indexOf.call(y.parentNode.childNodes,y),y=y.parentNode),S.setBaseAndExtent(b,x,y,z))}else S.removeAllRanges(),d.selection.root.blur(),document.body.focus()},document.addEventListener("selectionchange",()=>{this.quillElement.selection.update()}),document.addEventListener("zn-editor-update",this._handleTextChange.bind(this)),d.on("text-change",this._handleTextChange.bind(this)),d.on(ft.events.SELECTION_CHANGE,(b,x)=>{this._selectionRange=b!=null?b:x});let p=d.clipboard.convert({html:this.value});d.setContents(p,ft.sources.SILENT),this.emit("zn-element-added",{detail:{element:this.editor}}),super.firstUpdated(t)}_handleTextChange(){this.value=this.quillElement.getSemanticHTML(),this.editorHtml.value=this.value,this.emit("zn-change")}_getQuillKeyboardBindings(){let t=i=>i.match(/[^<pbr\s>/]/)===null;return{enter:{key:"Enter",shiftKey:!1,handler:()=>{let i=this.quillElement.getModule("headlessEmoji"),n=this.quillElement.getModule("contextMenu"),o=this.quillElement.getModule("dialog");if(i!=null&&i.isOpen()||n!=null&&n.isOpen()||o!=null&&o.isOpen())return!1;if(this.interactionType==="chat"){let s=this.closest("form");return s&&this.value&&this.value.trim().length>0&&!t(this.value)?(this.emit("zn-submit",{detail:{value:this.value,element:this}}),s.requestSubmit(),this.quillElement.setText(""),!1):!0}return!0}}}}_handleEditorChange(t){var d;let i=t.selectedTarget;if(!i.hasAttribute("editor-mode"))return;let n=i.getAttribute("editor-mode");if(n!=="replace"&&n!=="insert")return;t.preventDefault();let o=i.getAttribute("editor-content-id");if(!o)return;let s=t.currentTarget instanceof Element&&t.currentTarget.closest("#"+o)||t.selectedTarget instanceof Element&&t.selectedTarget.closest("#"+o)||t.target instanceof Element&&t.target.closest("#"+o)||((d=t.composedPath()[0])==null?void 0:d.closest("#"+o))||dr(`#${o}`,document.documentElement,"")[0];if(!s)return;let l=s.textContent;(s instanceof HTMLInputElement||s instanceof Ab)&&(l=s.value),!(!l||l==="")&&(this._content=(0,S5e.trim)(l),n==="replace"?this._replaceTextAtSelection():n==="insert"&&this._insertTextAtSelection())}_replaceTextAtSelection(){var i,n;let t=this.quillElement.getSelection();t?t.length===0?(this.quillElement.setText(this._content||""),this.quillElement.setSelection(((i=this._content)==null?void 0:i.length)||0,0)):(this.quillElement.deleteText(t.index,t.length),this.quillElement.insertText(t.index,this._content||""),this.quillElement.setSelection(t.index+(this._content.length||0),0)):(this.quillElement.setText(this._content||""),this.quillElement.setSelection(((n=this._content)==null?void 0:n.length)||0,0)),this._closePopups()}_insertTextAtSelection(){let t=this.quillElement.getSelection(),i=t?t.index:this._selectionRange.index;this.quillElement.insertText(i,this._content||""),this.quillElement.setSelection(i+(this._content.length||0),0),this._closePopups()}_closePopups(){this._closeAiPanel(),this._closeDialog()}_closeAiPanel(){let t=this.quillElement.getModule("ai");t&&t.resetComponent()}_closeDialog(){let t=this.quillElement.getModule("dialog");t&&t.close()}render(){return C`
+ */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;-o-tab-size:4;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li>.ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:0.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:"•"}.ql-editor li[data-list=checked]>.ql-ui:before{content:"☑"}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:"☐"}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0,decimal) ". "}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{margin-left:0.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:0.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank::before{color:rgba(0,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 button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label: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-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .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.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .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.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.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.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.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 .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-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.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{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.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.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.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.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.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 .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-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .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{box-sizing:border-box}.ql-snow *{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;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{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-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:0.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 .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:0.83em}.ql-snow .ql-editor h6{font-size:0.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor 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-header .ql-picker-label[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-size .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-item[data-label]:not([data-label=""])::before,.ql-snow .ql-picker.ql-size .ql-picker-item[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-label::before,.ql-snow .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{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{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{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{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{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{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:0.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{font-size:0.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label::before,.ql-snow .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{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{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-label::before,.ql-snow .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{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{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{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-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;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;box-shadow:rgba(0,0,0,0.2) 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label{border-color:#ccc}.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;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}@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}:host *,:host *::before,:host *::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:rgb(var(--zn-border-color))}[hidden]{display:none !important}.width-container,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}@container (width > 1024px){:host{--zn-gutter:16px}}@container (width > 1400px){:host{--zn-gutter:24px}}@container (width > 1500px){:host{--zn-gutter:32px}}:host,zn-editor{--editor-gutter:calc(var(--zn-gutter,0) + var(--zn-base-gap,0));width:100%;padding-inline:var(--editor-gutter)}:host ::-webkit-scrollbar{width:5px;height:5px}:host{}:host ::-webkit-scrollbar-track{background:transparent}:host{}:host ::-webkit-scrollbar-thumb{background:rgba(var(--inverse-base),0.2);border-radius:5px}:host{}:host ::-webkit-scrollbar-thumb:hover{background:rgba(var(--inverse-base),0.6)}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:170px;container-type:inline-size;display:flex;flex-direction:column;background-color:rgba(var(--zn-panel),var(--zn-panel-opacity));margin:0;padding:0;max-height:100%;flex:1;overflow:hidden}:host .ql-container{border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;resize:none;padding:20px 20px 0}:host .ql-toolbar{border:0 solid rgb(var(--zn-border-color));color:rgb(var(--zn-text-heading));display:flex;flex-wrap:wrap;gap:5px}:host .ql-toolbar>span.ql-formats{margin:0}:host .ql-toolbar>span{padding-top:2px;padding-bottom:2px}:host .ql-toolbar:after{display:none}:host .ql-editor{position:relative;width:100%;height:100%;max-height:100%;overflow-y:auto;flex-grow:1;color:rgb(var(--zn-text));background-color:rgba(var(--zn-panel),var(--zn-panel-opacity));font-size:15px;padding-inline:var(--editor-gutter)}:host .ql-editor img{height:auto}:host .ql-editor.ql-blank:before{right:calc(var(--zn-gutter,0) + var(--zn-base-gap,0));left:calc(var(--zn-gutter,0) + var(--zn-base-gap,0));color:rgb(var(--zn-text))}:host #editor{flex:1;height:0;padding:0}:host #toolbar-container,:host #action-container{justify-content:space-between;align-items:center;padding-inline:var(--editor-gutter)}:host #toolbar-container .wrap,:host #action-container .wrap{flex-grow:1}:host #action-container.ql-toolbar{border-bottom-width:0}:host .ql-stroke{stroke:rgb(var(--zn-text-heading))}:host .ql-fill{fill:rgb(var(--zn-text-heading))}:host .ql-picker-label:before{color:rgb(var(--zn-text-heading))}:host .ql-image svg{fill:currentColor}.ql-placeholder{width:110px}.ql-placeholder .ql-picker-label::before{content:"Placeholder"}.ql-code-block-container .ql-ui{color:rgb(var(--zn-text))}.ql-code-block{font-size:90%}:host #toolbar zn-button.ql-active .button{background-color:rgba(var(--zn-primary),0.2)}:host #toolbar zn-dropdown zn-menu zn-menu-item[checked] .menu-item{background-color:rgba(var(--zn-panel-highlight),var(--zn-panel-highlight-opacity));color:rgb(var(--zn-primary))}:host .ql-editor hr,:host .ql-editor .ql-hr{border:none;border-top:1px solid rgb(var(--zn-border-color));height:0;margin:var(--zn-spacing-small) 0;opacity:1}#toolbar{padding-inline:var(--editor-gutter)}`;var kr=class extends X{constructor(){super(...arguments);this.formControlController=new lt(this,{});this.interactionType="chat";this.codeBlocksEnabled=!1;this.dividersEnabled=!1;this.linksEnabled=!1;this.attachmentsEnabled=!1;this.imagesEnabled=!1;this.videosEnabled=!1;this.datesEnabled=!1;this.emojisEnabled=!1;this.codeEnabled=!1;this.aiEnabled=!1;this.aiPath="";this._content="";this._selectionRange={index:0,length:0}}get validity(){return this.editorHtml.validity}get validationMessage(){return this.editorHtml.validationMessage}checkValidity(){return this.editorHtml.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.editorHtml.reportValidity()}setCustomValidity(t){this.editorHtml.setCustomValidity(t),this.formControlController.updateValidity()}firstUpdated(t){var h,m,v;this.formControlController.updateValidity();let i=this._getQuillKeyboardBindings(),n=this.id;if(n||(n="abc"),Zw(document,"click",'[editor-id="'+n+'"]',b=>{this._handleEditorChange(b)}),ft.register({"modules/toolbar":z5e},!0),this.datesEnabled&&ft.register({"modules/datePicker":w4e},!0),this.emojisEnabled&&(ft.register({"modules/emoji":m5e},!0),ft.register({"modules/headlessEmoji":v5e},!0)),this.attachmentsEnabled&&ft.register({"modules/attachment":Rv},!0),ft.register({"modules/timeTracking":Eb},!0),ft.register({"modules/dragAndDrop":Sb},!0),ft.register({"modules/imageResize":b5e},!0),ft.register({"modules/contextMenu":y4e},!0),ft.register({"modules/dialog":k4e},!0),this.aiEnabled&&ft.register("modules/ai",w5e,!0),this.dividersEnabled){let b=ft.import("blots/block/embed");class x extends b{static create(){let z=document.createElement("hr");return z.classList.add("ql-hr"),z}}x.blotName="hr",x.tagName="HR",x.className="ql-hr",ft.register({"formats/hr":x},!0)}let o=(h=this.getForm())==null?void 0:h.querySelector('input[name="startTime"]'),s=(m=this.getForm())==null?void 0:m.querySelector('input[name="openTime"]'),l={codeBlocksEnabled:this.codeBlocksEnabled,dividersEnabled:this.dividersEnabled,linksEnabled:this.linksEnabled,attachmentsEnabled:this.attachmentsEnabled,imagesEnabled:this.imagesEnabled,videosEnabled:this.videosEnabled,datesEnabled:this.datesEnabled,emojisEnabled:this.emojisEnabled,codeEnabled:this.codeEnabled},d=new ft(this.editor,{modules:ot(he(ot(he(he(he({toolbar:{container:this.toolbar,config:l},contextMenu:{config:l},keyboard:{bindings:i},dialog:{editorId:this.id}},this.datesEnabled&&{datePicker:{}}),this.emojisEnabled&&{emoji:{},headlessEmoji:{}}),this.aiEnabled&&{ai:{path:this.aiPath}}),{timeTracking:{startTimeInput:o,openTimeInput:s}}),this.attachmentsEnabled&&{attachment:{attachmentInput:(v=this.getForm())==null?void 0:v.querySelector('input[name="attachments"]'),onFileUploaded:()=>{window.onbeforeunload=()=>null},upload:b=>(window.onbeforeunload=()=>"You have unsaved changes. Are you sure you want to leave?",new Promise(x=>{let y=new FormData;y.append("filename",b.name),y.append("size",b.size.toString()),y.append("mimeType",b.type);let z=new XMLHttpRequest;z.open("POST",this.uploadAttachmentUrl,!0),z.onload=()=>{if(z.status===200){let M=JSON.parse(z.responseText);x({path:M.uploadPath,url:M.uploadUrl,filename:M.originalFilename})}},z.send(y)}))}}),{imageResize:{},history:{}}),placeholder:"Compose your reply...",theme:"snow",bounds:this.editor});this.quillElement=d;let c=!!document.createElement("div").attachShadow({mode:"open"}).getSelection,f=b=>{var x;try{if(c)return(x=b==null?void 0:b.getSelection())==null?void 0:x.getRangeAt(0);{let y=window.getSelection();return y&&"getComposedRanges"in y&&typeof y.getComposedRanges=="function"?Array.isArray(y.getComposedRanges(b))?y.getComposedRanges(b)[0]:void 0:y==null?void 0:y.getRangeAt(0)}}catch(y){return null}};d.selection.hasFocus=function(){return d.root.getRootNode().activeElement===d.root},d.selection.getNativeRange=function(){let b=d.root.getRootNode(),x=f(b);return x?d.selection.normalizeNative(x):null},d.selection.setNativeRange=function(b,x){var T;let y=arguments.length>2&&arguments[2]!==void 0?arguments[2]:b,z=arguments.length>3&&arguments[3]!==void 0?arguments[3]:x,M=arguments.length>4&&arguments[4]!==void 0?arguments[4]:!1;if(b!==null&&(d.selection.root.parentNode===null||b.parentNode===null||y.parentNode===null))return;let S=document.getSelection();if(S!==null)if(b!==null){d.selection.hasFocus()||d.selection.root.focus();let E=(T=d.selection.getNativeRange())==null?void 0:T.native;(E===null||M||b!==(E==null?void 0:E.startContainer)||x!==E.startOffset||y!==E.endContainer||z!==E.endOffset)&&(b.tagName==="BR"&&(x=[].indexOf.call(b.parentNode.childNodes,b),b=b.parentNode),y.tagName==="BR"&&(z=[].indexOf.call(y.parentNode.childNodes,y),y=y.parentNode),S.setBaseAndExtent(b,x,y,z))}else S.removeAllRanges(),d.selection.root.blur(),document.body.focus()},document.addEventListener("selectionchange",()=>{this.quillElement.selection.update()}),document.addEventListener("zn-editor-update",this._handleTextChange.bind(this)),d.on("text-change",this._handleTextChange.bind(this)),d.on(ft.events.SELECTION_CHANGE,(b,x)=>{this._selectionRange=b!=null?b:x});let p=d.clipboard.convert({html:this.value});d.setContents(p,ft.sources.SILENT),this.emit("zn-element-added",{detail:{element:this.editor}}),super.firstUpdated(t)}_handleTextChange(){this.value=this.quillElement.getSemanticHTML(),this.editorHtml.value=this.value,this.emit("zn-change")}_getQuillKeyboardBindings(){let t=i=>i.match(/[^<pbr\s>/]/)===null;return{enter:{key:"Enter",shiftKey:!1,handler:()=>{let i=this.quillElement.getModule("headlessEmoji"),n=this.quillElement.getModule("contextMenu"),o=this.quillElement.getModule("dialog");if(i!=null&&i.isOpen()||n!=null&&n.isOpen()||o!=null&&o.isOpen())return!1;if(this.interactionType==="chat"){let s=this.closest("form");return s&&this.value&&this.value.trim().length>0&&!t(this.value)?(this.emit("zn-submit",{detail:{value:this.value,element:this}}),s.requestSubmit(),this.quillElement.setText(""),!1):!0}return!0}}}}_handleEditorChange(t){var d;let i=t.selectedTarget;if(!i.hasAttribute("editor-mode"))return;let n=i.getAttribute("editor-mode");if(n!=="replace"&&n!=="insert")return;t.preventDefault();let o=i.getAttribute("editor-content-id");if(!o)return;let s=t.currentTarget instanceof Element&&t.currentTarget.closest("#"+o)||t.selectedTarget instanceof Element&&t.selectedTarget.closest("#"+o)||t.target instanceof Element&&t.target.closest("#"+o)||((d=t.composedPath()[0])==null?void 0:d.closest("#"+o))||dr(`#${o}`,document.documentElement,"")[0];if(!s)return;let l=s.textContent;(s instanceof HTMLInputElement||s instanceof Ab)&&(l=s.value),!(!l||l==="")&&(this._content=(0,S5e.trim)(l),n==="replace"?this._replaceTextAtSelection():n==="insert"&&this._insertTextAtSelection())}_replaceTextAtSelection(){var i,n;let t=this.quillElement.getSelection();t?t.length===0?(this.quillElement.setText(this._content||""),this.quillElement.setSelection(((i=this._content)==null?void 0:i.length)||0,0)):(this.quillElement.deleteText(t.index,t.length),this.quillElement.insertText(t.index,this._content||""),this.quillElement.setSelection(t.index+(this._content.length||0),0)):(this.quillElement.setText(this._content||""),this.quillElement.setSelection(((n=this._content)==null?void 0:n.length)||0,0)),this._closePopups()}_insertTextAtSelection(){let t=this.quillElement.getSelection(),i=t?t.index:this._selectionRange.index;this.quillElement.insertText(i,this._content||""),this.quillElement.setSelection(i+(this._content.length||0),0),this._closePopups()}_closePopups(){this._closeAiPanel(),this._closeDialog()}_closeAiPanel(){let t=this.quillElement.getModule("ai");t&&t.resetComponent()}_closeDialog(){let t=this.quillElement.getModule("dialog");t&&t.close()}render(){return C`
       <zn-toolbar id="toolbar">
         <slot name="tools"></slot>
       </zn-toolbar>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kubex/zinc",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
   "keywords": [
     "web components",

package/src/components/alert/alert.scss

@@ -13,7 +13,7 @@
 }
 
 .alert-icon {
-  padding: var(--zn-spacing-2x-small) var(--zn-spacing-x-small) 0;
+  padding: var(--zn-spacing-2x-small) var(--zn-spacing-x-small);
 }
 
 p {

package/src/components/editor/editor.scss

@@ -76,8 +76,8 @@
   }
 
   .ql-editor.ql-blank:before {
-    right: var(--zn-spacing-medium);
-    left: var(--zn-spacing-medium);
+    right: calc(var(--zn-gutter, 0) + var(--zn-base-gap, 0));
+    left: calc(var(--zn-gutter, 0) + var(--zn-base-gap, 0));
     color: rgb(var(--zn-text));
   }