sykpcomposer 0.0.95 → 0.0.97
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.es.js +48720 -4
- package/dist/index.es.js.map +1 -1
- package/dist/index.umd.js +224 -152
- package/dist/index.umd.js.map +1 -1
- package/dist/src/components/ExampleTheme.d.ts +3 -0
- package/dist/src/components/heading.d.ts +3 -0
- package/dist/src/components/plugins/HtmlPlugin.d.ts +6 -0
- package/dist/src/{utils/joinClasses.d.ts → components/plugins/TreeViewPlugin.d.ts} +2 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/dist/ImageComponent-ddf2b888.js +0 -402
- package/dist/ImageComponent-ddf2b888.js.map +0 -1
- package/dist/InlineImageComponent-46949279.js +0 -249
- package/dist/InlineImageComponent-46949279.js.map +0 -1
- package/dist/Placeholder-347ad381.js +0 -97
- package/dist/Placeholder-347ad381.js.map +0 -1
- package/dist/index-3341449c.js +0 -48210
- package/dist/index-3341449c.js.map +0 -1
- package/dist/src/components/hooks/useModal.d.ts +0 -12
- package/dist/src/components/nodes/ImageComponent.d.ts +0 -22
- package/dist/src/components/nodes/ImageNode.d.ts +0 -49
- package/dist/src/components/nodes/InlineImageComponent.d.ts +0 -18
- package/dist/src/components/nodes/InlineImageNode.d.ts +0 -65
- package/dist/src/components/plugins/ImagePlugin.d.ts +0 -24
- package/dist/src/components/plugins/InlineImagePlugin.d.ts +0 -16
- package/dist/src/components/ui/Button.d.ts +0 -17
- package/dist/src/components/ui/ContentEditable.d.ts +0 -12
- package/dist/src/components/ui/Dialog.d.ts +0 -15
- package/dist/src/components/ui/FileInput.d.ts +0 -16
- package/dist/src/components/ui/ImageResizer.d.ts +0 -24
- package/dist/src/components/ui/Modal.d.ts +0 -14
- package/dist/src/components/ui/Placeholder.d.ts +0 -12
- package/dist/src/components/ui/Select.d.ts +0 -14
- package/dist/src/components/ui/TextInput.d.ts +0 -19
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
body{margin:0;background:#eee;font-family:system-ui,inherit,sans-serif;font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}mt-1{margin-top:10px}mt-2{margin-top:20px}mt-3{margin-top:30px}mt-4{margin-top:40px}ml-1{margin-left:10px}ml-2{margin-left:20px}ml-3{margin-left:30px}ml-4{margin-left:40px}mr-1{margin-right:10px}mr-2{margin-right:20px}mr-3{margin-right:30px}mr-4{margin-right:40px}mb-1{margin-bottom:10px}mb-2{margin-bottom:20px}mb-3{margin-bottom:30px}mb-4{margin-bottom:40px}pt-1{padding-top:10px}pt-2{padding-top:20px}pt-3{padding-top:3opx}pt-4{padding-top:40px}pb-1{padding-bottom:10px}pb-2{padding-bottom:20px}pb-3{padding-bottom:30px}pb-4{padding-bottom:40px}pl-1{padding-left:10px}pl-2{padding-left:20px}pl-3{padding-left:30px}pl-4{padding-left:40px}pr-1{padding-right:10px}pr-2{padding-right:20px}pr-3{padding-right:30px}pr-4{padding-right:40px}.other h2{font-size:18px;color:#444;margin-bottom:7px}.other a{color:#777;text-decoration:underline;font-size:14px}.other ul{padding:0;margin:0;list-style-type:none}.App{font-family:inherit;text-align:center}h1{font-size:24px;color:#333}.ltr{text-align:left}.rtl{text-align:right}.editor-container{border-radius:8px;color:#000;font-family:Times New Roman,Times,serif,inherit!important;font-size:auto!important;font-weight:400;line-height:20px;position:relative;text-align:left;width:95%;margin:1% 1% 1% 3%}.editor-inner{background:#fff;position:relative;top:20px;border-radius:0 0 10px 10px}.editor-input{min-height:300px;font-size:auto!important;font-family:"Times New Roman",Times,serif,inherit!important;resize:none;caret-color:#050505;position:relative;-moz-tab-size:1;-o-tab-size:1;tab-size:1;outline:0;caret-color:#444}.editor-placeholder{color:#999;overflow:hidden;padding:56px;position:absolute;text-overflow:hidden;font-family:"Times New Roman",inherit;top:0;left:0;font-size:11px;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-block;pointer-events:none}.editor-text-bold{font-weight:700}.editor-text-italic{font-style:italic}.editor-text-underline{text-decoration:underline}.editor-text-strikethrough{text-decoration:line-through}.editor-text-underlineStrikethrough{text-decoration:underline line-through}.editor-text-code{background-color:#f0f2f5;padding:1px .25rem;font-family:"Times New Roman",inherit;font-size:auto}.editor-link{color:#216fdb;text-decoration:none}.tree-view-output{display:block;background:#222;color:#fff;padding:5px;font-size:12px;white-space:pre-wrap;margin:1px auto 10px;max-height:250px;position:relative;border-bottom-left-radius:10px;border-bottom-right-radius:10px;overflow:auto;line-height:14px}.editor-code{background-color:#f0f2f5;font-family:"Times New Roman",inherit;display:block;padding:8px 8px 8px 52px;line-height:1.53;font-size:13px;margin:8px 0;-moz-tab-size:2;-o-tab-size:2;tab-size:2;overflow-x:auto;position:relative}.editor-code:before{content:attr(data-gutter);position:absolute;background-color:#eee;left:0;top:0;border-right:1px solid #ccc;padding:8px;color:#777;white-space:pre-wrap;text-align:right;min-width:25px}.editor-code:after{content:attr(data-highlight-language);top:0;right:3px;padding:3px;font-size:auto;text-transform:uppercase;position:absolute;color:#00000080}.editor-tokenComment{color:#708090}.editor-tokenPunctuation{color:#999}.editor-tokenProperty{color:#905}.editor-tokenSelector{color:#690}.editor-tokenOperator{color:#9a6e3a}.editor-tokenAttr{color:#07a}.editor-tokenVariable{color:#e90}.editor-tokenFunction{color:#dd4a68}.editor-paragraph{position:relative}.editor-paragraph:last-child{margin-bottom:0}.editor-heading-h1{font-size:24px;color:#050505;font-weight:400;margin:0 0 12px;padding:0}.editor-heading-h2{font-size:15px;color:#65676b;font-weight:700;margin:10px 0 0;padding:0;text-transform:uppercase}.editor-quote{margin:0 0 0 20px;font-size:15px;color:#65676b;border-left-color:#ced0d4;border-left-width:4px;border-left-style:solid;padding-left:16px}.editor-list-ol,.editor-list-ul{padding:0;margin:0 0 0 16px}.editor-listitem{margin:8px 32px}.editor-nested-listitem{list-style-type:none}pre::-webkit-scrollbar{background:transparent;width:10px}pre::-webkit-scrollbar-thumb{background:#999}.debug-timetravel-panel{overflow:hidden;padding:0 0 10px;margin:auto;display:flex}.debug-timetravel-panel-slider{padding:0;flex:8}.debug-timetravel-panel-button{padding:0;border:0;background:none;flex:1;color:#fff;font-size:12px}.debug-timetravel-panel-button:hover{text-decoration:underline}.debug-timetravel-button{border:0;padding:0;font-size:12px;top:10px;right:15px;position:absolute;background:none;color:#fff}.debug-timetravel-button:hover{text-decoration:underline}.dropdown{z-index:100;display:block;position:fixed;box-shadow:0 12px 28px #0003,0 2px 4px #0000001a,inset 0 0 0 1px #ffffff80;border-radius:8px;min-height:40px;background-color:#fff}.dropdown .item{margin:0 8px;padding:8px;color:#050505;cursor:pointer;line-height:16px;font-size:15px;display:flex;align-content:center;flex-direction:row;flex-shrink:0;justify-content:space-between;background-color:#fff;border-radius:8px;border:0;max-width:250px;min-width:100px}.dropdown .item.fontsize-item,.dropdown .item.fontsize-item .text{min-width:unset}.dropdown .item .active{display:flex;width:20px;height:20px;background-size:contain}.dropdown .item:first-child{margin-top:8px}.dropdown .item:last-child{margin-bottom:8px}.dropdown .item:hover{background-color:#eee}.dropdown .item .text{display:flex;line-height:20px;flex-grow:1;min-width:150px}.dropdown .item .icon{display:flex;width:20px;height:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-right:12px;line-height:16px;background-size:contain;background-position:center;background-repeat:no-repeat}.icon.paragraph{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdGV4dC1wYXJhZ3JhcGgiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMiAxMi41YS41LjUgMCAwIDEgLjUtLjVoN2EuNS41IDAgMCAxIDAgMWgtN2EuNS41IDAgMCAxLS41LS41em0wLTNhLjUuNSAwIDAgMSAuNS0uNWgxMWEuNS41IDAgMCAxIDAgMWgtMTFhLjUuNSAwIDAgMS0uNS0uNXptMC0zYS41LjUgMCAwIDEgLjUtLjVoMTFhLjUuNSAwIDAgMSAwIDFoLTExYS41LjUgMCAwIDEtLjUtLjV6bTQtM2EuNS41IDAgMCAxIC41LS41aDdhLjUuNSAwIDAgMSAwIDFoLTdhLjUuNSAwIDAgMS0uNS0uNXoiLz4KPC9zdmc+)}.icon.h1{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdHlwZS1oMSI+PHBhdGggZD0iTTguNjM3IDEzVjMuNjY5SDcuMzc5VjcuNjJIMi43NThWMy42N0gxLjVWMTNoMS4yNThWOC43MjhoNC42MlYxM2gxLjI1OXptNS4zMjkgMFYzLjY2OWgtMS4yNDRMMTAuNSA1LjMxNnYxLjI2NWwyLjE2LTEuNTY1aC4wNjJWMTNoMS4yNDR6Ii8+PC9zdmc+)}.icon.h2{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdHlwZS1oMiI+PHBhdGggZD0iTTcuNjM4IDEzVjMuNjY5SDYuMzhWNy42MkgxLjc1OVYzLjY3SC41VjEzaDEuMjU4VjguNzI4aDQuNjJWMTNoMS4yNTl6bTMuMDIyLTYuNzMzdi0uMDQ4YzAtLjg4OS42My0xLjY2OCAxLjcxNi0xLjY2OC45NTcgMCAxLjY3NS42MDggMS42NzUgMS41NzIgMCAuODU1LS41NTQgMS41MDQtMS4wNjcgMi4wODVsLTMuNTEzIDMuOTk5VjEzSDE1LjV2LTEuMDk0aC00LjI0NXYtLjA3NWwyLjQ4MS0yLjg0NGMuODc1LS45OTggMS41ODYtMS43ODQgMS41ODYtMi45NTMgMC0xLjQ2My0xLjE1NS0yLjU1Ni0yLjkxOS0yLjU1Ni0xLjk0MSAwLTIuOTY2IDEuMzI2LTIuOTY2IDIuNzR2LjA0OWgxLjIyM3oiLz48L3N2Zz4=)}.icon.h3{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdHlwZS1oMyI+PHBhdGggZD0iTTcuNjM3IDEzVjMuNjY5SDYuMzc5VjcuNjJIMS43NThWMy42N0guNVYxM2gxLjI1OFY4LjcyOGg0LjYyVjEzaDEuMjU5em0zLjYyNS00LjI3MmgxLjAxOGMxLjE0MiAwIDEuOTM1LjY3IDEuOTQ5IDEuNjc0LjAxMyAxLjAwNS0uNzggMS43MzctMi4wMSAxLjczLTEuMDgtLjAwNy0xLjg1My0uNTg4LTEuOTM1LTEuMzJIOS4xMDhjLjA2OSAxLjMyNyAxLjIyNCAyLjM4NiAzLjA4MyAyLjM4NiAxLjkzNSAwIDMuMzQzLTEuMTU1IDMuMzA5LTIuNzg5LS4wMjctMS41MS0xLjI1MS0yLjE2LTIuMDM3LTIuMjQ5di0uMDY4Yy43MDQtLjEyMyAxLjc2NC0uOTEgMS43MjMtMi4yMjktLjAzNS0xLjM1My0xLjE3Ni0yLjQtMi45NTQtMi4zODUtMS44NzMuMDA2LTIuODU3IDEuMTYyLTIuODk4IDIuMzU4aDEuMTk2Yy4wNjItLjY5LjcxMS0xLjI5OSAxLjY5Ni0xLjI5OS45OTggMCAxLjY5NS42MjIgMS42OTUgMS41MjUuMDA3LjkyMi0uNzE4IDEuNTkyLTEuNjk1IDEuNTkyaC0uOTY0djEuMDc0eiIvPjwvc3ZnPg==)}.icon.h4{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdHlwZS1oMSI+PHBhdGggZD0iTTcuNjM3IDEzVjMuNjY5SDYuMzc5VjcuNjJIMS43NThWMy42N0guNVYxM2gxLjI1OFY4LjcyOGg0LjYyVjEzWm01LjMzNy4ydi0yLjMyOEg5LjEwOFY5LjgyOGwzLjQ0MS02LjM1aDEuNjMydjYuMTQxSDE1LjV2MS4yNTNoLTEuMzE5VjEzLjJabS0yLjYxNS0zLjU4MWgyLjYxNVY2LjdMMTMgNC42ODlsLS44NzIgMS43eiIvPjwvc3ZnPg==)}.icon.h5{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdHlwZS1oMSI+PHBhdGggZD0iTTcuNjM3IDEzVjMuNjY5SDYuMzc5VjcuNjJIMS43NThWMy42N0guNVYxM2gxLjI1OFY4LjcyOGg0LjYyVjEzWm0yLjc1NS01Ljc5MWEzLjc2MyAzLjc2MyAwIDAgMSAyLjExMy0uNTE3IDIuOTczIDIuOTczIDAgMCAxIDIuOTk1IDMuMSAzLjQ1IDMuNDUgMCAwIDEtLjkgMi40NDIgMy4xMTEgMy4xMTEgMCAwIDEtMi4zOTMuOTY4IDMuMzI3IDMuMzI3IDAgMCAxLTIuMDk0LS42NzEgMi43NTggMi43NTggMCAwIDEtMS4wMDctMmgxLjI4NGExLjM4NyAxLjM4NyAwIDAgMCAuNTExIDEuMSAyLjM4NCAyLjM4NCAwIDAgMCAxLjQuNDIxIDEuODE5IDEuODE5IDAgMCAwIDEuNDc5LS42MzggMi4wNDIgMi4wNDIgMCAwIDAgLjQzNy0xLjUxNCAyLjE3IDIuMTcgMCAwIDAtLjU2Ny0xLjU4NCAxLjk1OCAxLjk1OCAwIDAgMC0xLjQ2OC0uNTggMi4zNTggMi4zNTggMCAwIDAtMS43OS43ODlIOS4xMDhWMy40NzhoNS45MzF2MS4xMzRoLTQuNjQ3WiIvPjwvc3ZnPg==)}i.chevron-down{background-color:transparent;background-size:contain;display:inline-block;height:8px;width:8px;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY2hldnJvbi1kb3duIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjY0NiA0LjY0NmEuNS41IDAgMCAxIC43MDggMEw4IDEwLjI5M2w1LjY0Ni01LjY0N2EuNS41IDAgMCAxIC43MDguNzA4bC02IDZhLjUuNSAwIDAgMS0uNzA4IDBsLTYtNmEuNS41IDAgMCAxIDAtLjcwOHoiLz48L3N2Zz4=)}.toolbar i.chevron-down,.toolbar-item i.chevron-down{margin-top:3px;width:16px;height:16px;display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.toolbar i.chevron-down.inside{width:16px;height:16px;display:flex;margin-left:-25px;margin-top:11px;margin-right:10px;pointer-events:none}.toolbar{display:flex;margin-bottom:1px;background:#fff;padding:4px;height:46px}.toolbar button.toolbar-item{border:0;display:flex;background:none;border-radius:10px;padding:8px;cursor:pointer;vertical-align:middle}.toolbar button.toolbar-item:disabled{cursor:not-allowed}.toolbar button.toolbar-item.spaced{margin-right:2px}.toolbar button.toolbar-item i.format{background-size:contain;display:inline-block;height:18px;width:18px;margin-top:2px;vertical-align:-.25em;display:flex;opacity:.6}.toolbar button.toolbar-item:disabled i.format{opacity:.2}.toolbar button.toolbar-item.active{background-color:#3838384d}.toolbar button.toolbar-item.active i{opacity:1}.toolbar .toolbar-item:hover:not([disabled]){background-color:#eee}.toolbar .divider{width:1px;background-color:#eee;margin:0 4px}.toolbar .toolbar-item .text{display:flex;line-height:20px;vertical-align:middle;font-size:11px;color:#777;text-overflow:ellipsis;width:70px;overflow:hidden;height:20px;text-align:left}.toolbar .toolbar-item .icon{display:flex;width:20px;height:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-right:8px;line-height:16px;background-size:contain}i.undo{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYXJyb3ctY291bnRlcmNsb2Nrd2lzZSIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04IDNhNSA1IDAgMSAxLTQuNTQ2IDIuOTE0LjUuNSAwIDAgMC0uOTA4LS40MTdBNiA2IDAgMSAwIDggMnYxeiIvPgogIDxwYXRoIGQ9Ik04IDQuNDY2Vi41MzRhLjI1LjI1IDAgMCAwLS40MS0uMTkyTDUuMjMgMi4zMDhhLjI1LjI1IDAgMCAwIDAgLjM4NGwyLjM2IDEuOTY2QS4yNS4yNSAwIDAgMCA4IDQuNDY2eiIvPgo8L3N2Zz4=)}i.redo{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYXJyb3ctY2xvY2t3aXNlIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTggM2E1IDUgMCAxIDAgNC41NDYgMi45MTQuNS41IDAgMCAxIC45MDgtLjQxN0E2IDYgMCAxIDEgOCAydjF6Ii8+CiAgPHBhdGggZD0iTTggNC40NjZWLjUzNGEuMjUuMjUgMCAwIDEgLjQxLS4xOTJsMi4zNiAxLjk2NmMuMTIuMS4xMi4yODQgMCAuMzg0TDguNDEgNC42NThBLjI1LjI1IDAgMCAxIDggNC40NjZ6Ii8+Cjwvc3ZnPg==)}i.bold{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdHlwZS1ib2xkIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik04LjIxIDEzYzIuMTA2IDAgMy40MTItMS4wODcgMy40MTItMi44MjMgMC0xLjMwNi0uOTg0LTIuMjgzLTIuMzI0LTIuMzg2di0uMDU1YTIuMTc2IDIuMTc2IDAgMCAwIDEuODUyLTIuMTRjMC0xLjUxLTEuMTYyLTIuNDYtMy4wMTQtMi40NkgzLjg0M1YxM0g4LjIxek01LjkwOCA0LjY3NGgxLjY5NmMuOTYzIDAgMS41MTcuNDUxIDEuNTE3IDEuMjQ0IDAgLjgzNC0uNjI5IDEuMzItMS43MyAxLjMySDUuOTA4VjQuNjczem0wIDYuNzg4VjguNTk4aDEuNzNjMS4yMTcgMCAxLjg4LjQ5MiAxLjg4IDEuNDE1IDAgLjk0My0uNjQzIDEuNDQ5LTEuODMyIDEuNDQ5SDUuOTA3eiIvPgo8L3N2Zz4=)}i.italic{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdHlwZS1pdGFsaWMiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTcuOTkxIDExLjY3NCA5LjUzIDQuNDU1Yy4xMjMtLjU5NS4yNDYtLjcxIDEuMzQ3LS44MDdsLjExLS41Mkg3LjIxMWwtLjExLjUyYzEuMDYuMDk2IDEuMTI4LjIxMiAxLjAwNS44MDdMNi41NyAxMS42NzRjLS4xMjMuNTk1LS4yNDYuNzEtMS4zNDYuODA2bC0uMTEuNTJoMy43NzRsLjExLS41MmMtMS4wNi0uMDk1LTEuMTI5LS4yMTEtMS4wMDYtLjgwNnoiLz4KPC9zdmc+)}i.underline{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdHlwZS11bmRlcmxpbmUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTUuMzEzIDMuMTM2aC0xLjIzVjkuNTRjMCAyLjEwNSAxLjQ3IDMuNjIzIDMuOTE3IDMuNjIzczMuOTE3LTEuNTE4IDMuOTE3LTMuNjIzVjMuMTM2aC0xLjIzdjYuMzIzYzAgMS40OS0uOTc4IDIuNTctMi42ODcgMi41Ny0xLjcwOSAwLTIuNjg3LTEuMDgtMi42ODctMi41N1YzLjEzNnpNMTIuNSAxNWgtOXYtMWg5djF6Ii8+Cjwvc3ZnPg==)}i.strikethrough{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdHlwZS1zdHJpa2V0aHJvdWdoIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik02LjMzMyA1LjY4NmMwIC4zMS4wODMuNTgxLjI3LjgxNEg1LjE2NmEyLjc3NiAyLjc3NiAwIDAgMS0uMDk5LS43NmMwLTEuNjI3IDEuNDM2LTIuNzY4IDMuNDgtMi43NjggMS45NjkgMCAzLjM5IDEuMTc1IDMuNDQ1IDIuODVoLTEuMjNjLS4xMS0xLjA4LS45NjQtMS43NDMtMi4yNS0xLjc0My0xLjIzIDAtMi4xOC42MDItMi4xOCAxLjYwN3ptMi4xOTQgNy40NzhjLTIuMTUzIDAtMy41ODktMS4xMDctMy43MDUtMi44MWgxLjIzYy4xNDQgMS4wNiAxLjEyOSAxLjcwMyAyLjU0NCAxLjcwMyAxLjM0IDAgMi4zMS0uNzA1IDIuMzEtMS42NzUgMC0uODI3LS41NDctMS4zNzQtMS45MTQtMS42NzVMOC4wNDYgOC41SDF2LTFoMTR2MWgtMy41MDRjLjQ2OC40MzcuNjc1Ljk5NC42NzUgMS42OTcgMCAxLjgyNi0xLjQzNiAyLjk2Ny0zLjY0NCAyLjk2N3oiLz4KPC9zdmc+)}i.left-align{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdGV4dC1sZWZ0IiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTIuNWEuNS41IDAgMCAxIC41LS41aDdhLjUuNSAwIDAgMSAwIDFoLTdhLjUuNSAwIDAgMS0uNS0uNXptMC0zYS41LjUgMCAwIDEgLjUtLjVoMTFhLjUuNSAwIDAgMSAwIDFoLTExYS41LjUgMCAwIDEtLjUtLjV6bTAtM2EuNS41IDAgMCAxIC41LS41aDdhLjUuNSAwIDAgMSAwIDFoLTdhLjUuNSAwIDAgMS0uNS0uNXptMC0zYS41LjUgMCAwIDEgLjUtLjVoMTFhLjUuNSAwIDAgMSAwIDFoLTExYS41LjUgMCAwIDEtLjUtLjV6Ii8+Cjwvc3ZnPg==)}i.center-align{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdGV4dC1jZW50ZXIiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNCAxMi41YS41LjUgMCAwIDEgLjUtLjVoN2EuNS41IDAgMCAxIDAgMWgtN2EuNS41IDAgMCAxLS41LS41em0tMi0zYS41LjUgMCAwIDEgLjUtLjVoMTFhLjUuNSAwIDAgMSAwIDFoLTExYS41LjUgMCAwIDEtLjUtLjV6bTItM2EuNS41IDAgMCAxIC41LS41aDdhLjUuNSAwIDAgMSAwIDFoLTdhLjUuNSAwIDAgMS0uNS0uNXptLTItM2EuNS41IDAgMCAxIC41LS41aDExYS41LjUgMCAwIDEgMCAxaC0xMWEuNS41IDAgMCAxLS41LS41eiIvPgo8L3N2Zz4=)}i.right-align{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdGV4dC1yaWdodCIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02IDEyLjVhLjUuNSAwIDAgMSAuNS0uNWg3YS41LjUgMCAwIDEgMCAxaC03YS41LjUgMCAwIDEtLjUtLjV6bS00LTNhLjUuNSAwIDAgMSAuNS0uNWgxMWEuNS41IDAgMCAxIDAgMWgtMTFhLjUuNSAwIDAgMS0uNS0uNXptNC0zYS41LjUgMCAwIDEgLjUtLjVoN2EuNS41IDAgMCAxIDAgMWgtN2EuNS41IDAgMCAxLS41LS41em0tNC0zYS41LjUgMCAwIDEgLjUtLjVoMTFhLjUuNSAwIDAgMSAwIDFoLTExYS41LjUgMCAwIDEtLjUtLjV6Ii8+Cjwvc3ZnPg==)}i.justify-align{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktanVzdGlmeSIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yIDEyLjVhLjUuNSAwIDAgMSAuNS0uNWgxMWEuNS41IDAgMCAxIDAgMWgtMTFhLjUuNSAwIDAgMS0uNS0uNXptMC0zYS41LjUgMCAwIDEgLjUtLjVoMTFhLjUuNSAwIDAgMSAwIDFoLTExYS41LjUgMCAwIDEtLjUtLjV6bTAtM2EuNS41IDAgMCAxIC41LS41aDExYS41LjUgMCAwIDEgMCAxaC0xMWEuNS41IDAgMCAxLS41LS41em0wLTNhLjUuNSAwIDAgMSAuNS0uNWgxMWEuNS41IDAgMCAxIDAgMWgtMTFhLjUuNSAwIDAgMS0uNS0uNXoiLz4KPC9zdmc+)}.font-size-input{font-weight:700;font-size:14px;color:#777;border-color:gray;height:38px;margin-top:0;padding:2px 4px;text-align:center;width:41px;border:1px solid}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}button.font-decrement{padding:0;margin-right:3px}button.font-increment{padding:0;margin-left:3px}sub{font-size:smaller;vertical-align:sub!important;top:8px;margin:.1em}.PlaygroundEditorTheme__ltr{text-align:left}.PlaygroundEditorTheme__rtl{text-align:right}.PlaygroundEditorTheme__paragraph{margin:0;position:relative}.PlaygroundEditorTheme__quote{margin:0 0 10px 20px;font-size:15px;color:#65676b;border-left-color:#ced0d4;border-left-width:4px;border-left-style:solid;padding-left:16px}.PlaygroundEditorTheme__indent{--lexical-indent-base-value: 40px}.PlaygroundEditorTheme__textBold{font-weight:700}.PlaygroundEditorTheme__textItalic{font-style:italic}.PlaygroundEditorTheme__textUnderline{text-decoration:underline}.PlaygroundEditorTheme__textStrikethrough{text-decoration:line-through}.PlaygroundEditorTheme__textUnderlineStrikethrough{text-decoration:underline line-through}.PlaygroundEditorTheme__textSubscript{font-size:.8em;vertical-align:sub!important}.PlaygroundEditorTheme__textSuperscript{font-size:.8em;vertical-align:super}.PlaygroundEditorTheme__textCode{background-color:#f0f2f5;padding:1px .25rem;font-family:Menlo,Consolas,Monaco,monospace,inherit;font-size:94%}.PlaygroundEditorTheme__hashtag{background-color:#5890ff26;border-bottom:1px solid rgba(88,144,255,.3)}.PlaygroundEditorTheme__link{color:#216fdb;text-decoration:none}.PlaygroundEditorTheme__link:hover{text-decoration:underline;cursor:pointer}.PlaygroundEditorTheme__code{background-color:#f0f2f5;font-family:Menlo,Consolas,Monaco,monospace,inherit;display:block;padding:8px 8px 8px 52px;line-height:1.53;font-size:13px;margin:8px 0;overflow-x:auto;position:relative;-moz-tab-size:2;-o-tab-size:2;tab-size:2}.PlaygroundEditorTheme__code:before{content:attr(data-gutter);position:absolute;background-color:#eee;left:0;top:0;border-right:1px solid #ccc;padding:8px;color:#777;white-space:pre-wrap;text-align:right;min-width:25px}.PlaygroundEditorTheme__table{border-collapse:collapse;border-spacing:0;overflow-y:scroll;overflow-x:scroll;table-layout:fixed;width:-moz-fit-content;width:fit-content;margin:0 25px 30px 0}.PlaygroundEditorTheme__tableRowStriping tr:nth-child(2n){background-color:#f2f5fb}.PlaygroundEditorTheme__tableCell{border:1px solid #bbb;width:75px;vertical-align:top;text-align:start;padding:6px 8px;position:relative;outline:none}.PlaygroundEditorTheme__tableAddColumns{position:absolute;background-color:#eee;height:100%;animation:table-controls .2s ease;border:0;cursor:pointer}.PlaygroundEditorTheme__tableAddColumns:after{background-size:contain;background-position:center;background-repeat:no-repeat;display:block;content:" ";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.4}.PlaygroundEditorTheme__tableAddColumns:hover,.PlaygroundEditorTheme__tableAddRows:hover{background-color:#c9dbf0}.PlaygroundEditorTheme__tableAddRows{position:absolute;width:calc(100% - 25px);background-color:#eee;animation:table-controls .2s ease;border:0;cursor:pointer}.PlaygroundEditorTheme__tableAddRows:after{background-size:contain;background-position:center;background-repeat:no-repeat;display:block;content:" ";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.4}.PlaygroundEditorTheme__characterLimit{display:inline;background-color:#fbb!important}.PlaygroundEditorTheme__ol1{padding:0;margin:0;list-style-position:outside}.PlaygroundEditorTheme__ol2{padding:0;margin:0;list-style-type:upper-alpha;list-style-position:outside}.PlaygroundEditorTheme__ol3{padding:0;margin:0;list-style-type:lower-alpha;list-style-position:outside}.PlaygroundEditorTheme__ol4{padding:0;margin:0;list-style-type:upper-roman;list-style-position:outside}.PlaygroundEditorTheme__ol5{padding:0;margin:0;list-style-type:lower-roman;list-style-position:outside}.PlaygroundEditorTheme__ul{padding:0;margin:0;list-style-position:outside}.PlaygroundEditorTheme__listItem{margin:0 32px}.PlaygroundEditorTheme__listItemChecked,.PlaygroundEditorTheme__listItemUnchecked{position:relative;margin-left:8px;margin-right:8px;padding-left:24px;padding-right:24px;list-style-type:none;outline:none}.PlaygroundEditorTheme__listItemChecked{text-decoration:line-through}.PlaygroundEditorTheme__listItemUnchecked:before,.PlaygroundEditorTheme__listItemChecked:before{content:"";width:16px;height:16px;top:2px;left:0;cursor:pointer;display:block;background-size:cover;position:absolute}.PlaygroundEditorTheme__listItemUnchecked[dir=rtl]:before,.PlaygroundEditorTheme__listItemChecked[dir=rtl]:before{left:auto;right:0}.PlaygroundEditorTheme__listItemUnchecked:focus:before,.PlaygroundEditorTheme__listItemChecked:focus:before{box-shadow:0 0 0 2px #a6cdfe;border-radius:2px}.PlaygroundEditorTheme__listItemUnchecked:before{border:1px solid #999;border-radius:2px}.PlaygroundEditorTheme__listItemChecked:before{border:1px solid rgb(61,135,245);border-radius:2px;background-color:#3d87f5;background-repeat:no-repeat}.PlaygroundEditorTheme__listItemChecked:after{content:"";cursor:pointer;border-color:#fff;border-style:solid;position:absolute;display:block;top:6px;width:3px;left:7px;right:7px;height:6px;transform:rotate(45deg);border-width:0 2px 2px 0}.PlaygroundEditorTheme__nestedListItem{list-style-type:none}.PlaygroundEditorTheme__nestedListItem:before,.PlaygroundEditorTheme__nestedListItem:after{display:none}.PlaygroundEditorTheme__tokenComment{color:#708090}.PlaygroundEditorTheme__tokenPunctuation{color:#999}.PlaygroundEditorTheme__tokenProperty{color:#905}.PlaygroundEditorTheme__tokenSelector{color:#690}.PlaygroundEditorTheme__tokenOperator{color:#9a6e3a}.PlaygroundEditorTheme__tokenAttr{color:#07a}.PlaygroundEditorTheme__tokenVariable{color:#e90}.PlaygroundEditorTheme__tokenFunction{color:#dd4a68}.PlaygroundEditorTheme__mark{background:rgba(255,212,0,.14);border-bottom:2px solid rgba(255,212,0,.3);padding-bottom:2px}.PlaygroundEditorTheme__markOverlap{background:rgba(255,212,0,.3);border-bottom:2px solid rgba(255,212,0,.7)}.PlaygroundEditorTheme__mark.selected{background:rgba(255,212,0,.5);border-bottom:2px solid rgba(255,212,0,1)}.PlaygroundEditorTheme__markOverlap.selected{background:rgba(255,212,0,.7);border-bottom:2px solid rgba(255,212,0,.7)}.PlaygroundEditorTheme__embedBlock{-webkit-user-select:none;-moz-user-select:none;user-select:none}.PlaygroundEditorTheme__embedBlockFocus{outline:2px solid rgb(60,132,244)}.PlaygroundEditorTheme__layoutContainer{display:grid;gap:10px;margin:10px 0}.PlaygroundEditorTheme__layoutItem{border:1px dashed #ddd;padding:8px 16px}.PlaygroundEditorTheme__autocomplete{color:#ccc}.PlaygroundEditorTheme__hr{padding:2px;border:none;margin:1em 0;cursor:pointer}.PlaygroundEditorTheme__hr:after{content:"";display:block;height:2px;background-color:#ccc;line-height:2px}.PlaygroundEditorTheme__hr.selected{outline:2px solid rgb(60,132,244);-webkit-user-select:none;-moz-user-select:none;user-select:none}.PlaygroundEditorTheme__table{border-collapse:collapse;border-spacing:0;overflow-y:scroll;overflow-x:scroll;table-layout:fixed;width:-moz-max-content;width:max-content;margin:30px 0}.PlaygroundEditorTheme__tableSelection *::-moz-selection{background-color:transparent}.PlaygroundEditorTheme__tableSelection *::selection{background-color:transparent}.PlaygroundEditorTheme__tableSelected{outline:2px solid rgb(60,132,244)}.PlaygroundEditorTheme__tableCell{border:1px solid #bbb;width:75px;min-width:75px;vertical-align:top;text-align:start;padding:6px 8px;position:relative;outline:none}.PlaygroundEditorTheme__tableCellSortedIndicator{display:block;opacity:.5;position:absolute;bottom:0;left:0;width:100%;height:4px;background-color:#999}.PlaygroundEditorTheme__tableCellResizer{position:absolute;right:-4px;height:100%;width:8px;cursor:ew-resize;z-index:10;top:0}.PlaygroundEditorTheme__tableCellHeader{background-color:#f2f3f5;text-align:start}.PlaygroundEditorTheme__tableCellSelected{background-color:#c9dbf0}.PlaygroundEditorTheme__tableCellPrimarySelected{border:2px solid rgb(60,132,244);display:block;height:calc(100% - 2px);position:absolute;width:calc(100% - 2px);left:-1px;top:-1px;z-index:2}.PlaygroundEditorTheme__tableCellEditing{box-shadow:0 0 5px #0006;border-radius:3px}.PlaygroundEditorTheme__tableAddColumns{position:absolute;top:0;background-color:#eee;height:100%;right:0;animation:table-controls .2s ease;border:0;cursor:pointer}.PlaygroundEditorTheme__tableAddColumns:hover{background-color:#c9dbf0;border-radius:1px}.PlaygroundEditorTheme__tableAddRows{position:absolute;bottom:-25px;width:20px;background-color:#eee;left:0;animation:table-controls .2s ease;border:0;cursor:pointer}.PlaygroundEditorTheme__tableAddRows:hover{background-color:#c9dbf0}@keyframes table-controls{0%{opacity:0}to{opacity:1}}.PlaygroundEditorTheme__tableCellResizeRuler{display:block;position:absolute;width:1px;background-color:#3c84f4;height:100%;top:0}.PlaygroundEditorTheme__tableCellActionButtonContainer{display:block;right:5px;top:6px;position:absolute;z-index:4;width:20px;height:20px}.PlaygroundEditorTheme__tableCellActionButton{background-color:#eee;display:block;border:0;border-radius:20px;width:20px;height:20px;color:#222;cursor:pointer}.PlaygroundEditorTheme__tableCellActionButton:hover{background-color:#ddd}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-overlay-symb{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{padding:20px;min-height:100px;min-width:300px;display:flex;flex-grow:0px;background-color:#fff;flex-direction:column;position:relative;box-shadow:0 0 20px #444;border-radius:10px}.modal-content-symb{background-color:#fff;bottom:51px;padding:20px;border-radius:8px;width:330px;text-align:center;position:relative;left:155px;box-shadow:0 12px 28px #0003,0 2px 4px #0000001a,inset 0 0 0 1px #ffffff80}.modal-content h3{color:#444;margin:0;padding-bottom:10px;border-bottom:1px solid}.modal-content label{display:block;margin-bottom:10px;font-size:large}.modal-content input{width:50%;padding:5px;font-size:16px;border:2px solid black;border-radius:8px;margin:0 10px}.modal-buttons{display:flex;flex-direction:row;justify-content:right;margin-top:20px}.modal-buttons-close{border:0px;position:absolute;right:20px;border-radius:20px;justify-content:center;align-items:center;display:flex;width:30px;height:30px;text-align:center;cursor:pointer;background-color:#eee;background:none}.flexContainer{display:flex;position:relative;top:2px;left:87%}.avatarStyle{background-size:cover;border-radius:50px;color:#05052e;cursor:pointer;font-size:14px;height:20px;margin:2px 8px 0 0;padding:5px;letter-spacing:2px;text-align:center;text-transform:capitalize;width:20px;font-weight:500}.avatar-color-1{border:1.5px solid #FAB81B}.avatar-color-2{border:1.5px solid #FC3D54}.avatar-color-3{border:1.5px solid #5EDD9A}.avatar-color-4{border:1.5px solid #715FF2}.avatar-color-5{border:1.5px solid #48DDFF}.avatar-color-6{border:1.5px solid #ADA7F9}.add-toolbar-table-icon{height:16px;width:16px;margin-top:3px}.symbol-dropdown{margin-top:-3px;line-height:30px;min-width:79px;letter-spacing:2px}.symbol-Flex-container{display:flex;flex-wrap:wrap;flex-direction:row;width:330px}.symbol-Flex-container>div{width:10px;margin:10px;text-align:center;line-height:5px;font-size:20px}.close-btn{position:relative;bottom:117px;left:375px}.select-table-container{display:flex;flex-direction:row;align-items:center;margin-bottom:10px;padding-top:20px}.select-table-container label{display:flex;flex:1;color:#666}.symbol-items button{padding:14px;border:none;background:none}.symbol-items button:hover{background-color:#3838381a;border-radius:8px}.symbols-toolbar{margin-top:5px;position:absolute}.cust-head-dropDown{margin-top:3px;border-radius:0}.avtar-outer-div{margin-left:15%}.round{display:block;height:40px;width:40px;border:1px solid #BADA55;border-radius:var(--radius)}.headingDropDown{padding:10px;border:none}.headingDropDown:hover{background-color:#3838381a;border-radius:8px}.headingDropDown option{background-color:#fff;border-radius:8px}.editor-inner span.editor-image{cursor:default;display:inline-block;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.editor-inner .editor-image img{max-width:100%;cursor:default}.editor-inner .editor-image img.focused{outline:2px solid rgb(60,132,244);-webkit-user-select:none;-moz-user-select:none;user-select:none}.editor-inner .editor-image img.focused.draggable{cursor:grab}.editor-inner .editor-image img.focused.draggable:active{cursor:grabbing}.editor-inner .editor-image .image-caption-container .tree-view-output{margin:0;border-radius:0}.editor-inner .editor-image .image-caption-container{display:block;position:absolute;bottom:4px;left:0;right:0;padding:0;margin:0;border-top:1px solid #fff;background-color:#ffffffe6;min-width:100px;color:#000;overflow:hidden}.editor-inner .editor-image .image-caption-button{display:block;position:absolute;bottom:20px;left:0;right:0;width:30%;padding:10px;margin:0 auto;border:1px solid rgba(255,255,255,.3);border-radius:5px;background-color:#00000080;min-width:100px;color:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.editor-inner .editor-image .image-caption-button:hover{background-color:#3c84f480}.editor-inner .editor-image .image-edit-button{border:1px solid rgba(0,0,0,.3);border-radius:5px;background-image:url(/src/images/icons/pencil-fill.svg);background-size:16px;background-position:center;background-repeat:no-repeat;width:35px;height:35px;vertical-align:-.25em;position:absolute;right:4px;top:4px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.editor-inner .editor-image .image-edit-button:hover{background-color:#3c84f41a}.editor-inner .editor-image .image-resizer{display:block;width:7px;height:7px;position:absolute;background-color:#3c84f4;border:1px solid #fff}.editor-inner .editor-image .image-resizer.image-resizer-n{top:-6px;left:48%;cursor:n-resize}.editor-inner .editor-image .image-resizer.image-resizer-ne{top:-6px;right:-6px;cursor:ne-resize}.editor-inner .editor-image .image-resizer.image-resizer-e{bottom:48%;right:-6px;cursor:e-resize}.editor-inner .editor-image .image-resizer.image-resizer-se{bottom:-2px;right:-6px;cursor:nwse-resize}.editor-inner .editor-image .image-resizer.image-resizer-s{bottom:-2px;left:48%;cursor:s-resize}.editor-inner .editor-image .image-resizer.image-resizer-sw{bottom:-2px;left:-6px;cursor:sw-resize}.editor-inner .editor-image .image-resizer.image-resizer-w{bottom:48%;left:-6px;cursor:w-resize}.editor-inner .editor-image .image-resizer.image-resizer-nw{top:-6px;left:-6px;cursor:nw-resize}.editor-inner span.inline-editor-image{cursor:default;display:inline-block;position:relative;z-index:1}.editor-inner .inline-editor-image img{max-width:100%;cursor:default}.editor-inner .inline-editor-image img.focused{outline:2px solid rgb(60,132,244)}.editor-inner .inline-editor-image img.focused.draggable{cursor:grab}.editor-inner .inline-editor-image img.focused.draggable:active{cursor:grabbing}.editor-inner .inline-editor-image .image-caption-container .tree-view-output{margin:0;border-radius:0}.editor-inner .inline-editor-image.position-full{margin:1em 0}.editor-inner .inline-editor-image.position-left{float:left;width:50%;margin:1em 1em 0 0}.editor-inner .inline-editor-image.position-right{float:right;width:50%;margin:1em 0 0 1em}.editor-inner .inline-editor-image .image-edit-button{display:block;position:absolute;top:12px;right:12px;padding:6px 8px;margin:0 auto;border:1px solid rgba(255,255,255,.3);border-radius:5px;background-color:#00000080;min-width:60px;color:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.editor-inner .inline-editor-image .image-edit-button:hover{background-color:#3c84f480}.editor-inner .inline-editor-image .image-caption-container{display:block;background-color:#f4f4f4;min-width:100%;color:#000;overflow:hidden}.Modal__overlay{display:flex;justify-content:center;align-items:center;position:fixed;flex-direction:column;top:0;bottom:0;left:0;right:0;background-color:#28282899;flex-grow:0px;flex-shrink:1px;z-index:100}.Modal__modal{padding:20px;min-height:100px;min-width:300px;display:flex;flex-grow:0px;background-color:#fff;flex-direction:column;position:relative;box-shadow:0 0 20px #444;border-radius:10px}.Modal__title{color:#444;margin:0;padding-bottom:10px;border-bottom:1px solid #ccc}.Modal__closeButton{border:0px;position:absolute;right:20px;border-radius:20px;justify-content:center;align-items:center;display:flex;width:30px;height:30px;text-align:center;cursor:pointer;background-color:#eee}.Modal__closeButton:hover{background-color:#ddd}.Modal__content{padding-top:20px}.Input__wrapper{display:flex;flex-direction:row;align-items:center;margin-bottom:10px}.Input__label{display:flex;flex:1;color:#666}.Input__input{display:flex;flex:2;border:1px solid #999;padding:7px 10px;font-size:16px;border-radius:5px;min-width:0}.DialogActions{display:flex;flex-direction:row;justify-content:right;margin-top:20px}.DialogButtonsList{display:flex;flex-direction:column;justify-content:right;margin-top:20px}.DialogButtonsList button{margin-bottom:20px}.Button__root{padding:10px 15px;border:0px;background-color:#eee;border-radius:5px;cursor:pointer;font-size:14px}.Button__root:hover{background-color:#ddd}.Button__small{padding:5px 10px;font-size:13px}.Button__disabled{cursor:not-allowed}.Button__disabled:hover{background-color:#eee}.InlineImageNode__contentEditable{min-height:20px;border:0px;resize:none;cursor:text;caret-color:#050505;display:block;position:relative;-moz-tab-size:1;-o-tab-size:1;tab-size:1;outline:0px;padding:10px;-webkit-user-select:text;-moz-user-select:text;user-select:text;font-size:14px;line-height:1.4em;width:calc(100% - 20px);white-space:pre-wrap;word-break:break-word}.InlineImageNode__placeholder{font-size:12px;color:#888;overflow:hidden;position:absolute;text-overflow:ellipsis;bottom:10px;left:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;display:inline-block;pointer-events:none}.InlineImageNode_Checkbox:checked,.InlineImageNode_Checkbox:not(:checked){position:absolute;left:-9999px}.InlineImageNode_Checkbox:checked+label,.InlineImageNode_Checkbox:not(:checked)+label{position:absolute;padding-right:55px;cursor:pointer;line-height:20px;display:inline-block;color:#666}.InlineImageNode_Checkbox:checked+label:before,.InlineImageNode_Checkbox:not(:checked)+label:before{content:"";position:absolute;right:0;top:0;width:18px;height:18px;border:1px solid #666;background:#fff}.InlineImageNode_Checkbox:checked+label:after,.InlineImageNode_Checkbox:not(:checked)+label:after{content:"";width:8px;height:8px;background:#222222;position:absolute;top:6px;right:6px;transition:all .2s ease}.InlineImageNode_Checkbox:not(:checked)+label:after{opacity:0;transform:scale(0)}.InlineImageNode_Checkbox:checked+label:after{opacity:1;transform:scale(1)}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:transparent;border:none;padding:0 1em 0 0;margin:0;font-family:inherit;font-size:inherit;cursor:inherit;line-height:inherit;z-index:1;outline:none}:root{--select-border: #393939;--select-focus: #101484;--select-arrow: var(--select-border)}.select{min-width:160px;max-width:290px;border:1px solid var(--select-border);border-radius:.25em;padding:.25em .5em;font-size:1rem;cursor:pointer;line-height:1.4;background:linear-gradient(to bottom,#ffffff 0%,#e5e5e5 100%)}.ImageNode__contentEditable{min-height:20px;border:0px;resize:none;cursor:text;caret-color:#050505;display:block;position:relative;outline:0px;padding:10px;-webkit-user-select:text;-moz-user-select:text;user-select:text;font-size:12px;width:calc(100% - 20px);white-space:pre-wrap;word-break:break-word}.ImageNode__placeholder{font-size:12px;color:#888;overflow:hidden;position:absolute;text-overflow:ellipsis;top:10px;left:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;display:inline-block;pointer-events:none}.image-control-wrapper--resizing{touch-action:none}.ContentEditable__root{border:0;font-size:15px;display:block;position:relative;outline:0;min-height:150px}@media (max-width: 1025px){.ContentEditable__root{padding-left:8px;padding-right:8px}}.Placeholder__root{font-size:15px;color:#999;overflow:hidden;position:absolute;text-overflow:ellipsis;top:8px;left:28px;right:28px;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;display:inline-block;pointer-events:none}@media (max-width: 1025px){.Placeholder__root{left:8px}}
|
|
1
|
+
body{margin:0;background:#eee;font-family:system-ui,inherit,sans-serif;font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}mt-1{margin-top:10px}mt-2{margin-top:20px}mt-3{margin-top:30px}mt-4{margin-top:40px}ml-1{margin-left:10px}ml-2{margin-left:20px}ml-3{margin-left:30px}ml-4{margin-left:40px}mr-1{margin-right:10px}mr-2{margin-right:20px}mr-3{margin-right:30px}mr-4{margin-right:40px}mb-1{margin-bottom:10px}mb-2{margin-bottom:20px}mb-3{margin-bottom:30px}mb-4{margin-bottom:40px}pt-1{padding-top:10px}pt-2{padding-top:20px}pt-3{padding-top:3opx}pt-4{padding-top:40px}pb-1{padding-bottom:10px}pb-2{padding-bottom:20px}pb-3{padding-bottom:30px}pb-4{padding-bottom:40px}pl-1{padding-left:10px}pl-2{padding-left:20px}pl-3{padding-left:30px}pl-4{padding-left:40px}pr-1{padding-right:10px}pr-2{padding-right:20px}pr-3{padding-right:30px}pr-4{padding-right:40px}.other h2{font-size:18px;color:#444;margin-bottom:7px}.other a{color:#777;text-decoration:underline;font-size:14px}.other ul{padding:0;margin:0;list-style-type:none}.App{font-family:inherit;text-align:center}h1{font-size:24px;color:#333}.ltr{text-align:left}.rtl{text-align:right}.editor-container{border-radius:8px;color:#000;font-family:Times New Roman,Times,serif,inherit!important;font-size:auto!important;font-weight:400;line-height:20px;position:relative;text-align:left;width:95%;margin:1% 1% 1% 3%}.editor-inner{background:#fff;position:relative;top:20px;border-radius:0 0 10px 10px}.editor-input{min-height:300px;font-size:auto!important;font-family:"Times New Roman",Times,serif,inherit!important;resize:none;caret-color:#050505;position:relative;-moz-tab-size:1;-o-tab-size:1;tab-size:1;outline:0;caret-color:#444}.editor-placeholder{color:#999;overflow:hidden;padding:56px;position:absolute;text-overflow:hidden;font-family:"Times New Roman",inherit;top:0;left:0;font-size:11px;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-block;pointer-events:none}.editor-text-bold{font-weight:700}.editor-text-italic{font-style:italic}.editor-text-underline{text-decoration:underline}.editor-text-strikethrough{text-decoration:line-through}.editor-text-underlineStrikethrough{text-decoration:underline line-through}.editor-text-code{background-color:#f0f2f5;padding:1px .25rem;font-family:"Times New Roman",inherit;font-size:auto}.editor-link{color:#216fdb;text-decoration:none}.tree-view-output{display:block;background:#222;color:#fff;padding:5px;font-size:12px;white-space:pre-wrap;margin:1px auto 10px;max-height:250px;position:relative;border-bottom-left-radius:10px;border-bottom-right-radius:10px;overflow:auto;line-height:14px}.editor-code{background-color:#f0f2f5;font-family:"Times New Roman",inherit;display:block;padding:8px 8px 8px 52px;line-height:1.53;font-size:13px;margin:8px 0;-moz-tab-size:2;-o-tab-size:2;tab-size:2;overflow-x:auto;position:relative}.editor-code:before{content:attr(data-gutter);position:absolute;background-color:#eee;left:0;top:0;border-right:1px solid #ccc;padding:8px;color:#777;white-space:pre-wrap;text-align:right;min-width:25px}.editor-code:after{content:attr(data-highlight-language);top:0;right:3px;padding:3px;font-size:auto;text-transform:uppercase;position:absolute;color:#00000080}.editor-tokenComment{color:#708090}.editor-tokenPunctuation{color:#999}.editor-tokenProperty{color:#905}.editor-tokenSelector{color:#690}.editor-tokenOperator{color:#9a6e3a}.editor-tokenAttr{color:#07a}.editor-tokenVariable{color:#e90}.editor-tokenFunction{color:#dd4a68}.editor-paragraph{position:relative}.editor-paragraph:last-child{margin-bottom:0}.editor-heading-h1{font-size:24px;color:#050505;font-weight:400;margin:0 0 12px;padding:0}.editor-heading-h2{font-size:15px;color:#65676b;font-weight:700;margin:10px 0 0;padding:0;text-transform:uppercase}.editor-quote{margin:0 0 0 20px;font-size:15px;color:#65676b;border-left-color:#ced0d4;border-left-width:4px;border-left-style:solid;padding-left:16px}.editor-list-ol,.editor-list-ul{padding:0;margin:0 0 0 16px}.editor-listitem{margin:8px 32px}.editor-nested-listitem{list-style-type:none}pre::-webkit-scrollbar{background:transparent;width:10px}pre::-webkit-scrollbar-thumb{background:#999}.debug-timetravel-panel{overflow:hidden;padding:0 0 10px;margin:auto;display:flex}.debug-timetravel-panel-slider{padding:0;flex:8}.debug-timetravel-panel-button{padding:0;border:0;background:none;flex:1;color:#fff;font-size:12px}.debug-timetravel-panel-button:hover{text-decoration:underline}.debug-timetravel-button{border:0;padding:0;font-size:12px;top:10px;right:15px;position:absolute;background:none;color:#fff}.debug-timetravel-button:hover{text-decoration:underline}.dropdown{z-index:100;display:block;position:fixed;box-shadow:0 12px 28px #0003,0 2px 4px #0000001a,inset 0 0 0 1px #ffffff80;border-radius:8px;min-height:40px;background-color:#fff}.dropdown .item{margin:0 8px;padding:8px;color:#050505;cursor:pointer;line-height:16px;font-size:15px;display:flex;align-content:center;flex-direction:row;flex-shrink:0;justify-content:space-between;background-color:#fff;border-radius:8px;border:0;max-width:250px;min-width:100px}.dropdown .item.fontsize-item,.dropdown .item.fontsize-item .text{min-width:unset}.dropdown .item .active{display:flex;width:20px;height:20px;background-size:contain}.dropdown .item:first-child{margin-top:8px}.dropdown .item:last-child{margin-bottom:8px}.dropdown .item:hover{background-color:#eee}.dropdown .item .text{display:flex;line-height:20px;flex-grow:1;min-width:150px}.dropdown .item .icon{display:flex;width:20px;height:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-right:12px;line-height:16px;background-size:contain;background-position:center;background-repeat:no-repeat}.icon.paragraph{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdGV4dC1wYXJhZ3JhcGgiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMiAxMi41YS41LjUgMCAwIDEgLjUtLjVoN2EuNS41IDAgMCAxIDAgMWgtN2EuNS41IDAgMCAxLS41LS41em0wLTNhLjUuNSAwIDAgMSAuNS0uNWgxMWEuNS41IDAgMCAxIDAgMWgtMTFhLjUuNSAwIDAgMS0uNS0uNXptMC0zYS41LjUgMCAwIDEgLjUtLjVoMTFhLjUuNSAwIDAgMSAwIDFoLTExYS41LjUgMCAwIDEtLjUtLjV6bTQtM2EuNS41IDAgMCAxIC41LS41aDdhLjUuNSAwIDAgMSAwIDFoLTdhLjUuNSAwIDAgMS0uNS0uNXoiLz4KPC9zdmc+)}.icon.h1{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdHlwZS1oMSI+PHBhdGggZD0iTTguNjM3IDEzVjMuNjY5SDcuMzc5VjcuNjJIMi43NThWMy42N0gxLjVWMTNoMS4yNThWOC43MjhoNC42MlYxM2gxLjI1OXptNS4zMjkgMFYzLjY2OWgtMS4yNDRMMTAuNSA1LjMxNnYxLjI2NWwyLjE2LTEuNTY1aC4wNjJWMTNoMS4yNDR6Ii8+PC9zdmc+)}.icon.h2{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdHlwZS1oMiI+PHBhdGggZD0iTTcuNjM4IDEzVjMuNjY5SDYuMzhWNy42MkgxLjc1OVYzLjY3SC41VjEzaDEuMjU4VjguNzI4aDQuNjJWMTNoMS4yNTl6bTMuMDIyLTYuNzMzdi0uMDQ4YzAtLjg4OS42My0xLjY2OCAxLjcxNi0xLjY2OC45NTcgMCAxLjY3NS42MDggMS42NzUgMS41NzIgMCAuODU1LS41NTQgMS41MDQtMS4wNjcgMi4wODVsLTMuNTEzIDMuOTk5VjEzSDE1LjV2LTEuMDk0aC00LjI0NXYtLjA3NWwyLjQ4MS0yLjg0NGMuODc1LS45OTggMS41ODYtMS43ODQgMS41ODYtMi45NTMgMC0xLjQ2My0xLjE1NS0yLjU1Ni0yLjkxOS0yLjU1Ni0xLjk0MSAwLTIuOTY2IDEuMzI2LTIuOTY2IDIuNzR2LjA0OWgxLjIyM3oiLz48L3N2Zz4=)}.icon.h3{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdHlwZS1oMyI+PHBhdGggZD0iTTcuNjM3IDEzVjMuNjY5SDYuMzc5VjcuNjJIMS43NThWMy42N0guNVYxM2gxLjI1OFY4LjcyOGg0LjYyVjEzaDEuMjU5em0zLjYyNS00LjI3MmgxLjAxOGMxLjE0MiAwIDEuOTM1LjY3IDEuOTQ5IDEuNjc0LjAxMyAxLjAwNS0uNzggMS43MzctMi4wMSAxLjczLTEuMDgtLjAwNy0xLjg1My0uNTg4LTEuOTM1LTEuMzJIOS4xMDhjLjA2OSAxLjMyNyAxLjIyNCAyLjM4NiAzLjA4MyAyLjM4NiAxLjkzNSAwIDMuMzQzLTEuMTU1IDMuMzA5LTIuNzg5LS4wMjctMS41MS0xLjI1MS0yLjE2LTIuMDM3LTIuMjQ5di0uMDY4Yy43MDQtLjEyMyAxLjc2NC0uOTEgMS43MjMtMi4yMjktLjAzNS0xLjM1My0xLjE3Ni0yLjQtMi45NTQtMi4zODUtMS44NzMuMDA2LTIuODU3IDEuMTYyLTIuODk4IDIuMzU4aDEuMTk2Yy4wNjItLjY5LjcxMS0xLjI5OSAxLjY5Ni0xLjI5OS45OTggMCAxLjY5NS42MjIgMS42OTUgMS41MjUuMDA3LjkyMi0uNzE4IDEuNTkyLTEuNjk1IDEuNTkyaC0uOTY0djEuMDc0eiIvPjwvc3ZnPg==)}.icon.h4{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdHlwZS1oMSI+PHBhdGggZD0iTTcuNjM3IDEzVjMuNjY5SDYuMzc5VjcuNjJIMS43NThWMy42N0guNVYxM2gxLjI1OFY4LjcyOGg0LjYyVjEzWm01LjMzNy4ydi0yLjMyOEg5LjEwOFY5LjgyOGwzLjQ0MS02LjM1aDEuNjMydjYuMTQxSDE1LjV2MS4yNTNoLTEuMzE5VjEzLjJabS0yLjYxNS0zLjU4MWgyLjYxNVY2LjdMMTMgNC42ODlsLS44NzIgMS43eiIvPjwvc3ZnPg==)}.icon.h5{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdHlwZS1oMSI+PHBhdGggZD0iTTcuNjM3IDEzVjMuNjY5SDYuMzc5VjcuNjJIMS43NThWMy42N0guNVYxM2gxLjI1OFY4LjcyOGg0LjYyVjEzWm0yLjc1NS01Ljc5MWEzLjc2MyAzLjc2MyAwIDAgMSAyLjExMy0uNTE3IDIuOTczIDIuOTczIDAgMCAxIDIuOTk1IDMuMSAzLjQ1IDMuNDUgMCAwIDEtLjkgMi40NDIgMy4xMTEgMy4xMTEgMCAwIDEtMi4zOTMuOTY4IDMuMzI3IDMuMzI3IDAgMCAxLTIuMDk0LS42NzEgMi43NTggMi43NTggMCAwIDEtMS4wMDctMmgxLjI4NGExLjM4NyAxLjM4NyAwIDAgMCAuNTExIDEuMSAyLjM4NCAyLjM4NCAwIDAgMCAxLjQuNDIxIDEuODE5IDEuODE5IDAgMCAwIDEuNDc5LS42MzggMi4wNDIgMi4wNDIgMCAwIDAgLjQzNy0xLjUxNCAyLjE3IDIuMTcgMCAwIDAtLjU2Ny0xLjU4NCAxLjk1OCAxLjk1OCAwIDAgMC0xLjQ2OC0uNTggMi4zNTggMi4zNTggMCAwIDAtMS43OS43ODlIOS4xMDhWMy40NzhoNS45MzF2MS4xMzRoLTQuNjQ3WiIvPjwvc3ZnPg==)}i.chevron-down{background-color:transparent;background-size:contain;display:inline-block;height:8px;width:8px;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY2hldnJvbi1kb3duIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjY0NiA0LjY0NmEuNS41IDAgMCAxIC43MDggMEw4IDEwLjI5M2w1LjY0Ni01LjY0N2EuNS41IDAgMCAxIC43MDguNzA4bC02IDZhLjUuNSAwIDAgMS0uNzA4IDBsLTYtNmEuNS41IDAgMCAxIDAtLjcwOHoiLz48L3N2Zz4=)}.toolbar i.chevron-down,.toolbar-item i.chevron-down{margin-top:3px;width:16px;height:16px;display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.toolbar i.chevron-down.inside{width:16px;height:16px;display:flex;margin-left:-25px;margin-top:11px;margin-right:10px;pointer-events:none}.toolbar{display:flex;margin-bottom:1px;background:#fff;padding:4px;height:46px}.toolbar button.toolbar-item{border:0;display:flex;background:none;border-radius:10px;padding:8px;cursor:pointer;vertical-align:middle}.toolbar button.toolbar-item:disabled{cursor:not-allowed}.toolbar button.toolbar-item.spaced{margin-right:2px}.toolbar button.toolbar-item i.format{background-size:contain;display:inline-block;height:18px;width:18px;margin-top:2px;vertical-align:-.25em;display:flex;opacity:.6}.toolbar button.toolbar-item:disabled i.format{opacity:.2}.toolbar button.toolbar-item.active{background-color:#3838384d}.toolbar button.toolbar-item.active i{opacity:1}.toolbar .toolbar-item:hover:not([disabled]){background-color:#eee}.toolbar .divider{width:1px;background-color:#eee;margin:0 4px}.toolbar .toolbar-item .text{display:flex;line-height:20px;vertical-align:middle;font-size:11px;color:#777;text-overflow:ellipsis;width:70px;overflow:hidden;height:20px;text-align:left}.toolbar .toolbar-item .icon{display:flex;width:20px;height:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-right:8px;line-height:16px;background-size:contain}i.undo{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYXJyb3ctY291bnRlcmNsb2Nrd2lzZSIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04IDNhNSA1IDAgMSAxLTQuNTQ2IDIuOTE0LjUuNSAwIDAgMC0uOTA4LS40MTdBNiA2IDAgMSAwIDggMnYxeiIvPgogIDxwYXRoIGQ9Ik04IDQuNDY2Vi41MzRhLjI1LjI1IDAgMCAwLS40MS0uMTkyTDUuMjMgMi4zMDhhLjI1LjI1IDAgMCAwIDAgLjM4NGwyLjM2IDEuOTY2QS4yNS4yNSAwIDAgMCA4IDQuNDY2eiIvPgo8L3N2Zz4=)}i.redo{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYXJyb3ctY2xvY2t3aXNlIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTggM2E1IDUgMCAxIDAgNC41NDYgMi45MTQuNS41IDAgMCAxIC45MDgtLjQxN0E2IDYgMCAxIDEgOCAydjF6Ii8+CiAgPHBhdGggZD0iTTggNC40NjZWLjUzNGEuMjUuMjUgMCAwIDEgLjQxLS4xOTJsMi4zNiAxLjk2NmMuMTIuMS4xMi4yODQgMCAuMzg0TDguNDEgNC42NThBLjI1LjI1IDAgMCAxIDggNC40NjZ6Ii8+Cjwvc3ZnPg==)}i.bold{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdHlwZS1ib2xkIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik04LjIxIDEzYzIuMTA2IDAgMy40MTItMS4wODcgMy40MTItMi44MjMgMC0xLjMwNi0uOTg0LTIuMjgzLTIuMzI0LTIuMzg2di0uMDU1YTIuMTc2IDIuMTc2IDAgMCAwIDEuODUyLTIuMTRjMC0xLjUxLTEuMTYyLTIuNDYtMy4wMTQtMi40NkgzLjg0M1YxM0g4LjIxek01LjkwOCA0LjY3NGgxLjY5NmMuOTYzIDAgMS41MTcuNDUxIDEuNTE3IDEuMjQ0IDAgLjgzNC0uNjI5IDEuMzItMS43MyAxLjMySDUuOTA4VjQuNjczem0wIDYuNzg4VjguNTk4aDEuNzNjMS4yMTcgMCAxLjg4LjQ5MiAxLjg4IDEuNDE1IDAgLjk0My0uNjQzIDEuNDQ5LTEuODMyIDEuNDQ5SDUuOTA3eiIvPgo8L3N2Zz4=)}i.italic{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdHlwZS1pdGFsaWMiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTcuOTkxIDExLjY3NCA5LjUzIDQuNDU1Yy4xMjMtLjU5NS4yNDYtLjcxIDEuMzQ3LS44MDdsLjExLS41Mkg3LjIxMWwtLjExLjUyYzEuMDYuMDk2IDEuMTI4LjIxMiAxLjAwNS44MDdMNi41NyAxMS42NzRjLS4xMjMuNTk1LS4yNDYuNzEtMS4zNDYuODA2bC0uMTEuNTJoMy43NzRsLjExLS41MmMtMS4wNi0uMDk1LTEuMTI5LS4yMTEtMS4wMDYtLjgwNnoiLz4KPC9zdmc+)}i.underline{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdHlwZS11bmRlcmxpbmUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTUuMzEzIDMuMTM2aC0xLjIzVjkuNTRjMCAyLjEwNSAxLjQ3IDMuNjIzIDMuOTE3IDMuNjIzczMuOTE3LTEuNTE4IDMuOTE3LTMuNjIzVjMuMTM2aC0xLjIzdjYuMzIzYzAgMS40OS0uOTc4IDIuNTctMi42ODcgMi41Ny0xLjcwOSAwLTIuNjg3LTEuMDgtMi42ODctMi41N1YzLjEzNnpNMTIuNSAxNWgtOXYtMWg5djF6Ii8+Cjwvc3ZnPg==)}i.strikethrough{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdHlwZS1zdHJpa2V0aHJvdWdoIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik02LjMzMyA1LjY4NmMwIC4zMS4wODMuNTgxLjI3LjgxNEg1LjE2NmEyLjc3NiAyLjc3NiAwIDAgMS0uMDk5LS43NmMwLTEuNjI3IDEuNDM2LTIuNzY4IDMuNDgtMi43NjggMS45NjkgMCAzLjM5IDEuMTc1IDMuNDQ1IDIuODVoLTEuMjNjLS4xMS0xLjA4LS45NjQtMS43NDMtMi4yNS0xLjc0My0xLjIzIDAtMi4xOC42MDItMi4xOCAxLjYwN3ptMi4xOTQgNy40NzhjLTIuMTUzIDAtMy41ODktMS4xMDctMy43MDUtMi44MWgxLjIzYy4xNDQgMS4wNiAxLjEyOSAxLjcwMyAyLjU0NCAxLjcwMyAxLjM0IDAgMi4zMS0uNzA1IDIuMzEtMS42NzUgMC0uODI3LS41NDctMS4zNzQtMS45MTQtMS42NzVMOC4wNDYgOC41SDF2LTFoMTR2MWgtMy41MDRjLjQ2OC40MzcuNjc1Ljk5NC42NzUgMS42OTcgMCAxLjgyNi0xLjQzNiAyLjk2Ny0zLjY0NCAyLjk2N3oiLz4KPC9zdmc+)}i.left-align{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdGV4dC1sZWZ0IiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTIuNWEuNS41IDAgMCAxIC41LS41aDdhLjUuNSAwIDAgMSAwIDFoLTdhLjUuNSAwIDAgMS0uNS0uNXptMC0zYS41LjUgMCAwIDEgLjUtLjVoMTFhLjUuNSAwIDAgMSAwIDFoLTExYS41LjUgMCAwIDEtLjUtLjV6bTAtM2EuNS41IDAgMCAxIC41LS41aDdhLjUuNSAwIDAgMSAwIDFoLTdhLjUuNSAwIDAgMS0uNS0uNXptMC0zYS41LjUgMCAwIDEgLjUtLjVoMTFhLjUuNSAwIDAgMSAwIDFoLTExYS41LjUgMCAwIDEtLjUtLjV6Ii8+Cjwvc3ZnPg==)}i.center-align{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdGV4dC1jZW50ZXIiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNCAxMi41YS41LjUgMCAwIDEgLjUtLjVoN2EuNS41IDAgMCAxIDAgMWgtN2EuNS41IDAgMCAxLS41LS41em0tMi0zYS41LjUgMCAwIDEgLjUtLjVoMTFhLjUuNSAwIDAgMSAwIDFoLTExYS41LjUgMCAwIDEtLjUtLjV6bTItM2EuNS41IDAgMCAxIC41LS41aDdhLjUuNSAwIDAgMSAwIDFoLTdhLjUuNSAwIDAgMS0uNS0uNXptLTItM2EuNS41IDAgMCAxIC41LS41aDExYS41LjUgMCAwIDEgMCAxaC0xMWEuNS41IDAgMCAxLS41LS41eiIvPgo8L3N2Zz4=)}i.right-align{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdGV4dC1yaWdodCIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02IDEyLjVhLjUuNSAwIDAgMSAuNS0uNWg3YS41LjUgMCAwIDEgMCAxaC03YS41LjUgMCAwIDEtLjUtLjV6bS00LTNhLjUuNSAwIDAgMSAuNS0uNWgxMWEuNS41IDAgMCAxIDAgMWgtMTFhLjUuNSAwIDAgMS0uNS0uNXptNC0zYS41LjUgMCAwIDEgLjUtLjVoN2EuNS41IDAgMCAxIDAgMWgtN2EuNS41IDAgMCAxLS41LS41em0tNC0zYS41LjUgMCAwIDEgLjUtLjVoMTFhLjUuNSAwIDAgMSAwIDFoLTExYS41LjUgMCAwIDEtLjUtLjV6Ii8+Cjwvc3ZnPg==)}i.justify-align{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktanVzdGlmeSIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yIDEyLjVhLjUuNSAwIDAgMSAuNS0uNWgxMWEuNS41IDAgMCAxIDAgMWgtMTFhLjUuNSAwIDAgMS0uNS0uNXptMC0zYS41LjUgMCAwIDEgLjUtLjVoMTFhLjUuNSAwIDAgMSAwIDFoLTExYS41LjUgMCAwIDEtLjUtLjV6bTAtM2EuNS41IDAgMCAxIC41LS41aDExYS41LjUgMCAwIDEgMCAxaC0xMWEuNS41IDAgMCAxLS41LS41em0wLTNhLjUuNSAwIDAgMSAuNS0uNWgxMWEuNS41IDAgMCAxIDAgMWgtMTFhLjUuNSAwIDAgMS0uNS0uNXoiLz4KPC9zdmc+)}.font-size-input{font-weight:700;font-size:14px;color:#777;border-color:gray;height:38px;margin-top:0;padding:2px 4px;text-align:center;width:41px;border:1px solid}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}button.font-decrement{padding:0;margin-right:3px}button.font-increment{padding:0;margin-left:3px}sub{font-size:smaller;vertical-align:sub!important;top:8px;margin:.1em}.PlaygroundEditorTheme__ltr{text-align:left}.PlaygroundEditorTheme__rtl{text-align:right}.PlaygroundEditorTheme__paragraph{margin:0;position:relative}.PlaygroundEditorTheme__quote{margin:0 0 10px 20px;font-size:15px;color:#65676b;border-left-color:#ced0d4;border-left-width:4px;border-left-style:solid;padding-left:16px}.PlaygroundEditorTheme__indent{--lexical-indent-base-value: 40px}.PlaygroundEditorTheme__textBold{font-weight:700}.PlaygroundEditorTheme__textItalic{font-style:italic}.PlaygroundEditorTheme__textUnderline{text-decoration:underline}.PlaygroundEditorTheme__textStrikethrough{text-decoration:line-through}.PlaygroundEditorTheme__textUnderlineStrikethrough{text-decoration:underline line-through}.PlaygroundEditorTheme__textSubscript{font-size:.8em;vertical-align:sub!important}.PlaygroundEditorTheme__textSuperscript{font-size:.8em;vertical-align:super}.PlaygroundEditorTheme__textCode{background-color:#f0f2f5;padding:1px .25rem;font-family:Menlo,Consolas,Monaco,monospace,inherit;font-size:94%}.PlaygroundEditorTheme__hashtag{background-color:#5890ff26;border-bottom:1px solid rgba(88,144,255,.3)}.PlaygroundEditorTheme__link{color:#216fdb;text-decoration:none}.PlaygroundEditorTheme__link:hover{text-decoration:underline;cursor:pointer}.PlaygroundEditorTheme__code{background-color:#f0f2f5;font-family:Menlo,Consolas,Monaco,monospace,inherit;display:block;padding:8px 8px 8px 52px;line-height:1.53;font-size:13px;margin:8px 0;overflow-x:auto;position:relative;-moz-tab-size:2;-o-tab-size:2;tab-size:2}.PlaygroundEditorTheme__code:before{content:attr(data-gutter);position:absolute;background-color:#eee;left:0;top:0;border-right:1px solid #ccc;padding:8px;color:#777;white-space:pre-wrap;text-align:right;min-width:25px}.PlaygroundEditorTheme__table{border-collapse:collapse;border-spacing:0;overflow-y:scroll;overflow-x:scroll;table-layout:fixed;width:-moz-fit-content;width:fit-content;margin:0 25px 30px 0}.PlaygroundEditorTheme__tableRowStriping tr:nth-child(2n){background-color:#f2f5fb}.PlaygroundEditorTheme__tableCell{border:1px solid #bbb;width:75px;vertical-align:top;text-align:start;padding:6px 8px;position:relative;outline:none}.PlaygroundEditorTheme__tableAddColumns{position:absolute;background-color:#eee;height:100%;animation:table-controls .2s ease;border:0;cursor:pointer}.PlaygroundEditorTheme__tableAddColumns:after{background-size:contain;background-position:center;background-repeat:no-repeat;display:block;content:" ";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.4}.PlaygroundEditorTheme__tableAddColumns:hover,.PlaygroundEditorTheme__tableAddRows:hover{background-color:#c9dbf0}.PlaygroundEditorTheme__tableAddRows{position:absolute;width:calc(100% - 25px);background-color:#eee;animation:table-controls .2s ease;border:0;cursor:pointer}.PlaygroundEditorTheme__tableAddRows:after{background-size:contain;background-position:center;background-repeat:no-repeat;display:block;content:" ";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.4}.PlaygroundEditorTheme__characterLimit{display:inline;background-color:#fbb!important}.PlaygroundEditorTheme__ol1{padding:0;margin:0;list-style-position:outside}.PlaygroundEditorTheme__ol2{padding:0;margin:0;list-style-type:upper-alpha;list-style-position:outside}.PlaygroundEditorTheme__ol3{padding:0;margin:0;list-style-type:lower-alpha;list-style-position:outside}.PlaygroundEditorTheme__ol4{padding:0;margin:0;list-style-type:upper-roman;list-style-position:outside}.PlaygroundEditorTheme__ol5{padding:0;margin:0;list-style-type:lower-roman;list-style-position:outside}.PlaygroundEditorTheme__ul{padding:0;margin:0;list-style-position:outside}.PlaygroundEditorTheme__listItem{margin:0 32px}.PlaygroundEditorTheme__listItemChecked,.PlaygroundEditorTheme__listItemUnchecked{position:relative;margin-left:8px;margin-right:8px;padding-left:24px;padding-right:24px;list-style-type:none;outline:none}.PlaygroundEditorTheme__listItemChecked{text-decoration:line-through}.PlaygroundEditorTheme__listItemUnchecked:before,.PlaygroundEditorTheme__listItemChecked:before{content:"";width:16px;height:16px;top:2px;left:0;cursor:pointer;display:block;background-size:cover;position:absolute}.PlaygroundEditorTheme__listItemUnchecked[dir=rtl]:before,.PlaygroundEditorTheme__listItemChecked[dir=rtl]:before{left:auto;right:0}.PlaygroundEditorTheme__listItemUnchecked:focus:before,.PlaygroundEditorTheme__listItemChecked:focus:before{box-shadow:0 0 0 2px #a6cdfe;border-radius:2px}.PlaygroundEditorTheme__listItemUnchecked:before{border:1px solid #999;border-radius:2px}.PlaygroundEditorTheme__listItemChecked:before{border:1px solid rgb(61,135,245);border-radius:2px;background-color:#3d87f5;background-repeat:no-repeat}.PlaygroundEditorTheme__listItemChecked:after{content:"";cursor:pointer;border-color:#fff;border-style:solid;position:absolute;display:block;top:6px;width:3px;left:7px;right:7px;height:6px;transform:rotate(45deg);border-width:0 2px 2px 0}.PlaygroundEditorTheme__nestedListItem{list-style-type:none}.PlaygroundEditorTheme__nestedListItem:before,.PlaygroundEditorTheme__nestedListItem:after{display:none}.PlaygroundEditorTheme__tokenComment{color:#708090}.PlaygroundEditorTheme__tokenPunctuation{color:#999}.PlaygroundEditorTheme__tokenProperty{color:#905}.PlaygroundEditorTheme__tokenSelector{color:#690}.PlaygroundEditorTheme__tokenOperator{color:#9a6e3a}.PlaygroundEditorTheme__tokenAttr{color:#07a}.PlaygroundEditorTheme__tokenVariable{color:#e90}.PlaygroundEditorTheme__tokenFunction{color:#dd4a68}.PlaygroundEditorTheme__mark{background:rgba(255,212,0,.14);border-bottom:2px solid rgba(255,212,0,.3);padding-bottom:2px}.PlaygroundEditorTheme__markOverlap{background:rgba(255,212,0,.3);border-bottom:2px solid rgba(255,212,0,.7)}.PlaygroundEditorTheme__mark.selected{background:rgba(255,212,0,.5);border-bottom:2px solid rgba(255,212,0,1)}.PlaygroundEditorTheme__markOverlap.selected{background:rgba(255,212,0,.7);border-bottom:2px solid rgba(255,212,0,.7)}.PlaygroundEditorTheme__embedBlock{-webkit-user-select:none;-moz-user-select:none;user-select:none}.PlaygroundEditorTheme__embedBlockFocus{outline:2px solid rgb(60,132,244)}.PlaygroundEditorTheme__layoutContainer{display:grid;gap:10px;margin:10px 0}.PlaygroundEditorTheme__layoutItem{border:1px dashed #ddd;padding:8px 16px}.PlaygroundEditorTheme__autocomplete{color:#ccc}.PlaygroundEditorTheme__hr{padding:2px;border:none;margin:1em 0;cursor:pointer}.PlaygroundEditorTheme__hr:after{content:"";display:block;height:2px;background-color:#ccc;line-height:2px}.PlaygroundEditorTheme__hr.selected{outline:2px solid rgb(60,132,244);-webkit-user-select:none;-moz-user-select:none;user-select:none}.PlaygroundEditorTheme__table{border-collapse:collapse;border-spacing:0;overflow-y:scroll;overflow-x:scroll;table-layout:fixed;width:-moz-max-content;width:max-content;margin:30px 0}.PlaygroundEditorTheme__tableSelection *::-moz-selection{background-color:transparent}.PlaygroundEditorTheme__tableSelection *::selection{background-color:transparent}.PlaygroundEditorTheme__tableSelected{outline:2px solid rgb(60,132,244)}.PlaygroundEditorTheme__tableCell{border:1px solid #bbb;width:75px;min-width:75px;vertical-align:top;text-align:start;padding:6px 8px;position:relative;outline:none}.PlaygroundEditorTheme__tableCellSortedIndicator{display:block;opacity:.5;position:absolute;bottom:0;left:0;width:100%;height:4px;background-color:#999}.PlaygroundEditorTheme__tableCellResizer{position:absolute;right:-4px;height:100%;width:8px;cursor:ew-resize;z-index:10;top:0}.PlaygroundEditorTheme__tableCellHeader{background-color:#f2f3f5;text-align:start}.PlaygroundEditorTheme__tableCellSelected{background-color:#c9dbf0}.PlaygroundEditorTheme__tableCellPrimarySelected{border:2px solid rgb(60,132,244);display:block;height:calc(100% - 2px);position:absolute;width:calc(100% - 2px);left:-1px;top:-1px;z-index:2}.PlaygroundEditorTheme__tableCellEditing{box-shadow:0 0 5px #0006;border-radius:3px}.PlaygroundEditorTheme__tableAddColumns{position:absolute;top:0;background-color:#eee;height:100%;right:0;animation:table-controls .2s ease;border:0;cursor:pointer}.PlaygroundEditorTheme__tableAddColumns:hover{background-color:#c9dbf0;border-radius:1px}.PlaygroundEditorTheme__tableAddRows{position:absolute;bottom:-25px;width:20px;background-color:#eee;left:0;animation:table-controls .2s ease;border:0;cursor:pointer}.PlaygroundEditorTheme__tableAddRows:hover{background-color:#c9dbf0}@keyframes table-controls{0%{opacity:0}to{opacity:1}}.PlaygroundEditorTheme__tableCellResizeRuler{display:block;position:absolute;width:1px;background-color:#3c84f4;height:100%;top:0}.PlaygroundEditorTheme__tableCellActionButtonContainer{display:block;right:5px;top:6px;position:absolute;z-index:4;width:20px;height:20px}.PlaygroundEditorTheme__tableCellActionButton{background-color:#eee;display:block;border:0;border-radius:20px;width:20px;height:20px;color:#222;cursor:pointer}.PlaygroundEditorTheme__tableCellActionButton:hover{background-color:#ddd}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-overlay-symb{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{padding:20px;min-height:100px;min-width:300px;display:flex;flex-grow:0px;background-color:#fff;flex-direction:column;position:relative;box-shadow:0 0 20px #444;border-radius:10px}.modal-content-symb{background-color:#fff;bottom:51px;padding:20px;border-radius:8px;width:330px;text-align:center;position:relative;left:155px;box-shadow:0 12px 28px #0003,0 2px 4px #0000001a,inset 0 0 0 1px #ffffff80}.modal-content h3{color:#444;margin:0;padding-bottom:10px;border-bottom:1px solid}.modal-content label{display:block;margin-bottom:10px;font-size:large}.modal-content input{width:50%;padding:5px;font-size:16px;border:2px solid black;border-radius:8px;margin:0 10px}.modal-buttons{display:flex;flex-direction:row;justify-content:right;margin-top:20px}.modal-buttons-close{border:0px;position:absolute;right:20px;border-radius:20px;justify-content:center;align-items:center;display:flex;width:30px;height:30px;text-align:center;cursor:pointer;background-color:#eee;background:none}.flexContainer{display:flex;position:relative;top:2px;left:87%}.avatarStyle{background-size:cover;border-radius:50px;color:#05052e;cursor:pointer;font-size:14px;height:20px;margin:2px 8px 0 0;padding:5px;letter-spacing:2px;text-align:center;text-transform:capitalize;width:20px;font-weight:500}.avatar-color-1{border:1.5px solid #FAB81B}.avatar-color-2{border:1.5px solid #FC3D54}.avatar-color-3{border:1.5px solid #5EDD9A}.avatar-color-4{border:1.5px solid #715FF2}.avatar-color-5{border:1.5px solid #48DDFF}.avatar-color-6{border:1.5px solid #ADA7F9}.add-toolbar-table-icon{height:16px;width:16px;margin-top:3px}.symbol-dropdown{margin-top:-3px;line-height:30px;min-width:79px;letter-spacing:2px}.symbol-Flex-container{display:flex;flex-wrap:wrap;flex-direction:row;width:330px}.symbol-Flex-container>div{width:10px;margin:10px;text-align:center;line-height:5px;font-size:20px}.close-btn{position:relative;bottom:117px;left:375px}.select-table-container{display:flex;flex-direction:row;align-items:center;margin-bottom:10px;padding-top:20px}.select-table-container label{display:flex;flex:1;color:#666}.symbol-items button{padding:14px;border:none;background:none}.symbol-items button:hover{background-color:#3838381a;border-radius:8px}.symbols-toolbar{margin-top:5px;position:absolute}.cust-head-dropDown{margin-top:3px;border-radius:0}.avtar-outer-div{margin-left:15%}.round{display:block;height:40px;width:40px;border:1px solid #BADA55;border-radius:var(--radius)}.headingDropDown{padding:10px;border:none}.headingDropDown:hover{background-color:#3838381a;border-radius:8px}.headingDropDown option{background-color:#fff;border-radius:8px}
|
package/package.json
CHANGED
|
@@ -1,402 +0,0 @@
|
|
|
1
|
-
import { j as i, u as J, d as M, w as Y, x as A, $ as B, a as T, b as Q, c as Z, e as K, C as b, f as ee, k as te, g as ne, I as re, r as se, h as ie, i as oe, l as ae, t as ce } from "./index-3341449c.js";
|
|
2
|
-
import { u as le, d as ue, L as de, P as me } from "./Placeholder-347ad381.js";
|
|
3
|
-
import { useRef as S, useState as U, useCallback as k, useEffect as ge, Suspense as he } from "react";
|
|
4
|
-
import "react-dom";
|
|
5
|
-
function G(f, w, d) {
|
|
6
|
-
return Math.min(Math.max(f, w), d);
|
|
7
|
-
}
|
|
8
|
-
const n = {
|
|
9
|
-
east: 1,
|
|
10
|
-
north: 8,
|
|
11
|
-
south: 2,
|
|
12
|
-
west: 4
|
|
13
|
-
};
|
|
14
|
-
function fe({
|
|
15
|
-
onResizeStart: f,
|
|
16
|
-
onResizeEnd: w,
|
|
17
|
-
buttonRef: d,
|
|
18
|
-
imageRef: v,
|
|
19
|
-
maxWidth: j,
|
|
20
|
-
editor: C,
|
|
21
|
-
showCaption: P,
|
|
22
|
-
setShowCaption: N,
|
|
23
|
-
captionsEnabled: E
|
|
24
|
-
}) {
|
|
25
|
-
const H = S(null), x = S({
|
|
26
|
-
priority: "",
|
|
27
|
-
value: "default"
|
|
28
|
-
}), R = S({
|
|
29
|
-
currentHeight: 0,
|
|
30
|
-
currentWidth: 0,
|
|
31
|
-
direction: 0,
|
|
32
|
-
isResizing: !1,
|
|
33
|
-
ratio: 0,
|
|
34
|
-
startHeight: 0,
|
|
35
|
-
startWidth: 0,
|
|
36
|
-
startX: 0,
|
|
37
|
-
startY: 0
|
|
38
|
-
}), u = C.getRootElement(), y = j || (u !== null ? u.getBoundingClientRect().width - 20 : 100), I = u !== null ? u.getBoundingClientRect().height - 20 : 100, z = 100, X = 100, s = (e) => {
|
|
39
|
-
const r = e === n.east || e === n.west, t = e === n.north || e === n.south, g = e & n.north && e & n.west || e & n.south && e & n.east, m = r ? "ew" : t ? "ns" : g ? "nwse" : "nesw";
|
|
40
|
-
u !== null && u.style.setProperty(
|
|
41
|
-
"cursor",
|
|
42
|
-
`${m}-resize`,
|
|
43
|
-
"important"
|
|
44
|
-
), document.body !== null && (document.body.style.setProperty(
|
|
45
|
-
"cursor",
|
|
46
|
-
`${m}-resize`,
|
|
47
|
-
"important"
|
|
48
|
-
), x.current.value = document.body.style.getPropertyValue(
|
|
49
|
-
"-webkit-user-select"
|
|
50
|
-
), x.current.priority = document.body.style.getPropertyPriority(
|
|
51
|
-
"-webkit-user-select"
|
|
52
|
-
), document.body.style.setProperty(
|
|
53
|
-
"-webkit-user-select",
|
|
54
|
-
"none",
|
|
55
|
-
"important"
|
|
56
|
-
));
|
|
57
|
-
}, W = () => {
|
|
58
|
-
u !== null && u.style.setProperty("cursor", "text"), document.body !== null && (document.body.style.setProperty("cursor", "default"), document.body.style.setProperty(
|
|
59
|
-
"-webkit-user-select",
|
|
60
|
-
x.current.value,
|
|
61
|
-
x.current.priority
|
|
62
|
-
));
|
|
63
|
-
}, p = (e, r) => {
|
|
64
|
-
if (!C.isEditable())
|
|
65
|
-
return;
|
|
66
|
-
const t = v.current, g = H.current;
|
|
67
|
-
if (t !== null && g !== null) {
|
|
68
|
-
e.preventDefault();
|
|
69
|
-
const { width: m, height: o } = t.getBoundingClientRect(), a = R.current;
|
|
70
|
-
a.startWidth = m, a.startHeight = o, a.ratio = m / o, a.currentWidth = m, a.currentHeight = o, a.startX = e.clientX, a.startY = e.clientY, a.isResizing = !0, a.direction = r, s(r), f(), g.classList.add("image-control-wrapper--resizing"), t.style.height = `${o}px`, t.style.width = `${m}px`, document.addEventListener("pointermove", L), document.addEventListener("pointerup", D);
|
|
71
|
-
}
|
|
72
|
-
}, L = (e) => {
|
|
73
|
-
const r = v.current, t = R.current, g = t.direction & (n.east | n.west), m = t.direction & (n.south | n.north);
|
|
74
|
-
if (r !== null && t.isResizing)
|
|
75
|
-
if (g && m) {
|
|
76
|
-
let o = Math.floor(t.startX - e.clientX);
|
|
77
|
-
o = t.direction & n.east ? -o : o;
|
|
78
|
-
const a = G(
|
|
79
|
-
t.startWidth + o,
|
|
80
|
-
z,
|
|
81
|
-
y
|
|
82
|
-
), _ = a / t.ratio;
|
|
83
|
-
r.style.width = `${a}px`, r.style.height = `${_}px`, t.currentHeight = _, t.currentWidth = a;
|
|
84
|
-
} else if (m) {
|
|
85
|
-
let o = Math.floor(t.startY - e.clientY);
|
|
86
|
-
o = t.direction & n.south ? -o : o;
|
|
87
|
-
const a = G(
|
|
88
|
-
t.startHeight + o,
|
|
89
|
-
X,
|
|
90
|
-
I
|
|
91
|
-
);
|
|
92
|
-
r.style.height = `${a}px`, t.currentHeight = a;
|
|
93
|
-
} else {
|
|
94
|
-
let o = Math.floor(t.startX - e.clientX);
|
|
95
|
-
o = t.direction & n.east ? -o : o;
|
|
96
|
-
const a = G(
|
|
97
|
-
t.startWidth + o,
|
|
98
|
-
z,
|
|
99
|
-
y
|
|
100
|
-
);
|
|
101
|
-
r.style.width = `${a}px`, t.currentWidth = a;
|
|
102
|
-
}
|
|
103
|
-
}, D = () => {
|
|
104
|
-
const e = v.current, r = R.current, t = H.current;
|
|
105
|
-
if (e !== null && t !== null && r.isResizing) {
|
|
106
|
-
const g = r.currentWidth, m = r.currentHeight;
|
|
107
|
-
r.startWidth = 0, r.startHeight = 0, r.ratio = 0, r.startX = 0, r.startY = 0, r.currentWidth = 0, r.currentHeight = 0, r.isResizing = !1, t.classList.remove("image-control-wrapper--resizing"), W(), w(g, m), document.removeEventListener("pointermove", L), document.removeEventListener("pointerup", D);
|
|
108
|
-
}
|
|
109
|
-
};
|
|
110
|
-
return /* @__PURE__ */ i.jsxs("div", { ref: H, children: [
|
|
111
|
-
!P && E && /* @__PURE__ */ i.jsx(
|
|
112
|
-
"button",
|
|
113
|
-
{
|
|
114
|
-
className: "image-caption-button",
|
|
115
|
-
ref: d,
|
|
116
|
-
onClick: () => {
|
|
117
|
-
N(!P);
|
|
118
|
-
},
|
|
119
|
-
children: "Add Caption"
|
|
120
|
-
}
|
|
121
|
-
),
|
|
122
|
-
/* @__PURE__ */ i.jsx(
|
|
123
|
-
"div",
|
|
124
|
-
{
|
|
125
|
-
className: "image-resizer image-resizer-n",
|
|
126
|
-
onPointerDown: (e) => {
|
|
127
|
-
p(e, n.north);
|
|
128
|
-
}
|
|
129
|
-
}
|
|
130
|
-
),
|
|
131
|
-
/* @__PURE__ */ i.jsx(
|
|
132
|
-
"div",
|
|
133
|
-
{
|
|
134
|
-
className: "image-resizer image-resizer-ne",
|
|
135
|
-
onPointerDown: (e) => {
|
|
136
|
-
p(e, n.north | n.east);
|
|
137
|
-
}
|
|
138
|
-
}
|
|
139
|
-
),
|
|
140
|
-
/* @__PURE__ */ i.jsx(
|
|
141
|
-
"div",
|
|
142
|
-
{
|
|
143
|
-
className: "image-resizer image-resizer-e",
|
|
144
|
-
onPointerDown: (e) => {
|
|
145
|
-
p(e, n.east);
|
|
146
|
-
}
|
|
147
|
-
}
|
|
148
|
-
),
|
|
149
|
-
/* @__PURE__ */ i.jsx(
|
|
150
|
-
"div",
|
|
151
|
-
{
|
|
152
|
-
className: "image-resizer image-resizer-se",
|
|
153
|
-
onPointerDown: (e) => {
|
|
154
|
-
p(e, n.south | n.east);
|
|
155
|
-
}
|
|
156
|
-
}
|
|
157
|
-
),
|
|
158
|
-
/* @__PURE__ */ i.jsx(
|
|
159
|
-
"div",
|
|
160
|
-
{
|
|
161
|
-
className: "image-resizer image-resizer-s",
|
|
162
|
-
onPointerDown: (e) => {
|
|
163
|
-
p(e, n.south);
|
|
164
|
-
}
|
|
165
|
-
}
|
|
166
|
-
),
|
|
167
|
-
/* @__PURE__ */ i.jsx(
|
|
168
|
-
"div",
|
|
169
|
-
{
|
|
170
|
-
className: "image-resizer image-resizer-sw",
|
|
171
|
-
onPointerDown: (e) => {
|
|
172
|
-
p(e, n.south | n.west);
|
|
173
|
-
}
|
|
174
|
-
}
|
|
175
|
-
),
|
|
176
|
-
/* @__PURE__ */ i.jsx(
|
|
177
|
-
"div",
|
|
178
|
-
{
|
|
179
|
-
className: "image-resizer image-resizer-w",
|
|
180
|
-
onPointerDown: (e) => {
|
|
181
|
-
p(e, n.west);
|
|
182
|
-
}
|
|
183
|
-
}
|
|
184
|
-
),
|
|
185
|
-
/* @__PURE__ */ i.jsx(
|
|
186
|
-
"div",
|
|
187
|
-
{
|
|
188
|
-
className: "image-resizer image-resizer-nw",
|
|
189
|
-
onPointerDown: (e) => {
|
|
190
|
-
p(e, n.north | n.west);
|
|
191
|
-
}
|
|
192
|
-
}
|
|
193
|
-
)
|
|
194
|
-
] });
|
|
195
|
-
}
|
|
196
|
-
const V = /* @__PURE__ */ new Set(), O = ce();
|
|
197
|
-
function pe(f) {
|
|
198
|
-
if (!V.has(f))
|
|
199
|
-
throw new Promise((w) => {
|
|
200
|
-
const d = new Image();
|
|
201
|
-
d.src = f, d.onload = () => {
|
|
202
|
-
V.add(f), w(null);
|
|
203
|
-
};
|
|
204
|
-
});
|
|
205
|
-
}
|
|
206
|
-
function we({
|
|
207
|
-
altText: f,
|
|
208
|
-
className: w,
|
|
209
|
-
imageRef: d,
|
|
210
|
-
src: v,
|
|
211
|
-
width: j,
|
|
212
|
-
height: C,
|
|
213
|
-
maxWidth: P
|
|
214
|
-
}) {
|
|
215
|
-
return pe(v), /* @__PURE__ */ i.jsx(
|
|
216
|
-
"img",
|
|
217
|
-
{
|
|
218
|
-
className: w || void 0,
|
|
219
|
-
src: v,
|
|
220
|
-
alt: f,
|
|
221
|
-
ref: d,
|
|
222
|
-
style: {
|
|
223
|
-
height: C,
|
|
224
|
-
maxWidth: P,
|
|
225
|
-
width: j
|
|
226
|
-
},
|
|
227
|
-
draggable: "false"
|
|
228
|
-
}
|
|
229
|
-
);
|
|
230
|
-
}
|
|
231
|
-
function be({
|
|
232
|
-
src: f,
|
|
233
|
-
altText: w,
|
|
234
|
-
nodeKey: d,
|
|
235
|
-
width: v,
|
|
236
|
-
height: j,
|
|
237
|
-
maxWidth: C,
|
|
238
|
-
resizable: P,
|
|
239
|
-
showCaption: N,
|
|
240
|
-
caption: E,
|
|
241
|
-
captionsEnabled: H
|
|
242
|
-
}) {
|
|
243
|
-
const x = S(null), R = S(null), [u, y, I] = le(d), [z, X] = U(!1), [s] = J(), [W, p] = U(null), L = S(null), D = k(
|
|
244
|
-
(l) => {
|
|
245
|
-
if (u && M(Y())) {
|
|
246
|
-
l.preventDefault();
|
|
247
|
-
const h = A(d);
|
|
248
|
-
if (B(h))
|
|
249
|
-
return h.remove(), !0;
|
|
250
|
-
}
|
|
251
|
-
return !1;
|
|
252
|
-
},
|
|
253
|
-
[u, d]
|
|
254
|
-
), e = k(
|
|
255
|
-
(l) => {
|
|
256
|
-
const c = Y(), h = R.current;
|
|
257
|
-
if (u && M(c) && c.getNodes().length === 1) {
|
|
258
|
-
if (N)
|
|
259
|
-
return T(null), l.preventDefault(), E.focus(), !0;
|
|
260
|
-
if (h !== null && h !== document.activeElement)
|
|
261
|
-
return l.preventDefault(), h.focus(), !0;
|
|
262
|
-
}
|
|
263
|
-
return !1;
|
|
264
|
-
},
|
|
265
|
-
[E, u, N]
|
|
266
|
-
), r = k(
|
|
267
|
-
(l) => L.current === E || R.current === l.target ? (T(null), s.update(() => {
|
|
268
|
-
y(!0);
|
|
269
|
-
const c = s.getRootElement();
|
|
270
|
-
c !== null && c.focus();
|
|
271
|
-
}), !0) : !1,
|
|
272
|
-
[E, s, y]
|
|
273
|
-
), t = k(
|
|
274
|
-
(l) => {
|
|
275
|
-
const c = l;
|
|
276
|
-
return z ? !0 : c.target === x.current ? (c.shiftKey ? y(!u) : (I(), y(!0)), !0) : !1;
|
|
277
|
-
},
|
|
278
|
-
[z, u, y, I]
|
|
279
|
-
), g = k(
|
|
280
|
-
(l) => {
|
|
281
|
-
s.getEditorState().read(() => {
|
|
282
|
-
const c = Y();
|
|
283
|
-
l.target.tagName === "IMG" && Q(c) && c.getNodes().length === 1 && s.dispatchCommand(
|
|
284
|
-
O,
|
|
285
|
-
l
|
|
286
|
-
);
|
|
287
|
-
});
|
|
288
|
-
},
|
|
289
|
-
[s]
|
|
290
|
-
);
|
|
291
|
-
ge(() => {
|
|
292
|
-
let l = !0;
|
|
293
|
-
const c = s.getRootElement(), h = Z(
|
|
294
|
-
s.registerUpdateListener(({ editorState: $ }) => {
|
|
295
|
-
l && p($.read(() => Y()));
|
|
296
|
-
}),
|
|
297
|
-
s.registerCommand(
|
|
298
|
-
ie,
|
|
299
|
-
($, q) => (L.current = q, !1),
|
|
300
|
-
b
|
|
301
|
-
),
|
|
302
|
-
s.registerCommand(
|
|
303
|
-
se,
|
|
304
|
-
t,
|
|
305
|
-
b
|
|
306
|
-
),
|
|
307
|
-
s.registerCommand(
|
|
308
|
-
O,
|
|
309
|
-
t,
|
|
310
|
-
b
|
|
311
|
-
),
|
|
312
|
-
s.registerCommand(
|
|
313
|
-
re,
|
|
314
|
-
($) => $.target === x.current ? ($.preventDefault(), !0) : !1,
|
|
315
|
-
b
|
|
316
|
-
),
|
|
317
|
-
s.registerCommand(
|
|
318
|
-
ne,
|
|
319
|
-
D,
|
|
320
|
-
b
|
|
321
|
-
),
|
|
322
|
-
s.registerCommand(
|
|
323
|
-
te,
|
|
324
|
-
D,
|
|
325
|
-
b
|
|
326
|
-
),
|
|
327
|
-
s.registerCommand(ee, e, b),
|
|
328
|
-
s.registerCommand(K, r, b)
|
|
329
|
-
);
|
|
330
|
-
return c == null || c.addEventListener("contextmenu", g), () => {
|
|
331
|
-
l = !1, h(), c == null || c.removeEventListener("contextmenu", g);
|
|
332
|
-
};
|
|
333
|
-
}, [
|
|
334
|
-
I,
|
|
335
|
-
s,
|
|
336
|
-
z,
|
|
337
|
-
u,
|
|
338
|
-
d,
|
|
339
|
-
D,
|
|
340
|
-
e,
|
|
341
|
-
r,
|
|
342
|
-
t,
|
|
343
|
-
g,
|
|
344
|
-
y
|
|
345
|
-
]);
|
|
346
|
-
const m = () => {
|
|
347
|
-
s.update(() => {
|
|
348
|
-
const l = A(d);
|
|
349
|
-
B(l) && l.setShowCaption(!0);
|
|
350
|
-
});
|
|
351
|
-
}, o = (l, c) => {
|
|
352
|
-
setTimeout(() => {
|
|
353
|
-
X(!1);
|
|
354
|
-
}, 200), s.update(() => {
|
|
355
|
-
const h = A(d);
|
|
356
|
-
B(h) && h.setWidthAndHeight(l, c);
|
|
357
|
-
});
|
|
358
|
-
}, a = () => {
|
|
359
|
-
X(!0);
|
|
360
|
-
}, _ = u && M(W) && !z, F = u || z;
|
|
361
|
-
return /* @__PURE__ */ i.jsx(he, { fallback: null, children: /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
|
|
362
|
-
/* @__PURE__ */ i.jsx("div", { draggable: _, children: /* @__PURE__ */ i.jsx(
|
|
363
|
-
we,
|
|
364
|
-
{
|
|
365
|
-
className: F ? `focused ${M(W) ? "draggable" : ""}` : null,
|
|
366
|
-
src: f,
|
|
367
|
-
altText: w,
|
|
368
|
-
imageRef: x,
|
|
369
|
-
width: v,
|
|
370
|
-
height: j,
|
|
371
|
-
maxWidth: C
|
|
372
|
-
}
|
|
373
|
-
) }),
|
|
374
|
-
N && /* @__PURE__ */ i.jsx("div", { className: "image-caption-container", children: /* @__PURE__ */ i.jsx(ue, { initialEditor: E, children: /* @__PURE__ */ i.jsx(
|
|
375
|
-
oe,
|
|
376
|
-
{
|
|
377
|
-
contentEditable: /* @__PURE__ */ i.jsx(de, { className: "ImageNode__contentEditable" }),
|
|
378
|
-
placeholder: /* @__PURE__ */ i.jsx(me, { className: "ImageNode__placeholder", children: "Enter a caption..." }),
|
|
379
|
-
ErrorBoundary: ae
|
|
380
|
-
}
|
|
381
|
-
) }) }),
|
|
382
|
-
P && M(W) && F && /* @__PURE__ */ i.jsx(
|
|
383
|
-
fe,
|
|
384
|
-
{
|
|
385
|
-
showCaption: N,
|
|
386
|
-
setShowCaption: m,
|
|
387
|
-
editor: s,
|
|
388
|
-
buttonRef: R,
|
|
389
|
-
imageRef: x,
|
|
390
|
-
maxWidth: C,
|
|
391
|
-
onResizeStart: a,
|
|
392
|
-
onResizeEnd: o,
|
|
393
|
-
captionsEnabled: H
|
|
394
|
-
}
|
|
395
|
-
)
|
|
396
|
-
] }) });
|
|
397
|
-
}
|
|
398
|
-
export {
|
|
399
|
-
O as RIGHT_CLICK_IMAGE_COMMAND,
|
|
400
|
-
be as default
|
|
401
|
-
};
|
|
402
|
-
//# sourceMappingURL=ImageComponent-ddf2b888.js.map
|