@social-mail/social-mail-client 1.9.199 → 1.9.200

package/dist/site-editor/controls/FontInstallerWindow.d.ts

@@ -1,5 +1,17 @@
 import PopupWindow from "@web-atoms/core/dist/web/services/PopupWindow";
+import { CancelToken } from "@web-atoms/core/dist/core/types";
+import "./FontInstallerWindow.global.css";
+import type HtmlPageEditor from "../editor/HtmlPageEditor";
 export default class FontInstallerWindow extends PopupWindow {
+    timer: any;
+    ct: CancelToken;
+    currentCssLink: string;
+    editor: HtmlPageEditor;
     init(): Promise<void>;
+    installWebSite(): Promise<void>;
+    updateCss(): void;
+    recreateFrameContent(ct: CancelToken): Promise<void>;
+    private getFontAndImport;
+    private getFontImport;
 }
 //# sourceMappingURL=FontInstallerWindow.d.ts.map

package/dist/site-editor/controls/FontInstallerWindow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FontInstallerWindow.d.ts","sourceRoot":"","sources":["../../../src/site-editor/controls/FontInstallerWindow.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,+CAA+C,CAAC;AAExE,MAAM,CAAC,OAAO,OAAO,mBAAoB,SAAQ,WAAW;IAElD,IAAI;CAMb"}
+{"version":3,"file":"FontInstallerWindow.d.ts","sourceRoot":"","sources":["../../../src/site-editor/controls/FontInstallerWindow.tsx"],"names":[],"mappings":"AACA,OAAO,WAAW,MAAM,+CAA+C,CAAC;AAExE,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAG9D,OAAO,kCAAkC,CAAC;AAE1C,OAAO,KAAK,cAAc,MAAM,0BAA0B,CAAC;AAE3D,MAAM,CAAC,OAAO,OAAO,mBAAoB,SAAQ,WAAW;IAExD,KAAK,EAAE,GAAG,CAAC;IACX,EAAE,EAAE,WAAW,CAAC;IAEhB,cAAc,EAAE,MAAM,CAAC;IAEvB,MAAM,EAAE,cAAc,CAAC;IAEjB,IAAI;IAsBJ,cAAc;IAMpB,SAAS;IASH,oBAAoB,CAAC,EAAE,EAAE,WAAW;YAyC5B,gBAAgB;IAuB9B,OAAO,CAAC,aAAa;CAcxB"}

package/dist/site-editor/controls/FontInstallerWindow.global.css

@@ -0,0 +1,2 @@
+font-installer{display:grid;gap:5px;grid-template-columns:1fr;grid-template-rows:auto auto 5fr auto;height:100%;overflow:hidden;width:100%}font-installer h5{grid-column:1;grid-row:1;margin:0;width:100%}font-installer textarea{grid-column:1;grid-row:2}font-installer iframe{border:none;grid-column:1;grid-row:3;height:100%;width:100%}font-installer footer{grid-column:1;grid-row:4}
+/*# sourceMappingURL=FontInstallerWindow.global.css.map */

package/dist/site-editor/controls/FontInstallerWindow.global.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/site-editor/controls/FontInstallerWindow.global.css"],"names":[],"mappings":"AAAA,eACI,YAAa,CAGb,OAAQ,CAFR,yBAA0B,CAC1B,qCAAuC,CAGvC,WAAY,CACZ,eAAgB,CAFhB,UAwBJ,CArBI,kBACI,aAAc,CACd,UAAW,CACX,QAAS,CACT,UACJ,CACA,wBACI,aAAc,CACd,UACJ,CACA,sBAKI,WAAY,CAJZ,aAAc,CACd,UAAW,CAEX,WAAY,CADZ,UAGJ,CACA,sBACI,aAAc,CACd,UACJ","file":"FontInstallerWindow.global.css"}

package/dist/site-editor/controls/FontInstallerWindow.js

@@ -1,18 +1,136 @@
-System.register(["tslib", "@web-atoms/core/dist/web/services/PopupWindow"], function (_export, _context) {
+System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/web/services/PopupWindow", "../../common/controls/buttons/IconButton", "@web-atoms/core/dist/core/types", "@web-atoms/core/dist/services/FetchBuilder", "./FontInstallerWindow.global.css", "@web-atoms/core/dist/core/Bind"], function (_export, _context) {
   "use strict";
 
-  var __awaiter, PopupWindow, FontInstallerWindow;
+  var __awaiter, XNode, PopupWindow, SaveIconTextButton, CancelToken, FetchBuilder, Bind, FontInstallerWindow;
   _export("default", void 0);
   return {
     setters: [function (_tslib) {
       __awaiter = _tslib.__awaiter;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
     }, function (_webAtomsCoreDistWebServicesPopupWindow) {
       PopupWindow = _webAtomsCoreDistWebServicesPopupWindow.default;
+    }, function (_commonControlsButtonsIconButton) {
+      SaveIconTextButton = _commonControlsButtonsIconButton.SaveIconTextButton;
+    }, function (_webAtomsCoreDistCoreTypes) {
+      CancelToken = _webAtomsCoreDistCoreTypes.CancelToken;
+    }, function (_webAtomsCoreDistServicesFetchBuilder) {
+      FetchBuilder = _webAtomsCoreDistServicesFetchBuilder.default;
+    }, function (_FontInstallerWindowGlobalCss) {}, function (_webAtomsCoreDistCoreBind) {
+      Bind = _webAtomsCoreDistCoreBind.default;
     }],
     execute: function () {
       _export("default", FontInstallerWindow = class FontInstallerWindow extends PopupWindow {
         init() {
-          return __awaiter(this, void 0, void 0, function* () {});
+          return __awaiter(this, void 0, void 0, function* () {
+            this.currentCssLink = "";
+            this.title = "Paste the Font CSS Embed below";
+            this.renderer = XNode.create("div", {
+              "event-input": () => this.updateCss(),
+              "event-paste": this.updateCss()
+            }, XNode.create("font-installer", null, XNode.create("textarea", {
+              autofocus: true,
+              placeholder: "CSS Embed Code Here"
+            }), XNode.create("iframe", {
+              sandbox: true
+            }), XNode.create("footer", {
+              "style-display": Bind.oneWay(() => this.currentCssLink ? true : false)
+            }, XNode.create(SaveIconTextButton, {
+              "event-click": () => this.installWebSite(),
+              text: "Install"
+            }))));
+          });
+        }
+        installWebSite() {
+          return __awaiter(this, void 0, void 0, function* () {
+            const css = this.currentCssLink;
+            this.currentCssLink = "";
+            this.close(css);
+          });
+        }
+        updateCss() {
+          var _a;
+          (_a = this.ct) === null || _a === void 0 ? void 0 : _a.cancel();
+          if (this.timer) {
+            clearTimeout(this.timer);
+          }
+          const ct = this.ct = new CancelToken();
+          this.timer = setTimeout(() => this.recreateFrameContent(ct), 250);
+        }
+        recreateFrameContent(ct) {
+          return __awaiter(this, void 0, void 0, function* () {
+            const cssLink = this.getFontImport();
+            const fontFamily = yield this.getFontAndImport(cssLink, ct);
+            if (!fontFamily) {
+              return;
+            }
+            this.currentCssLink = cssLink;
+            const html = `
+        <html>
+            <head>
+                <style>
+                @import url("${cssLink}");
+                * {
+                    font-family: "${fontFamily}";
+                }
+                </style>
+            </head>
+            <body>
+                <h1>Heading 1</h1>
+                <h2>Heading 2</h2>
+                <h3>Heading 3</h3>
+                <h4>Heading 4</h4>
+                <section>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sollicitudin vel tellus id viverra.
+            In et odio vitae nunc tincidunt ornare. Sed arcu massa, aliquam id sem id, rhoncus luctus sem. Class
+            aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris porttitor
+            ex imperdiet imperdiet auctor.</section>
+            </body>
+        </html>
+        `;
+            const frame = this.element.querySelector("iframe");
+            frame.srcdoc = html;
+          });
+        }
+        getFontAndImport(cssLink, ct) {
+          return __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            const text = yield FetchBuilder.get(cssLink).cancelToken(ct).asText();
+            const parser = new DOMParser();
+            const {
+              documentElement
+            } = parser.parseFromString(`<style>${text}</style>`, "text/html");
+            const {
+              styleSheets
+            } = documentElement.ownerDocument;
+            const {
+              length
+            } = styleSheets;
+            for (let i = 0; i < length; i++) {
+              const css = styleSheets.item(i);
+              const style = css.cssRules[0];
+              const fontFamily = (_a = style === null || style === void 0 ? void 0 : style.style) === null || _a === void 0 ? void 0 : _a.fontFamily;
+              if (fontFamily) {
+                if (fontFamily.startsWith('"')) {
+                  return JSON.parse(fontFamily);
+                }
+                return fontFamily;
+              }
+            }
+          });
+        }
+        getFontImport() {
+          const {
+            value
+          } = this.element.querySelector("textarea");
+          const parser = new DOMParser();
+          const {
+            documentElement
+          } = parser.parseFromString(value, "text/html");
+          const link = documentElement.querySelector(`link[rel="stylesheet"]`);
+          if (link) {
+            return link.href;
+          }
+          const style = documentElement.querySelector(`style`);
         }
       });
     }

package/dist/site-editor/controls/FontInstallerWindow.js.map

@@ -1 +1 @@
-{"version":3,"names":["FontInstallerWindow","_export","setters","_tslib","PopupWindow","_webAtomsCoreDistWebServicesPopupWindow","default","execute","init"],"sources":["../../../src/site-editor/controls/FontInstallerWindow.tsx"],"sourcesContent":[null],"mappings":";;;8BAEqBA,mBAAoB;EAAAC,OAAA;EAAA;IAAAC,OAAA,aAAAC,MAAA;;;MAFlCC,WAAW,GAAAC,uCAAA,CAAAC,OAAA;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAAAN,OAAA,YAEGD,mBAAoB,GAA3B,MAAOA,mBAAoB,SAAQI,WAAW;QAElDI,IAAIA,CAAA;+DAIV,CAAC;;OAEJ;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["FontInstallerWindow","_export","setters","_tslib","XNode","_webAtomsCoreDistCoreXNode","default","_webAtomsCoreDistWebServicesPopupWindow","PopupWindow","_commonControlsButtonsIconButton","SaveIconTextButton","_webAtomsCoreDistCoreTypes","CancelToken","_webAtomsCoreDistServicesFetchBuilder","FetchBuilder","_FontInstallerWindowGlobalCss","_webAtomsCoreDistCoreBind","Bind","execute","init","currentCssLink","title","renderer","create","event-input","updateCss","autofocus","placeholder","sandbox","oneWay","event-click","installWebSite","text","css","close","_a","ct","cancel","timer","clearTimeout","setTimeout","recreateFrameContent","cssLink","getFontImport","fontFamily","getFontAndImport","html","frame","element","querySelector","srcdoc","get","cancelToken","asText","parser","DOMParser","documentElement","parseFromString","styleSheets","ownerDocument","length","i","item","style","cssRules","startsWith","JSON","parse","value","link","href"],"sources":["../../../src/site-editor/controls/FontInstallerWindow.tsx"],"sourcesContent":[null],"mappings":";;;0FAUqBA,mBAAoB;EAAAC,OAAA;EAAA;IAAAC,OAAA,aAAAC,MAAA;;;MAVlCC,KAAK,GAAAC,0BAAA,CAAAC,OAAA;IAAA,aAAAC,uCAAA;MACLC,WAAW,GAAAD,uCAAA,CAAAD,OAAA;IAAA,aAAAG,gCAAA;MACTC,kBAAkB,GAAAD,gCAAA,CAAlBC,kBAAkB;IAAA,aAAAC,0BAAA;MAClBC,WAAW,GAAAD,0BAAA,CAAXC,WAAW;IAAA,aAAAC,qCAAA;MACbC,YAAY,GAAAD,qCAAA,CAAAP,OAAA;IAAA,aAAAS,6BAAA,gBAAAC,yBAAA;MAGZC,IAAI,GAAAD,yBAAA,CAAAV,OAAA;IAAA;IAAAY,OAAA,WAAAA,CAAA;MAAAjB,OAAA,YAGUD,mBAAoB,GAA3B,MAAOA,mBAAoB,SAAQQ,WAAW;QASlDW,IAAIA,CAAA;;YAEN,IAAI,CAACC,cAAc,GAAG,EAAE;YAExB,IAAI,CAACC,KAAK,GAAG,gCAAgC;YAE7C,IAAI,CAACC,QAAQ,GAAGlB,KAAA,CAAAmB,MAAA;cAAA,eAAkBC,CAAA,KAAM,IAAI,CAACC,SAAS,EAAE;cAAA,eAAe,IAAI,CAACA,SAAS;YAAE,GACnFrB,KAAA,CAAAmB,MAAA,yBACInB,KAAA,CAAAmB,MAAA;cAAUG,SAAS,EAAE,IAAI;cAAEC,WAAW,EAAC;YAAqB,EAAE,EAC9DvB,KAAA,CAAAmB,MAAA;cAAQK,OAAO,EAAE;YAAI,EAAG,EACxBxB,KAAA,CAAAmB,MAAA;cAAA,iBACmBN,IAAI,CAACY,MAAM,CAAC,MAAM,IAAI,CAACT,cAAc,GAAG,IAAI,GAAG,KAAK;YAAC,GACpEhB,KAAA,CAAAmB,MAAA,CAACb,kBAAkB;cAAA,eACFoB,CAAA,KAAM,IAAI,CAACC,cAAc,EAAE;cACxCC,IAAI,EAAC;YAAS,EACZ,CACD,CACI,CACf;UAEV,CAAC;;QAEKD,cAAcA,CAAA;;YAChB,MAAME,GAAG,GAAG,IAAI,CAACb,cAAc;YAC/B,IAAI,CAACA,cAAc,GAAG,EAAE;YACxB,IAAI,CAACc,KAAK,CAACD,GAAG,CAAC;UACnB,CAAC;;QAEDR,SAASA,CAAA;;UACL,CAAAU,EAAA,OAAI,CAACC,EAAE,cAAAD,EAAA,uBAAAA,EAAA,CAAEE,MAAM,EAAE;UACjB,IAAI,IAAI,CAACC,KAAK,EAAE;YACZC,YAAY,CAAC,IAAI,CAACD,KAAK,CAAC;UAC5B;UACA,MAAMF,EAAE,GAAG,IAAI,CAACA,EAAE,GAAG,IAAIxB,WAAW,EAAE;UACtC,IAAI,CAAC0B,KAAK,GAAGE,UAAU,CAAC,MAAM,IAAI,CAACC,oBAAoB,CAACL,EAAE,CAAC,EAAE,GAAG,CAAC;QACrE;QAEMK,oBAAoBA,CAACL,EAAe;;YAEtC,MAAMM,OAAO,GAAG,IAAI,CAACC,aAAa,EAAE;YAGpC,MAAMC,UAAU,GAAG,MAAM,IAAI,CAACC,gBAAgB,CAACH,OAAO,EAAEN,EAAE,CAAC;YAE3D,IAAI,CAACQ,UAAU,EAAE;cACb;YACJ;YAEA,IAAI,CAACxB,cAAc,GAAGsB,OAAO;YAE7B,MAAMI,IAAI,GAAG;;;;+BAIUJ,OAAO;;oCAEFE,UAAU;;;;;;;;;;;;;;;SAerC;YAED,MAAMG,KAAK,GAAG,IAAI,CAACC,OAAO,CAACC,aAAa,CAAC,QAAQ,CAAsB;YACvEF,KAAK,CAACG,MAAM,GAAGJ,IAAI;UAEvB,CAAC;;QAEaD,gBAAgBA,CAACH,OAAe,EAAEN,EAAe;;;YAC3D,MAAMJ,IAAI,GAAG,MAAMlB,YAAY,CAC1BqC,GAAG,CAACT,OAAO,CAAC,CACZU,WAAW,CAAChB,EAAE,CAAC,CACfiB,MAAM,EAAE;YACb,MAAMC,MAAM,GAAG,IAAIC,SAAS,EAAE;YAC9B,MAAM;cAAEC;YAAe,CAAE,GAAGF,MAAM,CAACG,eAAe,CAAC,UAAUzB,IAAI,UAAU,EAAE,WAAW,CAAC;YACzF,MAAM;cAAE0B;YAAW,CAAE,GAAGF,eAAe,CAACG,aAAa;YACrD,MAAM;cAAEC;YAAM,CAAE,GAAGF,WAAW;YAC9B,KAAI,IAAIG,CAAC,GAAC,CAAC,EAACA,CAAC,GAACD,MAAM,EAACC,CAAC,EAAE,EAAE;cACtB,MAAM5B,GAAG,GAAGyB,WAAW,CAACI,IAAI,CAACD,CAAC,CAAC;cAC/B,MAAME,KAAK,GAAG9B,GAAG,CAAC+B,QAAQ,CAAC,CAAC,CAAoB;cAChD,MAAMpB,UAAU,GAAG,CAAAT,EAAA,GAAA4B,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEA,KAAK,cAAA5B,EAAA,uBAAAA,EAAA,CAAES,UAAU;cAC3C,IAAGA,UAAU,EAAE;gBACX,IAAIA,UAAU,CAACqB,UAAU,CAAC,GAAG,CAAC,EAAE;kBAC5B,OAAOC,IAAI,CAACC,KAAK,CAACvB,UAAU,CAAC;gBACjC;gBACA,OAAOA,UAAU;cACrB;YACJ;UACJ,CAAC;;QAGOD,aAAaA,CAAA;UACjB,MAAM;YAAEyB;UAAK,CAAE,GAAG,IAAI,CAACpB,OAAO,CAACC,aAAa,CAAC,UAAU,CAAwB;UAE/E,MAAMK,MAAM,GAAG,IAAIC,SAAS,EAAE;UAC9B,MAAM;YAAEC;UAAe,CAAE,GAAGF,MAAM,CAACG,eAAe,CAACW,KAAK,EAAE,WAAW,CAAC;UAEtE,MAAMC,IAAI,GAAGb,eAAe,CAACP,aAAa,CAAC,wBAAwB,CAAoB;UAEvF,IAAIoB,IAAI,EAAE;YACN,OAAOA,IAAI,CAACC,IAAI;UACpB;UAEA,MAAMP,KAAK,GAAGP,eAAe,CAACP,aAAa,CAAC,OAAO,CAAqB;QAC5E;OACH;IAAA;EAAA;AAAA","ignoreList":[]}

package/dist/site-editor/properties/controls/FontDropDown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FontDropDown.d.ts","sourceRoot":"","sources":["../../../../src/site-editor/properties/controls/FontDropDown.tsx"],"names":[],"mappings":"AAoCA,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACjC,aAAa,EACb,KAAK,EACR;;;CAAA,OAoBA"}
+{"version":3,"file":"FontDropDown.d.ts","sourceRoot":"","sources":["../../../../src/site-editor/properties/controls/FontDropDown.tsx"],"names":[],"mappings":"AAoCA,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACjC,aAAa,EACb,KAAK,EACR;;;CAAA,OAwBA"}

package/dist/site-editor/properties/controls/FontDropDown.js

@@ -9,10 +9,14 @@ System.register(["@web-atoms/core/dist/core/XNode", "@web-atoms/web-controls/dis
     return XNode.create(PropertyEditor, {
       attributeName: attributeName,
       label: label,
-      "attr-has-value": BindHasValue(attributeName)
+      "attr-has-value": BindHasValue(attributeName),
+      actionButton: XNode.create("i", {
+        class: "fad fa-plus",
+        title: "Install new font",
+        "data-click-event": "installCssImport"
+      })
     }, XNode.create(DropDownInput, {
       "data-property-value-editor": "drop-down",
-      "data-flex": "stretch-full",
       items: BindEditor.oneWay(editor => getInstalledFonts(editor.parent.selection.element)),
       labelPath: x => x === null || x === void 0 ? void 0 : x.label,
       valuePath: x => x === null || x === void 0 ? void 0 : x.value,

package/dist/site-editor/properties/controls/FontDropDown.js.map

@@ -1 +1 @@
-{"version":3,"names":["FontDropDown","attributeName","label","XNode","create","PropertyEditor","BindHasValue","DropDownInput","items","BindEditor","oneWay","editor","getInstalledFonts","parent","selection","element","labelPath","x","valuePath","value","itemRenderer","text","font","getAttribute","ce","getHtmlEditor","target","setAttribute","detail","_export","setters","_webAtomsCoreDistCoreXNode","default","_webAtomsWebControlsDistBasicDropDownInput","_PropertyEditor","execute","installedFonts","e","fonts","Array","from","ownerDocument","values","length","set","Set","f","has","family","add","test","push"],"sources":["../../../../src/site-editor/properties/controls/FontDropDown.tsx"],"sourcesContent":[null],"mappings":";;;;EAoCc,SAAUA,YAAYA,CAAC;IACjCC,aAAa;IACbC;EAAK,CACR;IACG,OAAOC,KAAA,CAAAC,MAAA,CAACC,cAAc;MAClBJ,aAAa,EAAEA,aAAa;MAC5BC,KAAK,EAAEA,KAAK;MAAA,kBACII,YAAY,CAACL,aAAa;IAAC,GAE3CE,KAAA,CAAAC,MAAA,CAACG,aAAa;MAAA,8BACiB,WAAW;MAAA,aAC5B,cAAc;MACxBC,KAAK,EAAEC,UAAU,CAACC,MAAM,CAAEC,MAAM,IAAKC,iBAAiB,CAAED,MAAM,CAACE,MAAc,CAACC,SAAS,CAACC,OAAO,CAAC,CAAC;MACjGC,SAAS,EAAGC,CAAM,IAAKA,CAAC,aAADA,CAAC,uBAADA,CAAC,CAAEf,KAAK;MAC/BgB,SAAS,EAAGD,CAAM,IAAKA,CAAC,aAADA,CAAC,uBAADA,CAAC,CAAEE,KAAK;MAC/BC,YAAY,EAAGH,CAAM,IAAKd,KAAA,CAAAC,MAAA;QAAKiB,IAAI,EAAEJ,CAAC,CAACf,KAAK;QAAA,qBAAqBe,CAAC,CAACK;MAAI,EAAI;MAC3EH,KAAK,EAAEV,UAAU,CAACC,MAAM,CAAEC,MAAM,IAAMA,MAAM,CAACE,MAAyB,CAACC,SAAS,CAACC,OAAO,CAACQ,YAAY,CAACtB,aAAa,CAAC,CAAC;MAAA,2BAC3FuB,EAAE,IAAI;QAC5B,MAAMT,OAAO,GAAGU,aAAa,CAACD,EAAE,CAACE,MAAqB,CAAC,CAACZ,SAAS,CAACC,OAAO;QACzEA,OAAO,CAACY,YAAY,CAAC1B,aAAa,EAAEuB,EAAE,CAACI,MAAM,CAACT,KAAK,CAAC;MACxD;IAAC,EACH,CACW;EACrB;EAACU,OAAA,YAvBuB7B,YAAY;EAAA;IAAA8B,OAAA,aAAAC,0BAAA;MApC7B5B,KAAK,GAAA4B,0BAAA,CAAAC,OAAA;IAAA,aAAAC,0CAAA;MACL1B,aAAa,GAAA0B,0CAAA,CAAAD,OAAA;IAAA,aAAAE,eAAA;MACXzB,UAAU,GAAAyB,eAAA,CAAVzB,UAAU;MAAEJ,cAAc,GAAA6B,eAAA,CAAd7B,cAAc;MAAEoB,aAAa,GAAAS,eAAA,CAAbT,aAAa;MAAEnB,YAAY,GAAA4B,eAAA,CAAZ5B,YAAY;IAAA;IAAA6B,OAAA,WAAAA,CAAA;MAG1DC,cAAc,GAAG,EAAsD;MAEvExB,iBAAiB,GAAIyB,CAAc,IAAI;QACzC,IAAI,CAACA,CAAC,EAAE;UACJ;QACJ;QAGA,MAAMC,KAAK,GAAGC,KAAK,CAACC,IAAI,CAAqBH,CAAC,CAACI,aAAa,CAACH,KAAa,CAACI,MAAM,EAAE,CAAC;QACpFN,cAAc,CAACO,MAAM,GAAG,CAAC;QAEzB,MAAMC,GAAG,GAAG,IAAIC,GAAG,EAAE;QAErB,KAAI,MAAMC,CAAC,IAAIR,KAAK,EAAE;UAClB,IAAIM,GAAG,CAACG,GAAG,CAACD,CAAC,CAACE,MAAM,CAAC,EAAE;YACnB;UACJ;UACAJ,GAAG,CAACK,GAAG,CAACH,CAAC,CAACE,MAAM,CAAC;UACjB,IAAI,OAAO,CAACE,IAAI,CAACJ,CAAC,CAACE,MAAM,CAAC,IAAI,UAAU,CAACE,IAAI,CAACJ,CAAC,CAACE,MAAM,CAAC,EAAE;YACrD;UACJ;UACAZ,cAAc,CAACe,IAAI,CAAC;YAChBjD,KAAK,EAAE4C,CAAC,CAACE,MAAM;YACf7B,KAAK,EAAE2B,CAAC,CAACE,MAAM;YACf1B,IAAI,EAAEwB,CAAC,CAACE;WACX,CAAC;QACN;QAEA,OAAOZ,cAAc;MACzB,CAAC;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["FontDropDown","attributeName","label","XNode","create","PropertyEditor","BindHasValue","actionButton","class","title","DropDownInput","items","BindEditor","oneWay","editor","getInstalledFonts","parent","selection","element","labelPath","x","valuePath","value","itemRenderer","text","font","getAttribute","ce","getHtmlEditor","target","setAttribute","detail","_export","setters","_webAtomsCoreDistCoreXNode","default","_webAtomsWebControlsDistBasicDropDownInput","_PropertyEditor","execute","installedFonts","e","fonts","Array","from","ownerDocument","values","length","set","Set","f","has","family","add","test","push"],"sources":["../../../../src/site-editor/properties/controls/FontDropDown.tsx"],"sourcesContent":[null],"mappings":";;;;EAoCc,SAAUA,YAAYA,CAAC;IACjCC,aAAa;IACbC;EAAK,CACR;IACG,OAAOC,KAAA,CAAAC,MAAA,CAACC,cAAc;MAClBJ,aAAa,EAAEA,aAAa;MAC5BC,KAAK,EAAEA,KAAK;MAAA,kBACII,YAAY,CAACL,aAAa,CAAC;MAC3CM,YAAY,EAAEJ,KAAA,CAAAC,MAAA;QACNI,KAAK,EAAC,aAAa;QACnBC,KAAK,EAAC,kBAAkB;QAAA,oBACP;MAAkB;IACjC,GAEVN,KAAA,CAAAC,MAAA,CAACM,aAAa;MAAA,8BACiB,WAAW;MACtCC,KAAK,EAAEC,UAAU,CAACC,MAAM,CAAEC,MAAM,IAAKC,iBAAiB,CAAED,MAAM,CAACE,MAAc,CAACC,SAAS,CAACC,OAAO,CAAC,CAAC;MACjGC,SAAS,EAAGC,CAAM,IAAKA,CAAC,aAADA,CAAC,uBAADA,CAAC,CAAElB,KAAK;MAC/BmB,SAAS,EAAGD,CAAM,IAAKA,CAAC,aAADA,CAAC,uBAADA,CAAC,CAAEE,KAAK;MAC/BC,YAAY,EAAGH,CAAM,IAAKjB,KAAA,CAAAC,MAAA;QAAKoB,IAAI,EAAEJ,CAAC,CAAClB,KAAK;QAAA,qBAAqBkB,CAAC,CAACK;MAAI,EAAI;MAC3EH,KAAK,EAAEV,UAAU,CAACC,MAAM,CAAEC,MAAM,IAAMA,MAAM,CAACE,MAAyB,CAACC,SAAS,CAACC,OAAO,CAACQ,YAAY,CAACzB,aAAa,CAAC,CAAC;MAAA,2BAC3F0B,EAAE,IAAI;QAC5B,MAAMT,OAAO,GAAGU,aAAa,CAACD,EAAE,CAACE,MAAqB,CAAC,CAACZ,SAAS,CAACC,OAAO;QACzEA,OAAO,CAACY,YAAY,CAAC7B,aAAa,EAAE0B,EAAE,CAACI,MAAM,CAACT,KAAK,CAAC;MACxD;IAAC,EACH,CACW;EACrB;EAACU,OAAA,YA3BuBhC,YAAY;EAAA;IAAAiC,OAAA,aAAAC,0BAAA;MApC7B/B,KAAK,GAAA+B,0BAAA,CAAAC,OAAA;IAAA,aAAAC,0CAAA;MACL1B,aAAa,GAAA0B,0CAAA,CAAAD,OAAA;IAAA,aAAAE,eAAA;MACXzB,UAAU,GAAAyB,eAAA,CAAVzB,UAAU;MAAEP,cAAc,GAAAgC,eAAA,CAAdhC,cAAc;MAAEuB,aAAa,GAAAS,eAAA,CAAbT,aAAa;MAAEtB,YAAY,GAAA+B,eAAA,CAAZ/B,YAAY;IAAA;IAAAgC,OAAA,WAAAA,CAAA;MAG1DC,cAAc,GAAG,EAAsD;MAEvExB,iBAAiB,GAAIyB,CAAc,IAAI;QACzC,IAAI,CAACA,CAAC,EAAE;UACJ;QACJ;QAGA,MAAMC,KAAK,GAAGC,KAAK,CAACC,IAAI,CAAqBH,CAAC,CAACI,aAAa,CAACH,KAAa,CAACI,MAAM,EAAE,CAAC;QACpFN,cAAc,CAACO,MAAM,GAAG,CAAC;QAEzB,MAAMC,GAAG,GAAG,IAAIC,GAAG,EAAE;QAErB,KAAI,MAAMC,CAAC,IAAIR,KAAK,EAAE;UAClB,IAAIM,GAAG,CAACG,GAAG,CAACD,CAAC,CAACE,MAAM,CAAC,EAAE;YACnB;UACJ;UACAJ,GAAG,CAACK,GAAG,CAACH,CAAC,CAACE,MAAM,CAAC;UACjB,IAAI,OAAO,CAACE,IAAI,CAACJ,CAAC,CAACE,MAAM,CAAC,IAAI,UAAU,CAACE,IAAI,CAACJ,CAAC,CAACE,MAAM,CAAC,EAAE;YACrD;UACJ;UACAZ,cAAc,CAACe,IAAI,CAAC;YAChBpD,KAAK,EAAE+C,CAAC,CAACE,MAAM;YACf7B,KAAK,EAAE2B,CAAC,CAACE,MAAM;YACf1B,IAAI,EAAEwB,CAAC,CAACE;WACX,CAAC;QACN;QAEA,OAAOZ,cAAc;MACzB,CAAC;IAAA;EAAA;AAAA","ignoreList":[]}

package/dist/site-editor/properties/controls/PropertyEditor.local.css

@@ -1,2 +1,2 @@
-body[show-only=all] [data-item-property*=desktop],body[show-only=all] [data-item-property*=tablet],body[show-only=desktop] [data-item-property*=all],body[show-only=desktop] [data-item-property*=tablet],body[show-only=tablet] [data-item-property*=all],body[show-only=tablet] [data-item-property*=desktop]{display:none}[data-element=property-editor]{align-items:center;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;justify-items:stretch;max-width:200px;row-gap:5px}[data-element=property-editor] [data-break=ellipses]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-element=property-editor]>*{width:100%}[data-element=property-editor]>label{grid-column:1;grid-row:1}[data-element=property-editor]>[data-element=editor]{grid-column:1;grid-row:2}[data-element=property-editor]>[data-element=editor][type=checkbox]{grid-column:2;grid-row:1}[data-element=property-editor]>[data-element=custom]{grid-column:1;grid-row:3}[data-element=property-editor]>[data-element=action-button]{cursor:pointer;grid-column:2;grid-row:2;margin-left:5px}[data-element=property-editor]>[data-element=label]{font-size:small}[data-element=property-editor][data-group-end]{border-bottom:1px solid #d3d3d3;padding-bottom:10px}[data-element=property-editor] select{background-color:#e7e7e775;border:none;border-radius:9999px;outline:none;padding-left:10px;padding-right:10px}[data-element=property-editor]:not([data-custom=true])>[data-element=custom],[data-element=property-editor]:not([has-value]) .clear-value,[data-element=property-editor][has-value=false] .clear-value{display:none}[data-element=property-editor][has-value=true]>label{color:blue;font-weight:700}[data-element=property-editor][has-value=true]>label .clear-value{color:red;cursor:pointer}[data-element=expander-property-editor]{border-bottom:1px solid #a0a0a050}[data-element=expander-property-editor] select{background-color:#e7e7e734;border:none;border-radius:9999px;outline:none;padding-left:10px;padding-right:10px}[data-element=expander-property-editor] [data-layout=vertical-flex-stretch-items]{padding-left:0;padding-right:0}[data-element=expander-property-editor]:has([has-value=true])>label{color:blue;font-weight:700}[data-element=expander-property-editor]>[data-element=header]{grid-column-end:span 2;grid-column-start:2}[data-element=expander-property-editor]>[data-element=caret]{grid-column:1;margin-left:0;--fa:"\f0da";font-size:x-small}[data-element=expander-property-editor][data-is-expanded=true]>[data-element=caret]{transform:rotate(90deg)}
+body[show-only=all] [data-item-property*=desktop],body[show-only=all] [data-item-property*=tablet],body[show-only=desktop] [data-item-property*=all],body[show-only=desktop] [data-item-property*=tablet],body[show-only=tablet] [data-item-property*=all],body[show-only=tablet] [data-item-property*=desktop]{display:none}[data-element=property-editor]{align-items:center;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;justify-items:stretch;max-width:200px;row-gap:5px}[data-element=property-editor] [data-break=ellipses]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-element=property-editor]>*{width:100%}[data-element=property-editor]>label{grid-column:1;grid-row:1}[data-element=property-editor]>[data-element=editor]{grid-column:1;grid-row:2}[data-element=property-editor]>[data-element=editor][type=checkbox]{grid-column:2;grid-row:1}[data-element=property-editor]>[data-element=custom]{grid-column:1;grid-row:3}[data-element=property-editor]>[data-element=action-button]{cursor:pointer;grid-column:2;grid-row:2;margin-left:5px}[data-element=property-editor]>[data-element=label]{font-size:small}[data-element=property-editor][data-group-end]{border-bottom:1px solid #d3d3d3;padding-bottom:10px}[data-element=property-editor] select{background-color:#e7e7e775;border:none;border-radius:9999px;outline:none;padding-left:10px;padding-right:10px}[data-element=property-editor]:not([data-custom=true])>[data-element=custom],[data-element=property-editor]:not([has-value]) .clear-value,[data-element=property-editor][has-value=false] .clear-value{display:none}[data-element=property-editor][has-value=true]>label{color:blue;font-weight:700}[data-element=property-editor][has-value=true]>label .clear-value{color:red;cursor:pointer}[data-element=property-editor] drop-down-input>input{width:90%}[data-element=expander-property-editor]{border-bottom:1px solid #a0a0a050}[data-element=expander-property-editor] select{background-color:#e7e7e734;border:none;border-radius:9999px;outline:none;padding-left:10px;padding-right:10px}[data-element=expander-property-editor] [data-layout=vertical-flex-stretch-items]{padding-left:0;padding-right:0}[data-element=expander-property-editor]:has([has-value=true])>label{color:blue;font-weight:700}[data-element=expander-property-editor]>[data-element=header]{grid-column-end:span 2;grid-column-start:2}[data-element=expander-property-editor]>[data-element=caret]{grid-column:1;margin-left:0;--fa:"\f0da";font-size:x-small}[data-element=expander-property-editor][data-is-expanded=true]>[data-element=caret]{transform:rotate(90deg)}
 /*# sourceMappingURL=PropertyEditor.local.css.map */

package/dist/site-editor/properties/controls/PropertyEditor.local.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/site-editor/properties/controls/PropertyEditor.local.css"],"names":[],"mappings":"AAaI,gTACI,YACJ,CAGJ,+BAKI,kBAAmB,CAJnB,YAAa,CACb,8BAA+B,CAC/B,iCAAkC,CAClC,qBAAsB,CAGtB,eAAgB,CADhB,WA2EJ,CAvEI,qDAEI,eAAgB,CADhB,sBAAuB,CAEvB,kBACJ,CAEA,iCACI,UACJ,CACA,qCAEI,aAAc,CADd,UAEJ,CAEA,qDAEI,aAAc,CADd,UAMJ,CAJI,oEAEI,aAAc,CADd,UAEJ,CAGJ,qDAEI,aAAc,CADd,UAEJ,CAEA,4DAII,cAAe,CAFf,aAAc,CADd,UAAW,CAEX,eAEJ,CAEA,oDACI,eACJ,CAEA,+CAEI,+BAAkC,CADlC,mBAEJ,CAEA,sCAGI,0BAA2B,CAD3B,WAAY,CAEZ,oBAAqB,CAHrB,YAAa,CAIb,iBAAkB,CAClB,kBACJ,CAMA,uMACI,YACJ,CAGI,qDAEI,UAAW,CADX,eAMJ,CAJI,kEACI,SAAU,CACV,cACJ,CAKZ,wCACI,iCA0CJ,CAxCI,+CAGI,0BAA2B,CAD3B,WAAY,CAEZ,oBAAqB,CAHrB,YAAa,CAIb,iBAAkB,CAClB,kBACJ,CAEA,kFACI,cAAe,CACf,eACJ,CAGI,oEAEI,UAAW,CADX,eAEJ,CAIJ,8DAEI,sBAAuB,CADvB,mBAEJ,CAEA,6DACI,aAAc,CACd,aAAc,CACd,YAAa,CACb,iBACJ,CAGI,oFACI,uBACJ","file":"PropertyEditor.local.css"}
+{"version":3,"sources":["../../../../src/site-editor/properties/controls/PropertyEditor.local.css"],"names":[],"mappings":"AAaI,gTACI,YACJ,CAGJ,+BAKI,kBAAmB,CAJnB,YAAa,CACb,8BAA+B,CAC/B,iCAAkC,CAClC,qBAAsB,CAGtB,eAAgB,CADhB,WA+EJ,CA3EI,qDAEI,eAAgB,CADhB,sBAAuB,CAEvB,kBACJ,CAEA,iCACI,UACJ,CACA,qCAEI,aAAc,CADd,UAEJ,CAEA,qDAEI,aAAc,CADd,UAMJ,CAJI,oEAEI,aAAc,CADd,UAEJ,CAGJ,qDAEI,aAAc,CADd,UAEJ,CAEA,4DAII,cAAe,CAFf,aAAc,CADd,UAAW,CAEX,eAEJ,CAEA,oDACI,eACJ,CAEA,+CAEI,+BAAkC,CADlC,mBAEJ,CAEA,sCAGI,0BAA2B,CAD3B,WAAY,CAEZ,oBAAqB,CAHrB,YAAa,CAIb,iBAAkB,CAClB,kBACJ,CAMA,uMACI,YACJ,CAGI,qDAEI,UAAW,CADX,eAMJ,CAJI,kEACI,SAAU,CACV,cACJ,CAIR,qDACI,SACJ,CAGJ,wCACI,iCA0CJ,CAxCI,+CAGI,0BAA2B,CAD3B,WAAY,CAEZ,oBAAqB,CAHrB,YAAa,CAIb,iBAAkB,CAClB,kBACJ,CAEA,kFACI,cAAe,CACf,eACJ,CAGI,oEAEI,UAAW,CADX,eAEJ,CAIJ,8DAEI,sBAAuB,CADvB,mBAEJ,CAEA,6DACI,aAAc,CACd,aAAc,CACd,YAAa,CACb,iBACJ,CAGI,oFACI,uBACJ","file":"PropertyEditor.local.css"}

package/dist/site-editor-app/SiteEditorApp.pack.global.css

@@ -1,2 +1,2 @@
-[data-force-contain=none]{contain:none!important}[data-inline-popup=left]{height:0;left:0;position:relative;width:0}[data-inline-popup=left]>*{background-color:#fff;border:1px solid rgba(0,0,0,.05);border-radius:5px;box-shadow:0 2px 5px 0 rgba(50,50,105,.07),0 1px 1px 0 rgba(0,0,0,.03);left:0;max-height:300px;overflow:auto;padding:5px;position:absolute;top:0;z-index:200}[data-inline-popup=right]{height:0;position:absolute;right:0;width:0}[data-inline-popup=right]>*{background-color:#fff;border:1px solid rgba(0,0,0,.05);border-radius:5px;box-shadow:0 2px 5px 0 rgba(50,50,105,.07),0 1px 1px 0 rgba(0,0,0,.03);max-height:300px;overflow:auto;padding:5px;position:absolute;right:0;top:0;z-index:200}[data-inline-popup=inline-left]{height:0;left:0;position:relative;width:0}[data-inline-popup=inline-left]>*{background-color:#fff;border:1px solid rgba(0,0,0,.05);border-radius:5px;box-shadow:0 2px 5px 0 rgba(50,50,105,.07),0 1px 1px 0 rgba(0,0,0,.03);left:0;max-height:300px;overflow:auto;padding:5px;position:absolute;top:0;z-index:200}[data-center-popup]{left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:10000}.web-atoms-popup-local,[data-center-popup]{background-color:#fff;border:1px solid #d3d3d3;border-radius:5px;box-shadow:0 2px 5px 0 rgba(50,50,105,.15),0 1px 1px 0 rgba(0,0,0,.05);display:inline-block;padding:5px}[data-popup-window=popup-window]{align-items:stretch;background-color:canvas;border:1px solid #d3d3d3;border-radius:5px;box-shadow:0 0 20px 1px rgba(0,0,0,.75);color:canvastext;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto 1fr auto;justify-items:stretch;opacity:0;overflow:hidden;position:absolute;transition:opacity .3s cubic-bezier(.55,.09,.97,.32)}[data-popup-window=popup-window][not-ready]{left:50%;top:50%;transform:translate(-50%,-50%)}[data-popup-window=popup-window] [data-window-modal-background=background]{bottom:0;left:0;position:absolute;right:0;top:0}[data-popup-window=popup-window][data-no-width=true]{max-width:95%;min-width:300px}[data-popup-window=popup-window][data-no-height=true]{max-height:95%;min-height:100px}[data-popup-window=popup-window][data-maximize=true]{height:90%;width:90%}[data-popup-window=popup-window][data-ready=true]{opacity:1}[data-popup-window=popup-window][data-dragging=true]{opacity:.5}[data-popup-window=popup-window]>[data-window-element=icon]{grid-column:1;grid-row:1;z-index:2}[data-popup-window=popup-window]>[data-window-element=title]{color:var(--accent-text-color,#424242);cursor:move;font-size:medium;grid-column:2;grid-row:1;overflow:hidden;padding:var(--spacing,5px);text-overflow:ellipsis;white-space:nowrap;z-index:2}[data-popup-window=popup-window]>[data-window-element=close]{background-color:red;border:none;border-radius:9999px;color:#fff;cursor:pointer;font-family:monospace;grid-column:3;grid-row:1;height:20px;margin:5px;outline:none;text-transform:capitalize;width:20px;z-index:2}[data-popup-window=popup-window]>[data-window-element=action-bar]{align-self:stretch;background-color:var(--accent-color,hsla(0,0%,83%,.2));border-top-left-radius:5px;border-top-right-radius:5px;grid-column:1/span 3;grid-row:1;justify-self:stretch;z-index:1}[data-popup-window=popup-window]>[data-window-element=header]{grid-column:1/span 3;grid-row:2;margin-top:5px}[data-popup-window=popup-window]>[data-window-element=content]{grid-column:1/span 3;grid-row:3;margin-top:5px;overflow:auto;padding:var(--spacing-medium,7px);position:relative}[data-popup-window=popup-window]>[data-window-element=content][data-maximize=true]{height:90vh;width:90vw}[data-popup-window=popup-window]>[data-window-element=footer]{background-color:var(--command-bar-color,#80808025);grid-column:1/span 3;grid-row:4;margin-top:5px;padding-bottom:5px;padding-top:5px}[data-popup-window=popup-window]>[data-window-element=footer]>*>button,[data-popup-window=popup-window]>[data-window-element=footer]>button{border-color:transparent;border-radius:9999px;border-width:1px;margin:5px 5px 5px 10px;padding:5px 20px}body>div[data-popup-window=popup-window],body>div[data-window-modal-background]{position:fixed}[data-confirm-popup=confirm-popup]>[data-window-element=content]>[data-element=details]{margin-top:5px;max-height:50vh;max-width:80vw;overflow:auto}[data-confirm-popup=confirm-popup]>[data-window-element=footer]>.yes{background-color:#01af01;color:#fff}[data-confirm-popup=confirm-popup]>[data-window-element=footer]>.no{background-color:red;color:#fff}[data-confirm-popup=confirm-popup]>[data-window-element=footer]>.cancel{background-color:gray;color:#fff}[data-page-app=page-app]{left:0;right:0;top:0}[data-page-app=page-app]>[data-container]{bottom:0;left:0;top:0;transition:left .3s ease-out;width:100%}@media screen{[data-page-app=page-app],[data-page-app=page-app]>[data-container]{overflow:hidden;position:absolute}}[data-page-app=page-app][data-drawer=visible]>[data-container]{left:80%}[data-page-app=page-app][data-drawer=visible]>[data-drawer-page]{left:0}[data-page-app=page-app] [data-drawer-page=drawer-page]{height:100%;left:-80%;overflow:hidden;position:absolute;top:0;transition:left .3s ease-out;width:80%}[data-base-page=base-page]{contain:content;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:40px auto 1fr auto;height:100%;left:0;top:0;transform:translate(100%);transition:transform .3s ease-out;width:100%}@media screen{[data-base-page=base-page]{overflow:hidden;position:absolute}}[data-base-page=base-page]>[data-icon-button=icon-button]{padding:5px}[data-base-page=base-page]>[data-page-element=action-bar]{background-color:var(--accent-color,#d3d3d3);grid-column-end:span 3;grid-column-start:1;grid-row-start:1;z-index:11}[data-base-page=base-page]>[data-page-element=icon]{align-self:center;color:var(--accent-text-color,#000);font-size:20px;grid-column-start:1;grid-row-start:1;justify-self:center;padding:10px;text-align:center;width:40px;z-index:14}[data-base-page=base-page]>[data-page-element=title]{align-self:center;color:var(--accent-text-color,#000);font-size:20px;grid-column-start:2;grid-row-start:1;justify-self:stretch;padding:5px;z-index:14}[data-base-page=base-page]>[data-page-element=action]{color:var(--accent-text-color,#000);font-size:20px;grid-column-start:3;grid-row-start:1;min-width:40px;padding:10px;z-index:14}[data-base-page=base-page]>[data-page-element=action] button{background:transparent;border:none;font-size:inherit;outline:none;width:30px}[data-base-page=base-page]>button[data-page-element=action]{background:transparent;border:none;min-width:40px;outline:none}[data-base-page=base-page]>[data-page-element=header]{background-color:#c0c0c030;grid-column-end:span 3;grid-column-start:1;grid-row-start:2;padding:5px;z-index:12}[data-base-page=base-page]>[data-page-element=pull-to-refresh]{align-self:start;grid-column-end:span 3;grid-column-start:1;grid-row-start:3;justify-self:center;margin:10px;padding:5px;z-index:9}[data-base-page=base-page]>[data-page-element=pull-to-refresh] .pull-icon{transition:all .3s ease-out}[data-base-page=base-page]>[data-page-element=pull-to-refresh][data-mode=up] .pull-icon{transform:rotate(180deg)}[data-base-page=base-page]>[data-page-element=pull-to-refresh]:not([data-mode=down]) .down,[data-base-page=base-page]>[data-page-element=pull-to-refresh]:not([data-mode=loading]) .loading,[data-base-page=base-page]>[data-page-element=pull-to-refresh]:not([data-mode=up]) .up,[data-base-page=base-page]>[data-page-element=pull-to-refresh][data-mode=loading] .pull-icon{display:none}[data-base-page=base-page]>[data-page-element=content]{grid-column-end:span 3;grid-column-start:1;grid-row-start:3;overflow-x:hidden;overflow-y:auto;padding:5px;position:relative;scrollbar-color:var(--accent-color,orange) transparent;scrollbar-width:5px;z-index:10}[data-base-page=base-page]>[data-page-element=content]::-webkit-scrollbar{width:5px}[data-base-page=base-page]>[data-page-element=content]::-webkit-scrollbar-thumb{background-color:#fff;border:3px solid var(--accent-color,orange);border-radius:20px}[data-base-page=base-page]>[data-page-element=footer]{grid-column-end:span 3;grid-column-start:1;grid-row-start:4;padding:5px;z-index:11}[data-base-page=base-page][data-page-state=ready]{transform:translate(0)}[data-base-page=base-page][data-page-state=hidden]{transform:translate(-100%)}[data-base-page=base-page][data-page-removed]{display:none;z-index:-1000}[data-base-page=base-page][data-hide-drawer=true] [data-drwaer-page],[data-base-page=base-page][data-hide-drawer=true] drawer-menu,[data-base-page=base-page][data-hide-toolbar=true] [data-page-element=status-bar],[data-base-page=base-page][data-hide-toolbar=true]>[data-page-element=action-bar],[data-base-page=base-page][data-hide-toolbar=true]>[data-page-element=action],[data-base-page=base-page][data-hide-toolbar=true]>[data-page-element=icon],[data-base-page=base-page][data-hide-toolbar=true]>[data-page-element=title]{display:none}[data-base-page=base-page][data-hide-toolbar=true]>[data-page-element=header]{grid-row:1}[data-base-page=base-page][data-hide-toolbar=true]>[data-page-element=content]{grid-row:2/span 3}@media screen{body{overflow:hidden}body>[data-page-app=page-app]{height:100vh}}@supports (height:100dvh){body>[data-page-app=page-app]{height:100dvh}}body,html{height:100vh;width:100vw}body{align-content:stretch;align-items:stretch;flex-direction:row;justify-content:space-around}@media screen{body{display:grid;overflow:hidden}[data-desktop-app=desktop-app]{display:grid;overflow:hidden;position:relative}}[data-desktop-app=desktop-app]{grid-template-columns:auto 1fr auto;grid-template-rows:1fr auto;min-width:900px}[data-desktop-app=desktop-app] drawer-menu{transition:all .5s ease-out}[data-desktop-app=desktop-app] drawer-menu[drawer-hidden],[data-desktop-app=desktop-app][drawer-hidden] drawer-menu{width:1px}[data-desktop-app=desktop-app]>[data-page-element=app]{grid-column:2;grid-row:1;position:inherit}[data-desktop-app=desktop-app]>[data-page-element=menu-renderer]{grid-column:1;grid-row:1;overflow-x:hidden;overflow-y:auto}[data-desktop-app=desktop-app]>[data-page-element=side-bar]{grid-column:3;grid-row:1;overflow-x:hidden;overflow-y:auto}[data-desktop-app=desktop-app]>[data-page-element=status-bar]{border-top:1px solid #d3d3d3;grid-column:1/span 3;grid-row:2;margin-top:2px;overflow:hidden;padding:5px}[data-desktop-app=desktop-app][data-full-width]{min-width:100vw;width:100vw}[data-desktop-app=desktop-app][data-hide-drawer=true] [data-drwaer-page],[data-desktop-app=desktop-app][data-hide-drawer=true] drawer-menu{display:none}[data-desktop-app=desktop-app][data-hide-toolbar=true] [data-base-page=base-page]{grid-template-rows:auto auto 1fr auto}[data-desktop-app=desktop-app][data-hide-toolbar=true] [data-page-element=action-bar],[data-desktop-app=desktop-app][data-hide-toolbar=true] [data-page-element=action],[data-desktop-app=desktop-app][data-hide-toolbar=true] [data-page-element=icon],[data-desktop-app=desktop-app][data-hide-toolbar=true] [data-page-element=status-bar],[data-desktop-app=desktop-app][data-hide-toolbar=true] [data-page-element=title]{display:none}[data-desktop-app=desktop-app][data-hide-toolbar=true] [data-page-element=header]{grid-row:1}[data-desktop-app=desktop-app][data-hide-toolbar=true] [data-page-element=content]{grid-row:2/span 3}[data-repeater-popup=popup]{align-items:stretch;display:flex;flex-direction:column;gap:4px;min-width:200px}[data-repeater-popup=popup]>.items{flex:1 1 100%;overflow:auto}[data-repeater-popup=popup]>.items>.presenter>*{padding:5px}[data-repeater-popup=popup]>.items>.presenter>[data-item-index]{cursor:pointer}[data-repeater-popup=popup]>.items>.presenter>[data-item-index]:hover{color:blue;text-decoration:underline}[data-repeater-popup=popup]>.items>.presenter>[data-selected-item=true]{background-color:#90ee90}[data-suggestion-popup=suggestion-popup]{align-items:center;display:flex;flex-direction:column;gap:4px;height:250px;justify-content:space-around;min-width:80px}@media (max-width:700px){[data-suggestion-popup=suggestion-popup]{height:unset;max-height:80px}}[data-suggestion-popup=suggestion-popup]>.items{flex:1 1 100%;overflow:auto}[data-suggestion-popup=suggestion-popup]>.items>.presenter>*{padding:5px}[data-suggestion-popup=suggestion-popup]>.items>.presenter>[data-selected-item=true]{background-color:#90ee90}[data-item-index] i[data-click-event]{padding:5px}[data-item-index] [data-no-wrap=true]{white-space:nowrap}[data-item-index] label[data-selector=check-box]{padding:5px;width:30px}[data-item-index] label[data-selector=check-box]>i{padding:0}[data-item-index]:not([data-selected-item]) [data-selector=check-box] i[data-click-event=item-deselect],[data-item-index][data-selected-item=true] [data-selector=check-box] i[data-click-event=item-select]{display:none}[data-select-all=select-all]{align-items:center;display:flex;justify-content:flex-start;margin:0}[data-select-all=select-all] i[data-ui-type]{padding:5px}[data-select-all=select-all] [data-no-wrap=true]{white-space:nowrap}[data-select-all=select-all][data-is-selected=false] i[data-ui-type=item-deselect],[data-select-all=select-all][data-is-selected=true] i[data-ui-type=item-select],[data-ui-display=none]{display:none}atom-pop-over{position:relative}atom-pop-over::part(container){background-color:var(--popup-background-color,var(--default-background-color,canvas));border:1px solid rgba(0,0,0,.05);border-radius:5px;box-shadow:0 4px 6px 4px rgba(50,50,105,.5),0 1px 1px 0 rgba(0,0,0,.5);color:var(--popup-text-color,canvasText);display:block;font-family:var(--popup-menu-font,var(--body-font-family,ui-serif ));font-weight:400;line-height:var(--body-line-height,1.4);padding:5px;position:fixed;z-index:5000}[data-attachment-file]{display:inline-grid;grid-template-rows:auto auto auto}[data-attachment-file]>[data-element=file-name]{grid-row:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-attachment-file]>progress{grid-row:2;width:100%}[data-attachment-file]>[data-element=error]{grid-row:3;width:100%}[data-wa-form-field=wa-form-field]{align-items:center;display:grid;grid-template-columns:auto 1fr auto auto;grid-template-rows:auto auto auto}[data-wa-form-field=wa-form-field]>[data-element=label]{grid-column:1;grid-row:1}[data-wa-form-field=wa-form-field]>[data-element=content]{grid-column-end:span 2;grid-column-start:1;grid-row-start:2;margin-bottom:5px;margin-top:5px}[data-wa-form-field=wa-form-field][data-border=true] input,[data-wa-form-field=wa-form-field][data-border=true] textarea{border:none;outline:none}[data-wa-form-field=wa-form-field][data-border=true] select{border:none}[data-wa-form-field=wa-form-field]>i[data-border=border]{align-self:flex-end;border-bottom:1px solid #d3d3d3;grid-column-end:span 3;grid-column-start:1;grid-row-start:3}[data-wa-form-field=wa-form-field][data-focused=true]>i[data-border=border]{border-bottom-color:#000}[data-wa-form-field=wa-form-field]>i[data-help=help]{color:#90ee90;cursor:pointer;font-size:x-large;grid-column-start:3;grid-row-start:2;margin-left:auto;padding:5px}[data-wa-form-field=wa-form-field]>.field-error{background-color:red;border-radius:9999px;color:#fff;font-size:smaller;grid-column-end:span 3;grid-column-start:1;grid-row-start:4;margin:5px;padding:5px}[data-wa-form-field=wa-form-field]>.field-error:empty{display:none}[data-wa-form-field=wa-form-field]>span[data-required=required]{color:red;grid-column-start:2;grid-row:1;visibility:hidden}[data-wa-form-field=wa-form-field]>span[data-required=required].true{visibility:visible}[data-wa-form-field=wa-form-field][data-layout=horizontal]{grid-template-columns:auto auto 1fr auto;grid-template-rows:auto auto}[data-wa-form-field=wa-form-field][data-layout=horizontal]>label.label{grid-row-start:2;margin-bottom:5px;margin-right:5px}[data-wa-form-field=wa-form-field][data-layout=horizontal]>[data-content=content]{grid-column-start:3;grid-row-start:2;margin-bottom:5px;margin-top:0}[data-wa-form-field=wa-form-field][data-layout=horizontal]>i[data-help=help]{grid-column-start:4;grid-row-start:2}[data-wa-form-field=wa-form-field][data-layout=horizontal]>.field-error{grid-column-end:span 3;grid-column-start:1;grid-row-start:4}[data-wa-form-field=wa-form-field][data-layout=horizontal]>span[data-required=required]{color:red;display:none;grid-column-start:2;grid-row-start:2;margin-right:5px}[data-wa-form-field=wa-form-field][data-layout=horizontal]>span[data-required=required].true{display:inline}[data-form-field-help=help-window]{align-items:center;display:flex;flex-direction:column;gap:4px;justify-content:flex-start;overflow:auto;padding:10px}div[data-password-box=password-box]{display:inline-grid;grid-template-columns:1fr auto}div[data-password-box=password-box]>input{grid-column:1/span 2;grid-row:1}div[data-password-box=password-box]>input::-ms-reveal{display:none}div[data-password-box=password-box]>i{align-self:center;grid-column:2;grid-row:1;justify-self:center;padding:5px;z-index:2}[data-form=form]{display:flex;flex-direction:column;gap:var(--spacing,5px)}[data-form=form][data-valid=true] .field-error:not(:empty),[data-form=form][data-valid=true]>.error-message{display:none}[data-form=form]>.error-message{background-color:red;border-radius:9999px;color:#fff;padding:var(--spacing-small,2px);padding-left:var(--spacing-large,10px);padding-right:var(--spacing-large,10px);position:sticky;top:0}div[data-drop-down=drop-down]{align-items:center;display:inline-flex;flex-direction:row;gap:4px;justify-content:stretch}div[data-drop-down=drop-down] [data-white-space=nowrap]{white-space:nowrap}input[data-mask]{font-family:monospace;padding-left:2px;padding-top:1px;position:relative}[data-app-form=app-form]{border:1px solid #d3d3d3;border-radius:10px;gap:10px;padding:10px}[data-app-form=app-form] h1,[data-app-form=app-form] h2,[data-app-form=app-form]h3,[data-app-form=app-form]h4,[data-app-form=app-form]h5,[data-app-form=app-form]h6{margin-block-end:20px;margin-block-start:20px}[data-app-form=app-form] input{border:none;border-bottom:1px solid #80808080;min-width:250px;outline:none}qr-code img.qr-code{width:256px}splash-screen-page,splash-screen-page[data-base-page=base-page]>[data-page-element=content]{overflow:hidden}splash-screen-page splash-screen{display:grid;grid-template-columns:auto 30vw auto;grid-template-rows:auto 30vh auto;height:100%;overflow:hidden;width:100%}splash-screen-page splash-screen>*{grid-column:2;grid-row:2;height:100%;overflow:hidden;width:100%}[data-check-box=check-box]{display:inline-block}[data-check-box=check-box]>label{display:flex;padding-left:5px;padding-right:5px}[data-check-box=check-box]>label>input[type=checkbox]{align-self:center;border-radius:3px;margin:0;padding:0}[data-check-box=check-box]>label>span{align-self:center;flex:1 1 100%;margin-left:5px;white-space:nowrap}[data-load-more=load-more]{margin:10px;padding:10px}[data-load-more=load-more]>span{background-color:#d3d3d3;border:1px solid gray;border-radius:10px;padding:3px 10px}[data-collection-editor-ex][data-collection-editor-ex][data-collection-editor-ex][data-collection-editor-ex]{overflow:visible}[data-layout=tree-view]{display:flex;flex-direction:column}[data-layout=tree-view] [data-layout=tree-view-item]{align-items:center;color:green;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto}[data-layout=tree-view] [data-layout=tree-view-item]>[data-layout=container]{grid-column:1/span 3;grid-row:2}[data-layout=tree-view] [data-layout=tree-view-item]>[data-element=action]{background-color:transparent;border:none;grid-column:3;grid-row:1;opacity:0}[data-layout=tree-view] [data-layout=tree-view-item]>[data-element=action][data-popup-open]{opacity:1}[data-layout=tree-view] [data-layout=tree-view-item]:hover:not(:has([data-layout=tree-view-item]:hover)){background-color:var(--hover-color);color:var(--hover-text-color)}[data-layout=tree-view] [data-layout=tree-view-item]:hover:not(:has([data-layout=tree-view-item]:hover))>[data-element=action]{opacity:1}[data-layout=tree-view] [data-layout=tree-view-item]>[data-element=label]{cursor:pointer;grid-column:2;grid-row:1;max-width:200px;overflow:hidden;padding:5px;text-overflow:ellipsis;white-space:nowrap}[data-layout=tree-view] [data-layout=tree-view-item][data-selected]{background-color:var(--selection-color);color:var(--selection-text-color)}[data-layout=tree-view] [data-layout=tree-view-item]>[data-element=expand-collapse]{cursor:pointer;grid-column:1;grid-row:1;padding:5px}[data-layout=tree-view] [data-layout=tree-view-item]>[data-element=expand-collapse]:before{content:"\f105"}[data-layout=tree-view] [data-layout=tree-view-item][data-expanded]>[data-element=expand-collapse]:before{content:"\f107"}[data-layout=tree-view] [data-layout=tree-view-item][data-expanded]>[data-element=children]{display:flex;flex-direction:column;gap:5px}[data-menu-item=menu-item]{align-items:center;border-radius:5px;cursor:pointer;display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-start;min-width:20ch;padding:5px}[data-menu-item=menu-item]:hover{background-color:#90ee90}[data-menu-item=menu-item]>*{flex-shrink:0}[data-menu-item=menu-item]>[data-element=icon]{text-align:center;width:1.3em}[data-menu-items=menu-items]{align-items:stretch;display:flex;flex-direction:column;gap:4px;justify-content:stretch}[data-page-type=master-detail][data-mode=desktop][data-is-open]{grid-template-columns:auto auto auto 1fr;transition:none}[data-page-type=master-detail][data-mode=desktop][data-is-open] [data-base-page][data-element=detail]{grid-column:4;grid-row:1/span 3;transition:none}[data-page-type=master-detail]>[data-element=close]{color:red;font-size:1.5em;grid-column:4;grid-row:1;justify-self:end;margin-top:5px;padding:5px;z-index:2}[data-page-type=master-detail]>[data-page-element=content]{display:grid}[data-page-type=master-detail]>[data-page-element=content]>*{align-self:stretch;grid-column:1;grid-row:1;justify-self:stretch}[data-page-type=master-detail]>[data-page-element=content]>[data-element=detail]{display:none}[data-page-type=master-detail]>[data-page-element=content][data-mode=desktop]{display:grid;grid-template-rows:auto 1fr;overflow:hidden}[data-page-type=master-detail]>[data-page-element=content][data-mode=desktop]>*{grid-column:1;grid-row:1/span 2;overflow:auto}[data-page-type=master-detail]>[data-page-element=content][data-mode=desktop]>[data-element=close]{align-self:center;color:red;font-size:1.5em;grid-column:3;grid-row:1;justify-self:center;margin-top:.35em;padding:5px;z-index:2}[data-page-type=master-detail]>[data-page-element=content][data-mode=desktop]>[data-element=detail]{align-self:stretch;border:1px solid #d9d9d9;border-radius:9px;box-shadow:0 2px 5px 0 rgb(50 50 105/7%),0 1px 1px 0 rgb(0 0 0/3%);display:grid;grid-column:2/span 2;grid-row:1/span 2;justify-self:stretch;margin:5px;padding:0;position:relative;transform:none;transition:none}[data-page-type=master-detail]>[data-page-element=content][data-mode=desktop]>[data-element=detail]>[data-page-element=content],[data-page-type=master-detail]>[data-page-element=content][data-mode=desktop]>[data-element=detail]>[data-page-element=footer],[data-page-type=master-detail]>[data-page-element=content][data-mode=desktop]>[data-element=detail]>[data-page-element=header]{grid-column:1/span 3}[data-resizable=resizable]{display:grid;gap:1px;grid-template-columns:1fr 2px;overflow:hidden}[data-resizable=resizable]>*{grid-column:1;grid-row:1}[data-resizable=resizable]>[data-element=resizer]{cursor:ew-resize;grid-column:2;grid-row:1}[data-resizable=resizable]>[data-element=resizer][data-resizing]{background-color:rgba(0,0,0,.25);cursor:col-resize}[data-resizable=resizable][data-direction=vertical]>[data-element=resizer]{cursor:ns-resize}home-page{display:flex;flex-wrap:wrap}home-page>*{max-width:300px}msg-root{align-content:start;align-items:start;display:flex;flex-direction:column}msg-root a{text-decoration:none}msg-root img:not([width]),msg-root video:not([width]){max-width:100%;width:-moz-fit-content;width:fit-content}msg-root img:not([height]),msg-root video:not([height]){height:-moz-fit-content;height:fit-content;max-height:100%}msg-root div[msg]{display:flex;flex-direction:column;overflow:visible}msg-root div[msg],msg-root div[msg] :not(img):not(video){max-width:800px;word-break:keep-all}[data-limited-text]{contain:content;overflow:hidden;position:relative}[data-limited-text][data-mode=collapsed]>[data-element=more]{background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5) 19%,#fff 65%,#fff);cursor:pointer}[data-limited-text][data-mode=collapsed]>[data-element=more]>button{transform:rotate(180deg)}[data-limited-text]>[data-element=more]{display:flex;justify-content:flex-end;left:0;position:absolute;right:0;transform:translateY(-100%);width:100%}[data-limited-text]>[data-element=more]>button{border:none;border-radius:9999px;box-shadow:0 0 6px 6px #fff;outline:none;padding:1px 10px;transition:transform .5s ease-out}[data-file-preview=file-preview]{border:2px solid #d3d3d3;contain:content;display:inline-grid;grid-template-columns:auto 1fr auto auto;grid-template-rows:1fr auto auto;height:120px;margin:5px;text-decoration:none;width:150px}[data-file-preview=file-preview] a{text-decoration:none}[data-file-preview=file-preview]>[data-element=preview]{grid-column:1/span 4;grid-row:1/span 2;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;overflow:hidden;place-self:stretch;width:100%}[data-file-preview=file-preview]>[data-element=icon]{grid-column:1;grid-row:2}[data-file-preview=file-preview]>[data-element=file-name]{background-color:var(--accent-color);color:var(--accent-text-color);font-size:smaller;grid-column:1/span 3;grid-row:3;overflow:hidden;padding:5px;text-overflow:ellipsis;white-space:nowrap}[data-file-preview=file-preview]>[data-element=size]{background-color:#e2e2e2;border-top-left-radius:5px;color:#313131;font-size:x-small;grid-column:3/span 2;grid-row:2;padding:2px 5px}[data-file-preview=file-preview]>[data-element=ext]{align-self:stretch;background-color:var(--accent-color);color:var(--accent-text-color);font-size:small;grid-column:4;grid-row:3;justify-self:stretch;padding:5px}[data-file-preview=file-preview]>[data-element=file-size]{grid-column:3;grid-row:2}[data-file-preview=attachment]{border:1px solid #d3d3d3;display:inline-flex;margin:5px;padding:10px}[data-animate-slide=from-bottom]{transition:all .5s ease-out}[data-animate-slide=from-bottom]:not([data-animation-state]){display:none}[data-animate-slide=from-bottom][data-animation-state=down]{transform:translateY(100%)}[data-animate-slide=from-bottom][data-animation-state=normal]{transform:translate(0)}[data-animate-slide=from-top]{transition:all .5s ease-out}[data-animate-slide=from-top]:not([data-animation-state]){display:none}[data-animate-slide=from-top][data-animation-state=up]{transform:translateY(-100%)}[data-animate-slide=from-top][data-animation-state=normal]{transform:translate(0)}[data-bottom-popup]{background-color:#fff;border-top-left-radius:5px;border-top-right-radius:5px;bottom:0;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto auto;left:0;margin-left:2px;margin-right:2px;position:absolute;right:0}[data-bottom-popup]>[data-element=bar]{background-color:#d3d3d3;border-top-left-radius:5px;border-top-right-radius:5px;grid-column:1/span 3;grid-row:1;z-index:10}[data-bottom-popup]>[data-element=icon]{align-self:center;grid-column:1;grid-row:1;margin-right:5px;padding:5px;z-index:11}[data-bottom-popup]>[data-element=close]{align-self:center;grid-column:3;grid-row:1;margin-left:5px;padding:5px;z-index:11}[data-bottom-popup]>[data-element=title]{grid-column:2;grid-row:1;padding:5px;z-index:11}[data-bottom-popup]>[data-element=content]{grid-column:1/span 3;grid-row:2;padding:5px;z-index:11}[data-bottom-popup]>[data-element=footer]{grid-column:1/span 3;grid-row:3;margin-top:5px;padding:5px;z-index:11}[data-bottom-popup-container]{background-color:rgba(0,0,0,.3);bottom:0;left:0;position:absolute;right:0;top:0;z-index:500}[data-component=audio-recorder]{align-items:center;bottom:0;display:flex;flex-direction:column;gap:4px;justify-content:center;left:0;padding-bottom:100px;padding-top:50px;position:absolute;right:0}[data-component=audio-recorder] footer{align-items:center;display:flex;gap:10px}[data-component=audio-recorder] footer button{background-color:var(--accent-color);border:none;border-radius:10px;color:var(--accent-text-color);display:flex;gap:5px;padding:4px 10px}[data-component=audio-recorder] .recording{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;justify-items:center}[data-component=audio-recorder] .done,[data-component=audio-recorder] .recording header{align-items:center;display:flex;gap:10px}[data-component=audio-recorder] .done{flex-direction:column;justify-content:center;justify-items:center}[data-component=audio-recorder] .done header{align-items:center;display:flex;gap:10px}[data-inline-editor=inline-editor]{display:grid;grid-template-rows:auto 1fr}[data-inline-editor=inline-editor]>[data-element=editor]{border:1px solid #d3d3d3;border-radius:var(--spacing,5px);margin:var(--spacing,5px);overflow:auto;padding:var(--spacing,5px)}[data-inline-editor=inline-editor]>[data-element=editor]>*{outline:none}[data-inline-editor=inline-editor]>[data-element=toolbar]{align-items:center;display:flex;flex-direction:column;gap:4px;justify-content:space-around}[data-inline-editor=inline-editor]>[data-element=toolbar]>.toolbar{align-items:center;display:flex;flex-direction:row;gap:4px;justify-content:space-around}[data-inline-editor=inline-editor]>[data-element=toolbar]>.toolbar .command.pressed{font-weight:700}[data-html-editor-element=toolbar]{align-content:center;gap:var(--spacing,5px)}[data-html-editor-element=toolbar] .command{align-content:center;align-items:center;display:flex;justify-content:center;justify-items:center}[data-toolbar-item=separator]{background-color:#a9a9a9;display:inline-block;height:1rem;margin-left:4px;margin-right:4px;margin-top:4px;padding:0;width:2px}.atom-control-html-editor{display:flex;flex-direction:column;min-height:500px}.atom-control-html-editor>iframe{flex:1 1 100%}.atom-control-html-editor>.files>.file{align-items:center;border:1px solid hsla(0,0%,83%,.5);border-radius:15px;display:inline-flex;flex-direction:row;gap:4px;justify-content:space-around;padding-left:10px;padding-right:10px}.atom-control-html-editor>.files>.file>label{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.atom-control-html-editor .toolbar{align-items:center;display:flex;flex-wrap:wrap}.atom-control-html-editor .toolbar>.command{align-items:center;background-color:#00000000;border:none;cursor:pointer;display:inline-flex;height:28px;justify-content:space-evenly;min-width:28px}.atom-control-html-editor .toolbar>.command:hover{background-color:#90ee90}.atom-control-html-editor .toolbar>.command.pressed{background-color:#d3d3d3}.atom-control-html-editor .toolbar>.command.pressed:hover{background-color:#90ee90}.atom-control-html-editor .toolbar>.command .ri-bold{font-weight:700}[data-title-editor=title-editor]{-moz-column-gap:5px;column-gap:5px;display:inline-grid;grid-template-columns:1fr 40px;grid-template-rows:1fr auto}[data-title-editor=title-editor]>input{grid-column:1;grid-row:1/span 2}[data-title-editor=title-editor]>i{align-self:stretch;font-size:smaller;grid-column:2;grid-row:1;justify-self:stretch;padding-left:5px;padding-right:5px;text-align:center}[data-title-editor=title-editor]>span{align-self:stretch;font-size:xx-small;grid-column:2;grid-row:2;justify-self:stretch;text-align:center}[data-item-chip]{align-items:center;border-radius:9999px;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr;padding:2px 10px}[data-item-chip]>[data-content]{grid-column-start:2;grid-row-start:2}[data-item-chip]>.icon{grid-column-start:1;padding:2px 4px 2px 2px}[data-item-chip]>.delete,[data-item-chip]>.icon{align-self:center;grid-row-end:span 2;grid-row-start:1}[data-item-chip]>.delete{background-color:transparent;border-radius:4px;color:gray;font-size:small;grid-column-start:3;padding:2px 2px 2px 4px}[data-item-chip]>.delete:hover{background-color:#d3d3d3;color:red}[data-item-chip]>.header{font-size:x-small;grid-column-start:2;grid-row-start:1;text-align:center}[data-item-chip]>.label{grid-column-start:2;grid-row-start:2}[data-item-chip]>.delete-strike{align-self:center;background-color:red;grid-column:1/span 2;grid-row:1/span 2;height:2px}[data-item-chip][data-deleted=false]>.delete-strike{display:none}[data-item-chip][data-deleted=true]{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M100 0 L0 100 ' stroke='red' stroke-width='1'/><path d='M0 0 L100 100 ' stroke='red' stroke-width='1'/></svg>");border:1px solid red}div[data-atom-chips]{align-items:center;display:flex;flex-direction:row;flex-flow:wrap;gap:4px;justify-content:stretch;padding:5px}div[data-atom-chips]>.search{border:none;flex:1 1;outline:none}div[data-atom-chips]>.footer{margin-left:auto}div[data-atom-chips]>.presenter{align-items:center;display:inline-flex;flex-direction:row;flex-flow:wrap;gap:4px;justify-content:flex-start}div[data-atom-chips]>.presenter>*{background-color:hsla(0,0%,83%,.3);color:var(--text-color,CanvasText)}div[data-atom-chips][data-mode=search]>.search{background:transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0'/%3E%3C/svg%3E") no-repeat 1px;color:inherit;padding-left:20px}div[data-atom-chips][data-mode=search]>.search::-moz-placeholder{color:inherit;opacity:.7}div[data-atom-chips][data-mode=search]>.search::placeholder{color:inherit;opacity:.7}[data-item-suggestion]{align-items:center;border-radius:10px;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr;max-width:100%;overflow-x:hidden;padding:1px 5px}[data-item-suggestion]>[data-content]{grid-column-start:2;grid-row-start:2}[data-item-suggestion]>.icon{align-self:center;grid-column-start:1;grid-row-end:span 2;grid-row-start:1;margin-right:5px}[data-item-suggestion]>.delete{align-self:center;color:red;grid-column-start:3;grid-row-end:span 2;grid-row-start:1}[data-item-suggestion]>.header{font-size:x-small;grid-column-start:2;grid-row-start:1;overflow:hidden;text-overflow:ellipsis}[data-item-suggestion]>.label{grid-column-start:2;grid-row-start:2;overflow:hidden;text-overflow:ellipsis}[data-drag-drop="1"][data-drop-enabled]{position:relative}[data-drag-drop="1"][data-drop-enabled] iframe{pointer-events:none}[data-drag-drop="1"][data-drop-enabled]:after{align-content:center;align-items:center;background-color:rgba(0,128,0,.3);border:5px solid green;bottom:0;content:"Drop Files";display:grid;font-size:40px;justify-content:center;justify-items:center;left:0;position:absolute;right:0;top:0}.web-atoms-notification-popup{font-size:larger;padding:5px}.web-atoms-notification-popup .error{border-color:red;color:red}.web-atoms-notification-popup .warning{background-color:#ffffe0}[data-button-bar=button-bar]{align-content:center;border:1px solid #d3d3d3;border-radius:9999px;display:inline-grid;grid-auto-flow:column;justify-items:stretch;text-align:center}[data-button-bar=button-bar]>[data-item-type=toggle-button]{background-color:#fff;cursor:pointer;padding:5px}[data-button-bar=button-bar]>[data-item-type=toggle-button]:first-child{border-bottom-left-radius:9999px;border-top-left-radius:9999px;padding-left:10px}[data-button-bar=button-bar]>[data-item-type=toggle-button]:last-child{border-bottom-right-radius:9999px;border-top-right-radius:9999px;padding-right:10px}[data-button-bar=button-bar]>[data-item-type=toggle-button][data-selected-item=true]{background-color:var(--accent-color,#000);color:#fff}conversation-tags{display:flex;flex-wrap:nowrap;gap:5px;overflow:hidden;padding:2px 5px}conversation-tags>*{font-size:small;white-space:nowrap}@media (max-width:500px){conversation-tags>*{font-size:small;white-space:nowrap}}[data-ui-switch=ui-switch]{background:linear-gradient(180deg,#eee,#fff 25px);background-image:-webkit-linear-gradient(top,#eee,#fff 25px);border-radius:18px;box-shadow:inset 0 -1px #fff,inset 0 1px 1px rgba(0,0,0,.05);box-sizing:content-box;cursor:pointer;display:inline-block;height:30px;margin:0;min-width:70px;padding:3px;position:relative;vertical-align:top}[data-ui-switch=ui-switch]>.switch-input{box-sizing:content-box;left:0;opacity:0;position:absolute;top:0}[data-ui-switch=ui-switch]>.switch-label{background-color:#eceeef;border-radius:inherit;box-shadow:inset 0 1px 2px rgba(0,0,0,.12),inset 0 0 2px rgba(0,0,0,.15);box-sizing:content-box;display:block;height:inherit;position:relative;transition:all .3s ease}[data-ui-switch=ui-switch]>.switch-label:after,[data-ui-switch=ui-switch]>.switch-label:before{line-height:1;margin-top:-.5em;position:absolute;top:50%;webkit-transition:inherit;box-sizing:content-box;transition:inherit}[data-ui-switch=ui-switch]>.switch-label:before{color:#aaa;content:attr(data-off);right:11px;text-shadow:0 1px hsla(0,0%,100%,.5)}[data-ui-switch=ui-switch]>.switch-label:after{color:#fff;content:attr(data-on);left:11px;opacity:0;text-shadow:0 1px rgba(0,0,0,.2)}[data-ui-switch=ui-switch]>.switch-input:checked~.switch-label{background-color:#e1b42b;box-shadow:inset 0 1px 2px rgba(0,0,0,.15),inset 0 0 3px rgba(0,0,0,.2)}[data-ui-switch=ui-switch]>.switch-input:checked~.switch-label:before{opacity:0}[data-ui-switch=ui-switch]>.switch-input:checked~.switch-label:after{opacity:1}[data-ui-switch=ui-switch]>.switch-handle{background:linear-gradient(180deg,#fff 40%,#f0f0f0);border-radius:100%;box-shadow:1px 1px 5px rgba(0,0,0,.2);height:28px;left:4px;position:absolute;top:4px;transition:all .3s ease;width:28px}[data-ui-switch=ui-switch]>.switch-handle:before{background:linear-gradient(180deg,#eee,#fff);border-radius:6px;box-shadow:inset 0 1px rgba(0,0,0,.02);content:"";height:12px;left:50%;position:absolute;top:50%;width:12px}[data-ui-switch=ui-switch]>.switch-input:checked~.switch-handle{box-shadow:-1px 1px 5px rgba(0,0,0,.2);left:44px}[data-ui-switch=ui-switch] .switch-handle,[data-ui-switch=ui-switch]>.switch-label{transition:All .3s ease}[data-calendar=calendar]{display:inline-grid;grid-template-columns:auto auto auto auto;grid-template-rows:auto auto 1fr;justify-items:stretch}[data-calendar=calendar]>.fa-solid{cursor:pointer;padding:5px 10px}[data-calendar=calendar]>[data-element=month],[data-calendar=calendar]>[data-element=year]{justify-self:center}[data-calendar=calendar]>[data-element=previous]{justify-self:start}[data-calendar=calendar]>[data-element=next]{justify-self:end}[data-calendar=calendar]>.fa-solid:hover{color:#8a2be2}[data-calendar=calendar]>select{border:none}[data-calendar=calendar]>.week{display:inline-grid;gap:2px;grid-column-end:span 4;grid-column-start:1;grid-row-start:2;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr}[data-calendar=calendar]>.week>*{align-self:center;background-color:hsla(0,0%,83%,.5);cursor:default;font-size:smaller;justify-self:stretch;padding:5px 10px;text-align:center}[data-calendar=calendar]>.dates{display:inline-grid;gap:0;grid-column-end:span 4;grid-column-start:1;grid-row-start:3;grid-template-columns:repeat(7,1fr)}[data-calendar=calendar]>.dates>[data-item-index]{align-self:stretch;cursor:pointer;justify-self:stretch;overflow:hidden;padding:7px;text-align:center;text-overflow:ellipsis}[data-calendar=calendar]>.dates>[data-item-index]:hover{background-color:hsla(0,0%,83%,.5)}[data-calendar=calendar]>.dates>[data-item-index][data-is-today=true]{background-color:#90ee90}[data-calendar=calendar]>.dates>[data-item-index][data-is-weekend=true]{background-color:hsla(0,0%,83%,.3)}[data-calendar=calendar]>.dates>[data-item-index][data-is-other-month=true]{opacity:.5}[data-calendar=calendar]>.dates>[data-item-index][data-disabled]{text-decoration:line-through}[data-calendar=calendar]>.dates>[data-item-index][data-selected-item=true]{background-color:var( --selection-color,#8a2be2);color:var( --selection-text-color,#fff)}[data-time-editor]{align-items:center;display:flex;flex-direction:row;gap:0;grid-row:2;justify-content:start;padding-left:5px}[data-time-editor]>[data-element=hour]{margin-left:5px;margin-right:5px}[data-time-editor]>[data-element=minute]{margin-left:5px}[data-time-editor]>[data-element=pm]{margin-right:5px}[data-time-editor]>button{background-color:transparent;border:none;border-radius:9999px;outline:none}[data-time-editor]>button[data-selected=true]{background-color:var(--accent-color,blue);color:var(--accent-text-color,#fff)}[data-time-editor]>button[data-element=am]{border-bottom-right-radius:0;border-top-right-radius:0}[data-time-editor]>button[data-element=pm]{border-bottom-left-radius:0;border-top-left-radius:0}[data-time-editor]>select{border:none;outline:none}[data-date-field=date-field]{background-color:transparent;border:none;cursor:pointer;display:inline-flex;text-align:left}[data-date-field=date-field]:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E") no-repeat;background-position:0!important;content:"";display:inline-block;height:20px;width:20px}[data-date-field=date-field]:hover{color:#00f;text-decoration:underline}[data-date-field=date-field] .calendar-popup{display:grid;gap:7px;grid-template-columns:1fr auto;grid-template-rows:1fr auto auto;min-width:-moz-max-content;min-width:max-content}[data-date-field=date-field] .calendar-popup>[data-calendar]{grid-column:1/span 2;grid-row:1}[data-date-field=date-field] .calendar-popup>.time-editor{align-items:center;display:flex;flex-direction:row;gap:4px;grid-row:2;justify-content:start;padding-left:5px}[data-date-field=date-field] .calendar-popup>.time-editor [data-item-index]{padding-bottom:0;padding-top:0}[data-date-field=date-field] .calendar-popup>.time-editor select{border:none;outline:none}[data-date-field=date-field] .calendar-popup>.clear{grid-column:1;justify-self:start}[data-date-field=date-field] .calendar-popup>.clear,[data-date-field=date-field] .calendar-popup>.today{background-color:transparent;border:none;color:var(--accent-color,blue);grid-row:3;margin-left:0;outline:none;padding-left:5px}[data-date-field=date-field] .calendar-popup>.today{grid-column:2;justify-self:end}web-site-reports{display:flex;flex-direction:row;flex-wrap:wrap;gap:5px;justify-content:space-around}web-site-reports>*{height:40vh;width:40%}web-site-reports>*>canvas{height:100%;width:100%}@media (max-width:700px){web-site-reports>*{height:30vh;width:90vw}}entity-list{display:flex;flex-direction:column;justify-content:stretch;justify-items:stretch;width:100%}entity-list>[data-layout=data-grid]>[data-header=header]{-moz-column-span:all;column-span:all;width:100%}div[data-pinch-zoom]{cursor:grab;overflow:hidden;position:relative}div[data-pinch-zoom][data-state=grabbing]{cursor:grabbing}div[data-pinch-zoom]>.scale{background-color:#fff;background-image:url(../../node_modules/@web-atoms/web-controls/dist/basic/styles/scale.svg);background-position:2px 2px;background-repeat:no-repeat;background-size:20px 20px;border:2px solid #a9a9a9;border-radius:4px;color:#000;height:30px;padding:4px;position:absolute;right:10px;top:10px;width:30px}div[data-pinch-zoom]>.image-container{display:grid;justify-content:center;overflow:hidden}div[data-pinch-zoom]>.image-container,div[data-pinch-zoom]>.spinner{align-items:center;bottom:0;justify-items:center;left:0;position:absolute;right:0;top:0}div[data-pinch-zoom]>.spinner{display:inline-grid;z-index:10}div[data-pinch-zoom]>.hide{display:none}[data-video-player=video-player]{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr auto auto auto;overflow:hidden}[data-video-player=video-player]>[data-element=banner]{align-items:center;align-self:end;background-color:#000;border-radius:10px;color:#fff;display:none;gap:5px;grid-column-end:span 3;grid-column-start:1;grid-row-end:span 3;grid-row-start:3;grid-template-columns:auto 1fr;grid-template-rows:auto auto;height:15%;justify-items:stretch;justify-self:center;overflow:hidden;padding:10px;z-index:2}[data-video-player=video-player]>[data-element=banner][data-has-logo=true]{display:grid}[data-video-player=video-player]>[data-element=banner]>*{min-height:0;min-width:0}[data-video-player=video-player]>[data-element=banner]>[data-element=logo]{grid-column:1;grid-row:1/span 2;height:100%;z-index:2}[data-video-player=video-player]>[data-element=banner]>[data-element=logo-title]{font-weight:700;grid-column-start:2;grid-row-start:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:2}[data-video-player=video-player]>[data-element=banner]>[data-element=logo-description]{font-size:smaller;grid-column-start:2;grid-row-start:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:2}[data-video-player=video-player]>[data-element=poster],[data-video-player=video-player]>[data-element=video]{align-self:stretch;grid-column-end:span 3;grid-column-start:1;grid-row-end:span 5;grid-row-start:1;justify-self:stretch}[data-video-player=video-player]>[data-element=play-element]{align-items:center;align-self:center;display:flex;flex-direction:row;gap:4px;grid-column-end:span 3;grid-column-start:1;grid-row-end:span 5;grid-row-start:1;justify-content:center;justify-self:center;z-index:10}[data-video-player=video-player]>[data-element=play-element]>button.play{align-items:center;background-color:#00f;border-radius:9999px;color:#fff;display:inline-flex;font-size:25px;height:50px;justify-content:center;padding:10px;text-align:center;vertical-align:middle;width:50px}[data-video-player=video-player]>[data-element=play-element]>button.play>i{margin-left:4px}[data-video-player=video-player]>[data-element=progress]{align-self:flex-end;background-color:rgba(0,0,0,.3);cursor:pointer;grid-column-end:span 3;grid-column-start:1;grid-row-start:4;height:15px;justify-self:stretch;padding-bottom:5px;padding-top:5px;width:100%;z-index:11}[data-video-player=video-player]>[data-element=toolbar]{align-items:center;background-color:rgba(0,0,0,.3);color:#fff;display:flex;flex-direction:row;gap:4px;grid-column-end:span 3;grid-column-start:1;grid-row-start:5;justify-content:flex-start;z-index:10}[data-video-player=video-player]>[data-element=toolbar]>*{margin-left:5px;min-width:20px;padding:5px}[data-video-player=video-player]>[data-element=toolbar]>[data-style=button]{height:30px;padding:5px;width:30px}[data-video-player=video-player]>[data-element=toolbar]>[data-font-size=small]{font-size:x-small}[data-video-player=video-player]>[data-element=toolbar]>[data-element=volume-range]{border:none;box-shadow:none;color:green;height:2px}[data-video-player=video-player]>[data-element=toolbar]>[data-element=volume-range]:focus{border:none;box-shadow:none}[data-video-player=video-player]>[data-element=toolbar]>[data-element=full-screen]{margin-left:auto}[data-video-player=video-player][data-controls=true]>[data-element=progress],[data-video-player=video-player][data-controls=true]>[data-element=toolbar]{display:flex}[data-video-player=video-player][data-state=paused]>[data-element=toolbar]>[data-element-pause],[data-video-player=video-player][data-state=playing][data-controls=false]>[data-element=play-element],[data-video-player=video-player][data-state=playing][data-controls=false]>[data-element=progress],[data-video-player=video-player][data-state=playing][data-controls=false]>[data-element=toolbar],[data-video-player=video-player][data-state=waiting]>[data-element=play-element],[data-video-player=video-player][data-state=waiting]>[data-element=toolbar]>[data-element=play],[data-video-player=video-player][data-state=waiting][data-controls=false]>[data-element=progress],[data-video-player=video-player][data-state=waiting][data-controls=false]>[data-element=toolbar]{display:none}[data-html-editor-element=toolbar]{align-content:flex-start;align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}[data-html-editor-element=toolbar]>*{color:#555;cursor:pointer;max-width:30px;padding:5px}[data-html-editor-element=toolbar]>:not([data-disabled]):hover,[data-html-editor-element=toolbar]>[data-disabled=false]:hover{background-color:#00800050}[data-html-editor-element=toolbar]>[data-disabled=true]{color:#80808080}[data-html-editor-element=toolbar]>[data-selected=true]{background-color:#d3d3d3;color:green}[data-html-editor-element=toolbar]+[data-html-editor-element]{margin-left:20px}[data-is-expander=expander]{align-items:center;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr}[data-is-expander=expander]>[data-element=icon]{align-self:center;grid-column-start:1;grid-row-start:1;justify-self:center;margin-right:5px;padding:5px}[data-is-expander=expander]>[data-element=header]{grid-column-start:2;grid-row-start:1}[data-is-expander=expander]>[data-element=caret]{grid-column-start:3;grid-row-start:1;margin-left:5px;padding:5px}[data-is-expander=expander]>[data-element=detail]{grid-column-end:span 3;grid-column-start:1;grid-row-start:2;margin-top:5px}[data-is-expander=expander][data-is-expanded=true]>[data-element=caret]{overflow:hidden;transform:rotate(-180deg);transform-origin:center center;transition:transform .15s ease}[data-is-expander=expander][data-is-expanded=false]>[data-element=caret]{overflow:hidden;transform:rotate(-1turn);transform-origin:center center;transition:transform .15s ease}[data-is-expander=expander][data-is-expanded=false]>[data-element=detail]{display:none}[data-is-expander=menu]{align-items:center;display:grid;gap:0;grid-template-columns:auto auto 1fr auto}[data-is-expander=menu]>[data-element=icon]{align-self:center;grid-column-end:span 2;grid-column-start:1;grid-row-start:1;justify-self:center;padding:5px}[data-is-expander=menu]>[data-element=header]{grid-column-start:3;grid-row-start:1}[data-is-expander=menu]>[data-element=caret]{grid-column-start:4;grid-row-start:1;margin-left:5px;padding:5px}[data-is-expander=menu]>[data-element=detail]{border-bottom-left-radius:0;border-bottom-width:0;border-left:1px solid var(--border-color,#d3d3d3);border-top-left-radius:0;border-top-width:0;grid-column-end:span 3;grid-column-start:2;grid-row-start:2;margin-bottom:0;margin-left:25px;margin-top:0;padding-left:20px;padding-top:5px}[data-is-expander=menu]>[data-element=detail][data-selected=true]{border-left-color:var(--accent-color,#a9a9a9);border-left-width:medium;font-weight:700}[data-is-expander=menu][data-is-expanded=true]>[data-element=caret]{overflow:hidden;transform:rotate(-180deg);transform-origin:center center;transition:transform .15s ease}[data-is-expander=menu][data-is-expanded=false]>[data-element=caret]{overflow:hidden;transform:rotate(-1turn);transform-origin:center center;transition:transform .15s ease}[data-is-expander=menu][data-is-expanded=false]>[data-element=detail]{display:none}drop-down-input{border-bottom:1px solid #d3d3d3;display:inline-grid;grid-template-columns:1fr auto;padding-left:5px;padding-right:5px}drop-down-input>*{grid-column:1;grid-row:1}drop-down-input>label{pointer-events:none}drop-down-input>input{border:none;opacity:0;outline:none}drop-down-input>input:focus{opacity:1}drop-down-input:has(input:focus)>label{opacity:0}drop-down-input:has(input:focus){border-bottom-color:var(--focus-border-color,#000)}drop-down-input>i{background-image:url(../../node_modules/@web-atoms/web-controls/images/svgs/caret-down.svg);background-position:100%;background-repeat:no-repeat;background-size:16px 16px;display:inline-block;grid-column:2;height:16px;width:16px}button-bar{border:1px solid var(--button-border,#cccccc85);border-radius:10px;display:flex;flex-direction:row;overflow:hidden;place-self:start}button-bar>input.hidden{display:none}button-bar:has(input:focus){border-color:var(--selection-color,accentColor)}button-bar>label{align-items:center;display:flex;flex-direction:row;gap:5px;padding:2px 10px 2px 0}button-bar>label:has(input:checked){background-color:var(--selection-color,highlight);color:var(--selection-text-color,highlighttext)}button-bar>label>input[type=radio]{opacity:0;width:2px}button-bar[data-control=min-max]{font-size:small}[data-size-type=max] [data-size-type]:not([data-size-type=max]),[data-size-type=min] [data-size-type]:not([data-size-type=min]),[data-size-type=normal] [data-size-type]:not([data-size-type=normal]){display:none}.animation-chooser-page [data-window-element=content]>*{height:600px;width:750px}.preset-animations{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr auto}.preset-animations>header{grid-column:2;grid-row:1}.preset-animations>aside.left{grid-column:1;grid-row:1/span 2;overflow:auto;width:100px}.preset-animations>aside.left>div{display:flex;flex-direction:column;gap:5px}.preset-animations>aside.left>div>label{cursor:pointer;padding:5px}.preset-animations>aside.left>div>label[data-selected-item]{background-color:var(--selection-color,highlight);color:var(--selection-text-color,highlighttext)}.preset-animations>aside.right{grid-column:3;grid-row:1/span 2;overflow:auto;width:100px}.preset-animations>aside.right>div{display:flex;flex-direction:column;gap:5px}.preset-animations>aside.right>div>label{cursor:pointer;padding:5px}.preset-animations>aside.right>div>label[data-selected-item]{background-color:var(--selection-color,highlight);color:var(--selection-text-color,highlighttext)}.preset-animations>iframe{grid-column:2;grid-row:2;min-height:500px;min-width:500px}.preset-animations>footer{align-content:center;display:flex;flex-direction:row;gap:5px;grid-column:1/span 3;grid-row:3}.preset-animations>footer .play{margin-left:auto}.custom-animation-editor{display:grid;grid-template-columns:2fr auto 1fr;grid-template-rows:1fr auto}.custom-animation-editor iframe{border:none;height:100%;outline:none;width:100%}.custom-animation-editor .editor{grid-column:1}.custom-animation-editor .preview{grid-column:3}.custom-animation-editor .apply{grid-column:1;grid-row:2}.custom-animation-editor .play{align-content:end;display:flex;flex-direction:row;grid-column:3;grid-row:2;justify-content:end}[data-html-page-editor=html-page-editor]{background-color:#d3d3d3;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr auto;overflow:hidden!important}[data-html-page-editor=html-page-editor]>[data-element=top]{background-color:canvas;border-bottom:1px solid #d3d3d3;border-radius:0;display:flex;gap:10px;grid-column:2;grid-row:1;padding:5px}[data-html-page-editor=html-page-editor]>[data-element=top]>[data-element=max-width]{display:flex;gap:10px}[data-html-page-editor=html-page-editor]>[data-element=left]{background-color:canvas;border-radius:0;border-right:1px solid #d3d3d3;grid-column:1;grid-row:1/span 2;width:40px}[data-html-page-editor=html-page-editor]>[data-element=right]{background-color:canvas;border-left:1px solid #d3d3d3;border-radius:0;grid-column:3;grid-row:1/span 2;overflow:hidden;overflow-y:auto}[data-html-page-editor=html-page-editor]>bread-crum{background-color:canvas;grid-column:1/span 3;grid-row:3}[data-html-page-editor=html-page-editor]>[data-element=editor]{align-self:stretch;display:grid;grid-column:2;grid-row:2;grid-template-columns:auto 1fr auto;height:100%;justify-self:center;overflow:hidden;position:relative;width:100%}[data-html-page-editor=html-page-editor]>[data-element=editor]>[data-element=content-frame]{display:grid;height:100%;padding:20px;position:absolute;width:100%}[data-html-page-editor=html-page-editor]>[data-element=editor]>[data-element=content-frame]>iframe{align-self:stretch;background-color:canvas;border:none;justify-self:stretch}[data-html-page-editor=html-page-editor]>[data-element=editor]>[data-element=drop-target]{background-color:#ff5e0097;pointer-events:none;position:absolute;transition:all 50ms ease;z-index:50}[data-html-editor-element=block]{cursor:pointer;padding:5px}[data-html-editor-element=block]:hover{background-color:#00800080}[data-menu-item=menu-item]{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:1fr auto;justify-items:start}[data-menu-item=menu-item]>a{grid-column:1;grid-row:1}:root{--selection-ui-border-color:rgba(18,70,242,.562)}selected-element{border:1px solid var(--selection-ui-border-color);margin:20px;position:absolute;z-index:22}selected-element:not([data-edit]){pointer-events:none}selected-element:not([data-edit])>i{display:none}selected-element[data-edit]{cursor:move}selected-element>[data-resize]{background-color:#ff9b4a;border:1px solid var(--selection-ui-border-color);border-radius:5px;display:block;height:10px;position:absolute;width:10px}selected-element>[data-resize=lt]{cursor:nw-resize;left:-5px;top:-5px}selected-element>[data-resize=rt]{cursor:ne-resize;right:-5px;top:-5px}selected-element>[data-resize=lb]{bottom:-5px;cursor:sw-resize;left:-5px}selected-element>[data-resize=rb]{bottom:-5px;cursor:se-resize;right:-5px}selected-element>[data-resize=l]{cursor:ew-resize;height:calc(clamp(20px, 10%, 50px));left:-5px;top:45%}selected-element>[data-resize=r]{cursor:ew-resize;height:calc(clamp(20px, 10%, 50px));right:-5px;top:45%}selected-element>[data-resize=t]{cursor:ns-resize;left:45%;top:-5px;width:calc(clamp(20px, 10%, 50px))}selected-element>[data-resize=b]{bottom:-5px;cursor:ns-resize;left:45%;width:calc(clamp(20px, 10%, 50px))}selected-element>label{background-color:var(--selection-ui-border-color);border-radius:2px;color:#fff;left:0;top:-1.5rem}selected-element>div,selected-element>label{font-size:smaller;padding:2px 5px;position:absolute;text-transform:capitalize}selected-element>div{align-content:center;align-items:center;background-color:#fff;border-radius:3px;box-shadow:0 0 14px 0 rgba(0,0,0,.52);color:grey;display:flex;gap:5px;justify-content:center;justify-items:center;pointer-events:all;right:0;top:-1.8rem;z-index:1000}selected-element>div>i{cursor:pointer;min-width:16px;padding:5px}selected-element>div>i:hover{background-color:#e6e6e6;color:#3f3fff}selected-element button[data-element=edit]{background-color:#00940094;border:none;color:#fff;cursor:pointer;display:none;left:2px;pointer-events:all;position:absolute;top:2px}selected-element[data-element-name=INJECT] button[data-element=edit]{display:flex}selected-element[data-element-name=INJECT] button[data-element=edit]:after{content:"Edit Template"}ui-guides{display:block;margin:20px;outline:1px solid green;outline-color:#00940094;pointer-events:none;position:absolute;z-index:400}ui-guides>label{background-color:#8f8f8f;border-radius:3px;color:#fff;font-size:10px;left:0;padding:2px 5px;position:absolute;text-transform:capitalize;top:-20px}ui-guides>h-guide{background-color:#90ee90;display:none;height:1px;left:0;position:absolute;right:0;top:0}ui-guides>h-guide[show]{display:block}ui-guides>v-guide{background-color:#90ee90;bottom:0;display:none;left:0;position:absolute;top:0;width:1px}ui-guides>v-guide[show]{display:block}bread-crum{background-color:#fff;border-top:1px solid #d3d3d3;display:flex;flex-direction:row;flex-wrap:nowrap;gap:0;position:relative}bread-crum>button{background-color:transparent;border:none;cursor:pointer;font-size:12px;outline:none;padding:4px 4px 4px 0;text-transform:lowercase}bread-crum>button:hover{background-color:#eaeaea}bread-crum>button:not(:first-child):before{content:"⮞";display:inline-block;padding-right:4px}bread-crum>i{cursor:pointer;font-size:10px;font-weight:400!important;padding:10px 5px 2px;position:relative}bread-crum>i:hover{background-color:#d3d3d3}bread-crum>i>popup-menu{align-items:flex-start;background-color:canvas;border:none;border-radius:10px;bottom:1.3rem;box-shadow:0 0 2px 1px gray;cursor:pointer;display:flex;flex-direction:column;font-family:var(--body-font-family);font-size:12px;gap:10px;left:0;min-width:100px;outline:none;padding:10px;position:absolute;z-index:200}bread-crum>i>popup-menu>*{text-transform:lowercase}bread-crum>i>popup-menu>[is-invisible]{text-decoration:line-through}bread-crum>i>popup-menu>:hover{background-color:#d3d3d3}div[data-collection-editor]{border:1px solid #d3d3d3;border-radius:10px;margin:10px;padding:10px}studio-tool-bar{display:grid;gap:0;grid-template-columns:auto 1fr;grid-template-rows:1fr;overflow:hidden}studio-tool-bar>button-bar{border:none;border-radius:0;border-right:1px solid #d3d3d3;display:flex;flex-direction:column;gap:10px;grid-column:1;grid-row:1;height:100%;position:relative;width:50px}studio-tool-bar>button-bar>label{justify-content:center;padding:5px}studio-tool-bar>button-bar input[type=radio]{left:-10px;position:absolute;top:-10px}studio-tool-bar>button-bar [data-element=header]{align-content:center;align-items:center;display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto;justify-content:center;justify-items:center}studio-tool-bar>button-bar [data-element=header]>i{font-size:15px;grid-column:1;grid-row:1;padding:10px}studio-tool-bar>button-bar [data-element=header]>span{font-size:smaller;grid-column:1;grid-row:2}studio-tool-bar>[data-element=container]{grid-column:2;grid-row:1;overflow-x:hidden;overflow-y:auto}tool-preview{display:grid;height:80px;justify-content:center;justify-items:center;width:80px}tool-preview>*{border:none;grid-column:1;grid-row:1;height:80px;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;outline:none;width:80px}studio-layers{align-content:start;align-items:start;display:flex;flex-direction:column;justify-content:start;justify-items:start;overflow:auto}tree-element{display:grid;grid-template-columns:auto auto auto 1fr auto;grid-template-rows:auto 1fr;width:100%}tree-element[hover]::part(bg){background-color:var(--hover-color,#c0c0c055)}tree-element[hover]::part(actions){display:flex}tree-element[selected]::part(actions){display:flex}tree-element[selected]::part(bg){background-color:var(--selection-color,highlight)}tree-element[selected]::part(icon),tree-element[selected]::part(label){color:var(--selection-color-text,inherit)}tree-element::part(spacer){cursor:pointer;grid-column:1;grid-row:1}tree-element::part(bg){grid-column:1/span 5;grid-row:1}tree-element::part(label){cursor:pointer;font-size:smaller;grid-column:4;grid-row:1;overflow:hidden;padding-bottom:2px;padding-top:2px;text-overflow:ellipsis;text-transform:lowercase;white-space:nowrap}tree-element::part(actions){align-items:center;display:none;flex-direction:row;grid-column:5;grid-row:1}tree-element::part(action-item){cursor:pointer;height:16px;padding-right:2px}tree-element::part(icon){cursor:pointer;grid-column:3;grid-row:1}tree-element::part(check){-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(../../content/svg/angle-right.svg);background-size:100% 100%;cursor:pointer;grid-column:2;grid-row:1;height:16px;margin:0;width:16px}tree-element::part(check):checked{background-image:url(../../content/svg/angle-down.svg);background-size:100% 100%}tree-element::part(container){display:flex;flex-direction:column;gap:0;grid-column:1/span 5;grid-row:2}preview-template{background-color:canvas;border-bottom:1px solid #d3d3d3;display:grid;gap:10px;grid-template-columns:350px 150px;grid-template-rows:auto 500px auto;margin:20px;overflow:hidden;padding:20px 20px 40px}preview-template>*{overflow:hidden}preview-template>h3{grid-column:1/span 2;grid-row:1;margin:0}preview-template button{margin:0!important}preview-template>[data-element=preview]{cursor:pointer;display:flex;flex-direction:row;gap:5px;grid-column:1;grid-row:3;text-decoration:none}preview-template>[data-element=setup]{cursor:pointer;display:flex;flex-direction:row;gap:5px;grid-column:2;grid-row:3;margin:0}preview-template>[data-element=desktop]{align-content:space-between;border:2px solid #fff;box-shadow:0 0 8px 1px #000;display:grid;grid-column:1;grid-row:2;max-height:100%;place-self:start;position:relative}preview-template>[data-element=desktop]>img{background-image:url(../../../../images/loaders/loader.svg);background-position:50%;background-repeat:no-repeat;background-size:100px;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}preview-template>[data-element=mobile]{align-content:space-between;border:2px solid #fff;box-shadow:0 0 8px 1px #000;display:grid;grid-column:2;grid-row:2;max-height:100%;place-self:start;position:relative}preview-template>[data-element=mobile]>img{background-position:50%;background-repeat:no-repeat;background-size:100px;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}[data-reference-editor=reference-editor],[data-reference-editor=reference-editor] .model{overflow:visible!important;position:relative}[data-reference-editor=reference-editor] .suggestions{background-color:canvas;border:1px solid #d3d3d3;border-radius:10px;padding:10px;position:absolute;top:2rem;z-index:40000}drawer-menu{background-color:var(--accent-color);display:grid;grid-template-rows:auto 1fr;width:300px}drawer-menu>.header,drawer-menu>header{color:#fff;font-size:large;grid-row:1;padding:10px}drawer-menu>.menus,drawer-menu>section{background-color:canvas;border-radius:10px;grid-row:2;margin:var(--spacing);overflow:auto;padding:var(--spacing)}drawer-menu .menu-item-search{overflow:hidden}drawer-menu .menu-item-search input{border-bottom:1px solid transparent;border-radius:0;margin-left:16px;width:100%}drawer-menu .menu-item-search input:focus{border-bottom:1px solid var(--accent-color)}
+[data-force-contain=none]{contain:none!important}[data-inline-popup=left]{height:0;left:0;position:relative;width:0}[data-inline-popup=left]>*{background-color:#fff;border:1px solid rgba(0,0,0,.05);border-radius:5px;box-shadow:0 2px 5px 0 rgba(50,50,105,.07),0 1px 1px 0 rgba(0,0,0,.03);left:0;max-height:300px;overflow:auto;padding:5px;position:absolute;top:0;z-index:200}[data-inline-popup=right]{height:0;position:absolute;right:0;width:0}[data-inline-popup=right]>*{background-color:#fff;border:1px solid rgba(0,0,0,.05);border-radius:5px;box-shadow:0 2px 5px 0 rgba(50,50,105,.07),0 1px 1px 0 rgba(0,0,0,.03);max-height:300px;overflow:auto;padding:5px;position:absolute;right:0;top:0;z-index:200}[data-inline-popup=inline-left]{height:0;left:0;position:relative;width:0}[data-inline-popup=inline-left]>*{background-color:#fff;border:1px solid rgba(0,0,0,.05);border-radius:5px;box-shadow:0 2px 5px 0 rgba(50,50,105,.07),0 1px 1px 0 rgba(0,0,0,.03);left:0;max-height:300px;overflow:auto;padding:5px;position:absolute;top:0;z-index:200}[data-center-popup]{left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:10000}.web-atoms-popup-local,[data-center-popup]{background-color:#fff;border:1px solid #d3d3d3;border-radius:5px;box-shadow:0 2px 5px 0 rgba(50,50,105,.15),0 1px 1px 0 rgba(0,0,0,.05);display:inline-block;padding:5px}[data-popup-window=popup-window]{align-items:stretch;background-color:canvas;border:1px solid #d3d3d3;border-radius:5px;box-shadow:0 0 20px 1px rgba(0,0,0,.75);color:canvastext;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto 1fr auto;justify-items:stretch;opacity:0;overflow:hidden;position:absolute;transition:opacity .3s cubic-bezier(.55,.09,.97,.32)}[data-popup-window=popup-window][not-ready]{left:50%;top:50%;transform:translate(-50%,-50%)}[data-popup-window=popup-window] [data-window-modal-background=background]{bottom:0;left:0;position:absolute;right:0;top:0}[data-popup-window=popup-window][data-no-width=true]{max-width:95%;min-width:300px}[data-popup-window=popup-window][data-no-height=true]{max-height:95%;min-height:100px}[data-popup-window=popup-window][data-maximize=true]{height:90%;width:90%}[data-popup-window=popup-window][data-ready=true]{opacity:1}[data-popup-window=popup-window][data-dragging=true]{opacity:.5}[data-popup-window=popup-window]>[data-window-element=icon]{grid-column:1;grid-row:1;z-index:2}[data-popup-window=popup-window]>[data-window-element=title]{color:var(--accent-text-color,#424242);cursor:move;font-size:medium;grid-column:2;grid-row:1;overflow:hidden;padding:var(--spacing,5px);text-overflow:ellipsis;white-space:nowrap;z-index:2}[data-popup-window=popup-window]>[data-window-element=close]{background-color:red;border:none;border-radius:9999px;color:#fff;cursor:pointer;font-family:monospace;grid-column:3;grid-row:1;height:20px;margin:5px;outline:none;text-transform:capitalize;width:20px;z-index:2}[data-popup-window=popup-window]>[data-window-element=action-bar]{align-self:stretch;background-color:var(--accent-color,hsla(0,0%,83%,.2));border-top-left-radius:5px;border-top-right-radius:5px;grid-column:1/span 3;grid-row:1;justify-self:stretch;z-index:1}[data-popup-window=popup-window]>[data-window-element=header]{grid-column:1/span 3;grid-row:2;margin-top:5px}[data-popup-window=popup-window]>[data-window-element=content]{grid-column:1/span 3;grid-row:3;margin-top:5px;overflow:auto;padding:var(--spacing-medium,7px);position:relative}[data-popup-window=popup-window]>[data-window-element=content][data-maximize=true]{height:90vh;width:90vw}[data-popup-window=popup-window]>[data-window-element=footer]{background-color:var(--command-bar-color,#80808025);grid-column:1/span 3;grid-row:4;margin-top:5px;padding-bottom:5px;padding-top:5px}[data-popup-window=popup-window]>[data-window-element=footer]>*>button,[data-popup-window=popup-window]>[data-window-element=footer]>button{border-color:transparent;border-radius:9999px;border-width:1px;margin:5px 5px 5px 10px;padding:5px 20px}body>div[data-popup-window=popup-window],body>div[data-window-modal-background]{position:fixed}[data-confirm-popup=confirm-popup]>[data-window-element=content]>[data-element=details]{margin-top:5px;max-height:50vh;max-width:80vw;overflow:auto}[data-confirm-popup=confirm-popup]>[data-window-element=footer]>.yes{background-color:#01af01;color:#fff}[data-confirm-popup=confirm-popup]>[data-window-element=footer]>.no{background-color:red;color:#fff}[data-confirm-popup=confirm-popup]>[data-window-element=footer]>.cancel{background-color:gray;color:#fff}[data-page-app=page-app]{left:0;right:0;top:0}[data-page-app=page-app]>[data-container]{bottom:0;left:0;top:0;transition:left .3s ease-out;width:100%}@media screen{[data-page-app=page-app],[data-page-app=page-app]>[data-container]{overflow:hidden;position:absolute}}[data-page-app=page-app][data-drawer=visible]>[data-container]{left:80%}[data-page-app=page-app][data-drawer=visible]>[data-drawer-page]{left:0}[data-page-app=page-app] [data-drawer-page=drawer-page]{height:100%;left:-80%;overflow:hidden;position:absolute;top:0;transition:left .3s ease-out;width:80%}[data-base-page=base-page]{contain:content;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:40px auto 1fr auto;height:100%;left:0;top:0;transform:translate(100%);transition:transform .3s ease-out;width:100%}@media screen{[data-base-page=base-page]{overflow:hidden;position:absolute}}[data-base-page=base-page]>[data-icon-button=icon-button]{padding:5px}[data-base-page=base-page]>[data-page-element=action-bar]{background-color:var(--accent-color,#d3d3d3);grid-column-end:span 3;grid-column-start:1;grid-row-start:1;z-index:11}[data-base-page=base-page]>[data-page-element=icon]{align-self:center;color:var(--accent-text-color,#000);font-size:20px;grid-column-start:1;grid-row-start:1;justify-self:center;padding:10px;text-align:center;width:40px;z-index:14}[data-base-page=base-page]>[data-page-element=title]{align-self:center;color:var(--accent-text-color,#000);font-size:20px;grid-column-start:2;grid-row-start:1;justify-self:stretch;padding:5px;z-index:14}[data-base-page=base-page]>[data-page-element=action]{color:var(--accent-text-color,#000);font-size:20px;grid-column-start:3;grid-row-start:1;min-width:40px;padding:10px;z-index:14}[data-base-page=base-page]>[data-page-element=action] button{background:transparent;border:none;font-size:inherit;outline:none;width:30px}[data-base-page=base-page]>button[data-page-element=action]{background:transparent;border:none;min-width:40px;outline:none}[data-base-page=base-page]>[data-page-element=header]{background-color:#c0c0c030;grid-column-end:span 3;grid-column-start:1;grid-row-start:2;padding:5px;z-index:12}[data-base-page=base-page]>[data-page-element=pull-to-refresh]{align-self:start;grid-column-end:span 3;grid-column-start:1;grid-row-start:3;justify-self:center;margin:10px;padding:5px;z-index:9}[data-base-page=base-page]>[data-page-element=pull-to-refresh] .pull-icon{transition:all .3s ease-out}[data-base-page=base-page]>[data-page-element=pull-to-refresh][data-mode=up] .pull-icon{transform:rotate(180deg)}[data-base-page=base-page]>[data-page-element=pull-to-refresh]:not([data-mode=down]) .down,[data-base-page=base-page]>[data-page-element=pull-to-refresh]:not([data-mode=loading]) .loading,[data-base-page=base-page]>[data-page-element=pull-to-refresh]:not([data-mode=up]) .up,[data-base-page=base-page]>[data-page-element=pull-to-refresh][data-mode=loading] .pull-icon{display:none}[data-base-page=base-page]>[data-page-element=content]{grid-column-end:span 3;grid-column-start:1;grid-row-start:3;overflow-x:hidden;overflow-y:auto;padding:5px;position:relative;scrollbar-color:var(--accent-color,orange) transparent;scrollbar-width:5px;z-index:10}[data-base-page=base-page]>[data-page-element=content]::-webkit-scrollbar{width:5px}[data-base-page=base-page]>[data-page-element=content]::-webkit-scrollbar-thumb{background-color:#fff;border:3px solid var(--accent-color,orange);border-radius:20px}[data-base-page=base-page]>[data-page-element=footer]{grid-column-end:span 3;grid-column-start:1;grid-row-start:4;padding:5px;z-index:11}[data-base-page=base-page][data-page-state=ready]{transform:translate(0)}[data-base-page=base-page][data-page-state=hidden]{transform:translate(-100%)}[data-base-page=base-page][data-page-removed]{display:none;z-index:-1000}[data-base-page=base-page][data-hide-drawer=true] [data-drwaer-page],[data-base-page=base-page][data-hide-drawer=true] drawer-menu,[data-base-page=base-page][data-hide-toolbar=true] [data-page-element=status-bar],[data-base-page=base-page][data-hide-toolbar=true]>[data-page-element=action-bar],[data-base-page=base-page][data-hide-toolbar=true]>[data-page-element=action],[data-base-page=base-page][data-hide-toolbar=true]>[data-page-element=icon],[data-base-page=base-page][data-hide-toolbar=true]>[data-page-element=title]{display:none}[data-base-page=base-page][data-hide-toolbar=true]>[data-page-element=header]{grid-row:1}[data-base-page=base-page][data-hide-toolbar=true]>[data-page-element=content]{grid-row:2/span 3}@media screen{body{overflow:hidden}body>[data-page-app=page-app]{height:100vh}}@supports (height:100dvh){body>[data-page-app=page-app]{height:100dvh}}body,html{height:100vh;width:100vw}body{align-content:stretch;align-items:stretch;flex-direction:row;justify-content:space-around}@media screen{body{display:grid;overflow:hidden}[data-desktop-app=desktop-app]{display:grid;overflow:hidden;position:relative}}[data-desktop-app=desktop-app]{grid-template-columns:auto 1fr auto;grid-template-rows:1fr auto;min-width:900px}[data-desktop-app=desktop-app] drawer-menu{transition:all .5s ease-out}[data-desktop-app=desktop-app] drawer-menu[drawer-hidden],[data-desktop-app=desktop-app][drawer-hidden] drawer-menu{width:1px}[data-desktop-app=desktop-app]>[data-page-element=app]{grid-column:2;grid-row:1;position:inherit}[data-desktop-app=desktop-app]>[data-page-element=menu-renderer]{grid-column:1;grid-row:1;overflow-x:hidden;overflow-y:auto}[data-desktop-app=desktop-app]>[data-page-element=side-bar]{grid-column:3;grid-row:1;overflow-x:hidden;overflow-y:auto}[data-desktop-app=desktop-app]>[data-page-element=status-bar]{border-top:1px solid #d3d3d3;grid-column:1/span 3;grid-row:2;margin-top:2px;overflow:hidden;padding:5px}[data-desktop-app=desktop-app][data-full-width]{min-width:100vw;width:100vw}[data-desktop-app=desktop-app][data-hide-drawer=true] [data-drwaer-page],[data-desktop-app=desktop-app][data-hide-drawer=true] drawer-menu{display:none}[data-desktop-app=desktop-app][data-hide-toolbar=true] [data-base-page=base-page]{grid-template-rows:auto auto 1fr auto}[data-desktop-app=desktop-app][data-hide-toolbar=true] [data-page-element=action-bar],[data-desktop-app=desktop-app][data-hide-toolbar=true] [data-page-element=action],[data-desktop-app=desktop-app][data-hide-toolbar=true] [data-page-element=icon],[data-desktop-app=desktop-app][data-hide-toolbar=true] [data-page-element=status-bar],[data-desktop-app=desktop-app][data-hide-toolbar=true] [data-page-element=title]{display:none}[data-desktop-app=desktop-app][data-hide-toolbar=true] [data-page-element=header]{grid-row:1}[data-desktop-app=desktop-app][data-hide-toolbar=true] [data-page-element=content]{grid-row:2/span 3}[data-repeater-popup=popup]{align-items:stretch;display:flex;flex-direction:column;gap:4px;min-width:200px}[data-repeater-popup=popup]>.items{flex:1 1 100%;overflow:auto}[data-repeater-popup=popup]>.items>.presenter>*{padding:5px}[data-repeater-popup=popup]>.items>.presenter>[data-item-index]{cursor:pointer}[data-repeater-popup=popup]>.items>.presenter>[data-item-index]:hover{color:blue;text-decoration:underline}[data-repeater-popup=popup]>.items>.presenter>[data-selected-item=true]{background-color:#90ee90}[data-suggestion-popup=suggestion-popup]{align-items:center;display:flex;flex-direction:column;gap:4px;height:250px;justify-content:space-around;min-width:80px}@media (max-width:700px){[data-suggestion-popup=suggestion-popup]{height:unset;max-height:80px}}[data-suggestion-popup=suggestion-popup]>.items{flex:1 1 100%;overflow:auto}[data-suggestion-popup=suggestion-popup]>.items>.presenter>*{padding:5px}[data-suggestion-popup=suggestion-popup]>.items>.presenter>[data-selected-item=true]{background-color:#90ee90}[data-item-index] i[data-click-event]{padding:5px}[data-item-index] [data-no-wrap=true]{white-space:nowrap}[data-item-index] label[data-selector=check-box]{padding:5px;width:30px}[data-item-index] label[data-selector=check-box]>i{padding:0}[data-item-index]:not([data-selected-item]) [data-selector=check-box] i[data-click-event=item-deselect],[data-item-index][data-selected-item=true] [data-selector=check-box] i[data-click-event=item-select]{display:none}[data-select-all=select-all]{align-items:center;display:flex;justify-content:flex-start;margin:0}[data-select-all=select-all] i[data-ui-type]{padding:5px}[data-select-all=select-all] [data-no-wrap=true]{white-space:nowrap}[data-select-all=select-all][data-is-selected=false] i[data-ui-type=item-deselect],[data-select-all=select-all][data-is-selected=true] i[data-ui-type=item-select],[data-ui-display=none]{display:none}atom-pop-over{position:relative}atom-pop-over::part(container){background-color:var(--popup-background-color,var(--default-background-color,canvas));border:1px solid rgba(0,0,0,.05);border-radius:5px;box-shadow:0 4px 6px 4px rgba(50,50,105,.5),0 1px 1px 0 rgba(0,0,0,.5);color:var(--popup-text-color,canvasText);display:block;font-family:var(--popup-menu-font,var(--body-font-family,ui-serif ));font-weight:400;line-height:var(--body-line-height,1.4);padding:5px;position:fixed;z-index:5000}[data-attachment-file]{display:inline-grid;grid-template-rows:auto auto auto}[data-attachment-file]>[data-element=file-name]{grid-row:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-attachment-file]>progress{grid-row:2;width:100%}[data-attachment-file]>[data-element=error]{grid-row:3;width:100%}[data-wa-form-field=wa-form-field]{align-items:center;display:grid;grid-template-columns:auto 1fr auto auto;grid-template-rows:auto auto auto}[data-wa-form-field=wa-form-field]>[data-element=label]{grid-column:1;grid-row:1}[data-wa-form-field=wa-form-field]>[data-element=content]{grid-column-end:span 2;grid-column-start:1;grid-row-start:2;margin-bottom:5px;margin-top:5px}[data-wa-form-field=wa-form-field][data-border=true] input,[data-wa-form-field=wa-form-field][data-border=true] textarea{border:none;outline:none}[data-wa-form-field=wa-form-field][data-border=true] select{border:none}[data-wa-form-field=wa-form-field]>i[data-border=border]{align-self:flex-end;border-bottom:1px solid #d3d3d3;grid-column-end:span 3;grid-column-start:1;grid-row-start:3}[data-wa-form-field=wa-form-field][data-focused=true]>i[data-border=border]{border-bottom-color:#000}[data-wa-form-field=wa-form-field]>i[data-help=help]{color:#90ee90;cursor:pointer;font-size:x-large;grid-column-start:3;grid-row-start:2;margin-left:auto;padding:5px}[data-wa-form-field=wa-form-field]>.field-error{background-color:red;border-radius:9999px;color:#fff;font-size:smaller;grid-column-end:span 3;grid-column-start:1;grid-row-start:4;margin:5px;padding:5px}[data-wa-form-field=wa-form-field]>.field-error:empty{display:none}[data-wa-form-field=wa-form-field]>span[data-required=required]{color:red;grid-column-start:2;grid-row:1;visibility:hidden}[data-wa-form-field=wa-form-field]>span[data-required=required].true{visibility:visible}[data-wa-form-field=wa-form-field][data-layout=horizontal]{grid-template-columns:auto auto 1fr auto;grid-template-rows:auto auto}[data-wa-form-field=wa-form-field][data-layout=horizontal]>label.label{grid-row-start:2;margin-bottom:5px;margin-right:5px}[data-wa-form-field=wa-form-field][data-layout=horizontal]>[data-content=content]{grid-column-start:3;grid-row-start:2;margin-bottom:5px;margin-top:0}[data-wa-form-field=wa-form-field][data-layout=horizontal]>i[data-help=help]{grid-column-start:4;grid-row-start:2}[data-wa-form-field=wa-form-field][data-layout=horizontal]>.field-error{grid-column-end:span 3;grid-column-start:1;grid-row-start:4}[data-wa-form-field=wa-form-field][data-layout=horizontal]>span[data-required=required]{color:red;display:none;grid-column-start:2;grid-row-start:2;margin-right:5px}[data-wa-form-field=wa-form-field][data-layout=horizontal]>span[data-required=required].true{display:inline}[data-form-field-help=help-window]{align-items:center;display:flex;flex-direction:column;gap:4px;justify-content:flex-start;overflow:auto;padding:10px}div[data-password-box=password-box]{display:inline-grid;grid-template-columns:1fr auto}div[data-password-box=password-box]>input{grid-column:1/span 2;grid-row:1}div[data-password-box=password-box]>input::-ms-reveal{display:none}div[data-password-box=password-box]>i{align-self:center;grid-column:2;grid-row:1;justify-self:center;padding:5px;z-index:2}[data-form=form]{display:flex;flex-direction:column;gap:var(--spacing,5px)}[data-form=form][data-valid=true] .field-error:not(:empty),[data-form=form][data-valid=true]>.error-message{display:none}[data-form=form]>.error-message{background-color:red;border-radius:9999px;color:#fff;padding:var(--spacing-small,2px);padding-left:var(--spacing-large,10px);padding-right:var(--spacing-large,10px);position:sticky;top:0}div[data-drop-down=drop-down]{align-items:center;display:inline-flex;flex-direction:row;gap:4px;justify-content:stretch}div[data-drop-down=drop-down] [data-white-space=nowrap]{white-space:nowrap}input[data-mask]{font-family:monospace;padding-left:2px;padding-top:1px;position:relative}[data-app-form=app-form]{border:1px solid #d3d3d3;border-radius:10px;gap:10px;padding:10px}[data-app-form=app-form] h1,[data-app-form=app-form] h2,[data-app-form=app-form]h3,[data-app-form=app-form]h4,[data-app-form=app-form]h5,[data-app-form=app-form]h6{margin-block-end:20px;margin-block-start:20px}[data-app-form=app-form] input{border:none;border-bottom:1px solid #80808080;min-width:250px;outline:none}qr-code img.qr-code{width:256px}splash-screen-page,splash-screen-page[data-base-page=base-page]>[data-page-element=content]{overflow:hidden}splash-screen-page splash-screen{display:grid;grid-template-columns:auto 30vw auto;grid-template-rows:auto 30vh auto;height:100%;overflow:hidden;width:100%}splash-screen-page splash-screen>*{grid-column:2;grid-row:2;height:100%;overflow:hidden;width:100%}[data-check-box=check-box]{display:inline-block}[data-check-box=check-box]>label{display:flex;padding-left:5px;padding-right:5px}[data-check-box=check-box]>label>input[type=checkbox]{align-self:center;border-radius:3px;margin:0;padding:0}[data-check-box=check-box]>label>span{align-self:center;flex:1 1 100%;margin-left:5px;white-space:nowrap}[data-load-more=load-more]{margin:10px;padding:10px}[data-load-more=load-more]>span{background-color:#d3d3d3;border:1px solid gray;border-radius:10px;padding:3px 10px}[data-collection-editor-ex][data-collection-editor-ex][data-collection-editor-ex][data-collection-editor-ex]{overflow:visible}[data-layout=tree-view]{display:flex;flex-direction:column}[data-layout=tree-view] [data-layout=tree-view-item]{align-items:center;color:green;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto}[data-layout=tree-view] [data-layout=tree-view-item]>[data-layout=container]{grid-column:1/span 3;grid-row:2}[data-layout=tree-view] [data-layout=tree-view-item]>[data-element=action]{background-color:transparent;border:none;grid-column:3;grid-row:1;opacity:0}[data-layout=tree-view] [data-layout=tree-view-item]>[data-element=action][data-popup-open]{opacity:1}[data-layout=tree-view] [data-layout=tree-view-item]:hover:not(:has([data-layout=tree-view-item]:hover)){background-color:var(--hover-color);color:var(--hover-text-color)}[data-layout=tree-view] [data-layout=tree-view-item]:hover:not(:has([data-layout=tree-view-item]:hover))>[data-element=action]{opacity:1}[data-layout=tree-view] [data-layout=tree-view-item]>[data-element=label]{cursor:pointer;grid-column:2;grid-row:1;max-width:200px;overflow:hidden;padding:5px;text-overflow:ellipsis;white-space:nowrap}[data-layout=tree-view] [data-layout=tree-view-item][data-selected]{background-color:var(--selection-color);color:var(--selection-text-color)}[data-layout=tree-view] [data-layout=tree-view-item]>[data-element=expand-collapse]{cursor:pointer;grid-column:1;grid-row:1;padding:5px}[data-layout=tree-view] [data-layout=tree-view-item]>[data-element=expand-collapse]:before{content:"\f105"}[data-layout=tree-view] [data-layout=tree-view-item][data-expanded]>[data-element=expand-collapse]:before{content:"\f107"}[data-layout=tree-view] [data-layout=tree-view-item][data-expanded]>[data-element=children]{display:flex;flex-direction:column;gap:5px}[data-menu-item=menu-item]{align-items:center;border-radius:5px;cursor:pointer;display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-start;min-width:20ch;padding:5px}[data-menu-item=menu-item]:hover{background-color:#90ee90}[data-menu-item=menu-item]>*{flex-shrink:0}[data-menu-item=menu-item]>[data-element=icon]{text-align:center;width:1.3em}[data-menu-items=menu-items]{align-items:stretch;display:flex;flex-direction:column;gap:4px;justify-content:stretch}[data-page-type=master-detail][data-mode=desktop][data-is-open]{grid-template-columns:auto auto auto 1fr;transition:none}[data-page-type=master-detail][data-mode=desktop][data-is-open] [data-base-page][data-element=detail]{grid-column:4;grid-row:1/span 3;transition:none}[data-page-type=master-detail]>[data-element=close]{color:red;font-size:1.5em;grid-column:4;grid-row:1;justify-self:end;margin-top:5px;padding:5px;z-index:2}[data-page-type=master-detail]>[data-page-element=content]{display:grid}[data-page-type=master-detail]>[data-page-element=content]>*{align-self:stretch;grid-column:1;grid-row:1;justify-self:stretch}[data-page-type=master-detail]>[data-page-element=content]>[data-element=detail]{display:none}[data-page-type=master-detail]>[data-page-element=content][data-mode=desktop]{display:grid;grid-template-rows:auto 1fr;overflow:hidden}[data-page-type=master-detail]>[data-page-element=content][data-mode=desktop]>*{grid-column:1;grid-row:1/span 2;overflow:auto}[data-page-type=master-detail]>[data-page-element=content][data-mode=desktop]>[data-element=close]{align-self:center;color:red;font-size:1.5em;grid-column:3;grid-row:1;justify-self:center;margin-top:.35em;padding:5px;z-index:2}[data-page-type=master-detail]>[data-page-element=content][data-mode=desktop]>[data-element=detail]{align-self:stretch;border:1px solid #d9d9d9;border-radius:9px;box-shadow:0 2px 5px 0 rgb(50 50 105/7%),0 1px 1px 0 rgb(0 0 0/3%);display:grid;grid-column:2/span 2;grid-row:1/span 2;justify-self:stretch;margin:5px;padding:0;position:relative;transform:none;transition:none}[data-page-type=master-detail]>[data-page-element=content][data-mode=desktop]>[data-element=detail]>[data-page-element=content],[data-page-type=master-detail]>[data-page-element=content][data-mode=desktop]>[data-element=detail]>[data-page-element=footer],[data-page-type=master-detail]>[data-page-element=content][data-mode=desktop]>[data-element=detail]>[data-page-element=header]{grid-column:1/span 3}[data-resizable=resizable]{display:grid;gap:1px;grid-template-columns:1fr 2px;overflow:hidden}[data-resizable=resizable]>*{grid-column:1;grid-row:1}[data-resizable=resizable]>[data-element=resizer]{cursor:ew-resize;grid-column:2;grid-row:1}[data-resizable=resizable]>[data-element=resizer][data-resizing]{background-color:rgba(0,0,0,.25);cursor:col-resize}[data-resizable=resizable][data-direction=vertical]>[data-element=resizer]{cursor:ns-resize}home-page{display:flex;flex-wrap:wrap}home-page>*{max-width:300px}msg-root{align-content:start;align-items:start;display:flex;flex-direction:column}msg-root a{text-decoration:none}msg-root img:not([width]),msg-root video:not([width]){max-width:100%;width:-moz-fit-content;width:fit-content}msg-root img:not([height]),msg-root video:not([height]){height:-moz-fit-content;height:fit-content;max-height:100%}msg-root div[msg]{display:flex;flex-direction:column;overflow:visible}msg-root div[msg],msg-root div[msg] :not(img):not(video){max-width:800px;word-break:keep-all}[data-limited-text]{contain:content;overflow:hidden;position:relative}[data-limited-text][data-mode=collapsed]>[data-element=more]{background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5) 19%,#fff 65%,#fff);cursor:pointer}[data-limited-text][data-mode=collapsed]>[data-element=more]>button{transform:rotate(180deg)}[data-limited-text]>[data-element=more]{display:flex;justify-content:flex-end;left:0;position:absolute;right:0;transform:translateY(-100%);width:100%}[data-limited-text]>[data-element=more]>button{border:none;border-radius:9999px;box-shadow:0 0 6px 6px #fff;outline:none;padding:1px 10px;transition:transform .5s ease-out}[data-file-preview=file-preview]{border:2px solid #d3d3d3;contain:content;display:inline-grid;grid-template-columns:auto 1fr auto auto;grid-template-rows:1fr auto auto;height:120px;margin:5px;text-decoration:none;width:150px}[data-file-preview=file-preview] a{text-decoration:none}[data-file-preview=file-preview]>[data-element=preview]{grid-column:1/span 4;grid-row:1/span 2;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;overflow:hidden;place-self:stretch;width:100%}[data-file-preview=file-preview]>[data-element=icon]{grid-column:1;grid-row:2}[data-file-preview=file-preview]>[data-element=file-name]{background-color:var(--accent-color);color:var(--accent-text-color);font-size:smaller;grid-column:1/span 3;grid-row:3;overflow:hidden;padding:5px;text-overflow:ellipsis;white-space:nowrap}[data-file-preview=file-preview]>[data-element=size]{background-color:#e2e2e2;border-top-left-radius:5px;color:#313131;font-size:x-small;grid-column:3/span 2;grid-row:2;padding:2px 5px}[data-file-preview=file-preview]>[data-element=ext]{align-self:stretch;background-color:var(--accent-color);color:var(--accent-text-color);font-size:small;grid-column:4;grid-row:3;justify-self:stretch;padding:5px}[data-file-preview=file-preview]>[data-element=file-size]{grid-column:3;grid-row:2}[data-file-preview=attachment]{border:1px solid #d3d3d3;display:inline-flex;margin:5px;padding:10px}[data-animate-slide=from-bottom]{transition:all .5s ease-out}[data-animate-slide=from-bottom]:not([data-animation-state]){display:none}[data-animate-slide=from-bottom][data-animation-state=down]{transform:translateY(100%)}[data-animate-slide=from-bottom][data-animation-state=normal]{transform:translate(0)}[data-animate-slide=from-top]{transition:all .5s ease-out}[data-animate-slide=from-top]:not([data-animation-state]){display:none}[data-animate-slide=from-top][data-animation-state=up]{transform:translateY(-100%)}[data-animate-slide=from-top][data-animation-state=normal]{transform:translate(0)}[data-bottom-popup]{background-color:#fff;border-top-left-radius:5px;border-top-right-radius:5px;bottom:0;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto auto;left:0;margin-left:2px;margin-right:2px;position:absolute;right:0}[data-bottom-popup]>[data-element=bar]{background-color:#d3d3d3;border-top-left-radius:5px;border-top-right-radius:5px;grid-column:1/span 3;grid-row:1;z-index:10}[data-bottom-popup]>[data-element=icon]{align-self:center;grid-column:1;grid-row:1;margin-right:5px;padding:5px;z-index:11}[data-bottom-popup]>[data-element=close]{align-self:center;grid-column:3;grid-row:1;margin-left:5px;padding:5px;z-index:11}[data-bottom-popup]>[data-element=title]{grid-column:2;grid-row:1;padding:5px;z-index:11}[data-bottom-popup]>[data-element=content]{grid-column:1/span 3;grid-row:2;padding:5px;z-index:11}[data-bottom-popup]>[data-element=footer]{grid-column:1/span 3;grid-row:3;margin-top:5px;padding:5px;z-index:11}[data-bottom-popup-container]{background-color:rgba(0,0,0,.3);bottom:0;left:0;position:absolute;right:0;top:0;z-index:500}[data-component=audio-recorder]{align-items:center;bottom:0;display:flex;flex-direction:column;gap:4px;justify-content:center;left:0;padding-bottom:100px;padding-top:50px;position:absolute;right:0}[data-component=audio-recorder] footer{align-items:center;display:flex;gap:10px}[data-component=audio-recorder] footer button{background-color:var(--accent-color);border:none;border-radius:10px;color:var(--accent-text-color);display:flex;gap:5px;padding:4px 10px}[data-component=audio-recorder] .recording{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;justify-items:center}[data-component=audio-recorder] .done,[data-component=audio-recorder] .recording header{align-items:center;display:flex;gap:10px}[data-component=audio-recorder] .done{flex-direction:column;justify-content:center;justify-items:center}[data-component=audio-recorder] .done header{align-items:center;display:flex;gap:10px}[data-inline-editor=inline-editor]{display:grid;grid-template-rows:auto 1fr}[data-inline-editor=inline-editor]>[data-element=editor]{border:1px solid #d3d3d3;border-radius:var(--spacing,5px);margin:var(--spacing,5px);overflow:auto;padding:var(--spacing,5px)}[data-inline-editor=inline-editor]>[data-element=editor]>*{outline:none}[data-inline-editor=inline-editor]>[data-element=toolbar]{align-items:center;display:flex;flex-direction:column;gap:4px;justify-content:space-around}[data-inline-editor=inline-editor]>[data-element=toolbar]>.toolbar{align-items:center;display:flex;flex-direction:row;gap:4px;justify-content:space-around}[data-inline-editor=inline-editor]>[data-element=toolbar]>.toolbar .command.pressed{font-weight:700}[data-html-editor-element=toolbar]{align-content:center;gap:var(--spacing,5px)}[data-html-editor-element=toolbar] .command{align-content:center;align-items:center;display:flex;justify-content:center;justify-items:center}[data-toolbar-item=separator]{background-color:#a9a9a9;display:inline-block;height:1rem;margin-left:4px;margin-right:4px;margin-top:4px;padding:0;width:2px}.atom-control-html-editor{display:flex;flex-direction:column;min-height:500px}.atom-control-html-editor>iframe{flex:1 1 100%}.atom-control-html-editor>.files>.file{align-items:center;border:1px solid hsla(0,0%,83%,.5);border-radius:15px;display:inline-flex;flex-direction:row;gap:4px;justify-content:space-around;padding-left:10px;padding-right:10px}.atom-control-html-editor>.files>.file>label{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.atom-control-html-editor .toolbar{align-items:center;display:flex;flex-wrap:wrap}.atom-control-html-editor .toolbar>.command{align-items:center;background-color:#00000000;border:none;cursor:pointer;display:inline-flex;height:28px;justify-content:space-evenly;min-width:28px}.atom-control-html-editor .toolbar>.command:hover{background-color:#90ee90}.atom-control-html-editor .toolbar>.command.pressed{background-color:#d3d3d3}.atom-control-html-editor .toolbar>.command.pressed:hover{background-color:#90ee90}.atom-control-html-editor .toolbar>.command .ri-bold{font-weight:700}[data-title-editor=title-editor]{-moz-column-gap:5px;column-gap:5px;display:inline-grid;grid-template-columns:1fr 40px;grid-template-rows:1fr auto}[data-title-editor=title-editor]>input{grid-column:1;grid-row:1/span 2}[data-title-editor=title-editor]>i{align-self:stretch;font-size:smaller;grid-column:2;grid-row:1;justify-self:stretch;padding-left:5px;padding-right:5px;text-align:center}[data-title-editor=title-editor]>span{align-self:stretch;font-size:xx-small;grid-column:2;grid-row:2;justify-self:stretch;text-align:center}[data-item-chip]{align-items:center;border-radius:9999px;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr;padding:2px 10px}[data-item-chip]>[data-content]{grid-column-start:2;grid-row-start:2}[data-item-chip]>.icon{grid-column-start:1;padding:2px 4px 2px 2px}[data-item-chip]>.delete,[data-item-chip]>.icon{align-self:center;grid-row-end:span 2;grid-row-start:1}[data-item-chip]>.delete{background-color:transparent;border-radius:4px;color:gray;font-size:small;grid-column-start:3;padding:2px 2px 2px 4px}[data-item-chip]>.delete:hover{background-color:#d3d3d3;color:red}[data-item-chip]>.header{font-size:x-small;grid-column-start:2;grid-row-start:1;text-align:center}[data-item-chip]>.label{grid-column-start:2;grid-row-start:2}[data-item-chip]>.delete-strike{align-self:center;background-color:red;grid-column:1/span 2;grid-row:1/span 2;height:2px}[data-item-chip][data-deleted=false]>.delete-strike{display:none}[data-item-chip][data-deleted=true]{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M100 0 L0 100 ' stroke='red' stroke-width='1'/><path d='M0 0 L100 100 ' stroke='red' stroke-width='1'/></svg>");border:1px solid red}div[data-atom-chips]{align-items:center;display:flex;flex-direction:row;flex-flow:wrap;gap:4px;justify-content:stretch;padding:5px}div[data-atom-chips]>.search{border:none;flex:1 1;outline:none}div[data-atom-chips]>.footer{margin-left:auto}div[data-atom-chips]>.presenter{align-items:center;display:inline-flex;flex-direction:row;flex-flow:wrap;gap:4px;justify-content:flex-start}div[data-atom-chips]>.presenter>*{background-color:hsla(0,0%,83%,.3);color:var(--text-color,CanvasText)}div[data-atom-chips][data-mode=search]>.search{background:transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0'/%3E%3C/svg%3E") no-repeat 1px;color:inherit;padding-left:20px}div[data-atom-chips][data-mode=search]>.search::-moz-placeholder{color:inherit;opacity:.7}div[data-atom-chips][data-mode=search]>.search::placeholder{color:inherit;opacity:.7}[data-item-suggestion]{align-items:center;border-radius:10px;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr;max-width:100%;overflow-x:hidden;padding:1px 5px}[data-item-suggestion]>[data-content]{grid-column-start:2;grid-row-start:2}[data-item-suggestion]>.icon{align-self:center;grid-column-start:1;grid-row-end:span 2;grid-row-start:1;margin-right:5px}[data-item-suggestion]>.delete{align-self:center;color:red;grid-column-start:3;grid-row-end:span 2;grid-row-start:1}[data-item-suggestion]>.header{font-size:x-small;grid-column-start:2;grid-row-start:1;overflow:hidden;text-overflow:ellipsis}[data-item-suggestion]>.label{grid-column-start:2;grid-row-start:2;overflow:hidden;text-overflow:ellipsis}[data-drag-drop="1"][data-drop-enabled]{position:relative}[data-drag-drop="1"][data-drop-enabled] iframe{pointer-events:none}[data-drag-drop="1"][data-drop-enabled]:after{align-content:center;align-items:center;background-color:rgba(0,128,0,.3);border:5px solid green;bottom:0;content:"Drop Files";display:grid;font-size:40px;justify-content:center;justify-items:center;left:0;position:absolute;right:0;top:0}.web-atoms-notification-popup{font-size:larger;padding:5px}.web-atoms-notification-popup .error{border-color:red;color:red}.web-atoms-notification-popup .warning{background-color:#ffffe0}[data-button-bar=button-bar]{align-content:center;border:1px solid #d3d3d3;border-radius:9999px;display:inline-grid;grid-auto-flow:column;justify-items:stretch;text-align:center}[data-button-bar=button-bar]>[data-item-type=toggle-button]{background-color:#fff;cursor:pointer;padding:5px}[data-button-bar=button-bar]>[data-item-type=toggle-button]:first-child{border-bottom-left-radius:9999px;border-top-left-radius:9999px;padding-left:10px}[data-button-bar=button-bar]>[data-item-type=toggle-button]:last-child{border-bottom-right-radius:9999px;border-top-right-radius:9999px;padding-right:10px}[data-button-bar=button-bar]>[data-item-type=toggle-button][data-selected-item=true]{background-color:var(--accent-color,#000);color:#fff}conversation-tags{display:flex;flex-wrap:nowrap;gap:5px;overflow:hidden;padding:2px 5px}conversation-tags>*{font-size:small;white-space:nowrap}@media (max-width:500px){conversation-tags>*{font-size:small;white-space:nowrap}}[data-ui-switch=ui-switch]{background:linear-gradient(180deg,#eee,#fff 25px);background-image:-webkit-linear-gradient(top,#eee,#fff 25px);border-radius:18px;box-shadow:inset 0 -1px #fff,inset 0 1px 1px rgba(0,0,0,.05);box-sizing:content-box;cursor:pointer;display:inline-block;height:30px;margin:0;min-width:70px;padding:3px;position:relative;vertical-align:top}[data-ui-switch=ui-switch]>.switch-input{box-sizing:content-box;left:0;opacity:0;position:absolute;top:0}[data-ui-switch=ui-switch]>.switch-label{background-color:#eceeef;border-radius:inherit;box-shadow:inset 0 1px 2px rgba(0,0,0,.12),inset 0 0 2px rgba(0,0,0,.15);box-sizing:content-box;display:block;height:inherit;position:relative;transition:all .3s ease}[data-ui-switch=ui-switch]>.switch-label:after,[data-ui-switch=ui-switch]>.switch-label:before{line-height:1;margin-top:-.5em;position:absolute;top:50%;webkit-transition:inherit;box-sizing:content-box;transition:inherit}[data-ui-switch=ui-switch]>.switch-label:before{color:#aaa;content:attr(data-off);right:11px;text-shadow:0 1px hsla(0,0%,100%,.5)}[data-ui-switch=ui-switch]>.switch-label:after{color:#fff;content:attr(data-on);left:11px;opacity:0;text-shadow:0 1px rgba(0,0,0,.2)}[data-ui-switch=ui-switch]>.switch-input:checked~.switch-label{background-color:#e1b42b;box-shadow:inset 0 1px 2px rgba(0,0,0,.15),inset 0 0 3px rgba(0,0,0,.2)}[data-ui-switch=ui-switch]>.switch-input:checked~.switch-label:before{opacity:0}[data-ui-switch=ui-switch]>.switch-input:checked~.switch-label:after{opacity:1}[data-ui-switch=ui-switch]>.switch-handle{background:linear-gradient(180deg,#fff 40%,#f0f0f0);border-radius:100%;box-shadow:1px 1px 5px rgba(0,0,0,.2);height:28px;left:4px;position:absolute;top:4px;transition:all .3s ease;width:28px}[data-ui-switch=ui-switch]>.switch-handle:before{background:linear-gradient(180deg,#eee,#fff);border-radius:6px;box-shadow:inset 0 1px rgba(0,0,0,.02);content:"";height:12px;left:50%;position:absolute;top:50%;width:12px}[data-ui-switch=ui-switch]>.switch-input:checked~.switch-handle{box-shadow:-1px 1px 5px rgba(0,0,0,.2);left:44px}[data-ui-switch=ui-switch] .switch-handle,[data-ui-switch=ui-switch]>.switch-label{transition:All .3s ease}[data-calendar=calendar]{display:inline-grid;grid-template-columns:auto auto auto auto;grid-template-rows:auto auto 1fr;justify-items:stretch}[data-calendar=calendar]>.fa-solid{cursor:pointer;padding:5px 10px}[data-calendar=calendar]>[data-element=month],[data-calendar=calendar]>[data-element=year]{justify-self:center}[data-calendar=calendar]>[data-element=previous]{justify-self:start}[data-calendar=calendar]>[data-element=next]{justify-self:end}[data-calendar=calendar]>.fa-solid:hover{color:#8a2be2}[data-calendar=calendar]>select{border:none}[data-calendar=calendar]>.week{display:inline-grid;gap:2px;grid-column-end:span 4;grid-column-start:1;grid-row-start:2;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr}[data-calendar=calendar]>.week>*{align-self:center;background-color:hsla(0,0%,83%,.5);cursor:default;font-size:smaller;justify-self:stretch;padding:5px 10px;text-align:center}[data-calendar=calendar]>.dates{display:inline-grid;gap:0;grid-column-end:span 4;grid-column-start:1;grid-row-start:3;grid-template-columns:repeat(7,1fr)}[data-calendar=calendar]>.dates>[data-item-index]{align-self:stretch;cursor:pointer;justify-self:stretch;overflow:hidden;padding:7px;text-align:center;text-overflow:ellipsis}[data-calendar=calendar]>.dates>[data-item-index]:hover{background-color:hsla(0,0%,83%,.5)}[data-calendar=calendar]>.dates>[data-item-index][data-is-today=true]{background-color:#90ee90}[data-calendar=calendar]>.dates>[data-item-index][data-is-weekend=true]{background-color:hsla(0,0%,83%,.3)}[data-calendar=calendar]>.dates>[data-item-index][data-is-other-month=true]{opacity:.5}[data-calendar=calendar]>.dates>[data-item-index][data-disabled]{text-decoration:line-through}[data-calendar=calendar]>.dates>[data-item-index][data-selected-item=true]{background-color:var( --selection-color,#8a2be2);color:var( --selection-text-color,#fff)}[data-time-editor]{align-items:center;display:flex;flex-direction:row;gap:0;grid-row:2;justify-content:start;padding-left:5px}[data-time-editor]>[data-element=hour]{margin-left:5px;margin-right:5px}[data-time-editor]>[data-element=minute]{margin-left:5px}[data-time-editor]>[data-element=pm]{margin-right:5px}[data-time-editor]>button{background-color:transparent;border:none;border-radius:9999px;outline:none}[data-time-editor]>button[data-selected=true]{background-color:var(--accent-color,blue);color:var(--accent-text-color,#fff)}[data-time-editor]>button[data-element=am]{border-bottom-right-radius:0;border-top-right-radius:0}[data-time-editor]>button[data-element=pm]{border-bottom-left-radius:0;border-top-left-radius:0}[data-time-editor]>select{border:none;outline:none}[data-date-field=date-field]{background-color:transparent;border:none;cursor:pointer;display:inline-flex;text-align:left}[data-date-field=date-field]:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E") no-repeat;background-position:0!important;content:"";display:inline-block;height:20px;width:20px}[data-date-field=date-field]:hover{color:#00f;text-decoration:underline}[data-date-field=date-field] .calendar-popup{display:grid;gap:7px;grid-template-columns:1fr auto;grid-template-rows:1fr auto auto;min-width:-moz-max-content;min-width:max-content}[data-date-field=date-field] .calendar-popup>[data-calendar]{grid-column:1/span 2;grid-row:1}[data-date-field=date-field] .calendar-popup>.time-editor{align-items:center;display:flex;flex-direction:row;gap:4px;grid-row:2;justify-content:start;padding-left:5px}[data-date-field=date-field] .calendar-popup>.time-editor [data-item-index]{padding-bottom:0;padding-top:0}[data-date-field=date-field] .calendar-popup>.time-editor select{border:none;outline:none}[data-date-field=date-field] .calendar-popup>.clear{grid-column:1;justify-self:start}[data-date-field=date-field] .calendar-popup>.clear,[data-date-field=date-field] .calendar-popup>.today{background-color:transparent;border:none;color:var(--accent-color,blue);grid-row:3;margin-left:0;outline:none;padding-left:5px}[data-date-field=date-field] .calendar-popup>.today{grid-column:2;justify-self:end}web-site-reports{display:flex;flex-direction:row;flex-wrap:wrap;gap:5px;justify-content:space-around}web-site-reports>*{height:40vh;width:40%}web-site-reports>*>canvas{height:100%;width:100%}@media (max-width:700px){web-site-reports>*{height:30vh;width:90vw}}entity-list{display:flex;flex-direction:column;justify-content:stretch;justify-items:stretch;width:100%}entity-list>[data-layout=data-grid]>[data-header=header]{-moz-column-span:all;column-span:all;width:100%}div[data-pinch-zoom]{cursor:grab;overflow:hidden;position:relative}div[data-pinch-zoom][data-state=grabbing]{cursor:grabbing}div[data-pinch-zoom]>.scale{background-color:#fff;background-image:url(../../node_modules/@web-atoms/web-controls/dist/basic/styles/scale.svg);background-position:2px 2px;background-repeat:no-repeat;background-size:20px 20px;border:2px solid #a9a9a9;border-radius:4px;color:#000;height:30px;padding:4px;position:absolute;right:10px;top:10px;width:30px}div[data-pinch-zoom]>.image-container{display:grid;justify-content:center;overflow:hidden}div[data-pinch-zoom]>.image-container,div[data-pinch-zoom]>.spinner{align-items:center;bottom:0;justify-items:center;left:0;position:absolute;right:0;top:0}div[data-pinch-zoom]>.spinner{display:inline-grid;z-index:10}div[data-pinch-zoom]>.hide{display:none}[data-video-player=video-player]{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr auto auto auto;overflow:hidden}[data-video-player=video-player]>[data-element=banner]{align-items:center;align-self:end;background-color:#000;border-radius:10px;color:#fff;display:none;gap:5px;grid-column-end:span 3;grid-column-start:1;grid-row-end:span 3;grid-row-start:3;grid-template-columns:auto 1fr;grid-template-rows:auto auto;height:15%;justify-items:stretch;justify-self:center;overflow:hidden;padding:10px;z-index:2}[data-video-player=video-player]>[data-element=banner][data-has-logo=true]{display:grid}[data-video-player=video-player]>[data-element=banner]>*{min-height:0;min-width:0}[data-video-player=video-player]>[data-element=banner]>[data-element=logo]{grid-column:1;grid-row:1/span 2;height:100%;z-index:2}[data-video-player=video-player]>[data-element=banner]>[data-element=logo-title]{font-weight:700;grid-column-start:2;grid-row-start:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:2}[data-video-player=video-player]>[data-element=banner]>[data-element=logo-description]{font-size:smaller;grid-column-start:2;grid-row-start:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:2}[data-video-player=video-player]>[data-element=poster],[data-video-player=video-player]>[data-element=video]{align-self:stretch;grid-column-end:span 3;grid-column-start:1;grid-row-end:span 5;grid-row-start:1;justify-self:stretch}[data-video-player=video-player]>[data-element=play-element]{align-items:center;align-self:center;display:flex;flex-direction:row;gap:4px;grid-column-end:span 3;grid-column-start:1;grid-row-end:span 5;grid-row-start:1;justify-content:center;justify-self:center;z-index:10}[data-video-player=video-player]>[data-element=play-element]>button.play{align-items:center;background-color:#00f;border-radius:9999px;color:#fff;display:inline-flex;font-size:25px;height:50px;justify-content:center;padding:10px;text-align:center;vertical-align:middle;width:50px}[data-video-player=video-player]>[data-element=play-element]>button.play>i{margin-left:4px}[data-video-player=video-player]>[data-element=progress]{align-self:flex-end;background-color:rgba(0,0,0,.3);cursor:pointer;grid-column-end:span 3;grid-column-start:1;grid-row-start:4;height:15px;justify-self:stretch;padding-bottom:5px;padding-top:5px;width:100%;z-index:11}[data-video-player=video-player]>[data-element=toolbar]{align-items:center;background-color:rgba(0,0,0,.3);color:#fff;display:flex;flex-direction:row;gap:4px;grid-column-end:span 3;grid-column-start:1;grid-row-start:5;justify-content:flex-start;z-index:10}[data-video-player=video-player]>[data-element=toolbar]>*{margin-left:5px;min-width:20px;padding:5px}[data-video-player=video-player]>[data-element=toolbar]>[data-style=button]{height:30px;padding:5px;width:30px}[data-video-player=video-player]>[data-element=toolbar]>[data-font-size=small]{font-size:x-small}[data-video-player=video-player]>[data-element=toolbar]>[data-element=volume-range]{border:none;box-shadow:none;color:green;height:2px}[data-video-player=video-player]>[data-element=toolbar]>[data-element=volume-range]:focus{border:none;box-shadow:none}[data-video-player=video-player]>[data-element=toolbar]>[data-element=full-screen]{margin-left:auto}[data-video-player=video-player][data-controls=true]>[data-element=progress],[data-video-player=video-player][data-controls=true]>[data-element=toolbar]{display:flex}[data-video-player=video-player][data-state=paused]>[data-element=toolbar]>[data-element-pause],[data-video-player=video-player][data-state=playing][data-controls=false]>[data-element=play-element],[data-video-player=video-player][data-state=playing][data-controls=false]>[data-element=progress],[data-video-player=video-player][data-state=playing][data-controls=false]>[data-element=toolbar],[data-video-player=video-player][data-state=waiting]>[data-element=play-element],[data-video-player=video-player][data-state=waiting]>[data-element=toolbar]>[data-element=play],[data-video-player=video-player][data-state=waiting][data-controls=false]>[data-element=progress],[data-video-player=video-player][data-state=waiting][data-controls=false]>[data-element=toolbar]{display:none}[data-html-editor-element=toolbar]{align-content:flex-start;align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}[data-html-editor-element=toolbar]>*{color:#555;cursor:pointer;max-width:30px;padding:5px}[data-html-editor-element=toolbar]>:not([data-disabled]):hover,[data-html-editor-element=toolbar]>[data-disabled=false]:hover{background-color:#00800050}[data-html-editor-element=toolbar]>[data-disabled=true]{color:#80808080}[data-html-editor-element=toolbar]>[data-selected=true]{background-color:#d3d3d3;color:green}[data-html-editor-element=toolbar]+[data-html-editor-element]{margin-left:20px}[data-is-expander=expander]{align-items:center;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr}[data-is-expander=expander]>[data-element=icon]{align-self:center;grid-column-start:1;grid-row-start:1;justify-self:center;margin-right:5px;padding:5px}[data-is-expander=expander]>[data-element=header]{grid-column-start:2;grid-row-start:1}[data-is-expander=expander]>[data-element=caret]{grid-column-start:3;grid-row-start:1;margin-left:5px;padding:5px}[data-is-expander=expander]>[data-element=detail]{grid-column-end:span 3;grid-column-start:1;grid-row-start:2;margin-top:5px}[data-is-expander=expander][data-is-expanded=true]>[data-element=caret]{overflow:hidden;transform:rotate(-180deg);transform-origin:center center;transition:transform .15s ease}[data-is-expander=expander][data-is-expanded=false]>[data-element=caret]{overflow:hidden;transform:rotate(-1turn);transform-origin:center center;transition:transform .15s ease}[data-is-expander=expander][data-is-expanded=false]>[data-element=detail]{display:none}[data-is-expander=menu]{align-items:center;display:grid;gap:0;grid-template-columns:auto auto 1fr auto}[data-is-expander=menu]>[data-element=icon]{align-self:center;grid-column-end:span 2;grid-column-start:1;grid-row-start:1;justify-self:center;padding:5px}[data-is-expander=menu]>[data-element=header]{grid-column-start:3;grid-row-start:1}[data-is-expander=menu]>[data-element=caret]{grid-column-start:4;grid-row-start:1;margin-left:5px;padding:5px}[data-is-expander=menu]>[data-element=detail]{border-bottom-left-radius:0;border-bottom-width:0;border-left:1px solid var(--border-color,#d3d3d3);border-top-left-radius:0;border-top-width:0;grid-column-end:span 3;grid-column-start:2;grid-row-start:2;margin-bottom:0;margin-left:25px;margin-top:0;padding-left:20px;padding-top:5px}[data-is-expander=menu]>[data-element=detail][data-selected=true]{border-left-color:var(--accent-color,#a9a9a9);border-left-width:medium;font-weight:700}[data-is-expander=menu][data-is-expanded=true]>[data-element=caret]{overflow:hidden;transform:rotate(-180deg);transform-origin:center center;transition:transform .15s ease}[data-is-expander=menu][data-is-expanded=false]>[data-element=caret]{overflow:hidden;transform:rotate(-1turn);transform-origin:center center;transition:transform .15s ease}[data-is-expander=menu][data-is-expanded=false]>[data-element=detail]{display:none}drop-down-input{border-bottom:1px solid #d3d3d3;display:inline-grid;grid-template-columns:1fr auto;padding-left:5px;padding-right:5px}drop-down-input>*{grid-column:1;grid-row:1}drop-down-input>label{pointer-events:none}drop-down-input>input{border:none;opacity:0;outline:none}drop-down-input>input:focus{opacity:1}drop-down-input:has(input:focus)>label{opacity:0}drop-down-input:has(input:focus){border-bottom-color:var(--focus-border-color,#000)}drop-down-input>i{background-image:url(../../node_modules/@web-atoms/web-controls/images/svgs/caret-down.svg);background-position:100%;background-repeat:no-repeat;background-size:16px 16px;display:inline-block;grid-column:2;height:16px;width:16px}button-bar{border:1px solid var(--button-border,#cccccc85);border-radius:10px;display:flex;flex-direction:row;overflow:hidden;place-self:start}button-bar>input.hidden{display:none}button-bar:has(input:focus){border-color:var(--selection-color,accentColor)}button-bar>label{align-items:center;display:flex;flex-direction:row;gap:5px;padding:2px 10px 2px 0}button-bar>label:has(input:checked){background-color:var(--selection-color,highlight);color:var(--selection-text-color,highlighttext)}button-bar>label>input[type=radio]{opacity:0;width:2px}button-bar[data-control=min-max]{font-size:small}[data-size-type=max] [data-size-type]:not([data-size-type=max]),[data-size-type=min] [data-size-type]:not([data-size-type=min]),[data-size-type=normal] [data-size-type]:not([data-size-type=normal]){display:none}.animation-chooser-page [data-window-element=content]>*{height:600px;width:750px}.preset-animations{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr auto}.preset-animations>header{grid-column:2;grid-row:1}.preset-animations>aside.left{grid-column:1;grid-row:1/span 2;overflow:auto;width:100px}.preset-animations>aside.left>div{display:flex;flex-direction:column;gap:5px}.preset-animations>aside.left>div>label{cursor:pointer;padding:5px}.preset-animations>aside.left>div>label[data-selected-item]{background-color:var(--selection-color,highlight);color:var(--selection-text-color,highlighttext)}.preset-animations>aside.right{grid-column:3;grid-row:1/span 2;overflow:auto;width:100px}.preset-animations>aside.right>div{display:flex;flex-direction:column;gap:5px}.preset-animations>aside.right>div>label{cursor:pointer;padding:5px}.preset-animations>aside.right>div>label[data-selected-item]{background-color:var(--selection-color,highlight);color:var(--selection-text-color,highlighttext)}.preset-animations>iframe{grid-column:2;grid-row:2;min-height:500px;min-width:500px}.preset-animations>footer{align-content:center;display:flex;flex-direction:row;gap:5px;grid-column:1/span 3;grid-row:3}.preset-animations>footer .play{margin-left:auto}.custom-animation-editor{display:grid;grid-template-columns:2fr auto 1fr;grid-template-rows:1fr auto}.custom-animation-editor iframe{border:none;height:100%;outline:none;width:100%}.custom-animation-editor .editor{grid-column:1}.custom-animation-editor .preview{grid-column:3}.custom-animation-editor .apply{grid-column:1;grid-row:2}.custom-animation-editor .play{align-content:end;display:flex;flex-direction:row;grid-column:3;grid-row:2;justify-content:end}[data-html-page-editor=html-page-editor]{background-color:#d3d3d3;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr auto;overflow:hidden!important}[data-html-page-editor=html-page-editor]>[data-element=top]{background-color:canvas;border-bottom:1px solid #d3d3d3;border-radius:0;display:flex;gap:10px;grid-column:2;grid-row:1;padding:5px}[data-html-page-editor=html-page-editor]>[data-element=top]>[data-element=max-width]{display:flex;gap:10px}[data-html-page-editor=html-page-editor]>[data-element=left]{background-color:canvas;border-radius:0;border-right:1px solid #d3d3d3;grid-column:1;grid-row:1/span 2;width:40px}[data-html-page-editor=html-page-editor]>[data-element=right]{background-color:canvas;border-left:1px solid #d3d3d3;border-radius:0;grid-column:3;grid-row:1/span 2;overflow:hidden;overflow-y:auto}[data-html-page-editor=html-page-editor]>bread-crum{background-color:canvas;grid-column:1/span 3;grid-row:3}[data-html-page-editor=html-page-editor]>[data-element=editor]{align-self:stretch;display:grid;grid-column:2;grid-row:2;grid-template-columns:auto 1fr auto;height:100%;justify-self:center;overflow:hidden;position:relative;width:100%}[data-html-page-editor=html-page-editor]>[data-element=editor]>[data-element=content-frame]{display:grid;height:100%;padding:20px;position:absolute;width:100%}[data-html-page-editor=html-page-editor]>[data-element=editor]>[data-element=content-frame]>iframe{align-self:stretch;background-color:canvas;border:none;justify-self:stretch}[data-html-page-editor=html-page-editor]>[data-element=editor]>[data-element=drop-target]{background-color:#ff5e0097;pointer-events:none;position:absolute;transition:all 50ms ease;z-index:50}[data-html-editor-element=block]{cursor:pointer;padding:5px}[data-html-editor-element=block]:hover{background-color:#00800080}[data-menu-item=menu-item]{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:1fr auto;justify-items:start}[data-menu-item=menu-item]>a{grid-column:1;grid-row:1}:root{--selection-ui-border-color:rgba(18,70,242,.562)}selected-element{border:1px solid var(--selection-ui-border-color);margin:20px;position:absolute;z-index:22}selected-element:not([data-edit]){pointer-events:none}selected-element:not([data-edit])>i{display:none}selected-element[data-edit]{cursor:move}selected-element>[data-resize]{background-color:#ff9b4a;border:1px solid var(--selection-ui-border-color);border-radius:5px;display:block;height:10px;position:absolute;width:10px}selected-element>[data-resize=lt]{cursor:nw-resize;left:-5px;top:-5px}selected-element>[data-resize=rt]{cursor:ne-resize;right:-5px;top:-5px}selected-element>[data-resize=lb]{bottom:-5px;cursor:sw-resize;left:-5px}selected-element>[data-resize=rb]{bottom:-5px;cursor:se-resize;right:-5px}selected-element>[data-resize=l]{cursor:ew-resize;height:calc(clamp(20px, 10%, 50px));left:-5px;top:45%}selected-element>[data-resize=r]{cursor:ew-resize;height:calc(clamp(20px, 10%, 50px));right:-5px;top:45%}selected-element>[data-resize=t]{cursor:ns-resize;left:45%;top:-5px;width:calc(clamp(20px, 10%, 50px))}selected-element>[data-resize=b]{bottom:-5px;cursor:ns-resize;left:45%;width:calc(clamp(20px, 10%, 50px))}selected-element>label{background-color:var(--selection-ui-border-color);border-radius:2px;color:#fff;left:0;top:-1.5rem}selected-element>div,selected-element>label{font-size:smaller;padding:2px 5px;position:absolute;text-transform:capitalize}selected-element>div{align-content:center;align-items:center;background-color:#fff;border-radius:3px;box-shadow:0 0 14px 0 rgba(0,0,0,.52);color:grey;display:flex;gap:5px;justify-content:center;justify-items:center;pointer-events:all;right:0;top:-1.8rem;z-index:1000}selected-element>div>i{cursor:pointer;min-width:16px;padding:5px}selected-element>div>i:hover{background-color:#e6e6e6;color:#3f3fff}selected-element button[data-element=edit]{background-color:#00940094;border:none;color:#fff;cursor:pointer;display:none;left:2px;pointer-events:all;position:absolute;top:2px}selected-element[data-element-name=INJECT] button[data-element=edit]{display:flex}selected-element[data-element-name=INJECT] button[data-element=edit]:after{content:"Edit Template"}ui-guides{display:block;margin:20px;outline:1px solid green;outline-color:#00940094;pointer-events:none;position:absolute;z-index:400}ui-guides>label{background-color:#8f8f8f;border-radius:3px;color:#fff;font-size:10px;left:0;padding:2px 5px;position:absolute;text-transform:capitalize;top:-20px}ui-guides>h-guide{background-color:#90ee90;display:none;height:1px;left:0;position:absolute;right:0;top:0}ui-guides>h-guide[show]{display:block}ui-guides>v-guide{background-color:#90ee90;bottom:0;display:none;left:0;position:absolute;top:0;width:1px}ui-guides>v-guide[show]{display:block}bread-crum{background-color:#fff;border-top:1px solid #d3d3d3;display:flex;flex-direction:row;flex-wrap:nowrap;gap:0;position:relative}bread-crum>button{background-color:transparent;border:none;cursor:pointer;font-size:12px;outline:none;padding:4px 4px 4px 0;text-transform:lowercase}bread-crum>button:hover{background-color:#eaeaea}bread-crum>button:not(:first-child):before{content:"⮞";display:inline-block;padding-right:4px}bread-crum>i{cursor:pointer;font-size:10px;font-weight:400!important;padding:10px 5px 2px;position:relative}bread-crum>i:hover{background-color:#d3d3d3}bread-crum>i>popup-menu{align-items:flex-start;background-color:canvas;border:none;border-radius:10px;bottom:1.3rem;box-shadow:0 0 2px 1px gray;cursor:pointer;display:flex;flex-direction:column;font-family:var(--body-font-family);font-size:12px;gap:10px;left:0;min-width:100px;outline:none;padding:10px;position:absolute;z-index:200}bread-crum>i>popup-menu>*{text-transform:lowercase}bread-crum>i>popup-menu>[is-invisible]{text-decoration:line-through}bread-crum>i>popup-menu>:hover{background-color:#d3d3d3}div[data-collection-editor]{border:1px solid #d3d3d3;border-radius:10px;margin:10px;padding:10px}studio-tool-bar{display:grid;gap:0;grid-template-columns:auto 1fr;grid-template-rows:1fr;overflow:hidden}studio-tool-bar>button-bar{border:none;border-radius:0;border-right:1px solid #d3d3d3;display:flex;flex-direction:column;gap:10px;grid-column:1;grid-row:1;height:100%;position:relative;width:50px}studio-tool-bar>button-bar>label{justify-content:center;padding:5px}studio-tool-bar>button-bar input[type=radio]{left:-10px;position:absolute;top:-10px}studio-tool-bar>button-bar [data-element=header]{align-content:center;align-items:center;display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto;justify-content:center;justify-items:center}studio-tool-bar>button-bar [data-element=header]>i{font-size:15px;grid-column:1;grid-row:1;padding:10px}studio-tool-bar>button-bar [data-element=header]>span{font-size:smaller;grid-column:1;grid-row:2}studio-tool-bar>[data-element=container]{grid-column:2;grid-row:1;overflow-x:hidden;overflow-y:auto}tool-preview{display:grid;height:80px;justify-content:center;justify-items:center;width:80px}tool-preview>*{border:none;grid-column:1;grid-row:1;height:80px;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;outline:none;width:80px}studio-layers{align-content:start;align-items:start;display:flex;flex-direction:column;justify-content:start;justify-items:start;overflow:auto}tree-element{display:grid;grid-template-columns:auto auto auto 1fr auto;grid-template-rows:auto 1fr;width:100%}tree-element[hover]::part(bg){background-color:var(--hover-color,#c0c0c055)}tree-element[hover]::part(actions){display:flex}tree-element[selected]::part(actions){display:flex}tree-element[selected]::part(bg){background-color:var(--selection-color,highlight)}tree-element[selected]::part(icon),tree-element[selected]::part(label){color:var(--selection-color-text,inherit)}tree-element::part(spacer){cursor:pointer;grid-column:1;grid-row:1}tree-element::part(bg){grid-column:1/span 5;grid-row:1}tree-element::part(label){cursor:pointer;font-size:smaller;grid-column:4;grid-row:1;overflow:hidden;padding-bottom:2px;padding-top:2px;text-overflow:ellipsis;text-transform:lowercase;white-space:nowrap}tree-element::part(actions){align-items:center;display:none;flex-direction:row;grid-column:5;grid-row:1}tree-element::part(action-item){cursor:pointer;height:16px;padding-right:2px}tree-element::part(icon){cursor:pointer;grid-column:3;grid-row:1}tree-element::part(check){-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(../../content/svg/angle-right.svg);background-size:100% 100%;cursor:pointer;grid-column:2;grid-row:1;height:16px;margin:0;width:16px}tree-element::part(check):checked{background-image:url(../../content/svg/angle-down.svg);background-size:100% 100%}tree-element::part(container){display:flex;flex-direction:column;gap:0;grid-column:1/span 5;grid-row:2}preview-template{background-color:canvas;border-bottom:1px solid #d3d3d3;display:grid;gap:10px;grid-template-columns:350px 150px;grid-template-rows:auto 500px auto;margin:20px;overflow:hidden;padding:20px 20px 40px}preview-template>*{overflow:hidden}preview-template>h3{grid-column:1/span 2;grid-row:1;margin:0}preview-template button{margin:0!important}preview-template>[data-element=preview]{cursor:pointer;display:flex;flex-direction:row;gap:5px;grid-column:1;grid-row:3;text-decoration:none}preview-template>[data-element=setup]{cursor:pointer;display:flex;flex-direction:row;gap:5px;grid-column:2;grid-row:3;margin:0}preview-template>[data-element=desktop]{align-content:space-between;border:2px solid #fff;box-shadow:0 0 8px 1px #000;display:grid;grid-column:1;grid-row:2;max-height:100%;place-self:start;position:relative}preview-template>[data-element=desktop]>img{background-image:url(../../../../images/loaders/loader.svg);background-position:50%;background-repeat:no-repeat;background-size:100px;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}preview-template>[data-element=mobile]{align-content:space-between;border:2px solid #fff;box-shadow:0 0 8px 1px #000;display:grid;grid-column:2;grid-row:2;max-height:100%;place-self:start;position:relative}preview-template>[data-element=mobile]>img{background-position:50%;background-repeat:no-repeat;background-size:100px;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}font-installer{display:grid;gap:5px;grid-template-columns:1fr;grid-template-rows:auto auto 5fr auto;height:100%;overflow:hidden;width:100%}font-installer h5{grid-column:1;grid-row:1;margin:0;width:100%}font-installer textarea{grid-column:1;grid-row:2}font-installer iframe{border:none;grid-column:1;grid-row:3;height:100%;width:100%}font-installer footer{grid-column:1;grid-row:4}[data-reference-editor=reference-editor],[data-reference-editor=reference-editor] .model{overflow:visible!important;position:relative}[data-reference-editor=reference-editor] .suggestions{background-color:canvas;border:1px solid #d3d3d3;border-radius:10px;padding:10px;position:absolute;top:2rem;z-index:40000}drawer-menu{background-color:var(--accent-color);display:grid;grid-template-rows:auto 1fr;width:300px}drawer-menu>.header,drawer-menu>header{color:#fff;font-size:large;grid-row:1;padding:10px}drawer-menu>.menus,drawer-menu>section{background-color:canvas;border-radius:10px;grid-row:2;margin:var(--spacing);overflow:auto;padding:var(--spacing)}drawer-menu .menu-item-search{overflow:hidden}drawer-menu .menu-item-search input{border-bottom:1px solid transparent;border-radius:0;margin-left:16px;width:100%}drawer-menu .menu-item-search input:focus{border-bottom:1px solid var(--accent-color)}
 /*# sourceMappingURL=SiteEditorApp.pack.global.css.map */