@ones-editor/editor 1.1.10-beta.7 → 1.1.11

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.
Files changed (12) hide show
  1. package/@ones-editor/core/src/core/blocks/common/heading-block-dom.d.ts +7 -0
  2. package/@ones-editor/core/src/core/blocks/common/index.d.ts +1 -0
  3. package/@ones-editor/heading-collapse/src/doc-event/collapse-handler.d.ts +3 -2
  4. package/@ones-editor/heading-collapse/src/heading-collapse-button/collapse-heading-block.d.ts +1 -3
  5. package/@ones-editor/heading-collapse/src/heading-collapse-button/heading-block-collapse-button-render.d.ts +4 -1
  6. package/@ones-editor/heading-collapse/src/heading-collapse-button/heading-utils.d.ts +0 -4
  7. package/@ones-editor/heading-collapse/src/heading-collapse-button/index.d.ts +1 -2
  8. package/@ones-editor/to-docx/src/doc2other/html-css.d.ts +1 -0
  9. package/@ones-editor/tsconfig.tsbuildinfo +1 -1
  10. package/@ones-editor/ui/src/toolbar/toolbar-handler.d.ts +0 -1
  11. package/dist/index.js +830 -76144
  12. package/package.json +1 -1
package/@ones-editor/core/src/core/blocks/common/heading-block-dom.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ import { BlockElement } from '../../types';
2
+ export declare function isHeadingBlock(block: BlockElement): boolean;
3
+ export declare function getBlockHeading(block: BlockElement): number;
4
+ export declare function isExpandedHeadingBlock(block: BlockElement): boolean;
5
+ export declare function isCollapsedHeadingBlock(block: BlockElement): boolean;
6
+ export declare function getHeadingBlockChildren(block: BlockElement, oldHeading?: number): BlockElement[];
7
+ export declare function getNextHiddenBlocks(block: BlockElement): BlockElement[];
package/@ones-editor/core/src/core/blocks/common/index.d.ts CHANGED
@@ -9,3 +9,4 @@ export * from './block-options';
9
9
  export * from './block-properties';
10
10
  export * from './insert-empty-block';
11
11
  export * from './execute-block-command';
12
+ export * from './heading-block-dom';
package/@ones-editor/heading-collapse/src/doc-event/collapse-handler.d.ts CHANGED
@@ -1,3 +1,4 @@
1
1
  import { OnesEditor } from '../../../../@ones-editor/core';
2
- export declare function getCollapsedHeading(editor: OnesEditor, blockId: string): boolean | undefined;
3
- export declare function setCollapsedHeading(editor: OnesEditor, blockId: string, collapsed: boolean): void;
2
+ export declare function isHeadingCollapsed(editor: OnesEditor, blockId: string): boolean;
3
+ export declare function setCollapsedHeading(editor: OnesEditor, blockId: string, collapsed: boolean, heading?: number): void;
4
+ export declare function getCollapsedHeading(editor: OnesEditor, blockId: string): number | undefined;
package/@ones-editor/heading-collapse/src/heading-collapse-button/collapse-heading-block.d.ts CHANGED
@@ -1,7 +1,5 @@
1
1
  import { BlockElement, OnesEditor } from '../../../../@ones-editor/core';
2
- export declare function getHeadingBlockChildren(block: BlockElement): BlockElement[];
3
- export declare function getNextHiddenBlocks(block: BlockElement): BlockElement[];
4
2
  export declare function collapseHeadingBlock(editor: OnesEditor, block: BlockElement): void;
5
3
  export declare function showBlocks(editor: OnesEditor, blocks: BlockElement[]): void;
6
- export declare function expandHeadingBlock(editor: OnesEditor, block: BlockElement): void;
4
+ export declare function expandHeadingBlock(editor: OnesEditor, block: BlockElement, heading?: number): void;
7
5
  export declare function toggleHeadingBlock(editor: OnesEditor, block: BlockElement): void;
package/@ones-editor/heading-collapse/src/heading-collapse-button/heading-block-collapse-button-render.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { BlockElement, OnesEditor, OnesEditorCustom } from '../../../../@ones-editor/core';
1
+ import { BlockElement, CommandItem, OnesEditor, OnesEditorCustom } from '../../../../@ones-editor/core';
2
2
  export declare class HeadingBlockCollapseButton implements OnesEditorCustom {
3
3
  private editor;
4
4
  constructor(editor: OnesEditor);
@@ -7,5 +7,8 @@ export declare class HeadingBlockCollapseButton implements OnesEditorCustom {
7
7
  handleHoverBlock: (hoveringBlock: BlockElement | null, oldHoveringBlock: BlockElement | null) => void;
8
8
  handleClick: (editor: OnesEditor, event: MouseEvent) => void;
9
9
  showCollapseButtons(): void;
10
+ handleBeforeExecCommand: (editor: OnesEditor, command: CommandItem, option: {
11
+ source: string;
12
+ }) => void;
10
13
  destroy(): void;
11
14
  }
package/@ones-editor/heading-collapse/src/heading-collapse-button/heading-utils.d.ts CHANGED
@@ -1,6 +1,2 @@
1
1
  import { BlockElement } from '../../../../@ones-editor/core';
2
- export declare function getBlockHeading(block: BlockElement): number;
3
- export declare function isHeadingBlock(block: BlockElement): boolean;
4
- export declare function isExpandedHeadingBlock(block: BlockElement): boolean;
5
- export declare function isCollapsedHeadingBlock(block: BlockElement): boolean;
6
2
  export declare function isTitleBlock(block: BlockElement): boolean;
package/@ones-editor/heading-collapse/src/heading-collapse-button/index.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- import { getHeadingBlockChildren } from './collapse-heading-block';
2
1
  import { HeadingBlockCollapseButton } from './heading-block-collapse-button-render';
3
2
  export * from './heading-utils';
4
- export { HeadingBlockCollapseButton, getHeadingBlockChildren };
3
+ export { HeadingBlockCollapseButton };
package/@ones-editor/to-docx/src/doc2other/html-css.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare const DefaultHTMLCSS = ".tippy-box[data-animation=scale][data-placement^=top]{transform-origin:bottom}.tippy-box[data-animation=scale][data-placement^=bottom]{transform-origin:top}.tippy-box[data-animation=scale][data-placement^=left]{transform-origin:right}.tippy-box[data-animation=scale][data-placement^=right]{transform-origin:left}.tippy-box[data-animation=scale][data-state=hidden]{transform:scale(.5);opacity:0}\n#editor-popover-mask {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: var(--wiz-editor-z-popover-mask);\n /* background-color: rgba(255, 255, 255, .75);\n backdrop-filter: blur(1px); */\n display: flex;\n justify-content: center;\n align-items: center;\n}\n#editor-popover-mask {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: var(--wiz-editor-z-popover-mask);\n /* background-color: rgba(255, 255, 255, .75);\n backdrop-filter: blur(1px); */\n display: flex;\n justify-content: center;\n align-items: center;\n}\n#editor-text-toolbar-popover-target {\n position: absolute;\n pointer-events: none;\n top: 0;\n min-height: 1.5em;\n}\n.editor-menu-container {\n display: flex;\n flex-direction: column;\n}\n.tippy-box[data-theme~='editor-popover'] {\n border: var(--editor-popover-border);\n box-shadow: var(--editor-box-shadow);\n /* min-width: 200px; */\n outline: none;\n padding: 6px 0;\n border-radius: var(--editor-border-radius-big);\n font-size: 14px;\n transition-duration: 100ms !important;\n}\n.tippy-box[data-theme~='editor-popover'][data-theme~='drag-snapshot'] {\n padding: 0;\n}\n\n.tippy-box[data-theme~='editor-popover'] .tippy-content {\n padding-left: 0;\n padding-right: 0;\n user-select: none;\n -webkit-user-select: none;\n}\n.tippy-box[data-theme~='editor-popover'] .tippy-content .editor-menu-scroll-container {\n max-height: 85vh;\n overflow: auto;\n}\n\n.tippy-box[data-theme~='editor-popover'] .tippy-content .menu-item {\n position: relative;\n padding: 4px 16px;\n cursor: pointer;\n display: flex;\n align-items: center;\n margin: 4px 8px;\n border-radius: var(--editor-border-radius-big);\n}\n.tippy-box[data-theme~='editor-popover'] .tippy-content .clickable-item.editor-button-container {\n padding: 4px 8px;\n}\n\n.tippy-box[data-theme~='editor-popover'] .tippy-content .menu-item.sub-items-active,\n.tippy-box[data-theme~='editor-popover'] .tippy-content .menu-item:hover {\n background-color: var(--popover-menu-item-hover-bg-color);\n}\n\n.tippy-box[data-theme~='editor-popover'] .tippy-content .menu-item.menu-group-title {\n cursor: default;\n color: var(--popover-menu-group-title-color);\n font-size: 12px;\n}\n.tippy-box[data-theme~='editor-popover'] .tippy-content .menu-item.disabled {\n color: #adadad;\n cursor: default;\n}\n\n.tippy-box[data-theme~='editor-popover'] .tippy-content .menu-item.menu-group-title:hover,\n.tippy-box[data-theme~='editor-popover'] .tippy-content .menu-item.disabled:hover {\n background-color: var(--popover-menu-bg-color);\n}\n\n.tippy-box[data-theme~='editor-popover'] .tippy-content .menu-item .menu-text {\n flex: 1;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.tippy-box[data-theme~='editor-popover'] .tippy-content .menu-item .menu-shortcut {\n font-size: 12px;\n color: #adadad;\n font-family: \"Open Sans\",-apple-system,system-ui,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",\"Microsoft Yahei\",Arial,sans-serif;\n padding-left: 32px;\n}\n\n.tippy-box[data-theme~='editor-popover'] .tippy-content .menu-item.menu-split {\n margin: 4px 0;\n padding: 0;\n height: 1px;\n background-color: rgba(0, 0, 0, 0.04);\n cursor: default;\n}\n\n.tippy-box[data-theme~='editor-popover'] .tippy-content .menu-item .menu-icon {\n display: flex;\n align-items: center;\n width: 24px;\n height: 24px;\n padding: 2px;\n margin-left: -2px;\n margin-right: 8px;\n}\n\n.tippy-box[data-theme~='editor-popover'] .tippy-content .menu-item svg {\n fill: currentColor;\n width: 100%;\n}\n\n.tippy-box[data-theme~='editor-popover'] .tippy-content .menu-item .menu-sub-arrow {\n color: var(--popover-menu-arrow);\n opacity: .7;\n display: flex;\n align-items: center;\n}\n.tippy-box[data-theme~='editor-popover'] .tippy-content .menu-item .menu-sub-arrow svg {\n width: 20px;\n height: 20px;\n}\n\n.tippy-box[data-theme~='editor-popover'],\n.tippy-box[data-theme~='editor-popover'] .tippy-box[data-theme~='editor-popover'] {\n background-color: var(--popover-menu-bg-color);\n color: var(--popover-menu-color);\n}\n\n.tippy-box[data-theme~='editor-popover'] .editor-button-container .toolbar-button {\n color: var(--popover-menu-color);\n background-color: var(--popover-toolbar-button-bg-color);\n}\n.tippy-box[data-theme~='editor-popover'] .editor-button-container .toolbar-button:hover {\n background-color: var(--popover-toolbar-button-bg-color-hover);\n}\n.tippy-box[data-theme~='editor-popover'] .editor-button-container .toolbar-button.active {\n color: var(--button-color-active);\n}\n.tippy-box[data-theme~='editor-popover'] .editor-button-container .toolbar-button.no-click {\n color: var(--popover-menu-color);\n}\n.tippy-box[data-theme~='editor-popover'] .editor-button-container .toolbar-button.disabled {\n color: var(--button-color-disabled);\n}\n.tippy-box[data-theme~='editor-popover'] .editor-button-container .toolbar-button.no-click:hover,\n.tippy-box[data-theme~='editor-popover'] .editor-button-container .toolbar-button.disabled:hover {\n color: var(--popover-menu-color);\n background-color: var(--popover-toolbar-button-bg-color);\n}\n\n.tippy-box[data-theme~='editor-popover'][data-theme~='popover-toolbar'],\n.tippy-box[data-theme~='editor-popover'][data-theme~='popover-toolbar'] .tippy-box[data-theme~='editor-popover'] {\n background-color: var(--popover-toolbar-bg-color);\n color: var(--popover-toolbar-color);\n}\n\n.tippy-box[data-theme~='editor-popover'][data-theme~='popover-sub-toolbar'] {\n box-shadow: 0 6px 24px rgba(31,35,41,.1);\n}\n\n.tippy-box[data-theme~='editor-popover'][data-theme~='popover-toolbar'] .editor-button-container .toolbar-button {\n color: var(--popover-toolbar-color);\n background-color: var(--popover-toolbar-button-bg-color);\n}\n.tippy-box[data-theme~='editor-popover'][data-theme~='popover-toolbar'] .editor-button-container .toolbar-button:hover {\n color: var(--popover-toolbar-button-color-hover);\n background-color: var(--popover-toolbar-button-bg-color-hover);\n}\n.tippy-box[data-theme~='editor-popover'][data-theme~='popover-toolbar'] .editor-button-container .toolbar-button.active {\n color: var(--popover-toolbar-button-color-active);\n}\n.tippy-box[data-theme~='editor-popover'][data-theme~='popover-toolbar'] .editor-button-container .toolbar-button.no-click {\n cursor: default;\n color: var(--popover-toolbar-color);\n background-color: var(--popover-toolbar-button-bg-color);\n}\n.tippy-box[data-theme~='editor-popover'][data-theme~='popover-toolbar'] .editor-button-container .toolbar-button.disabled {\n cursor: default;\n color: var(--button-color-disabled);\n background-color: var(--popover-toolbar-button-bg-color);\n}\n\n\n.tippy-box[data-theme~='editor-popover'][data-theme~='popover-toolbar'] .editor-button-container .toolbar-button.link-text {\n max-width: calc(350px - 68px);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n display: block;\n color: var(--editor-link-color);\n}\n.tippy-box[data-theme~='editor-popover'][data-theme~='popover-toolbar'] .editor-button-container .toolbar-button.link-text:hover {\n background-color: transparent;\n text-decoration: underline;\n}\n.menu-item-input {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: var(--wiz-editor-z-menu-item-input);\n border: none;\n color: transparent;\n opacity: 0;\n}\n\n/* \u589E\u52A0\u5916\u56F4\u8FB9\u7F18\uFF0C\u907F\u514D\u79FB\u52A8\u9F20\u6807\u65F6 tippy \u81EA\u52A8\u9690\u85CF */\n.tippy-box[data-theme~='popover-toolbar']:before {\n content: \" \";\n position: absolute;\n left: -8px;\n right: -8px;\n top: -8px;\n bottom: -8px;\n background-color: transparent;\n}\n\n/* popover input & button \u901A\u7528\u6837\u5F0F */\n.tippy-box[data-theme~='editor-popover'] input.editor-popover-input {\n margin: 0 8px;\n border: var(--popover-input-border);\n height: 24px;\n border-radius: var(--editor-border-radius);\n padding: var(--popover-input-padding);\n outline: none;\n color: var(--popover-input-color);\n background: var(--popover-input-bg);\n}\n.tippy-box[data-theme~='editor-popover'] button.editor-popover-button {\n min-width: 64px;\n font-size: 14px;\n}\n\n/* \u7F16\u5199\u5E8F\u53F7\u8F93\u5165\u6846\u6837\u5F0F */\n.tippy-box[data-theme~='editor-popover'] .editor-list-number-input-container {\n padding: 0 16px;\n}\n.tippy-box[data-theme~='editor-popover'] .editor-list-number-input-container .editor-popover-button {\n min-width: 40px;\n font-size: 12px;\n}\n.tippy-box[data-theme~='editor-popover'] .editor-list-number-input-container input.editor-popover-input {\n width: 64px;\n}\n\n#editor-dialog-background {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: var(--wiz-editor-z-dialog);\n /* background-color: var(--editor-dialog-masking-bg-color); */\n /* backdrop-filter: blur(1px); */\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n outline: none;\n}\n\n#editor-dialog-background textarea {\n resize: none;\n outline: none;\n}\n\n#editor-dialog-background .dialog-main {\n max-width: calc(100vw - 10px);\n background-color: var(--editor-dialog-bg-color);\n color: var(--editor-dialog-text-color);\n border: var(--editor-popover-border);\n box-shadow: var(--editor-box-shadow);\n min-width: 200px;\n border-radius: var(--editor-border-radius-big);\n font-size: 14px;\n line-height: 1.4;\n outline: 0;\n transition-property: transform,visibility,opacity;\n}\n\n#editor-dialog-background .dialog-content {\n padding: 5px 0;\n max-height: calc(100vh - 10px);\n overflow-x: hidden;\n overflow-y: auto;\n}\n\n\n#editor-dialog-background button {\n user-select: none;\n -webkit-user-select: none;\n}\n\n#editor-dialog-background .dialog-container {\n padding: 0 24px;\n min-width: 300px;\n}\n\n#editor-dialog-background .dialog-title {\n font-size: 16px;\n font-weight: bold;\n margin: 12px 0;\n}\n\n#editor-dialog-background .dialog-container input,\n#editor-dialog-background .dialog-container textarea {\n outline: none;\n border: none;\n border-radius: 4px;\n padding: 4px;\n width: 100%;\n box-sizing: border-box;\n}\n\n#editor-dialog-background .dialog-container input::placeholder {\n color: #909090;\n}\n\n#editor-dialog-background .dialog-container .dialog-input-container {\n display: flex;\n border: 1px solid #adadad;\n border-radius: 4px;\n padding: 4px;\n background-color: var(--editor-dialog-input-bg-color);\n}\n\n#editor-dialog-background .dialog-container .dialog-input-content.error .dialog-input-container {\n border: 1px solid var(--editor-error-color);\n}\n\n#editor-dialog-background .dialog-container .dialog-input-container .editor-webpage-input-ext-action {\n border: none;\n white-space: nowrap;\n background-color: var(--editor-dialog-input-bg-color);\n color: var(--editor-link-color);\n cursor: pointer;\n}\n\n#editor-dialog-background .dialog-container.webpage,\n#editor-dialog-background .dialog-container.link {\n min-width: 500px;\n max-width: 500px;\n}\n\n#editor-dialog-background .dialog-input-input {\n font-size: 16px;\n background-color: var(--editor-dialog-input-bg-color);\n color: var(--editor-dialog-input-text-color);\n}\n\n#editor-dialog-background .dialog-container textarea {\n min-height: 150px;\n}\n\n#editor-dialog-background .dialog-tools {\n text-align: right;\n margin: 16px 0 8px;\n}\n\n\n\n\n\n#editor-dialog-background .editor-preview-iframe {\n width: 100%;\n height: 100%;\n border: none;\n overflow: hidden;\n}\n\n#editor-dialog-background .dialog-main-fullscreen {\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n}\n\n#editor-dialog-background .dialog-content-fullscreen {\n width: 100%;\n height: 100%;\n}\n\n#editor-dialog-background .editor-preview-fullscreen {\n width: 100%;\n height: 100%;\n background-color: rgba(248,249,250,.97);\n}\n\n#editor-dialog-background .editor-preview-fullscreen .editor-preview-header {\n width: 100%;\n height: 64px;\n border-bottom: 1px solid rgba(187,191,196,.5);\n display: flex;\n box-sizing: border-box;\n align-items: center;\n}\n\n#editor-dialog-background .fullscreen-close-button {\n cursor: pointer;\n padding: 12px;\n}\n\n#editor-dialog-background .fullscreen-line-side{\n margin-right: 18px;\n border-right: 1px solid rgba(187,191,196,.5);\n height: 38px;\n}\n\n#editor-dialog-background .fullscreen-info-container {\n flex: 1;\n display: flex;\n align-items: center;\n}\n\n#editor-dialog-background .fullscreen-download-button {\n color: #333333;\n height: 32px;\n font-size: 14px;\n border-radius: 4px;\n padding: 0 12px;\n border: 1px solid rgba(187,191,196,.5);\n display: flex;\n align-items: center;\n cursor: pointer;\n margin-right: 20px;\n background-color: #ffffff;\n}\n\n#editor-dialog-background .fullscreen-download-button:hover {\n background-color: transparent;\n}\n\n#editor-dialog-background .fullscreen-download-icon {\n margin-right: 5px;\n}\n\n#editor-dialog-background .fullscreen-file-icon svg{\n width: 36px;\n height: 36px;\n margin-right: 14px;\n}\n\n#editor-dialog-background .fullscreen-file-name {\n font-size: 16px;\n color: #1f2329;\n}\n\n#editor-dialog-background .fullscreen-file-size {\n font-size: 12px;\n color: #646a73;\n}\n\n.editor-preview-main {\n width: 100%;\n height: calc(100vh - 64px);\n overflow: hidden;\n}\n\n.editor-preview-main.editor-preview-main-scroll {\n overflow: auto;\n}\n\n.editor-preview-main .editor-preview-no-support {\n font-size: 14px;\n color: var(--style-color-6);\n margin-top: 40vh;\n text-align: center;\n}\n\n#editor-dialog-background .dialog-main .dialog-content .dialog-title-container {\n display: flex;\n align-items: center;\n}\n\n#editor-dialog-background .dialog-main .dialog-content .dialog-title-container .dialog-title {\n flex-grow: 1;\n}\n\n\n#editor-dialog-background .dialog-main .dialog-content .dialog-title-container .dialog-close-button {\n width: 24px;\n height: 24px;\n cursor: pointer;\n}\n\n#editor-dialog-background .dialog-main .dialog-content .dialog-input-description {\n margin-bottom: 8px;\n position: relative;\n}\n\n#editor-dialog-background .dialog-main .dialog-content .dialog-input-description .dialog-input-description-info {\n margin-left: 8px;\n font-size: 12px;\n color: #909090;\n}\n\n#editor-dialog-background .dialog-main .dialog-content .dialog-input-description.dialog-input-required::before {\n content: '*';\n color: var(--editor-error-color);\n position: absolute;\n left: -8px;\n top: 3px;\n}\n\n#editor-dialog-background .dialog-main .dialog-content .dialog-input-secondary {\n margin-top: 8px;\n}\n\n#editor-dialog-background .dialog-main .dialog-content .dialog-input-error {\n margin-top: 8px;\n color: red;\n}\n\n#editor-dialog-background .dialog-main .dialog-content .dialog-webpage-help-container {\n color: #909090;\n}\n\n\n.link-mask-container .link-mask-item {\n position: absolute;\n opacity: 0.5;\n background-color: #d7d7d7;\n}\n\n.tippy-box[data-theme~='editor-popover'] .editor-link-input-container {\n padding: 10px 16px;\n}\n\n.tippy-box[data-theme~='editor-popover'] .editor-link-input-container .editor-link-input-row {\n white-space: nowrap;\n margin-bottom: 8px;\n display: flex;\n flex-direction: column;\n}\n.editor-link-input-container .editor-link-input-row:not(:first-child) {\n margin-top: 20px;\n}\n\n.tippy-box[data-theme~='editor-popover'] .editor-link-input-container .editor-link-input-row.editor-link-button-row {\n flex-direction: row;\n justify-content: flex-end;\n margin-top: 16px;\n margin-bottom: 0;\n}\n\n.tippy-box[data-theme~='editor-popover'] .editor-link-input-container input.editor-popover-input {\n height: 32px;\n width: 330px;\n margin: 8px 0 0;\n}\n\n.tippy-box[data-theme~='editor-popover'] .editor-link-input-container button.editor-popover-button {\n margin-left: 8px;\n}\n\n.tippy-box[data-theme~='editor-popover'] .editor-link-input-container button.editor-popover-button.editor-button-cancel {\n background-color: var(--editor-cancel-button-bg-color);\n color: var(--editor-cancel-button-color);\n}\n.mathjax-container {\n width: 100%;\n height: 100%;\n display: flex;\n flex-grow: 1;\n flex-direction: column;\n}\n\n.mathjax-editor {\n width: 100%;\n height: 100%;\n}\n\n.mathjax-container-popover {\n width: auto;\n height: auto;\n display: flex;\n padding: 8px;\n border-radius: var(--editor-border-radius);\n}\n.mathjax-container-popover textarea {\n min-width: 300px;\n max-width: 50vw;\n min-height: 50px;\n max-height: 128px;\n width: 400px;\n height: 128px;\n border: 0;\n background-color: transparent;\n color: var(--editor-math-input-text-color);\n outline: none;\n}\n\n.editor-button-container{\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n align-items: center;\n max-width: 100%;\n padding: 0 2px;\n}\n.tippy-box[data-theme~='popover-menu'] .editor-button-container {\n display: grid;\n grid-template-columns: repeat(5, 20%);\n justify-items: center;\n align-items: center;\n}\n.editor-sub-items-container:empty {\n display: none;\n}\n\n.editor-button-container svg {\n fill: currentColor;\n}\n\n\n.editor-button-container .toolbar-button {\n padding: 4px;\n cursor: pointer;\n border-radius: 4px;\n font-weight: normal;\n margin-left: 4px;\n display: flex;\n align-items: center;\n color: var(--button-color);\n background-color: var(--button-bg-color);\n}\n.editor-button-container .toolbar-button:hover {\n color: var(--button-color-hover);\n background-color: var(--button-bg-color-hover);\n}\n.editor-button-container .toolbar-button:active {\n color: var(--button-color-active);\n}\n\n.editor-button-container .toolbar-button:last-child {\n margin-right: 4px;\n}\n\n.editor-button-container .toolbar-button.icon-button {\n justify-content: center;\n padding: 2px;\n width: 24px;\n height: 24px;\n}\n\n.editor-button-container .toolbar-button.no-click,\n.editor-button-container .toolbar-button.disabled {\n cursor: default;\n}\n\n.editor-button-container .toolbar-button.no-click:hover,\n.editor-button-container .toolbar-button.disabled:hover {\n background-color: var(--button-bg-color-hover);\n}\n\n.editor-toolbar-split-line {\n background-color: var(--popover-toolbar-color);\n width: 1px;\n height: 20px;\n margin-left: 4px;\n}\n\nbody {\n --wiz-editor-z-editor-hidden: -1;\n --wiz-editor-z-comment-count-arrow: -1;\n --wiz-editor-z-auto-suggest-target-flag: -1;\n --wiz-editor-z-comment-item-before: 0;\n --wiz-editor-z-block-content: 1;\n --wiz-editor-z-table-border-shadow: 1;\n --wiz-editor-z-table-col-bar: 1;\n --wiz-editor-z-table-row-bar: 1;\n --wiz-editor-z-table-selection-mask: 1;\n --wiz-editor-z-list-bullet-mask: 1;\n --wiz-editor-z-mindmap-svg: 1;\n --wiz-editor-z-mindmap-button: 2;\n --wiz-editor-z-remote-caret: 1;\n --wiz-editor-z-tooltip-tippy-content: 1;\n --wiz-editor-z-menu-item-input: 1;\n --wiz-editor-z-block-counter: 2;\n --wiz-editor-z-embed-code-editor-mask: 2;\n --wiz-editor-z-command-item: 2;\n --wiz-editor-z-upload-loading-wall: 2;\n --wiz-editor-z-preview-drag-wall: 2;\n --wiz-editor-z-image-resize-circular: 2;\n --wiz-editor-z-history-op-description: 2;\n --wiz-editor-z-iframe-mask: 2;\n --wiz-editor-z-comment-item-tools: 5;\n --wiz-editor-z-comment-switch-container: 9;\n --wiz-editor-z-image-resize-tool: 9;\n --wiz-editor-z-embed-resize-tool: 9;\n --wiz-editor-z-history-delete-marker: 15;\n --wiz-editor-z-comment-group-active-top-before: 29;\n --wiz-editor-z-comment-head: 50;\n --wiz-editor-z-comment-root-right-border: 51;\n --wiz-editor-z-table-tool-bar-button: 99;\n --wiz-editor-z-embed-office-card: 99;\n --wiz-editor-z-sliding-tool-view-window: 300;\n --wiz-editor-z-block-scrollbar: 1000;\n --wiz-editor-z-marker-mask: 1000;\n --wiz-editor-z-marker-image-block-content: 1090;\n --wiz-editor-z-table-col-row-bar-button: 1099;\n --wiz-editor-z-heading-expand-button: 1100;\n --wiz-editor-z-marker-container: 1100;\n --wiz-editor-z-drag-cursor-layer: 1300;\n --wiz-editor-z-block-position-marking-line: 1399;\n --wiz-editor-z-image-drag-container: 1500;\n --wiz-editor-z-image-resize-wall: 1510;\n --wiz-editor-z-comment-root: 1600;\n --wiz-editor-z-popover-mask: 1610;\n --wiz-editor-z-block-menu-button: 1620;\n --wiz-editor-z-find-dialog: 1630;\n --wiz-editor-z-dialog: 1650;\n --wiz-editor-z-comment-mobile-root: 1700;\n --wiz-editor-z-comment-mobile-mask: 1701;\n --wiz-editor-z-comment-mobile-groups-container: 1711;\n --wiz-editor-z-comment-mobile-reply-container: 1715;\n --wiz-editor-z-comment-mobile-pull-info-container: 1721;\n --wiz-editor-z-draw-io: 1910;\n --wiz-editor-z-loader-ring: 2000;\n}\n\n.tippy-box,\n.gu-mirror,\n#editor-dialog-background,\n.embed-office-card-fixed,\n.comment-mobile-root,\n.editor-main {\n --style-color-0: #d83931;\n --style-color-1: #de7802;\n --style-color-2: #dc9b04;\n --style-color-3: #2ea121;\n --style-color-4: #245bdb;\n --style-color-5: #6425d0;\n --style-color-6: #8f959e;\n\n --style-bg-color-0: rgb(251, 191, 188);\n --style-bg-color-1: rgba(254, 212, 164, 0.8);\n --style-bg-color-2: rgba(255, 246, 122, 0.8);\n --style-bg-color-3: rgba(183, 237, 177, 0.8);\n --style-bg-color-4: rgba(186, 206, 253, 0.7);\n --style-bg-color-5: rgba(205, 178, 250, 0.7);\n --style-bg-color-6: rgba(222, 224, 227, 0.8);\n --style-bg-color-7: rgb(247, 105, 100);\n --style-bg-color-8: rgb(255, 165, 61);\n --style-bg-color-9: rgb(255, 233, 40);\n --style-bg-color-10: rgb(98, 210, 86);\n --style-bg-color-11: rgba(78, 131, 253, 0.55);\n --style-bg-color-12: rgba(147, 90, 246, 0.55);\n --style-bg-color-13: rgb(187, 191, 196);\n\n /* common */\n --editor-font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;\n --editor-font-family-code: Menlo, Monaco, Consolas, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, -apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;\n --editor-font-size-h1: 28px;\n --editor-font-size-h2: 24px;\n --editor-font-size-h3: 20px;\n --editor-font-size-h4: 16px;\n --editor-font-size-h5: 15px;\n --editor-font-size-h6: 14px;\n --editor-font-size-h7: 14px;\n --editor-font-size-h8: 14px;\n --editor-font-size: 15px;\n --editor-line-height: 1.6;\n --editor-line-height-h1: 1.4;\n --editor-line-height-h2: 1.5;\n --editor-line-height-h3: 1.5;\n --editor-line-height-h4: 1.6;\n --editor-line-height-h5: 1.6;\n --editor-line-height-h6: 1.7;\n --editor-line-height-h7: 1.9;\n --editor-line-height-h8: 2.0;\n --editor-block-content-padding-left: 4px;\n --editor-quote-block-padding-left: 8px;\n --editor-border-radius: 4px;\n --editor-border-radius-big: 8px;\n --editor-box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.15);\n --editor-popover-border: none;\n --editor-find-dialog-border: none;\n --editor-first-line-center-top: calc(0.5 * var(--editor-font-size) * var(--editor-line-height));\n --editor-first-line-center-top-h1: calc(0.5 * var(--editor-font-size-h1) * var(--editor-line-height-h1));\n --editor-first-line-center-top-h2: calc(0.5 * var(--editor-font-size-h2) * var(--editor-line-height-h2));\n --editor-first-line-center-top-h3: calc(0.5 * var(--editor-font-size-h3) * var(--editor-line-height-h3));\n --editor-first-line-center-top-h4: calc(0.5 * var(--editor-font-size-h4) * var(--editor-line-height-h4));\n --editor-first-line-center-top-h5: calc(0.5 * var(--editor-font-size-h5) * var(--editor-line-height-h5));\n --editor-first-line-center-top-h6: calc(0.5 * var(--editor-font-size-h6) * var(--editor-line-height-h6));\n --editor-first-line-center-top-h7: calc(0.5 * var(--editor-font-size-h7) * var(--editor-line-height-h7));\n --editor-first-line-center-top-h8: calc(0.5 * var(--editor-font-size-h8) * var(--editor-line-height-h8));\n\n --editor-color: #07142A;\n --editor-error-color: #e82100;\n --editor-warning-color: #ff8000;\n --editor-bg-color: #ffffff;\n --editor-img-brightness: 1;\n --editor-locked-bg-color: #f0f2f4;\n --editor-locked-color: #7084A4;\n --editor-line-number-color: #aaaaaa;\n --editor-border-color: #b9bfc8;\n --editor-placeholder-color: #b9bfc8;\n --editor-checkbox-layer-bg-color: rgba(240, 242, 244, 0.5);\n --editor-checkbox-color: #b9bfc8;\n --editor-checkbox-checked-color: #006eff;\n --editor-link-color: #448AFF;\n --editor-comment-active-color: #FFC328;\n --editor-comment-mini-text-color: #ffffff;\n --editor-comment-text-border-color: #f8e6ab;\n --editor-comment-text-border-color-active: #ffc60a;\n --editor-comment-text-bg-color: #faf1d1;\n --editor-comment-editor-bg-color: #ffffff;\n --editor-comment-layer-bg-color: #ffffff;\n --editor-comment-layer-border-color: transparent;\n --editor-comment-layer-active-border-color: #cecece;\n --editor-comment-username-color: #323232;\n --comment-root-border-color: #eaeaea;\n --editor-quoted-color: #7084A4;\n --editor-quoted-border-color: #E0E6EE;\n --editor-fake-caret-color: red;\n /* --editor-fake-caret-user-color: #f8ac09; */\n --editor-fake-caret-user-color: white;\n --editor-fake-caret-user-bg-color: #faf8f3;\n --editor-mention-bg-color: transparent;\n --editor-mention-color: #006eff;\n --editor-mention-self-bg-color: #8256e7;\n --editor-mention-self-color: #ffffff;\n --editor-code-bg-color: #cdcdcd40;\n --editor-code-title-bg-color: rgb(220, 223, 227);\n --editor-code-title-color: #07142A;\n --editor-calendar-selected-color: #ffffff;\n --editor-calendar-selected-bg-color: #006eff;\n --editor-calendar-hover-bg-color: rgba(150, 150, 150, 0.15);\n --editor-calendar-control-bg-color: #f0f2f4;\n --editor-calendar-disabled-color: #adadad;\n --editor-calendar-disabled-bg-color: #eeeeee;\n --editor-button-color: #fff;\n --editor-button-bg-color: #07142A;\n \n /* button-container */\n --button-bg-color: transparent;\n --button-bg-color-hover: transparent;\n --button-color: #969696;\n --button-color-hover: #006eff;\n --button-color-active: #006eff;\n --button-color-disabled: rgba(51, 51, 51, .3);\n --button-black-bg-color: rgba(255, 255, 255, 0.56);\n --button-black-text-color: #333;\n --text-button-color: #c1c1c1;\n --text-button-color-hover: #5587F0;\n --text-button-bg-color: transparent;\n --text-button-bg-color-hover: transparent;\n --text-button-color-alert: #969696;\n --text-button-color-alert-hover: #e82100;\n \n \n /* popover */\n --popover-menu-bg-color: #fff;\n --popover-menu-color: #07142A;\n --popover-menu-sub-color: #B2BCCD;\n --popover-menu-group-title-color: #969696;\n --popover-menu-item-hover-bg-color: rgba(150, 150, 150, 0.2);\n --popover-toolbar-bg-color: #fff;\n --popover-toolbar-color: #333333;\n --popover-toolbar-button-bg-color: transparent;\n --popover-toolbar-button-bg-color-hover: rgba(150, 150, 150, 0.15);\n --popover-toolbar-button-color-hover: #333333;\n --popover-toolbar-button-color-active: #006eff;\n --popover-menu-arrow: #333;\n --popover-input-color: inherit;\n --popover-input-bg: #fff;\n --popover-input-border: 1px solid #CFD6E1;\n --popover-input-padding: 1px 0 1px 8px;\n\n --tooltip-color: #fff;\n --tooltip-bg-color: #000;\n\n --comment-button-bg-color: #eaeaea;\n \n /* table */\n --editor-table-bg-color: transparent;\n --table-active-color: #006eff;\n --editor-table-bar-bg-color: #eff0f1;\n --editor-table-bar-bg-color-hover: #dee0e3;\n --editor-table-bar-bg-color-active: #4e83fd;\n --editor-table-selection-mask-bg-color: rgba(204, 229, 255, 0.3);\n --editor-table-selection-delete-mask-bg-color: rgba(244,109,109, 0.3);\n --editor-table-selection-bg-color: #EEF3FD;\n --editor-table-delete-bar-bg-color-active: #F46D6D;\n --editor-table-singular-row-bg-color: #F5F8FB;\n --editor-table-title-bg-color: #F5F8FB;\n\n /* color-palette */\n --palette-title-color: #969696;\n --palette-svg-border-color: #dddddd;\n --palette-svg-hover-border-color: rgba(150, 150, 150, 0.15);\n --palette-svg-active-border-color: #006eff;\n --palette-bg-svg-color: transparent;\n --palette-bg-svg-active-color: #333333;\n --palette-clear-button-bg-color: #ffffff;\n --palette-clear-button-color-hover: #ffffff;\n --palette-clear-button-bg-color-hover: #333333;\n\n /* math */\n --editor-math-input-bg-color: #ffffff;\n --editor-math-input-text-color: #333333;\n\n /* dialog */\n --editor-dialog-masking-bg-color: rgba(255, 255, 255, .75);\n --editor-dialog-bg-color: #ffffff;\n --editor-dialog-text-color: #333;\n --editor-dialog-input-bg-color: #fff;\n --editor-dialog-input-text-color: #000;\n --editor-dialog-cancel-button-hover-bg-color: #e6e9ed;\n --editor-sketchpad-bg-color: transparent;\n\n --editor-tag-box-bg-color: #ccc;\n\n --editor-block-tools-color: #333;\n\n --editor-math-box-bg-color: transparent;\n --editor-find-dialog-bg-color: transparent;\n --editor-find-dialog-input-container-bg-color: transparent;\n --editor-find-dialog-input-container-border-color: #CFD6E1;\n --editor-find-dialog-input-placeholder-color: unset;\n --editor-find-dialog-button-border-bg-color: rgba(255, 255, 255, 0.56);\n --editor-find-dialog-button-border: solid 1px #ccc;\n --editor-find-dialog-button-color: #333;\n --editor-find-dialog-icon-button-color: #333;\n --editor-find-dialog-button-hover-color: rgba(150, 150, 150, 0.2);\n --editor-find-dialog-button-disabled-color: #ccc !important;\n\n\n --editor-marking-line-color: #006eff;\n /* office */\n --office-card-name: #1f2329;\n --office-card-size: #646a73;\n --office-card-button-bg-color: #ffffff;\n --office-card-button-border-color: #dee0e3;\n --office-card-bg-color: #f5f6f7;\n --office-preview-border-color: #eaeaea;\n --office-preview-info-bg-color: #f5f5f5;\n --office-preview-info-text-color: #464646;\n\n --editor-block-entire-hover-text-bg-color: #dde7fc;\n --editor-block-entire-hover-embed-border-color: #dde7fc;\n --editor-block-entire-selected-bg-color: #E2EAFD;\n --editor-block-entire-selected-embed-border-color: #3f74f6;\n\n\n --editor-block-resize-toolbar-color: #3f74f6;\n\n --editor-remote-caret-mask-opacity: 1;\n\n /* svg */\n --editor-drawio-empty-svg: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zOC43MjAzIDI4LjcwOTdIMjUuOTIzM0MyNS4yMTY1IDI4LjcwOTcgMjQuNjQzNSAyOC4xNDgxIDI0LjY0MzUgMjcuNDU1MlYyNS43MzMzSDIwLjUyODNDMjAuNDk4NiAyNS43Njk2IDIwLjQ2NjkgMjUuODA0MiAyMC40MzMzIDI1LjgzN0wxNS45MTkyIDMwLjI2MjFWMzQuNzU1NkgyNC42NDM1VjMzLjcyNzZDMjQuNjQzNSAzMy4wMzQ4IDI1LjIxNjUgMzIuNDczMiAyNS45MjMzIDMyLjQ3MzJIMzguNzIwM0MzOS40MjcgMzIuNDczMiA0MCAzMy4wMzQ4IDQwIDMzLjcyNzZWMzguNzQ1NUM0MCAzOS40MzgzIDM5LjQyNyA0MCAzOC43MjAzIDQwSDI1LjkyMzNDMjUuMjE2NSA0MCAyNC42NDM1IDM5LjQzODMgMjQuNjQzNSAzOC43NDU1VjM3LjMzMzNIMTQuNjI2M0MxMy45MTIyIDM3LjMzMzMgMTMuMzMzMyAzNi43NTYyIDEzLjMzMzMgMzYuMDQ0NFYzMC42OTQxTDguMzc4NTIgMjUuODM3QzguMTM2MjYgMjUuNjAxNCA4IDI1LjI4MDggOCAyNC45NDYzQzggMjQuNjExOCA4LjEzNjI2IDI0LjI5MTEgOC4zNzg1MiAyNC4wNTU2TDEzLjMzMzMgMTkuMTk4NVYxNS43NzJDMTEuNzc5OCAxNS4yMjI5IDEwLjY2NjcgMTMuNzQxNiAxMC42NjY3IDEyQzEwLjY2NjcgOS43OTA4NSAxMi40NTc1IDggMTQuNjY2NyA4QzE2Ljg3NTggOCAxOC42NjY2IDkuNzkwODUgMTguNjY2NiAxMkMxOC42NjY2IDEzLjcyNjUgMTcuNTU4OCAxNS4yNTgxIDE1LjkxOTEgMTUuNzk4OFYxOS4yODg4QzE1LjkxOTEgMTkuMzkxOCAxNS45MDY4IDE5LjQ5NDMgMTUuODgyMyAxOS41OTQzTDE5LjUxNTEgMjMuMTU1NUgyNC42NDM1VjIyLjQzNzNDMjQuNjQzNSAyMS43NDQ1IDI1LjIxNjUgMjEuMTgyOSAyNS45MjMzIDIxLjE4MjlIMzguNzIwM0MzOS40MjcgMjEuMTgyOSA0MCAyMS43NDQ1IDQwIDIyLjQzNzNWMjcuNDU1MkM0MCAyOC4xNDgxIDM5LjQyNyAyOC43MDk3IDM4LjcyMDMgMjguNzA5N1pNMjcuMjAzIDM3LjQ5MUgzNy40NDA2VjM0Ljk4MjFIMjcuMjAzVjM3LjQ5MVpNMTQuNDA1OSAyOC4xOTU0TDExLjA5MTUgMjQuOTQ2M0wxNC40MDU5IDIxLjY5NzJMMTcuNzIwNCAyNC45NDYzTDE0LjQwNTkgMjguMTk1NFpNMjcuMjAzIDI2LjIwMDhIMzcuNDQwNlYyMy42OTE4SDI3LjIwM1YyNi4yMDA4WiIgZmlsbD0iIzA3MTQyQSIvPgo8L3N2Zz4K');\n\n --editor-standard-button-bg-color: #07142A;\n --editor-standard-button-color: #ffffff;\n\n --editor-standard-button-bg-color-hover: #07142A;\n --editor-standard-button-color-hover: #ffffff;\n\n --editor-standard-button-bg-color-disabled: #CFD6E1;\n --editor-standard-button-color-disabled: #7084A4;\n\n --editor-cancel-button-bg-color: #EEF3F8;\n --editor-cancel-button-color: #07142A;\n\n --editor-cancel-button-bg-color-hover: #EEF3F8;\n --editor-cancel-button-color-hover: #07142A ;\n\n --editor-version-list-bg-color: #F5F8FB;\n --editor-version-button-border: rgba(0, 0, 0, 0.23);\n --editor-version-select-bg-color: #DAE6F2;\n\n --editor-block-margin-top: 16px;\n --editor-block-margin-bottom: 8px;\n --editor-block-title-margin-bottom: 24px;\n --editor-block-list-margin-bottom: 4px;\n --editor-block-h1-margin-top: 24px;\n --editor-block-h1-margin-bottom: 8px;\n --editor-block-h2-margin-top: 24px;\n --editor-block-h2-margin-bottom: 8px;\n --editor-block-h3-margin-top: 20px;\n --editor-block-h3-margin-bottom: 8px;\n --editor-block-h4-margin-top: 20px;\n --editor-block-h4-margin-bottom: 8px;\n --editor-block-h5-margin-top: 16px;\n --editor-block-h5-margin-bottom: 8px;\n --editor-block-table-sub-block-margin-top: 5.33px;\n --editor-block-table-sub-block-margin-bottom: 5.33px;\n}\n\n.editor-main.mobile {\n --editor-font-size: 18px;\n}\n\n.dark-mode .tippy-box,\n.dark-mode .gu-mirror,\n.dark-mode #editor-dialog-background,\n.dark-mode .embed-office-card-fixed,\n.dark-mode .comment-mobile-root,\n.dark-mode .editor-main {\n --editor-color: #f0f0f0;\n --editor-bg-color: #333;\n --editor-img-brightness: 0.8;\n --button-black-bg-color: rgba(0, 0, 0, 0.56);\n --button-black-text-color: #ccc;\n\n --popover-menu-bg-color: #404040;\n --popover-menu-color: #d8d8d8;\n --editor-border-color: #404040;\n\n --editor-button-color: #121212;\n --editor-button-bg-color: #F0F0F0;\n \n --editor-code-title-bg-color: #000;\n --editor-code-bg-color: #96969640;\n --editor-code-title-color: #f0f0f0;\n\n --editor-math-input-bg-color: rgb(39, 40, 34);\n --editor-math-input-text-color: #f8f8f2;\n --editor-quoted-color: #969696;\n --editor-quoted-border-color: #555;\n\n\n --editor-table-bar-bg-color: rgba(64, 73, 89, 0.3);\n --editor-table-bar-bg-color-hover: #97A3B8;\n --editor-table-bar-bg-color-active: rgba(68, 138, 255, 0.3);\n --editor-table-bg-color: #2a2a2a;\n --editor-table-singular-row-bg-color: rgba(85, 85, 85, 0.2);\n --editor-table-title-bg-color: rgba(85, 85, 85, 0.2);\n \n --editor-calendar-disabled-color: #969696;\n --editor-calendar-disabled-bg-color: rgba(150, 150, 150, 0.15);\n\n --editor-checkbox-layer-bg-color: #2A2A2A;\n\n --editor-dialog-masking-bg-color: rgba(0, 0, 0, .75);\n --editor-dialog-bg-color: #404040;\n\n --editor-popover-border: solid 1px #333;\n --popover-menu-arrow: #ccc;\n\n --editor-border-color: #bfbfbf;\n --editor-dialog-text-color: #ccc;\n --editor-dialog-input-bg-color: #333;\n --editor-dialog-input-text-color: #fff;\n\n --editor-locked-bg-color: #0f0d0b;\n --editor-locked-color: #969696;\n --popover-toolbar-bg-color: #000;\n --popover-toolbar-color: #ccc;\n --popover-toolbar-button-bg-color-hover: rgba(105, 105, 105, 0.15);\n --popover-toolbar-button-color-hover: #ccc;\n --popover-menu-item-hover-bg-color: rgba(150, 150, 150, 0.2);\n --popover-input-bg: linear-gradient(0deg, rgba(68, 138, 255, 0.1), rgba(68, 138, 255, 0.1)), #2A2A2A;\n --popover-input-border: 2px solid #448aff;\n --popover-input-padding: 0 0 0 8px;\n\n --tooltip-color: #fff;\n --tooltip-bg-color: #969696;\n\n --editor-sketchpad-bg-color: transparent;\n\n --editor-dialog-cancel-button-hover-bg-color: #181713;\n\n --editor-comment-editor-bg-color: #333333;\n\n --editor-block-tools-color: #ccc;\n\n --palette-clear-button-bg-color: #000;\n --palette-clear-button-color-hover: #000;\n --palette-clear-button-bg-color-hover: #ccc;\n\n --editor-tag-box-bg-color: #444;\n\n --editor-math-box-bg-color: #272822;\n --editor-find-dialog-bg-color: #404040;\n --editor-find-dialog-input-container-bg-color: #333;\n --editor-find-dialog-input-container-border-color: #555;\n --editor-find-dialog-input-placeholder-color: #555555;\n --editor-find-dialog-button-border-bg-color: transparent;\n --editor-find-dialog-button-border: none;\n --editor-find-dialog-button-color: #fff;\n --editor-find-dialog-icon-button-color: #f0f0f0;\n --editor-find-dialog-button-hover-color: #448aff;\n --editor-find-dialog-button-disabled-color: rgba(240, 240, 240, 0.2) !important;\n\n --button-color-disabled: rgba(104, 104, 104, .3);\n --editor-calendar-control-bg-color: #0f0d0b;\n --editor-table-selection-mask-bg-color: rgba(68, 138, 255, 0.3);\n --editor-comment-layer-bg-color: #404040;\n --editor-comment-layer-border-color: #555555;\n --editor-comment-layer-active-border-color: #555555;\n --editor-comment-username-color: #ffffff;\n\n /* office */\n --office-card-name: #f0f0f0;\n --office-card-size: #969696;\n --office-card-button-bg-color: #333333;\n --office-card-button-border-color: #404040;\n --office-card-bg-color: #404040;\n --office-preview-border-color: #404040;\n --office-preview-info-bg-color: #555555;\n --office-preview-info-text-color: #f0f0f0;\n\n --editor-block-entire-hover-bg-color: rgba(68, 138, 255, 0.3);\n\n --editor-block-entire-hover-text-bg-color: #404040;\n --editor-block-entire-hover-embed-border-color: #dde7fc;\n --editor-block-entire-selected-bg-color: #404040;\n --editor-block-entire-selected-embed-border-color: #3f74f6;\n\n --editor-comment-text-bg-color: rgba(255, 192, 0, 0.3);\n --editor-comment-text-border-color-active: #FFC000;\n --editor-table-selection-bg-color: rgba(0, 110, 255, 0.1);\n\n --editor-remote-caret-mask-opacity: 0.5;\n\n /* svg */\n --editor-drawio-empty-svg: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zOC43MjAzIDI4LjcwOTdIMjUuOTIzM0MyNS4yMTY1IDI4LjcwOTcgMjQuNjQzNSAyOC4xNDgxIDI0LjY0MzUgMjcuNDU1MlYyNS43MzMzSDIwLjUyODNDMjAuNDk4NiAyNS43Njk2IDIwLjQ2NjkgMjUuODA0MiAyMC40MzMzIDI1LjgzN0wxNS45MTkyIDMwLjI2MjFWMzQuNzU1NkgyNC42NDM1VjMzLjcyNzZDMjQuNjQzNSAzMy4wMzQ4IDI1LjIxNjUgMzIuNDczMiAyNS45MjMzIDMyLjQ3MzJIMzguNzIwM0MzOS40MjcgMzIuNDczMiA0MCAzMy4wMzQ4IDQwIDMzLjcyNzZWMzguNzQ1NUM0MCAzOS40MzgzIDM5LjQyNyA0MCAzOC43MjAzIDQwSDI1LjkyMzNDMjUuMjE2NSA0MCAyNC42NDM1IDM5LjQzODMgMjQuNjQzNSAzOC43NDU1VjM3LjMzMzNIMTQuNjI2M0MxMy45MTIyIDM3LjMzMzMgMTMuMzMzMyAzNi43NTYyIDEzLjMzMzMgMzYuMDQ0NFYzMC42OTQxTDguMzc4NTIgMjUuODM3QzguMTM2MjYgMjUuNjAxNCA4IDI1LjI4MDggOCAyNC45NDYzQzggMjQuNjExOCA4LjEzNjI2IDI0LjI5MTEgOC4zNzg1MiAyNC4wNTU2TDEzLjMzMzMgMTkuMTk4NVYxNS43NzJDMTEuNzc5OCAxNS4yMjI5IDEwLjY2NjcgMTMuNzQxNiAxMC42NjY3IDEyQzEwLjY2NjcgOS43OTA4NSAxMi40NTc1IDggMTQuNjY2NyA4QzE2Ljg3NTggOCAxOC42NjY2IDkuNzkwODUgMTguNjY2NiAxMkMxOC42NjY2IDEzLjcyNjUgMTcuNTU4OCAxNS4yNTgxIDE1LjkxOTEgMTUuNzk4OFYxOS4yODg4QzE1LjkxOTEgMTkuMzkxOCAxNS45MDY4IDE5LjQ5NDMgMTUuODgyMyAxOS41OTQzTDE5LjUxNTEgMjMuMTU1NUgyNC42NDM1VjIyLjQzNzNDMjQuNjQzNSAyMS43NDQ1IDI1LjIxNjUgMjEuMTgyOSAyNS45MjMzIDIxLjE4MjlIMzguNzIwM0MzOS40MjcgMjEuMTgyOSA0MCAyMS43NDQ1IDQwIDIyLjQzNzNWMjcuNDU1MkM0MCAyOC4xNDgxIDM5LjQyNyAyOC43MDk3IDM4LjcyMDMgMjguNzA5N1pNMjcuMjAzIDM3LjQ5MUgzNy40NDA2VjM0Ljk4MjFIMjcuMjAzVjM3LjQ5MVpNMTQuNDA1OSAyOC4xOTU0TDExLjA5MTUgMjQuOTQ2M0wxNC40MDU5IDIxLjY5NzJMMTcuNzIwNCAyNC45NDYzTDE0LjQwNTkgMjguMTk1NFpNMjcuMjAzIDI2LjIwMDhIMzcuNDQwNlYyMy42OTE4SDI3LjIwM1YyNi4yMDA4WiIgZmlsbD0iI2YwZjBmMCIvPgo8L3N2Zz4K');\n\n --editor-standard-button-bg-color: #f0f0f0;\n --editor-standard-button-color: #121212;\n\n --editor-standard-button-bg-color-hover: #f0f0f0;\n --editor-standard-button-color-hover: #121212;\n\n --editor-cancel-button-bg-color: #555;\n --editor-cancel-button-color: #d8d8d8;\n\n --editor-cancel-button-bg-color-hover: #555;\n --editor-cancel-button-color-hover: #d8d8d8 ;\n\n --editor-version-list-bg-color: #2a2a2a;\n --editor-version-button-border: rgba(255, 255, 255, 0.23);\n --editor-version-select-bg-color: rgba(150, 150, 150, .2);\n}\n\n@media (prefers-color-scheme: dark) {\n .auto-dark-mode .tippy-box,\n .auto-dark-mode .gu-mirror,\n .auto-dark-mode #editor-dialog-background,\n .auto-dark-mode .embed-office-card-fixed,\n .auto-dark-mode .comment-mobile-root,\n .auto-dark-mode .editor-main {\n --editor-color: #f0f0f0;\n --editor-bg-color: #333;\n --editor-img-brightness: 0.8;\n --button-black-bg-color: rgba(0, 0, 0, 0.56);\n --button-black-text-color: #ccc;\n\n --popover-menu-bg-color: #404040;\n --popover-menu-color: #D8D8D8;\n --editor-border-color: #404040;\n\n --editor-button-color: #121212;\n --editor-button-bg-color: #F0F0F0;\n \n --editor-code-title-bg-color: #000;\n --editor-code-bg-color: #96969640;\n --editor-code-title-color: #f0f0f0;\n\n --editor-placeholder-color: #555555;\n\n --editor-math-input-bg-color: rgb(39, 40, 34);\n --editor-math-input-text-color: #f8f8f2;\n --editor-quoted-color: #969696;\n --editor-quoted-border-color: #555;\n\n --editor-table-bar-bg-color: rgba(64, 73, 89, 0.3);\n --editor-table-bar-bg-color-hover: #97A3B8;\n --editor-table-bar-bg-color-active: rgba(68, 138, 255, 0.3);\n --editor-table-bg-color: #2a2a2a;\n --editor-table-singular-row-bg-color: rgba(85, 85, 85, 0.2);\n --editor-table-title-bg-color: rgba(85, 85, 85, 0.2);\n \n --editor-checkbox-layer-bg-color: #2A2A2A;\n\n --editor-dialog-masking-bg-color: rgba(0, 0, 0, .75);\n --editor-dialog-bg-color: #404040;\n\n --editor-popover-border: solid 1px #333;\n --popover-menu-arrow: #ccc;\n\n --editor-border-color: #bfbfbf;\n --editor-dialog-text-color: #ccc;\n --editor-dialog-input-bg-color: #333;\n --editor-dialog-input-text-color: #fff;\n\n --editor-locked-bg-color: #0f0d0b;\n --editor-locked-color: #969696;\n --popover-toolbar-bg-color: #000;\n --popover-toolbar-color: #ccc;\n --popover-toolbar-button-bg-color-hover: rgba(105, 105, 105, 0.15);\n --popover-toolbar-button-color-hover: #ccc;\n --popover-menu-item-hover-bg-color: rgba(150, 150, 150, 0.2);\n --popover-input-bg: linear-gradient(0deg, rgba(68, 138, 255, 0.1), rgba(68, 138, 255, 0.1)), #2A2A2A;\n --popover-input-border: 2px solid #448aff;\n --popover-input-padding: 0 0 0 8px;\n\n --tooltip-color: #fff;\n --tooltip-bg-color: #969696;\n\n --editor-sketchpad-bg-color: transparent;\n\n --editor-dialog-cancel-button-hover-bg-color: #181713;\n\n --editor-comment-editor-bg-color: #333333;\n\n --editor-block-tools-color: #ccc;\n\n --palette-clear-button-bg-color: #000;\n --palette-clear-button-color-hover: #000;\n --palette-clear-button-bg-color-hover: #ccc;\n\n --editor-tag-box-bg-color: #444;\n\n --editor-math-box-bg-color: #272822;\n --editor-find-dialog-bg-color: #404040;\n --editor-find-dialog-input-container-bg-color: #333;\n --editor-find-dialog-input-container-border-color: #555;\n --editor-find-dialog-input-placeholder-color: #555555;\n --editor-find-dialog-button-border-bg-color: transparent;\n --editor-find-dialog-button-border: none;\n --editor-find-dialog-button-color: #fff;\n --editor-find-dialog-icon-button-color: #f0f0f0;\n --editor-find-dialog-button-hover-color: #448aff;\n --editor-find-dialog-button-disabled-color: rgba(240, 240, 240, 0.2) !important;\n\n --button-color-disabled: rgba(104, 104, 104, .3);\n --editor-calendar-control-bg-color: #0f0d0b;\n --editor-table-selection-mask-bg-color: rgba(68, 138, 255, 0.3);\n --editor-comment-layer-bg-color: #404040;\n --editor-comment-layer-border-color: #555555;\n --editor-comment-layer-active-border-color: #555555;\n --editor-comment-username-color: #ffffff;\n\n /* office */\n --office-card-name: #f0f0f0;\n --office-card-size: #969696;\n --office-card-button-bg-color: #333333;\n --office-card-button-border-color: #404040;\n --office-card-bg-color: #404040;\n --office-preview-border-color: #404040;\n --office-preview-info-bg-color: #555555;\n --office-preview-info-text-color: #f0f0f0;\n\n --editor-block-entire-hover-bg-color: rgba(68, 138, 255, 0.3);\n\n --editor-block-entire-hover-text-bg-color: #404040;\n --editor-block-entire-hover-embed-border-color: #dde7fc;\n --editor-block-entire-selected-bg-color: #404040;\n --editor-block-entire-selected-embed-border-color: #3f74f6;\n\n --editor-comment-text-bg-color: rgba(255, 192, 0, 0.3);\n --editor-comment-text-border-color-active: #FFC000;\n --editor-table-selection-bg-color: rgba(0, 110, 255, 0.1);\n\n --editor-remote-caret-mask-opacity: 0.5;\n\n /* svg */\n --editor-drawio-empty-svg: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zOC43MjAzIDI4LjcwOTdIMjUuOTIzM0MyNS4yMTY1IDI4LjcwOTcgMjQuNjQzNSAyOC4xNDgxIDI0LjY0MzUgMjcuNDU1MlYyNS43MzMzSDIwLjUyODNDMjAuNDk4NiAyNS43Njk2IDIwLjQ2NjkgMjUuODA0MiAyMC40MzMzIDI1LjgzN0wxNS45MTkyIDMwLjI2MjFWMzQuNzU1NkgyNC42NDM1VjMzLjcyNzZDMjQuNjQzNSAzMy4wMzQ4IDI1LjIxNjUgMzIuNDczMiAyNS45MjMzIDMyLjQ3MzJIMzguNzIwM0MzOS40MjcgMzIuNDczMiA0MCAzMy4wMzQ4IDQwIDMzLjcyNzZWMzguNzQ1NUM0MCAzOS40MzgzIDM5LjQyNyA0MCAzOC43MjAzIDQwSDI1LjkyMzNDMjUuMjE2NSA0MCAyNC42NDM1IDM5LjQzODMgMjQuNjQzNSAzOC43NDU1VjM3LjMzMzNIMTQuNjI2M0MxMy45MTIyIDM3LjMzMzMgMTMuMzMzMyAzNi43NTYyIDEzLjMzMzMgMzYuMDQ0NFYzMC42OTQxTDguMzc4NTIgMjUuODM3QzguMTM2MjYgMjUuNjAxNCA4IDI1LjI4MDggOCAyNC45NDYzQzggMjQuNjExOCA4LjEzNjI2IDI0LjI5MTEgOC4zNzg1MiAyNC4wNTU2TDEzLjMzMzMgMTkuMTk4NVYxNS43NzJDMTEuNzc5OCAxNS4yMjI5IDEwLjY2NjcgMTMuNzQxNiAxMC42NjY3IDEyQzEwLjY2NjcgOS43OTA4NSAxMi40NTc1IDggMTQuNjY2NyA4QzE2Ljg3NTggOCAxOC42NjY2IDkuNzkwODUgMTguNjY2NiAxMkMxOC42NjY2IDEzLjcyNjUgMTcuNTU4OCAxNS4yNTgxIDE1LjkxOTEgMTUuNzk4OFYxOS4yODg4QzE1LjkxOTEgMTkuMzkxOCAxNS45MDY4IDE5LjQ5NDMgMTUuODgyMyAxOS41OTQzTDE5LjUxNTEgMjMuMTU1NUgyNC42NDM1VjIyLjQzNzNDMjQuNjQzNSAyMS43NDQ1IDI1LjIxNjUgMjEuMTgyOSAyNS45MjMzIDIxLjE4MjlIMzguNzIwM0MzOS40MjcgMjEuMTgyOSA0MCAyMS43NDQ1IDQwIDIyLjQzNzNWMjcuNDU1MkM0MCAyOC4xNDgxIDM5LjQyNyAyOC43MDk3IDM4LjcyMDMgMjguNzA5N1pNMjcuMjAzIDM3LjQ5MUgzNy40NDA2VjM0Ljk4MjFIMjcuMjAzVjM3LjQ5MVpNMTQuNDA1OSAyOC4xOTU0TDExLjA5MTUgMjQuOTQ2M0wxNC40MDU5IDIxLjY5NzJMMTcuNzIwNCAyNC45NDYzTDE0LjQwNTkgMjguMTk1NFpNMjcuMjAzIDI2LjIwMDhIMzcuNDQwNlYyMy42OTE4SDI3LjIwM1YyNi4yMDA4WiIgZmlsbD0iI2YwZjBmMCIvPgo8L3N2Zz4K');\n\n --editor-standard-button-bg-color: #f0f0f0;\n --editor-standard-button-color: #121212;\n \n --editor-standard-button-bg-color-hover: #f0f0f0;\n --editor-standard-button-color-hover: #121212;\n \n --editor-cancel-button-bg-color: #555;\n --editor-cancel-button-color: #d8d8d8;\n\n --editor-cancel-button-bg-color-hover: #555;\n --editor-cancel-button-color-hover: #d8d8d8 ;\n\n --editor-version-list-bg-color: #2a2a2a;\n --editor-version-button-border: rgba(255, 255, 255, 0.23);\n --editor-version-select-bg-color: rgba(150, 150, 150, .2);\n }\n}\n\nbody.hide-scrollbar {\n overflow: hidden;\n height: 100%;\n width: 100%;\n}\n.show-mobile-comments {\n position: absolute !important;\n overflow: auto !important;\n height: 100%;\n width: 100%;\n}\n\n.editor-main {\n position: relative;\n color: var(--editor-color);\n font-size: var(--editor-font-size);\n line-height: var(--editor-line-height);\n letter-spacing: 0.02em;\n flex-grow: 1;\n display: flex;\n margin-top: 24px;\n margin-bottom: 24px;\n justify-content: center;\n /* align-items: start; */\n max-width: 100%;\n}\n.drag-snapshot-container {\n color: var(--editor-color);\n font-size: var(--editor-font-size);\n line-height: var(--editor-line-height);\n letter-spacing: 0.02em;\n transform-origin: top left;\n padding: 6px;\n pointer-events: none;\n /* display: flex;\n align-items: center;\n justify-content: center; */\n}\n.drag-snapshot-container.no-padding {\n padding: 0;\n}\n.tippy-box *,\n.editor-main *,\n.drag-snapshot-container * {\n box-sizing: border-box;\n font-family: var(--editor-font-family);\n}\n.drag-snapshot-container .editor-code-config {\n display: none;\n}\n\n.editor-main button:focus { outline: none; }\n\n.editor-main {\n background-color: var(--editor-bg-color);\n}\n\n.editor-main .editor-container.root-container {\n padding: 48px 32px 32px 48px;\n flex-grow: 1;\n outline: none;\n max-width: 800px;\n max-width: min(800px,100%);\n box-sizing: border-box;\n counter-reset: step;\n counter-increment: step 0;\n}\n\n.editor-main .editor-container.root-container h1.editor-block.title-block {\n font-weight: 500;\n font-size: 28px;\n line-height: 32px;\n margin-top: 0;\n margin-bottom: var(--editor-block-title-margin-bottom);\n}\n\n.editor-main .editor-container .sub-container {\n width: 100%;\n}\n\n.editor-main .root-container .editor-block {\n position: relative;\n margin: var(--editor-block-margin-top) 0 var(--editor-block-margin-bottom);\n font-weight: normal;\n}\n\n.drag-snapshot-container .block-content,\n.editor-main .root-container .block-content {\n padding: 0 var(--editor-block-content-padding-left);\n word-break: break-word;\n position: relative;\n z-index: var(--wiz-editor-z-block-content);\n}\n.drag-snapshot-container.no-padding .block-content {\n padding: 0;\n}\n\n.editor-main .root-container .editor-block:first-child {\n margin-top: 0;\n}\n.editor-main .root-container .editor-block:last-child {\n margin-bottom: 0;\n}\n\n.editor-main .root-container > .editor-block:before {\n content: counter(step);\n counter-increment: step;\n position: absolute;\n left: -48px;\n top: var(--editor-first-line-center-top);\n z-index: var(--wiz-editor-z-block-counter);\n margin-top: -6px;\n display: block;\n width: 48px;\n padding-right: 14px;\n text-align: right;\n color: var(--editor-line-number-color);\n box-sizing: border-box;\n font-size: 12px;\n font-weight: normal;\n line-height: 13px;\n letter-spacing: 0;\n white-space: nowrap;\n}\n\n.editor-main .root-container .editor-block.editor-block-left-overflow:before {\n opacity: 0;\n}\n.editor-main .root-container > h1.editor-block:before {\n top: var(--editor-first-line-center-top-h1);\n}\n.editor-main .root-container > h2.editor-block:before {\n top: var(--editor-first-line-center-top-h2);\n}\n.editor-main .root-container > h3.editor-block:before {\n top: var(--editor-first-line-center-top-h3);\n}\n.editor-main .root-container > h4.editor-block:before {\n top: var(--editor-first-line-center-top-h4);\n}\n.editor-main .root-container > h5.editor-block:before {\n top: var(--editor-first-line-center-top-h5);\n}\n.editor-main .root-container > h6.editor-block:before {\n top: var(--editor-first-line-center-top-h6);\n}\n.editor-main .root-container > .editor-heading-7.editor-block:before {\n top: var(--editor-first-line-center-top-h7);\n}\n.editor-main .root-container > .editor-heading-8.editor-block:before {\n top: var(--editor-first-line-center-top-h8);\n}\n\n.editor-main .root-container > .editor-block.locked-by-user:before {\n color: transparent;\n background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBmaWxsPSIjMDA2ZWZmIj48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTE4IDhoLTFWNmMwLTIuNzYtMi4yNC01LTUtNVM3IDMuMjQgNyA2djJINmMtMS4xIDAtMiAuOS0yIDJ2MTBjMCAxLjEuOSAyIDIgMmgxMmMxLjEgMCAyLS45IDItMlYxMGMwLTEuMS0uOS0yLTItMnptLTYgOWMtMS4xIDAtMi0uOS0yLTJzLjktMiAyLTIgMiAuOSAyIDItLjkgMi0yIDJ6bTMuMS05SDguOVY2YzAtMS43MSAxLjM5LTMuMSAzLjEtMy4xIDEuNzEgMCAzLjEgMS4zOSAzLjEgMy4xdjJ6Ii8+PC9zdmc+);\n background-size: 18px 18px;\n background-position: calc(100% - 12px) 0;\n background-repeat: no-repeat;\n height: 20px;\n}\n.editor-main .root-container > .editor-block.locked-by-user.locked-readonly:before {\n background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBmaWxsPSIjOTY5Njk2Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTE4IDhoLTFWNmMwLTIuNzYtMi4yNC01LTUtNVM3IDMuMjQgNyA2djJINmMtMS4xIDAtMiAuOS0yIDJ2MTBjMCAxLjEuOSAyIDIgMmgxMmMxLjEgMCAyLS45IDItMlYxMGMwLTEuMS0uOS0yLTItMnptLTYgOWMtMS4xIDAtMi0uOS0yLTJzLjktMiAyLTIgMiAuOSAyIDItLjkgMi0yIDJ6bTMuMS05SDguOVY2YzAtMS43MSAxLjM5LTMuMSAzLjEtMy4xIDEuNzEgMCAzLjEgMS4zOSAzLjEgMy4xdjJ6Ii8+PC9zdmc+);\n}\n\n.editor-main.editor-hide-line-number .root-container .editor-block:before,\n.editor-main .root-container > .editor-block.editor-hide-line-number:before {\n opacity: 0;\n}\n\n/* title */\n.editor-main.readonly .root-container.editor-with-title > .editor-block.empty-block:first-child:not(.editor-compositing):after {\n content: var(--editor-title-placeholder-readonly);\n color: var(--editor-placeholder-color);\n position: absolute;\n top: 0;\n left: var(--editor-block-content-padding-left);\n right: 0;\n white-space: nowrap;\n overflow: hidden;\n user-select: none;\n -webkit-user-select: none;\n pointer-events: none;\n}\n\n/* title */\n.editor-main .root-container[contenteditable=true].editor-with-title > .editor-block.empty-block:first-child:not(.editor-compositing):after {\n content: var(--editor-title-placeholder);\n color: var(--editor-placeholder-color);\n position: absolute;\n top: 0;\n left: var(--editor-block-content-padding-left);\n right: 0;\n white-space: nowrap;\n overflow: hidden;\n user-select: none;\n -webkit-user-select: none;\n pointer-events: none;\n}\n\n/* content */\n.editor-main .root-container[contenteditable=true].editor-with-title > .editor-block.text-block.empty-block:not(.editor-compositing):nth-child(2):last-child:after {\n content: var(--editor-content-placeholder);\n position: absolute;\n top: 0;\n color: var(--editor-placeholder-color);\n left: var(--editor-block-content-padding-left);\n right: 0;\n white-space: nowrap;\n overflow: hidden;\n user-select: none;\n -webkit-user-select: none;\n pointer-events: none;\n}\n\n.editor-main .root-container[contenteditable=true]:not(.editor-with-title) > .editor-block.text-block.empty-block:not(.editor-compositing):only-child:after {\n content: var(--editor-placeholder);\n position: absolute;\n top: 0;\n color: var(--editor-placeholder-color);\n left: var(--editor-block-content-padding-left);\n user-select: none;\n -webkit-user-select: none;\n pointer-events: none;\n}\n.editor-main .root-container[contenteditable=true].editor-with-title > .editor-block.text-block.editor-quote-block.empty-block:not(.editor-compositing):nth-child(2):last-child:after,\n.editor-main .root-container[contenteditable=true]:not(.editor-with-title) > .editor-block.text-block.editor-quote-block.empty-block:not(.editor-compositing):only-child:after {\n left: calc(var(--editor-block-content-padding-left) + var(--editor-quote-block-padding-left));\n}\n\n.editor-main .root-container .editor-block.block-align-left {\n text-align: left;\n}\n\n.editor-main .root-container .editor-block.block-align-right {\n text-align: right;\n}\n\n.editor-main .root-container .editor-block.block-align-center {\n text-align: center;\n}\n\n.editor-main .root-container .editor-block.block-align-justify {\n text-align: justify;\n}\n\n.editor-main .root-container h1.editor-block,\n.drag-snapshot-container h1 {\n font-size: var(--editor-font-size-h1);\n font-weight: 500;\n line-height: var(--editor-line-height-h1);\n letter-spacing: 1px;\n margin: var(--editor-block-h1-margin-top) 0 var(--editor-block-h1-margin-bottom);\n}\n.editor-main .root-container h2.editor-block,\n.drag-snapshot-container h2 {\n font-size: var(--editor-font-size-h2);\n font-weight: 500;\n line-height: var(--editor-line-height-h2);\n letter-spacing: 1px;\n margin: var(--editor-block-h2-margin-top) 0 var(--editor-block-h2-margin-bottom);\n}\n.editor-main .root-container h3.editor-block,\n.drag-snapshot-container h3 {\n font-size: var(--editor-font-size-h3);\n font-weight: 500;\n line-height: var(--editor-line-height-h3);\n letter-spacing: 1px;\n margin: var(--editor-block-h3-margin-top) 0 var(--editor-block-h3-margin-bottom);\n}\n.editor-main .root-container h4.editor-block,\n.drag-snapshot-container h4 {\n font-size: var(--editor-font-size-h4);\n font-weight: 500;\n line-height: var(--editor-line-height-h4);\n letter-spacing: 1px;\n margin: var(--editor-block-h4-margin-top) 0 var(--editor-block-h4-margin-bottom);\n}\n.editor-main .root-container h5.editor-block,\n.drag-snapshot-container h5 {\n font-size: var(--editor-font-size-h5);\n font-weight: 500;\n line-height: var(--editor-line-height-h5);\n letter-spacing: 1px;\n margin: var(--editor-block-h5-margin-top) 0 var(--editor-block-h5-margin-bottom);\n}\n\n.editor-main .root-container h6.editor-block,\n.drag-snapshot-container h6 {\n font-size: var(--editor-font-size-h6);\n line-height: var(--editor-line-height-h6);\n letter-spacing: 1px;\n margin: 16px 0 8px;\n}\n.drag-snapshot-container h1,\n.drag-snapshot-container h2,\n.drag-snapshot-container h3,\n.drag-snapshot-container h4,\n.drag-snapshot-container h5,\n.drag-snapshot-container h6 {\n margin: 0;\n}\n.editor-main .root-container .editor-heading-7.editor-block,\n.drag-snapshot-container .editor-heading-7 {\n font-size: var(--editor-font-size-h7);\n line-height: var(--editor-line-height-h7);\n font-weight: 600;\n letter-spacing: 1px;\n margin: 16px 0 8px;\n}\n\n.editor-main .root-container .editor-heading-8.editor-block,\n.drag-snapshot-container .editor-heading-8 {\n font-size: var(--editor-font-size-h8);\n line-height: var(--editor-line-height-h8);\n letter-spacing: 1px;\n margin: 16px 0 8px;\n}\n\n.editor-main .root-container a,\n.editor-main .root-container span.editor-composition.link,\n.drag-snapshot-container a,\n.drag-snapshot-container span.editor-composition.link {\n color: var(--editor-link-color);\n text-decoration: underline;\n}\n.editor-main:not(.mobile) .root-container a:hover,\n.editor-main .root-container a:active {\n color: var(--editor-link-color);\n}\n\n.editor-main .editor-text-button {\n border: 0;\n color: var(--text-button-color);\n background-color: var(--text-button-bg-color);\n cursor: pointer;\n border-radius: var(--editor-border-radius);\n font-size: 14px;\n padding: 1px 6px;\n display: flex;\n align-items: center;\n}\n.editor-main .editor-text-button svg {\n fill: currentColor;\n}\n.editor-main:not(.mobile) .editor-text-button:not(.disabled):hover,\n.editor-main .editor-text-button:active {\n color: var(--text-button-color-hover);\n background-color: var(--text-button-bg-color-hover);\n}\n.editor-main .editor-text-button.alert {\n color: var(--text-button-color-alert);\n}\n.editor-main:not(.mobile) .editor-text-button.alert:hover,\n.editor-main .editor-text-button.alert:active {\n color: var(--text-button-color-alert-hover);\n}\n\n.editor-main .root-container img,\n.drag-snapshot-container img {\n max-width: 100%;\n vertical-align: bottom;\n background-repeat: no-repeat;\n background-size: contain;\n background-position: center;\n}\n.editor-main .root-container img.image-loading,\n.drag-snapshot-container img.image-loading {\n width: 40px;\n height: 40px;\n background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBzdHlsZT0iZmlsbDogcmdiYSgwLDAsMCwgLjMpOyI+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik0xOSA4bC00IDRoM2MwIDMuMzEtMi42OSA2LTYgNi0xLjAxIDAtMS45Ny0uMjUtMi44LS43bC0xLjQ2IDEuNDZDOC45NyAxOS41NCAxMC40MyAyMCAxMiAyMGM0LjQyIDAgOC0zLjU4IDgtOGgzbC00LTR6TTYgMTJjMC0zLjMxIDIuNjktNiA2LTYgMS4wMSAwIDEuOTcuMjUgMi44LjdsMS40Ni0xLjQ2QzE1LjAzIDQuNDYgMTMuNTcgNCAxMiA0Yy00LjQyIDAtOCAzLjU4LTggOEgxbDQgNCA0LTRINnoiLz48YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIGJlZ2luPSIwcyIgZHVyPSIxLjVzIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgMCAwIiB0bz0iLTM2MCAwIDAiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9zdmc+);\n}\n.editor-main .root-container img.image-error,\n.drag-snapshot-container img.image-error {\n width: 40px;\n height: 40px;\n background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBzdHlsZT0iZmlsbDogcmdiYSgwLDAsMCwgLjMpOyI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTExIDE1aDJ2MmgtMnptMC04aDJ2NmgtMnptLjk5LTVDNi40NyAyIDIgNi40OCAyIDEyczQuNDcgMTAgOS45OSAxMEMxNy41MiAyMiAyMiAxNy41MiAyMiAxMlMxNy41MiAyIDExLjk5IDJ6TTEyIDIwYy00LjQyIDAtOC0zLjU4LTgtOHMzLjU4LTggOC04IDggMy41OCA4IDgtMy41OCA4LTggOHoiLz48L3N2Zz4=);\n}\n\n.editor-main .block-tools .upload-loading {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n padding: 8px;\n font-size: 0;\n}\n\n.upload-loading .upload-loading-container,\n.drag-snapshot-container .upload-loading-container {\n display: inline-block;\n position: relative;\n padding: 4px;\n}\n\n.upload-loading .upload-loading-wall {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background-color: rgba(0,0,0,.75);\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 4px;\n z-index: var(--wiz-editor-z-upload-loading-wall);\n}\n\n.upload-loading .upload-loading-wall.upload-enabled-background {\n background-color: #ffffff;\n top: 1px;\n left: 1px;\n right: 1px;\n bottom: 41px;\n border-radius: var(--editor-border-radius);\n}\n\n.upload-loading .upload-loading-wall .upload-enabled-block {\n text-align: center;\n font-size: 12px;\n color: #5587F0;\n}\n\n.upload-loading .upload-loading-progress {\n width: 80%;\n max-width: 150px;\n height: 8px;\n border-radius: 8px;\n background-color: rgb(239, 240, 241);\n overflow: hidden;\n}\n\n.upload-loading .upload-loading-progress .upload-loading-progress-inner {\n width: 0;\n min-width: 5%;\n height: 100%;\n background-color: #3f74f6;\n border-radius: 8px;\n transition: width .3s linear;\n}\n\n.upload-loading .upload-loading-office {\n padding: 0 4px;\n}\n\n.upload-loading .upload-loading-container-preview {\n width: 100%;\n height: 100%;\n}\n\n.upload-loading .upload-loading-container-card {\n width: auto;\n height: auto;\n}\n\n.upload-loading .upload-loading-container-card .upload-loading-wall {\n bottom: 8px;\n}\n\n.upload-loading .upload-loading-office .upload-loading-wall,\n.upload-loading .upload-loading-container-card .upload-loading-wall {\n background-color: rgba(255,255,255,.75);\n}\n\n.upload-loading .upload-loading-clone {\n opacity: 0;\n}\n\n.editor-main .root-container svg,\n.drag-snapshot-container svg {\n fill: currentColor;\n}\n\n.editor-main .root-container textarea,\n.drag-snapshot-container textarea {\n resize: none;\n outline: none;\n font-family: var(--editor-font-family);\n font-size: 14px;\n}\n\n.editor-main .root-container .style-bold,\n.drag-snapshot-container .style-bold {\n font-weight: bold;\n}\n.editor-main .root-container .style-italic,\n.drag-snapshot-container .style-italic {\n font-style: italic;\n}\n.editor-main .root-container .style-code,\n.drag-snapshot-container .style-code {\n padding: .2em .4em;\n margin: 0;\n background-color: var(--editor-code-bg-color);\n border-radius: 4px;\n font-family: Menlo, Monaco, Consolas, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;\n font-size: 85%;\n}\n.editor-main .root-container .style-underline,\n.drag-snapshot-container .style-underline {\n /* text-decoration: underline; */\n border-bottom: solid 1px var(--editor-placeholder-color);\n}\n.editor-main .root-container .style-strikethrough,\n.drag-snapshot-container .style-strikethrough {\n text-decoration: line-through;\n}\n\n.editor-main .root-container .style-strikethrough.style-underline,\n.drag-snapshot-container .style-underline {\n text-decoration: line-through underline;\n}\n\n\n.editor-main .root-container .style-sub,\n.drag-snapshot-container .style-sub {\n vertical-align: sub;\n font-size: 70%;\n /* position: relative;\n top: -1px;\n text-decoration: none !important; */\n}\n/* .editor-main .root-container h1 .style-sub {\n top: -3px;\n}\n.editor-main .root-container h1.list-block .style-sub {\n top: -2px;\n}\n.editor-main .root-container h1.list-block .editor-checkbox .style-sub {\n top: -3px;\n}\n.editor-main .root-container h2 .style-sub {\n top: -2px;\n}\n.editor-main .root-container h3 .style-sub {\n top: -1px;\n}\n.editor-main .root-container h4 .style-sub {\n top: -1px;\n}\n.editor-main .root-container h4.list-block .editor-checkbox .style-sub {\n top: -2px;\n}\n.editor-main .root-container h5 .style-sub {\n top: 0px;\n}\n.editor-main .root-container h5.list-block .style-sub {\n top: -1px;\n}\n.editor-main .root-container h6 .style-sub {\n top: -2px;\n}\n.editor-main .root-container h6.list-block .style-sub {\n top: -1px;\n}\n.editor-main .root-container .editor-heading-7 .style-sub {\n top: -1px;\n}\n.editor-main .root-container .editor-heading-7.list-block .editor-checkbox .style-sub {\n top: -2px;\n}\n.editor-main .root-container .editor-heading-8 .style-sub {\n top: -1px;\n} */\n/* comment patch */\n\n.editor-main .root-container .style-super,\n.drag-snapshot-container .style-super {\n vertical-align: super;\n font-size: 70%;\n /* text-decoration: none !important; */\n}\n\n.editor-main .root-container .block-content .comment,\n.drag-snapshot-container .block-content .comment,\n.editor-main .root-container .comment.text-block .text-element > span,\n.drag-snapshot-container .comment.text-block .text-element > span,\n.editor-main .root-container .comment.list-block .text-element > span,\n.drag-snapshot-container .comment.list-block .text-element > span {\n border-bottom: 2px solid var(--editor-comment-text-border-color);\n padding-bottom: 2px;\n}\n.editor-main .root-container .comment-ready.text-block .text-element > span,\n.editor-main .root-container .comment-ready.list-block .text-element > span {\n background-color: var(--editor-comment-text-bg-color) !important;\n}\n\n.editor-main .root-container .comment.style-super,\n.editor-main .root-container .comment.style-sub,\n.editor-main .root-container .comment.text-block .block-content .style-super,\n.editor-main .root-container .comment.text-block .block-content .style-sub,\n.editor-main .root-container .comment.list-block .block-content .style-super,\n.editor-main .root-container .comment.list-block .block-content .style-sub {\n border-bottom: none;\n}\n\n.editor-main .root-container .comment.text-block {\n border-bottom: none;\n}\n\n/* .editor-main .root-container .comment.style-super {\n padding-bottom: 9px;\n}\n.editor-main .root-container .list-block .editor-checkbox .comment.style-super {\n padding-bottom: 10px;\n}\n\n.editor-main .root-container h1 .comment.style-super {\n padding-bottom: 17px;\n}\n.editor-main .root-container h1.list-block .comment.style-super,\n.editor-main .root-container h1.list-block .editor-checkbox .comment.style-super {\n padding-bottom: 18px;\n}\n.editor-main .root-container h2 .comment.style-super,\n.editor-main .root-container h2.list-block .editor-checkbox .comment.style-super {\n padding-bottom: 16px;\n}\n.editor-main .root-container h3 .comment.style-super {\n padding-bottom: 15px;\n}\n.editor-main .root-container h3.list-block .editor-checkbox .comment.style-super {\n padding-bottom: 14px;\n}\n.editor-main .root-container h4 .comment.style-super,\n.editor-main .root-container h4.list-block .editor-checkbox .comment.style-super {\n padding-bottom: 12px;\n}\n.editor-main .root-container h5 .comment.style-super {\n padding-bottom: 12px;\n}\n.editor-main .root-container h5.list-block .editor-checkbox .comment.style-super {\n padding-bottom: 11px;\n}\n.editor-main .root-container h6 .comment.style-super,\n.editor-main .root-container h6.list-block .editor-checkbox .comment.style-super {\n padding-bottom: 10px;\n}\n.editor-main .root-container .editor-heading-7 .comment.style-super {\n padding-bottom: 10px;\n}\n.editor-main .root-container .editor-heading-7.list-block .editor-checkbox .comment.style-super {\n padding-bottom: 9px;\n}\n.editor-main .root-container .editor-heading-8 .comment.style-super {\n padding-bottom: 10px;\n}\n.editor-main .root-container .editor-heading-8.list-block .editor-checkbox .comment.style-super {\n padding-bottom: 9px;\n}\n\n.editor-main .root-container .comment.style-sub {\n padding-bottom: 0;\n} */\n\n/* table */\n.editor-main .root-container .table-block > .block-content {\n padding: 0 1px 0 0;\n margin: 0;\n}\n.editor-main .root-container .table-block > .block-content > table {\n margin-left: var(--editor-block-content-padding-left);\n}\n.editor-main.markdown .root-container .table-block > .block-content > table {\n max-width: calc(100% - var(--editor-block-content-padding-left));\n}\n.editor-main .root-container .table-block > .block-content > table th,\n.editor-main .root-container .table-block > .block-content > table td {\n min-width: 40px;\n}\n.editor-main .root-container .table-block > .block-content > table th[data-width=\"0\"],\n.editor-main .root-container .table-block > .block-content > table td[data-width=\"0\"] {\n min-width: 100px;\n}\n.editor-main .root-container .table-block table.stripe-style-table:not(.row-title-table) tr:nth-of-type(2n),\n.editor-main .root-container .table-block table.stripe-style-table.row-title-table tr:nth-of-type(2n + 1) {\n background-color: var( --editor-table-singular-row-bg-color);\n}\n.editor-main .root-container .table-block table.row-title-table tr:nth-of-type(1) td {\n font-weight: 500;\n text-align: center;\n}\n.editor-main .root-container .table-block table.row-title-table tr:nth-of-type(1) td:not(.table-selected-cell) {\n background-color: var(--editor-table-title-bg-color);\n}\n\n.editor-main .root-container .table-block table.col-title-table tr td.col-title-item {\n font-weight: 500;\n text-align: center;\n}\n\n.editor-main .root-container .table-block table.col-title-table tr td.col-title-item:not(.table-selected-cell) {\n background-color: var(--editor-table-title-bg-color);\n}\n\n.editor-main .table-block > .block-content,\n.drag-snapshot-container .table-block > .block-content {\n overflow-x: auto;\n overflow-y: hidden;\n}\n.editor-main .table-block > .block-content > table,\n.drag-snapshot-container .table-block > .block-content > table {\n background-color: var(--editor-bg-color);\n}\n\n.editor-main .root-container .editor-block.table-block .editor-block {\n margin: var(--editor-block-table-sub-block-margin-top) 0 var(--editor-block-table-sub-block-margin-bottom);\n}\n\n.editor-main .root-container .block-content {\n /* \u89E3\u51B3safari\u7A7A\u884C\u5149\u6807\u65E0\u6CD5\u51FA\u73B0\u7684\u95EE\u9898 */\n /* 1. \u8868\u683C\u6709\u6C34\u5E73\u6EDA\u52A8\u6761 */\n /* 2. \u9875\u9762\u6709\u5782\u76F4\u6EDA\u52A8\u6761 */\n background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);\n}\n\n/* .editor-main.custom-table-scrollbar .table-block > .block-content { */\n /* overflow-x: hidden; */\n/* } */\n.drag-snapshot-container > table {\n margin: 12px;\n}\n.editor-main .root-container table,\n.drag-snapshot-container table {\n border-collapse: collapse;\n}\n.editor-main .root-container table,\n.drag-snapshot-container table,\n.editor-main .root-container td,\n.drag-snapshot-container td,\n.editor-main .root-container th,\n.drag-snapshot-container th {\n border: 1px solid var(--editor-border-color);\n background-color: var(--editor-table-bg-color);\n}\n\n.editor-main .root-container td,\n.editor-main .root-container th,\n.drag-snapshot-container td,\n.drag-snapshot-container th {\n padding: 2px 12px;\n}\n\n.editor-main .root-container th,\n.drag-snapshot-container th {\n text-align: left;\n font-weight: 400;\n}\n\n.editor-main .root-container .table-block .table-border-shadow {\n position: absolute;\n top: 0;\n /* background-color: red; */\n opacity: 0;\n width: 0;\n border: none;\n pointer-events: none;\n transition: opacity 50ms ease-in;\n z-index: var(--wiz-editor-z-table-border-shadow);\n}\n.editor-main .root-container .table-block .table-border-shadow.active {\n width: 8px;\n opacity: 1;\n}\n.editor-main .root-container .table-block .table-left-border-shadow {\n left: var(--editor-block-content-padding-left);\n background: linear-gradient(270deg,rgba(31,35,41,0) 0,rgba(31,35,41,.1));\n border-left: 0px solid #dee0e3;\n}\n.editor-main .root-container .table-block .table-left-border-shadow.active {\n border-left-width: 1px;\n}\n.editor-main .root-container .table-block .table-right-border-shadow {\n right: 0;\n background: linear-gradient(90deg,rgba(31,35,41,0) 0,rgba(31,35,41,.1));\n border-right: 0px solid #dee0e3;\n}\n.editor-main .root-container .table-block .table-right-border-shadow.active {\n border-right-width: 1px;\n}\n\n\n.editor-main .root-container table.table-layout,\n.drag-snapshot-container table.table-layout {\n width: calc(100% - var(--editor-block-content-padding-left));\n table-layout: fixed;\n text-align: left;\n}\n\n\n.editor-main .root-container table.table-layout,\n.editor-main .root-container .table-layout td,\n.editor-main .root-container .table-layout th {\n border: 1px dashed;\n border-color: transparent;\n vertical-align: top;\n}\n\n.editor-main .root-container table.table-no-border,\n.editor-main .root-container .table-no-border td,\n.editor-main .root-container .table-no-border th {\n border: 1px dashed;\n border-color: transparent;\n}\n\n.editor-main:not(.readonly) .root-container .editor-block.focused table.table-no-border,\n.editor-main:not(.readonly) .root-container .editor-block.hover table.table-no-border,\n.drag-snapshot-container .editor-block table.table-no-border,\n.editor-main:not(.readonly) .root-container .editor-block.focused .table-no-border td,\n.editor-main:not(.readonly) .root-container .editor-block.hover .table-no-border td,\n.drag-snapshot-container .editor-block .table-no-border td,\n.editor-main:not(.readonly) .root-container .editor-block.focused .table-no-border th,\n.editor-main:not(.readonly) .root-container .editor-block.hover .table-no-border th,\n.drag-snapshot-container .editor-block .table-no-border th,\n.editor-main:not(.readonly) .root-container .editor-block.focused table.table-layout,\n.editor-main:not(.readonly) .root-container .editor-block.hover table.table-layout,\n.drag-snapshot-container .editor-block table.table-layout,\n.editor-main:not(.readonly) .root-container .editor-block.focused .table-layout td,\n.editor-main:not(.readonly) .root-container .editor-block.hover .table-layout td,\n.drag-snapshot-container .editor-block .table-layout td,\n.editor-main:not(.readonly) .root-container .editor-block.focused .table-layout th,\n.editor-main:not(.readonly) .root-container .editor-block.hover .table-layout th,\n.drag-snapshot-container .editor-block .table-layout th {\n border-color: var(--editor-border-color);\n}\n\n.editor-main .root-container span.fake-caret{\n width: 0;\n display: inline-block;\n position: relative;\n height: 1em;\n}\n.drag-snapshot-container span.fake-caret {\n display: none;\n}\n.editor-main .root-container span.fake-caret:before {\n content: \" \";\n width: 2px;\n height: 8px;\n overflow: hidden;\n position: absolute;\n top: 0;\n left: 0;\n opacity: .8;\n background-color: var(--caret-color);\n /* animation: fake-caret-frames 1040ms infinite steps(1, start); */\n}\n.editor-main .root-container span.fake-caret:after,\n.drag-snapshot-container span.fake-caret:after {\n content: attr(data-user-name);\n position: absolute;\n top: -16px;\n left: -8px;\n padding:0 2px;\n background-color: var(--caret-color);\n color: var(--editor-fake-caret-user-color);\n opacity: .95;\n font-size: 12px;\n border-radius: var(--editor-border-radius);\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n max-width: 60px;\n}\n\n.editor-main .root-container .box-tag .box-tag-text,\n.drag-snapshot-container .box-tag .box-tag-text {\n background-color: var(--editor-tag-box-bg-color);\n padding-left: 8px;\n padding-right: 8px;\n border-radius: 12px;\n margin-left: 4px;\n margin-right: 4px;\n}\n.editor-main .root-container .box-tag:before,\n.drag-snapshot-container .box-tag:before {\n content: '*';\n margin-left: -12px;\n margin-right: 4px;\n padding-left: 0px;\n opacity: 0;\n}\n\n.editor-main .root-container .box-mention .box-mention-text,\n.drag-snapshot-container .box-mention .box-mention-text {\n background-color: var(--editor-mention-bg-color);\n color: var(--editor-mention-color);\n padding: 0;\n border-radius: 12px;\n margin-left: 4px;\n margin-right: 4px;\n white-space: nowrap;\n cursor: pointer;\n}\n.editor-main .root-container .box-mention:before,\n.drag-snapshot-container .box-mention:before {\n content: '*';\n margin-left: -12px;\n margin-right: 4px;\n padding-left: 0px;\n opacity: 0;\n}\n.editor-main .root-container .box-mention.self .box-mention-text,\n.drag-snapshot-container .box-mention.self .box-mention-text {\n background-color: var(--editor-mention-self-bg-color);\n color: var(--editor-mention-self-color);\n padding: 2px 6px;\n}\n\n.editor-main .root-container ol.editor-checkbox.editor-checked:not(.editor-list-text-only) li .box-mention,\n.drag-snapshot-container ol.editor-checkbox.editor-checked:not(.editor-list-text-only) li .box-mention {\n color: var(--editor-placeholder-color);\n}\n\n.editor-main:not(.history) .editor-block.list-block.empty-block .list-ul.editor-checkbox.block-content .text-element {\n position: relative;\n}\n\n.editor-main:not(.history):not(.readonly):not(.mobile) .editor-block.list-block.empty-block .list-ul.editor-checkbox.block-content .text-element::after {\n content: var(--editor-checkbox-placeholder);\n position: absolute;\n top: 50%;\n left: 0;\n width: 100%;\n color: var(--editor-placeholder-color);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n line-height: 1;\n bottom: 0;\n margin-top: -0.5em;\n cursor: text;\n pointer-events: none;\n user-select: none;\n -webkit-user-select: none;\n}\n\n\n.editor-main .root-container .box-mention img,\n.drag-snapshot-container .box-mention img {\n height: 20px;\n width: 20px;\n vertical-align: middle;\n margin-bottom: 4px;\n margin-right: 4px;\n border-radius: 10px;\n}\n\n\n.editor-main .root-container .block-exclusive,\n.drag-snapshot-container .block-exclusive {\n background-color: #ebebeb;\n}\n.editor-main .root-container .block-exclusive > div,\n.drag-snapshot-container .block-exclusive > div {\n opacity: 0.6;\n}\n\n.editor-main .root-container .block-exclusive:after,\n.drag-snapshot-container .block-exclusive:after {\n content: attr(data-user-name);\n position: absolute;\n top: 0px;\n left: 0px;\n padding:0 2px;\n background: #faf8f3;\n color: #f8ac09;\n opacity: .95;\n font-size: 12px;\n border-radius: var(--editor-border-radius);\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n max-width: 60px;\n}\n\n.editor-main .root-container .locked-by-user,\n.drag-snapshot-container .locked-by-user {\n background-color: var(--editor-locked-bg-color);\n color: var(--editor-locked-color);\n}\n/* .editor-main .root-container .locked-readonly {\n\n} */\n\n.editor-main .root-container .embed-block.webpage-embed iframe {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100px;\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n z-index: -1;\n}\n.editor-main .root-container .embed-block.webpage-embed.editor-webpage-loaded iframe {\n position: static;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 1;\n visibility: visible;\n pointer-events: all;\n}\n\n.editor-main .root-container .embed-block.webpage-embed .embed-resize-tool {\n display: none;\n}\n.editor-main .root-container .embed-block.webpage-embed.editor-webpage-loaded .embed-resize-tool {\n display: block;\n}\n\n.editor-main .root-container .embed-block .editor-embed,\n.drag-snapshot-container .embed-block .editor-embed {\n display: inline-block;\n}\n\n.history.editor-main .root-container .embed-block .editor-embed {\n display: block;\n}\n\n.history.editor-main .root-container .embed-block .embed-container-office .editor-embed[data-preview-type='preview'] {\n display: flex;\n}\n\n.editor-main .root-container .embed-block .editor-embed.editor-images-container,\n.drag-snapshot-container .embed-block .editor-embed.editor-images-container{\n display: inline-flex;\n align-items: flex-start;\n}\n\n\n.editor-main .root-container .embed-block img.editor-embed,\n.drag-snapshot-container .embed-block img.editor-embed {\n display: block;\n min-width: 5px;\n}\n\n.editor-main .root-container .embed-block hr.editor-embed,\n.drag-snapshot-container .embed-block hr.editor-embed {\n display: block;\n border: none;\n border-top: 2px dashed #ccc;\n margin-left: -8px;\n}\n\n.editor-block.embed-block.hr-embed {\n padding-bottom: 0 !important;\n padding-top: 4px !important;\n margin-bottom: 0;\n}\n\n.editor-main .editor-block.embed-block.snapshot-embed {\n color: var(--editor-color);\n text-align: left;\n}\n\n.editor-main .editor-block.embed-block.snapshot-embed .embed-container.embed-container-snapshot.block-content {\n width: 100%;\n}\n\n.editor-main .editor-block.embed-block.snapshot-embed .embed-container.embed-container-snapshot.block-content > .editor-embed {\n width: 100%;\n}\n\n.editor-main .root-container .embed-block,\n.drag-snapshot-container .embed-block {\n color: transparent;\n caret-color: transparent;\n text-align: center;\n border: 1px solid transparent;\n border-radius: var(--editor-border-radius);\n padding: 8px;\n}\n\n.drag-snapshot-container .embed-block:focus-visible,\n.editor-main .root-container .embed-block:focus-visible {\n outline: none;\n}\n\n.editor-main .root-container .embed-container,\n.drag-snapshot-container .embed-container {\n outline: none;\n display: inline-block;\n position: relative;\n}\n\n.editor-main .root-container .embed-container.container-on-uploading:not(.embed-container-audio) {\n display: flex;\n}\n\n.editor-main .root-container .embed-container.container-on-uploading.embed-container-audio {\n width: 300px;\n}\n\n.embed-container-audio+.block-tools .upload-loading {\n width: auto;\n left: 50%;\n transform: translateX(-50%);\n}\n\n.editor-main .root-container .embed-block .embed-container-office {\n width: 100%;\n height: 100%;\n}\n.drag-snapshot-container .embed-container-office .editor-embed[data-preview-type~='preview'] {\n width: 360px;\n height: 230px;\n}\n\n.editor-main .root-container .embed-block .embed-container-card,\n.drag-snapshot-container .embed-block .embed-container-card {\n width: auto;\n}\n\n.editor-main .root-container .embed-container-hr,\n.drag-snapshot-container .embed-container-hr {\n width: 100%;\n margin-left: 4px;\n}\n\n.editor-main .root-container .embed-block.embed-caret-left hr.editor-embed,\n.editor-main .root-container .embed-block.embed-caret-right hr.editor-embed,\n.editor-main .root-container .embed-block.embed-caret-full hr.editor-embed {\n border-top: 2px dashed #448aff;\n caret-color: transparent;\n}\n\n.editor-main .root-container .editor-block.embed-block.embed-caret-left:not(.locked-readonly) .embed-container-audio,\n.editor-main .root-container .editor-block.embed-block.embed-caret-right:not(.locked-readonly) .embed-container-audio,\n.editor-main .root-container .editor-block.embed-block.embed-caret-full:not(.locked-readonly) .embed-container-audio,\n.editor-main .root-container .editor-block.embed-block.office-embed.embed-caret-left:not(.locked-readonly) .embed-office-card,\n.editor-main .root-container .editor-block.embed-block.office-embed.embed-caret-right:not(.locked-readonly) .embed-office-card,\n.editor-main .root-container .editor-block.embed-block.office-embed.embed-caret-full:not(.locked-readonly) .embed-office-card,\n.editor-main .root-container .editor-block.embed-block.office-embed.embed-selected:not(.locked-readonly) .embed-office-card,\n.drag-snapshot-container .editor-block.embed-block.office-embed.embed-caret-left:not(.locked-readonly) .embed-office-card,\n.drag-snapshot-container .editor-block.embed-block.office-embed.embed-caret-right:not(.locked-readonly) .embed-office-card,\n.drag-snapshot-container .editor-block.embed-block.office-embed.embed-caret-full:not(.locked-readonly) .embed-office-card,\n.drag-snapshot-container .editor-block.embed-block.office-embed.embed-selected:not(.locked-readonly) .embed-office-card {\n outline:1px solid #448aff;\n}\n\n/*\n.editor-main .root-container .embed-caret-left .embed-container:after {\n content: \" \";\n width: 1px;\n height: 100%;\n overflow: hidden;\n position: absolute;\n top: 0;\n left: -8px;\n opacity: .8;\n background: black;\n animation: fake-caret-frames 1040ms infinite steps(1, start);\n}\n\n.editor-main .root-container .embed-caret-right .embed-container:after {\n content: \" \";\n width: 1px;\n height: 100%;\n overflow: hidden;\n position: absolute;\n top: 0;\n right: -8px;\n opacity: .8;\n background: black;\n animation: fake-caret-frames 1040ms infinite steps(1, start);\n} */\n\n.editor-main .root-container .block-tools {\n color: var(--editor-block-tools-color);\n caret-color: currentColor;\n user-select: none;\n -webkit-user-select: none;\n}\n\n.editor-main .root-container .block-tools .sliding-tool-view-window {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n overflow: hidden;\n pointer-events: none;\n z-index: var(--wiz-editor-z-sliding-tool-view-window);\n}\n\n.editor-main .root-container .editor-block.embed-block.editing {\n background-color: var(--editor-code-bg-color);\n min-height: 100px;\n}\n\n.editor-main .root-container .editor-block.embed-block.editing .embed-container.embed-container-math.block-content {\n margin-top: 300px;\n}\n\n.editor-main .root-container .embed-code-editor-mask,\n.drag-snapshot-container .embed-code-editor-mask {\n position: absolute;\n top: 0;\n left: 0px;\n right: 0px;\n bottom: 0;\n background-color: var(--editor-code-bg-color);\n z-index: var(--wiz-editor-z-embed-code-editor-mask);\n padding: 8px;\n}\n\n.editor-main .root-container .embed-code-editor-mask textarea,\n.drag-snapshot-container .embed-code-editor-mask textarea {\n width: 100%;\n height: 100%;\n resize: none;\n outline: none;\n padding: 12px;\n border: 1px solid var(--editor-border-color);\n border-radius: var(--editor-border-radius);\n background-color: var(--editor-bg-color);\n color: var(--editor-dialog-text-color);\n}\n\n.editor-main .block-menu-button {\n position: absolute;\n z-index: var(--wiz-editor-z-block-menu-button);\n top: var(--editor-first-line-center-top);\n left: 0px;\n transform: translateX(-32px);\n margin-top: -12px;\n width: 24px;\n height: 24px;\n color: #adadad;\n}\n\n.editor-main.on-dragging .block-menu-button,\n.editor-main.on-dragging .editor-block:not(.empty-block) .block-menu-button.for-heading,\n.editor-main.on-dragging .editor-block:not(.empty-block) .block-menu-button.editor-heading-expand-button,\n.editor-main .editor-block.empty-block .block-menu-button.editor-heading-expand-button,\n.editor-main .editor-block.webpage-embed:not(.editor-webpage-loaded) .block-menu-button\n {\n display: none;\n}\n\n.editor-main .editor-block:not(.empty-block) .block-menu-button.editor-heading-expand-button {\n display: flex;\n align-items: center;\n justify-content: center;\n left: -22px;\n z-index: var(--wiz-editor-z-heading-expand-button);\n cursor: pointer;\n}\n.editor-main.readonly:not(.mobile) .editor-block:not(.empty-block) .block-menu-button.editor-heading-expand-button {\n left: -31px;\n}\n\n.editor-main.mobile .editor-block:not(.empty-block) .block-menu-button.editor-heading-expand-button,\n.editor-main.editor-hide-line-number.readonly .editor-block:not(.empty-block) .block-menu-button.editor-heading-expand-button {\n transform: translateX(0);\n}\n.editor-main .editor-block.title-block:not(.empty-block) .block-menu-button.editor-heading-expand-button {\n display: none;\n}\n\n.editor-main .block-menu-button .add,\n.editor-main .block-menu-button .more {\n cursor: grab;\n}\n\n.editor-main .block-menu-button > .button {\n width: 24px;\n height: 24px;\n color: #adadad;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.editor-main .editor-block:not(.empty-block) .block-menu-button.for-heading {\n width: 24px;\n left: -44px;\n display: flex;\n align-items: center;\n}\n\n.editor-main .block-menu-button .collapse {\n display: none;\n color: var(--editor-color);\n cursor: pointer;\n}\n\n.editor-main .block-menu-button .expand {\n display: none;\n color: var(--editor-color);\n cursor: pointer;\n}\n\n.editor-main .block-menu-button.for-table {\n transform: translateX(-32px) translateY(-128%);\n}\n\n.editor-main h1 .block-menu-button {\n top: var(--editor-first-line-center-top-h1);\n}\n.editor-main h2 .block-menu-button {\n top: var(--editor-first-line-center-top-h2);\n}\n.editor-main h3 .block-menu-button {\n top: var(--editor-first-line-center-top-h3);\n}\n.editor-main h4 .block-menu-button {\n top: var(--editor-first-line-center-top-h4);\n}\n.editor-main h5 .block-menu-button {\n top: var(--editor-first-line-center-top-h5);\n}\n.editor-main h6 .block-menu-button {\n top: var(--editor-first-line-center-top-h6);\n}\n.editor-main .editor-heading-7 .block-menu-button {\n top: var(--editor-first-line-center-top-h7);\n}\n.editor-main .editor-heading-8 .block-menu-button {\n top: var(--editor-first-line-center-top-h8);\n}\n/* .editor-main .block-menu-button.for-table {\n transform: translate(25%, -100%);\n} */\n.editor-main .block-menu-button .more {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 25px;\n height: 25px;\n border-radius: var(--editor-border-radius);\n}\n.editor-main:not(.mobile) .block-menu-button .more:hover {\n background-color: var(--editor-block-entire-selected-bg-color);\n color: var(--text-button-color-hover);\n}\n.editor-main .block-menu-button.for-empty .more {\n display: none;\n}\n.editor-main .block-menu-button .add {\n display: none;\n}\n.editor-main .block-menu-button.for-empty .add {\n display: flex;\n}\n\n\n.editor-main .block-comment-btn {\n display: flex;\n border: 0;\n background: transparent;\n position: absolute;\n outline: none;\n padding: 0;\n right: -28px;\n top: var(--editor-first-line-center-top);\n margin-top: -12px;\n cursor: pointer;\n border-radius: var(--editor-border-radius);\n color: #323232;\n}\n.editor-main .root-container > h1.editor-block .block-comment-btn {\n top: var(--editor-first-line-center-top-h1);\n}\n.editor-main .root-container > h2.editor-block .block-comment-btn {\n top: var(--editor-first-line-center-top-h2);\n}\n.editor-main .root-container > h3.editor-block .block-comment-btn {\n top: var(--editor-first-line-center-top-h3);\n}\n.editor-main .root-container > h4.editor-block .block-comment-btn {\n top: var(--editor-first-line-center-top-h4);\n}\n.editor-main .root-container > h5.editor-block .block-comment-btn {\n top: var(--editor-first-line-center-top-h5);\n}\n.editor-main .root-container > h6.editor-block .block-comment-btn {\n top: var(--editor-first-line-center-top-h6);\n}\n.editor-main .root-container > .editor-heading-7.editor-block .block-comment-btn {\n top: var(--editor-first-line-center-top-h7);\n}\n.editor-main .root-container > .editor-heading-8.editor-block .block-comment-btn {\n top: var(--editor-first-line-center-top-h8);\n}\n.editor-main:not(.mobile) .block-comment-btn:hover {\n background: var(--comment-button-bg-color);\n}\n\n.drag-cursor-layer {\n position: fixed;\n z-index: var(--wiz-editor-z-drag-cursor-layer);\n /* pointer-events: none; */\n cursor: grabbing;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n}\n\n.block-position-marking-line {\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n height: 2px;\n background-color: var(--editor-marking-line-color);\n z-index: var(--wiz-editor-z-block-position-marking-line);\n}\n\n.list-block .block-position-marking-line {\n transform: translateY(4px);\n}\n.editor-block:last-child .block-position-marking-line {\n transform: translateY(0px);\n}\n@keyframes fake-caret-frames {\n 0% {\n opacity: 1;\n display: block;\n }\n 50% {\n opacity: 0;\n display: none;\n }\n 100% {\n opacity: 1;\n display: block;\n }\n}\n\n/*\nColorPalette\n*/\n.editor-color-palette {\n padding: 4px 12px;\n}\n\n.editor-color-palette .editor-color-palette-title {\n font-size: 12px;\n color: var(--palette-title-color);\n}\n\n.editor-color-palette .editor-color-palette-colors,\n.editor-color-palette .editor-color-palette-bg-colors {\n width: 224px;\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n cursor: default;\n margin-bottom: 16px;\n}\n\n.editor-color-palette .editor-color-palette-item {\n border-radius: var(--editor-border-radius);\n width: 24px;\n height: 24px;\n margin: 8px 4px 0;\n cursor: pointer;\n position: relative;\n}\n\n.editor-color-palette .editor-color-palette-colors .editor-color-palette-item:before {\n content: \"\";\n border: 1px solid var(--palette-svg-border-color);\n -webkit-transform: scale(.5);\n -ms-transform: scale(.5);\n transform: scale(.5);\n -webkit-transform-origin: 0 0;\n -ms-transform-origin: 0 0;\n transform-origin: 0 0;\n width: 46px;\n height: 46px;\n position: absolute;\n left: 0;\n top: 0;\n border-radius: var(--editor-border-radius);\n}\n.editor-color-palette .editor-color-palette-colors .editor-color-palette-item.active:before {\n border-color: var(--palette-svg-active-border-color);\n}\n\n.editor-color-palette svg {\n width: 24px;\n height: 24px;\n}\n\n.editor-color-palette .editor-color-palette-bg-colors svg {\n border-radius: var(--editor-border-radius);\n color: var(--palette-bg-svg-color);\n}\n\n.editor-color-palette .editor-color-palette-colors .editor-color-palette-item:hover:after {\n content: \"\";\n border: 4px solid var(--palette-svg-hover-border-color);\n width: 24px;\n height: 24px;\n position: absolute;\n left: -4px;\n top: -4px;\n border-radius: var(--editor-border-radius);\n}\n\n.editor-color-palette .editor-color-palette-bg-colors .editor-color-palette-item.active svg {\n color: var(--palette-bg-svg-active-color);\n}\n\n.editor-color-palette .editor-color-palette-bg-colors .editor-color-palette-item:hover:before {\n content: \"\";\n border: 2px solid var(--palette-svg-border-color);\n -webkit-transform: scale(.5);\n transform: scale(.5);\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n width: 60px;\n height: 60px;\n position: absolute;\n left: -4px;\n top: -4px;\n border-radius: var(--editor-border-radius);\n}\n\n.editor-color-palette .editor-color-palette-tools {\n width: 100%;\n padding: 0 2px;\n text-align: center;\n}\n.editor-color-palette .editor-color-palette-clear {\n width: 72px;\n outline: none;\n color: var(--editor-color);\n background-color: var(--palette-clear-button-bg-color);\n border: 1px solid var(--editor-border-color);\n border-radius: var(--editor-border-radius);\n padding: 4px;\n cursor: pointer;\n}\n.editor-color-palette .editor-color-palette-clear:hover,\n.editor-color-palette .editor-color-palette-clear:active {\n color: var(--palette-clear-button-color-hover);\n background-color: var(--palette-clear-button-bg-color-hover);\n}\n\n.tippy-box {\n box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);\n border-radius: 8px;\n}\n\n.tippy-box[data-theme~='editor-popover'][data-theme~='popover-toolbar'] .editor-button-container .toolbar-button.menu-font-color {\n color: #333;\n}\n\n.tippy-box[data-theme~='editor-popover'][data-theme~='popover-toolbar'] .editor-button-container .toolbar-button.style-color-0,\n.tippy-box[data-theme~='editor-popover'][data-theme~='popover-toolbar'] .editor-button-container .toolbar-button.style-color-0:hover,\n.editor-main .root-container .style-color-0,\n.drag-snapshot-container .style-color-0,\n.editor-color-palette .style-color-0 {\n color: var(--style-color-0);\n}\n.tippy-box[data-theme~='editor-popover'][data-theme~='popover-toolbar'] .editor-button-container .toolbar-button.style-color-1,\n.tippy-box[data-theme~='editor-popover'][data-theme~='popover-toolbar'] .editor-button-container .toolbar-button.style-color-1:hover,\n.editor-main .root-container .style-color-1,\n.drag-snapshot-container .style-color-1,\n.editor-color-palette .style-color-1 {\n color: var(--style-color-1);\n}\n.tippy-box[data-theme~='editor-popover'][data-theme~='popover-toolbar'] .editor-button-container .toolbar-button.style-color-2,\n.tippy-box[data-theme~='editor-popover'][data-theme~='popover-toolbar'] .editor-button-container .toolbar-button.style-color-2:hover,\n.editor-main .root-container .style-color-2,\n.drag-snapshot-container .style-color-2,\n.editor-color-palette .style-color-2 {\n color: var(--style-color-2);\n}\n.tippy-box[data-theme~='editor-popover'][data-theme~='popover-toolbar'] .editor-button-container .toolbar-button.style-color-3,\n.tippy-box[data-theme~='editor-popover'][data-theme~='popover-toolbar'] .editor-button-container .toolbar-button.style-color-3:hover,\n.editor-main .root-container .style-color-3,\n.drag-snapshot-container .style-color-3,\n.editor-color-palette .style-color-3 {\n color: var(--style-color-3);\n}\n.tippy-box[data-theme~='editor-popover'][data-theme~='popover-toolbar'] .editor-button-container .toolbar-button.style-color-4,\n.tippy-box[data-theme~='editor-popover'][data-theme~='popover-toolbar'] .editor-button-container .toolbar-button.style-color-4:hover,\n.editor-main .root-container .style-color-4,\n.drag-snapshot-container .style-color-4,\n.editor-color-palette .style-color-4 {\n color: var(--style-color-4);\n}\n.tippy-box[data-theme~='editor-popover'][data-theme~='popover-toolbar'] .editor-button-container .toolbar-button.style-color-5,\n.tippy-box[data-theme~='editor-popover'][data-theme~='popover-toolbar'] .editor-button-container .toolbar-button.style-color-5:hover,\n.editor-main .root-container .style-color-5,\n.drag-snapshot-container .style-color-5,\n.editor-color-palette .style-color-5 {\n color: var(--style-color-5);\n}\n.tippy-box[data-theme~='editor-popover'][data-theme~='popover-toolbar'] .editor-button-container .toolbar-button.style-color-6,\n.tippy-box[data-theme~='editor-popover'][data-theme~='popover-toolbar'] .editor-button-container .toolbar-button.style-color-6:hover,\n.editor-main .root-container .style-color-6,\n.drag-snapshot-container .style-color-6,\n.editor-color-palette .style-color-6 {\n color: var(--style-color-6);\n}\n\n.editor-main .root-container .style-bg-color-0,\n.drag-snapshot-container .style-bg-color-0 {\n background-color: var(--style-bg-color-0);\n}\n.editor-main .root-container .style-bg-color-1,\n.drag-snapshot-container .style-bg-color-1 {\n background-color: var(--style-bg-color-1);\n}\n.editor-main .root-container .style-bg-color-2,\n.drag-snapshot-container .style-bg-color-2 {\n background-color: var(--style-bg-color-2);\n}\n\n.editor-main .root-container .style-bg-color-3,\n.drag-snapshot-container .style-bg-color-3 {\n background-color: var(--style-bg-color-3);\n}\n\n.editor-main .root-container .style-bg-color-4,\n.drag-snapshot-container .style-bg-color-4 {\n background-color: var(--style-bg-color-4);\n}\n.editor-main .root-container .style-bg-color-5,\n.drag-snapshot-container .style-bg-color-5 {\n background-color: var(--style-bg-color-5);\n}\n.editor-main .root-container .style-bg-color-6,\n.drag-snapshot-container .style-bg-color-6 {\n background-color: var(--style-bg-color-6);\n}\n.editor-main .root-container .style-bg-color-7,\n.drag-snapshot-container .style-bg-color-7 {\n background-color: var(--style-bg-color-7);\n}\n.editor-main .root-container .style-bg-color-8,\n.drag-snapshot-container .style-bg-color-8 {\n background-color: var(--style-bg-color-8);\n}\n.editor-main .root-container .style-bg-color-9,\n.drag-snapshot-container .style-bg-color-9 {\n background-color: var(--style-bg-color-9);\n}\n.editor-main .root-container .style-bg-color-10,\n.drag-snapshot-container .style-bg-color-10 {\n background-color: var(--style-bg-color-10);\n}\n.editor-main .root-container .style-bg-color-11,\n.drag-snapshot-container .style-bg-color-11 {\n background-color: var(--style-bg-color-11);\n}\n.editor-main .root-container .style-bg-color-12,\n.drag-snapshot-container .style-bg-color-12 {\n background-color: var(--style-bg-color-12);\n}\n.editor-main .root-container .style-bg-color-13,\n.drag-snapshot-container .style-bg-color-13 {\n background-color: var(--style-bg-color-13);\n}\n\n.tippy-box[data-theme~='editor-popover'][data-theme~='popover-toolbar'] .editor-button-container .toolbar-button.style-bg-color-0,\n.tippy-box[data-theme~='editor-popover'][data-theme~='popover-toolbar'] .editor-button-container .toolbar-button.style-bg-color-0:hover,\n.editor-color-palette .style-bg-color-0 svg {\n background-color: var(--style-bg-color-0);\n border-color: var(--style-bg-color-0);\n}\n.tippy-box[data-theme~='editor-popover'][data-theme~='popover-toolbar'] .editor-button-container .toolbar-button.style-bg-color-1,\n.tippy-box[data-theme~='editor-popover'][data-theme~='popover-toolbar'] .editor-button-container .toolbar-button.style-bg-color-1:hover,\n.editor-color-palette .style-bg-color-1 svg {\n background-color: var(--style-bg-color-1);\n border-color: var(--style-bg-color-1);\n}\n.tippy-box[data-theme~='editor-popover'][data-theme~='popover-toolbar'] .editor-button-container .toolbar-button.style-bg-color-2,\n.tippy-box[data-theme~='editor-popover'][data-theme~='popover-toolbar'] .editor-button-container .toolbar-button.style-bg-color-2:hover,\n.editor-color-palette .style-bg-color-2 svg {\n background-color: var(--style-bg-color-2);\n border-color: var(--style-bg-color-2);\n}\n.tippy-box[data-theme~='editor-popover'][data-theme~='popover-toolbar'] .editor-button-container .toolbar-button.style-bg-color-3,\n.tippy-box[data-theme~='editor-popover'][data-theme~='popover-toolbar'] .editor-button-container .toolbar-button.style-bg-color-3:hover,\n.editor-color-palette .style-bg-color-3 svg {\n background-color: var(--style-bg-color-3);\n border-color: var(--style-bg-color-3);\n}\n.tippy-box[data-theme~='editor-popover'][data-theme~='popover-toolbar'] .editor-button-container .toolbar-button.style-bg-color-4,\n.tippy-box[data-theme~='editor-popover'][data-theme~='popover-toolbar'] .editor-button-container .toolbar-button.style-bg-color-4:hover,\n.editor-color-palette .style-bg-color-4 svg {\n background-color: var(--style-bg-color-4);\n border-color: var(--style-bg-color-4);\n}\n.tippy-box[data-theme~='editor-popover'][data-theme~='popover-toolbar'] .editor-button-container .toolbar-button.style-bg-color-5,\n.tippy-box[data-theme~='editor-popover'][data-theme~='popover-toolbar'] .editor-button-container .toolbar-button.style-bg-color-5:hover,\n.editor-color-palette .style-bg-color-5 svg {\n background-color: var(--style-bg-color-5);\n border-color: var(--style-bg-color-5);\n}\n.tippy-box[data-theme~='editor-popover'][data-theme~='popover-toolbar'] .editor-button-container .toolbar-button.style-bg-color-6,\n.tippy-box[data-theme~='editor-popover'][data-theme~='popover-toolbar'] .editor-button-container .toolbar-button.style-bg-color-6:hover,\n.editor-color-palette .style-bg-color-6 svg {\n background-color: var(--style-bg-color-6);\n border-color: var(--style-bg-color-6);\n}\n.tippy-box[data-theme~='editor-popover'][data-theme~='popover-toolbar'] .editor-button-container .toolbar-button.style-bg-color-7,\n.tippy-box[data-theme~='editor-popover'][data-theme~='popover-toolbar'] .editor-button-container .toolbar-button.style-bg-color-7:hover,\n.editor-color-palette .style-bg-color-7 svg {\n background-color: var(--style-bg-color-7);\n border-color: var(--style-bg-color-7);\n}\n.tippy-box[data-theme~='editor-popover'][data-theme~='popover-toolbar'] .editor-button-container .toolbar-button.style-bg-color-8,\n.tippy-box[data-theme~='editor-popover'][data-theme~='popover-toolbar'] .editor-button-container .toolbar-button.style-bg-color-8:hover,\n.editor-color-palette .style-bg-color-8 svg {\n background-color: var(--style-bg-color-8);\n border-color: var(--style-bg-color-8);\n}\n.tippy-box[data-theme~='editor-popover'][data-theme~='popover-toolbar'] .editor-button-container .toolbar-button.style-bg-color-9,\n.tippy-box[data-theme~='editor-popover'][data-theme~='popover-toolbar'] .editor-button-container .toolbar-button.style-bg-color-9:hover,\n.editor-color-palette .style-bg-color-9 svg {\n background-color: var(--style-bg-color-9);\n border-color: var(--style-bg-color-9);\n}\n.tippy-box[data-theme~='editor-popover'][data-theme~='popover-toolbar'] .editor-button-container .toolbar-button.style-bg-color-10,\n.tippy-box[data-theme~='editor-popover'][data-theme~='popover-toolbar'] .editor-button-container .toolbar-button.style-bg-color-10:hover,\n.editor-color-palette .style-bg-color-10 svg {\n background-color: var(--style-bg-color-10);\n border-color: var(--style-bg-color-10);\n}\n.tippy-box[data-theme~='editor-popover'][data-theme~='popover-toolbar'] .editor-button-container .toolbar-button.style-bg-color-11,\n.tippy-box[data-theme~='editor-popover'][data-theme~='popover-toolbar'] .editor-button-container .toolbar-button.style-bg-color-11:hover,\n.editor-color-palette .style-bg-color-11 svg {\n background-color: var(--style-bg-color-11);\n border-color: var(--style-bg-color-11);\n}\n.tippy-box[data-theme~='editor-popover'][data-theme~='popover-toolbar'] .editor-button-container .toolbar-button.style-bg-color-12,\n.tippy-box[data-theme~='editor-popover'][data-theme~='popover-toolbar'] .editor-button-container .toolbar-button.style-bg-color-12:hover,\n.editor-color-palette .style-bg-color-12 svg {\n background-color: var(--style-bg-color-12);\n border-color: var(--style-bg-color-12);\n}\n.tippy-box[data-theme~='editor-popover'][data-theme~='popover-toolbar'] .editor-button-container .toolbar-button.style-bg-color-13,\n.tippy-box[data-theme~='editor-popover'][data-theme~='popover-toolbar'] .editor-button-container .toolbar-button.style-bg-color-13:hover,\n.editor-color-palette .style-bg-color-13 svg {\n background-color: var(--style-bg-color-13);\n border-color: var(--style-bg-color-13);\n}\n\n/* List */\n.editor-main .root-container .editor-block.list-block {\n margin-bottom: var(--editor-block-list-margin-bottom);\n}\n.editor-main .root-container .editor-block.list-block + .list-block {\n margin-top: 0;\n}\n\n.editor-main .root-container ol,\n.drag-snapshot-container ol {\n margin: 0;\n}\n\n.editor-main .root-container .list-block > .block-content,\n.drag-snapshot-container .list-block > .block-content {\n padding-left: 8px;\n}\n\n.editor-main .root-container .block-content.level2,\n.drag-snapshot-container .block-content.level2 {\n margin-left: 24px;\n}\n\n.editor-main .root-container .block-content.level3,\n.drag-snapshot-container .block-content.level3 {\n margin-left: 48px;\n}\n\n.editor-main .root-container .block-content.level4,\n.drag-snapshot-container .block-content.level4 {\n margin-left: 72px;\n}\n\n.editor-main .root-container .block-content.level5,\n.drag-snapshot-container .block-content.level5 {\n margin-left: 96px;\n}\n\n.editor-main .root-container .block-content.level6,\n.drag-snapshot-container .block-content.level6 {\n margin-left: 120px;\n}\n\n.editor-main .root-container .block-content.level7,\n.drag-snapshot-container .block-content.level7 {\n margin-left: 144px;\n}\n\n.editor-main .root-container .block-content.level8,\n.drag-snapshot-container .block-content.level8 {\n margin-left: 168px;\n}\n\n\n\n.editor-main .root-container .list-block .list-bullet-mask {\n /* background-color: red; */\n opacity: 0;\n position: absolute;\n cursor: pointer;\n z-index: var(--wiz-editor-z-list-bullet-mask);\n}\n\n.editor-main .root-container .block-content.list-ol,\n.editor-main .root-container .block-content.list-ul,\n.drag-snapshot-container .block-content.list-ol,\n.drag-snapshot-container .block-content.list-ul {\n list-style-type: none;\n}\n\n.editor-main .root-container .block-content.list-ol > li:before,\n.drag-snapshot-container .block-content.list-ol > li:before {\n content: attr(data-start) \".\";\n min-width: 24px;\n display: inline-block;\n color: #448aff;\n font-family: Helvetica Neue,Consolas;\n /* line-height: 1; */\n margin-left: -24px;\n margin-right: 0;\n padding-left: 2px;\n box-sizing: border-box;\n white-space: nowrap;\n border-radius: 2px;\n text-align: left;\n}\n.editor-main .root-container .block-content.list-ol.list-hover > li {\n cursor: default;\n}\n.editor-main .root-container .block-content.list-ol.list-hover > li:before {\n background-color: transparent;\n}\n.editor-main:not(.list-bullet-click-disabled) .root-container[contenteditable=true] .block-content.list-ol.list-hover > li {\n cursor: pointer;\n}\n.editor-main:not(.list-bullet-click-disabled) .root-container[contenteditable=true] .block-content.list-ol.list-hover > li:before {\n background-color: rgba(51, 112, 255, 0.15);\n}\n.editor-main .root-container .block-content.list-ul.editor-list-text-only > li:before,\n.drag-snapshot-container .block-content.list-ul.editor-list-text-only > li:before,\n.editor-main .root-container .block-content.list-ol.editor-list-text-only > li:before,\n.drag-snapshot-container .block-content.list-ol.editor-list-text-only > li:before {\n display: none;\n padding-left: 0;\n}\n\n.editor-main .root-container .block-content.list-ul.editor-list-text-only > li,\n.editor-main .root-container .block-content.list-ol.editor-list-text-only > li,\n.drag-snapshot-container .block-content.list-ol.editor-list-text-only > li {\n padding-left: 0;\n}\n\n.editor-main .root-container .list-block > .block-content.editor-list-text-only,\n.drag-snapshot-container .list-block > .block-content.editor-list-text-only {\n padding-left: 8px;\n}\n\n.editor-main .root-container .list-ul.editor-checkbox.block-content > li,\n.drag-snapshot-container .list-ul.editor-checkbox.block-content > li {\n padding-left: 0;\n}\n\n.editor-main .root-container .block-content.list-ol > li,\n.drag-snapshot-container .block-content.list-ol > li {\n padding-left: 22px;\n}\n\n.editor-main .root-container .block-content.list-ul > li,\n.drag-snapshot-container .block-content.list-ul > li {\n padding-left: 22px;\n}\n\n\n.editor-main .root-container .block-content.list-ul > li:before,\n.drag-snapshot-container .block-content.list-ul > li:before {\n content: \"2022\";\n margin-left: 2px;\n margin-right: 16px;\n position: absolute;\n color: #448aff;\n margin-left: -22px;\n}\n.editor-main .root-container h1 .block-content.list-ul > li:before {\n margin-right: 23px;\n}\n.editor-main .root-container h2 .block-content.list-ul > li:before {\n margin-right: 21px;\n}\n.editor-main .root-container h3 .block-content.list-ul > li:before {\n margin-right: 18.8px;\n}\n.editor-main .root-container h4 .block-content.list-ul > li:before {\n margin-right: 17px;\n}\n.editor-main .root-container h5 .block-content.list-ul > li:before {\n margin-right: 15px;\n}\n\n/* Checkbox */\n.editor-main .root-container ol.editor-checkbox {\n list-style: none;\n}\n\n.editor-main .root-container .block-content.list-ul.editor-checkbox > li:before {\n display: none;\n}\n\n.editor-main .root-container ol.editor-checkbox.editor-list-text-only:before {\n display: none;\n}\n\n.editor-main .root-container ol.editor-checkbox:before {\n content: ' ';\n display: inline-block;\n width: 12px;\n height: 12px;\n border: 1px solid var(--editor-checkbox-color);\n border-radius: var(--editor-border-radius);\n position: absolute;\n top: var(--editor-first-line-center-top);\n left: 8px;\n margin-top: -6px;\n}\n.editor-main .root-container h1 ol.editor-checkbox:before {\n width: 20px;\n height: 20px;\n border-width: 2px;\n margin-top: -12px;\n top: var(--editor-first-line-center-top-h1);\n}\n.editor-main .root-container h2 ol.editor-checkbox:before {\n width: 18px;\n height: 18px;\n border-width: 2px;\n margin-top: -11px;\n top: var(--editor-first-line-center-top-h2);\n}\n.editor-main .root-container h3 ol.editor-checkbox:before {\n width: 16px;\n height: 16px;\n border-width: 2px;\n margin-top: -10px;\n top: var(--editor-first-line-center-top-h3);\n}\n.editor-main .root-container h4 ol.editor-checkbox:before {\n border-width: 2px;\n margin-top: -9px;\n top: var(--editor-first-line-center-top-h4);\n}\n.editor-main .root-container h5 ol.editor-checkbox:before {\n width: 12px;\n height: 12px;\n border-width: 2px;\n margin-top: -8px;\n top: var(--editor-first-line-center-top-h5);\n}\n.editor-main .root-container h6 ol.editor-checkbox:before {\n width: 12px;\n height: 12px;\n border-width: 2px;\n margin-top: -8px;\n top: var(--editor-first-line-center-top-h6);\n}\n.editor-main .root-container .editor-heading-7 ol.editor-checkbox:before {\n width: 12px;\n height: 12px;\n border-width: 2px;\n margin-top: -8px;\n top: var(--editor-first-line-center-top-h7);\n}\n.editor-main .root-container .editor-heading-8 ol.editor-checkbox:before {\n width: 12px;\n height: 12px;\n border-width: 2px;\n margin-top: -8px;\n top: var(--editor-first-line-center-top-h8);\n}\n\n.editor-main:not(.readonly):not(.mobile) .root-container ol.editor-checkbox:hover,\n.editor-main:not(.readonly):not(.mobile) .root-container .editor-block.focused:not(.table-block) ol.editor-checkbox {\n background-color: var(--editor-checkbox-layer-bg-color);\n}\n.editor-main .root-container ol.editor-checkbox.editor-checked:not(.editor-list-text-only) li {\n color: var(--editor-placeholder-color);\n}\n.editor-main .root-container ol.editor-checkbox.editor-checked:before {\n border-color: var(--editor-checkbox-checked-color);\n background-color: var(--editor-checkbox-checked-color);\n background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBmaWxsPSIjZmZmZmZmIj48cGF0aCBkPSJNMCAwaDI0djI0SDBWMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNOSAxNi4yTDQuOCAxMmwtMS40IDEuNEw5IDE5IDIxIDdsLTEuNC0xLjRMOSAxNi4yeiIvPjwvc3ZnPg==);\n background-size: contain;\n background-position: center;\n}\n.editor-main .root-container ol.editor-checkbox.checkbox-hover {\n cursor: pointer;\n}\n.editor-main .root-container ol.editor-checkbox.checkbox-hover:before {\n border-color: var(--editor-checkbox-checked-color);\n}\n\n.editor-main .root-container .block-content.list-ul.editor-checkbox {\n padding-left: 29.5px;\n padding-right: 80px;\n position: relative;\n}\n.editor-main.readonly .root-container .block-content.list-ul.editor-checkbox,\n.editor-main.mobile .root-container .block-content.list-ul.editor-checkbox {\n padding-right: 0;\n}\n.editor-main.mobile .root-container .list-block .block-tools .block-tools-button-container .editor-add-reminder-button,\n.editor-main.mobile .root-container .list-block .block-tools .block-tools-button-container .editor-add-mention-button,\n.editor-main.mobile .root-container .list-block .block-tools .block-tools-button-container .view-as-mindmap {\n display: none !important;\n}\n\n\n.editor-main .root-container h1 .block-content.list-ul.editor-checkbox {\n padding-left: 47px;\n}\n.editor-main .root-container h2 .block-content.list-ul.editor-checkbox {\n padding-left: 43px;\n}\n.editor-main .root-container h3 .block-content.list-ul.editor-checkbox {\n padding-left: 39.5px;\n}\n.editor-main .root-container h4 .block-content.list-ul.editor-checkbox {\n padding-left: 36px;\n}\n.editor-main .root-container h5 .block-content.list-ul.editor-checkbox {\n padding-left: 32px;\n}\n\n/* Math */\n.editor-main .root-container .box-math {\n /* display: inline-flex; */\n /* vertical-align: middle; */\n /* padding: 4px 8px; */\n color: var(--editor-color);\n /* background-color: var(--editor-math-box-bg-color); */\n border-radius: var(--editor-border-radius);\n}\n.editor-main .root-container .box-math.error {\n color: var(--editor-error-color);\n}\n\n.editor-main .root-container .box-math span.fill,\n.editor-main .root-container .box-math span.fill {\n display: inline-block;\n width: 4px;\n /* background-color: red; */\n}\n\n/*\n-------------------------- Marker -------------------------\n*/\n.editor-main .marker-container {\n position: absolute;\n top: -68px;\n bottom: -24px;\n left: -12px;\n right: -12px;\n z-index: var(--wiz-editor-z-marker-container);\n}\n\n.editor-marker-mask {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: var(--wiz-editor-z-marker-mask);\n background-color: var(--editor-dialog-masking-bg-color);\n backdrop-filter: blur(1px);\n}\n\n.editor-main .root-container img.editor-block-marker-image {\n position: absolute;\n top: -24px;\n left: -12px;\n z-index: 5;\n pointer-events: none;\n max-width: unset;\n width: unset;\n}\n\n.editor-main .editor-block-edit-marker-image .block-content {\n position: absolute !important;\n z-index: var(--wiz-editor-z-marker-image-block-content);\n}\n.editor-main .editor-block-edit-marker-image .block-content,\n.editor-main .editor-block-show-marker-image .block-content,\n.editor-main .editor-block-show-marker-image.editor-block-marker-expired.editor-block-show-marker-expired .block-content{\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.editor-main .editor-block-show-marker-image.editor-block-marker-expired .block-content {\n position: initial;\n}\n\n.editor-main .editor-block-edit-marker-image .block-tools > * {\n display: none !important;\n}\n.editor-main .editor-block-edit-marker-image .block-tools > .marker-container {\n display: block !important;\n}\n.editor-main .editor-block-marker-expired .editor-block-marker-image {\n display: none;\n}\n\n.editor-main .editor-block-marker-expired.editor-block-show-marker-expired .editor-block-marker-image {\n display: block;\n}\n\n.editor-main #sketchpad {top: 44px; background-color: var(--editor-sketchpad-bg-color); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);}\n\n/*\n-------------------------- Code -------------------------\n*/\n\n.editor-main .root-container .editor-block.code-block .editor-code-config {\n height: 32px;\n width: 100%;\n background-color: var(--editor-code-bg-color);\n padding-left: 8px;\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n user-select: none;\n -webkit-user-select: none;\n display: flex;\n align-items: center;\n padding-right: 8px;\n}\n\n.editor-main .root-container .editor-block.code-block .editor-code-config > * {\n opacity: 0;\n transition: opacity 0.3s ease-in;\n}\n\n.editor-main .root-container .editor-block.code-block:hover .editor-code-config > * {\n opacity: 1;\n}\n\n.editor-main .root-container .editor-block.code-block .editor-code-config .editor-code-language {\n background: transparent;\n border: 0;\n font-size: 14px;\n height: 100%;\n color: var(--editor-code-title-color);\n outline: none;\n padding-left: 8px;\n}\n.editor-main:not(.mac) .root-container .editor-block.code-block .editor-code-config .editor-code-language option {\n background-color: var(--popover-menu-bg-color);\n color: var(--popover-menu-color)\n}\n\n.editor-main.readonly .root-container .editor-block.code-block .editor-code-config .editor-code-language {\n pointer-events: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n text-indent: 1px;\n text-overflow: '';\n}\n\n.editor-main .root-container .editor-block.code-block .editor-code-config .editor-code-config-spacer {\n flex-grow: 1;\n}\n\n.editor-main .root-container .editor-block.code-block .editor-code-config .editor-text-button {\n width: 32px;\n height: 24px;\n padding: 1px 4px;\n}\n\n.editor-main .root-container .editor-block.code-block .block-content .editor-code-config .editor-code-wrap-button {\n color: var(--text-button-color-hover);\n}\n\n.editor-main.readonly .root-container .editor-block.code-block .block-content .editor-code-config .editor-code-wrap-button {\n display: none;\n}\n\n.editor-main .root-container .editor-block.code-block .block-content.editor-code-no-wrap .editor-code-config .editor-code-wrap-button {\n color: var(--text-button-color);\n}\n\n.editor-main:not(.mobile) .root-container .editor-block.code-block .block-content.editor-code-no-wrap .editor-code-config .editor-code-wrap-button:hover {\n color: var(--text-button-color-hover);\n}\n\n.editor-main .root-container .editor-block.code-block .editor-container {\n padding: 6px 16px 24px 16px;\n background-color: var(--editor-code-bg-color);\n border-bottom-left-radius: 4px;\n border-bottom-right-radius: 4px;\n}\n.editor-main .root-container .editor-block.code-block .editor-block {\n margin: 0 0 4px;\n}\n\n.editor-main .root-container .code-line-block.editor-block * {\n font-family: var(--editor-font-family-code);\n font-size: 13px;\n}\n\n.editor-main .root-container .code-line-block.editor-block > * {\n word-break: break-all;\n white-space: pre-wrap;\n}\n\n.editor-main .root-container .editor-block.code-block .block-content.editor-code-no-wrap .editor-container.sub-container {\n overflow-x: auto;\n}\n\n.editor-main .root-container .editor-block.code-block .block-content.editor-code-no-wrap .editor-container.sub-container .editor-block.code-line-block .block-content.text-element {\n word-break: unset;\n white-space: pre;\n}\n\n.editor-main .root-container .editor-block.code-block .block-content.editor-code-no-wrap .editor-container.sub-container .editor-block.code-line-block:not(.empty-block) .block-content.text-element:after {\n content: ' ';\n margin-right: 16px;\n}\n\n/**\n * prism.js default theme for JavaScript, CSS and HTML\n * Based on dabblet (http://dabblet.com)\n * @author Lea Verou\n */\n\n .style-token.style-comment,\n .style-token.style-prolog,\n .style-token.style-doctype,\n .style-token.style-cdata {\n color: slategray;\n }\n\n .style-token.style-punctuation {\n color: #999;\n }\n\n .style-token.style-namespace {\n opacity: .7;\n }\n\n .style-token.style-property,\n .style-token.style-tag,\n .style-token.style-boolean,\n .style-token.style-number,\n .style-token.style-constant,\n .style-token.style-symbol,\n .style-token.style-deleted {\n color: #905;\n }\n\n .style-token.style-selector,\n .style-token.style-attr-name,\n .style-token.style-string,\n .style-token.style-char,\n .style-token.style-builtin,\n .style-token.style-inserted {\n color: #690;\n }\n\n .style-token.style-operator,\n .style-token.style-entity,\n .style-token.style-url,\n .language-css .style-token.style-string,\n .style .style-token.style-string {\n color: #9a6e3a;\n /* This background color was intended by the author of this theme. */\n /* background: hsla(0, 0%, 100%, .5); */\n }\n\n .style-token.style-atrule,\n .style-token.style-attr-value,\n .style-token.style-keyword {\n color: #07a;\n }\n\n .style-token.style-function,\n .style-token.style-class-name {\n color: #DD4A68;\n }\n\n .style-token.style-regex,\n .style-token.style-important,\n .style-token.style-variable {\n color: #e90;\n }\n\n .style-token.style-important,\n .style-token.style-bold {\n font-weight: bold;\n }\n .style-token.style-italic {\n font-style: italic;\n }\n\n .style-token.style-entity {\n cursor: help;\n }\n\n.block-tools-button-container {\n position: absolute;\n right: 0;\n top: var(--editor-first-line-center-top);\n margin-top: -12px;\n}\nh1 .block-tools-button-container {\n top: var(--editor-first-line-center-top-h1);\n}\nh2 .block-tools-button-container {\n top: var(--editor-first-line-center-top-h2);\n}\nh3 .block-tools-button-container {\n top: var(--editor-first-line-center-top-h3);\n}\nh4 .block-tools-button-container {\n top: var(--editor-first-line-center-top-h4);\n}\nh5 .block-tools-button-container {\n top: var(--editor-first-line-center-top-h5);\n}\n\n.editor-main .root-container .list-block .block-tools .block-tools-button-container .view-as-mindmap {\n display: none;\n}\n\n.editor-main .root-container .list-block.hover .block-tools .block-tools-button-container .view-as-mindmap {\n display: flex;\n}\n/*\n-------------------------- Table -------------------------\n*/\n\n.editor-main .root-container .table-selection-mask {\n position: absolute;\n z-index: var(--wiz-editor-z-table-selection-mask);\n pointer-events: none;\n background-color: transparent;\n margin-left: var(--editor-block-content-padding-left);\n}\n.editor-main .root-container table td.table-selected-cell {\n background-color: var(--editor-table-selection-bg-color);\n caret-color: transparent;\n}\n\n.editor-main .root-container .table-selection-mask.table-selection-delete-tag,\n.editor-main .root-container .table-block.editor-entire-selected.table-selection-delete-tag table {\n background-color: var(--editor-table-selection-delete-mask-bg-color);\n}\n\n.table-creator {\n padding: 4px;\n}\n\n.table-creator-row {\n display: flex;\n}\n\n.table-creator-cell {\n width: 16px;\n height: 16px;\n margin: 3px;\n border: solid 1px var(--editor-border-color);\n}\n\n.table-creator-cell.active {\n background-color: var(--table-active-color);\n}\n\n.table-toolbar {\n display: none;\n}\n.table-toolbar-active .table-toolbar {\n display: block;\n}\n.table-toolbar .table-block-menu-button-bg {\n background: transparent;\n transform: translateX(calc(-100% + 6px)) translateY(calc(-100% + 4px));\n position: absolute;\n top: 0;\n left: 0;\n width: 52px;\n height: 44px;\n opacity: 0;\n}\n.table-col-bar {\n position: absolute;\n top: -32px;\n left: var(--editor-block-content-padding-left);\n z-index: var(--wiz-editor-z-table-col-bar);\n height: 32px;\n /* max-width: calc(100% - var(--editor-block-content-padding-left) + 1px); */\n overflow-x: hidden;\n /* transform: translateY(-100%); */\n}\n.table-row-bar {\n position: absolute;\n top: 0;\n left: var(--editor-block-content-padding-left);\n z-index: var(--wiz-editor-z-table-row-bar);\n width: 32px;\n transform: translateX(-100%);\n}\n.table-col-bar-container {\n display: flex;\n padding-top: 26px;\n position: relative;\n height: 100%;\n}\n\n.table-row-bar-container {\n width: 100%;\n padding-left: 26px;\n position: relative;\n margin-top: 1px;\n}\n\n.table-col-bar-item {\n height: 100%;\n background-color: var(--editor-table-bar-bg-color);\n flex-shrink: 0;\n border: none;\n outline: none;\n cursor: pointer;\n margin: 0;\n padding: 0;\n display: block;\n}\n\n.table-row-bar-item {\n width: 100%;\n background-color: var(--editor-table-bar-bg-color);\n margin: 0;\n padding: 0;\n border: none;\n outline: none;\n cursor: pointer;\n display: block;\n}\n\n.table-col-bar-item:hover,\n.table-row-bar-item:hover {\n background-color: var(--editor-table-bar-bg-color-hover);\n}\n\n.table-col-bar-item.active,\n.table-row-bar-item.active {\n background-color: var(--editor-table-bar-bg-color-active);\n}\n\n.table-col-bar-item.active.table-selection-delete-tag,\n.table-row-bar-item.active.table-selection-delete-tag,\n.editor-main .root-container .table-block.editor-entire-selected.table-selection-delete-tag .table-col-bar-item,\n.editor-main .root-container .table-block.editor-entire-selected.table-selection-delete-tag .table-row-bar-item {\n background-color: var(--editor-table-delete-bar-bg-color-active);\n}\n\n.table-col-bar-btn {\n position: absolute;\n top: -6px;\n left: var(--editor-block-content-padding-left);\n right: 0;\n height: 22px;\n /* max-width: calc(100% + 24px); */\n overflow-x: hidden;\n transform: translateY(-100%);\n margin-left: -12px;\n margin-right: -12px;\n pointer-events: none;\n z-index: var(--wiz-editor-z-table-col-row-bar-button);\n}\n\n.table-row-bar-btn {\n position: absolute;\n top: 0;\n left: calc(var(--editor-block-content-padding-left) - 10px);\n width: 22px;\n transform: translateX(-100%);\n margin-top: -12px;\n margin-bottom: -12px;\n pointer-events: none;\n z-index: var(--wiz-editor-z-table-col-row-bar-button);\n}\n\n.table-col-bar-btn-container {\n margin-left: 12px;\n margin-right: 12px;\n height: 100%;\n}\n\n.table-bar-point-container {\n height: 100%;\n}\n\n.table-col-bar-btn-container .table-bar-point-container {\n display: flex;\n}\n\n.table-row-bar-btn-container {\n margin-top: 12px;\n margin-bottom: 12px;\n}\n\n.table-col-bar-btn-container .table-bar-point-container .table-bar-point {\n position: relative;\n height: 100%;\n flex-shrink: 0;\n}\n\n.table-row-bar-btn-container .table-bar-point-container .table-bar-point {\n position: relative;\n width: 100%;\n height: 1px;\n flex-shrink: 0;\n}\n\n\n.table-col-bar-point-item{\n width: 4px;\n height: 4px;\n position: absolute;\n left: 0;\n top: 12px;\n transform: translate(-50%, -50%);\n border-radius: 2px;\n background-color: var(--editor-table-bar-bg-color);\n cursor: pointer;\n pointer-events: auto;\n}\n\n.table-row-bar-point-item {\n width: 4px;\n height: 4px;\n position: absolute;\n left: 15px;\n top: 0;\n transform: translate(-50%, -50%);\n border-radius: 2px;\n background-color: var(--editor-table-bar-bg-color);\n cursor: pointer;\n pointer-events: auto;\n}\n.table-bar-delete-button {\n width: 20px;\n height: 20px;\n position: absolute;\n box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);\n border-radius: 2px;\n border: none;\n outline: none;\n background-color: var(--popover-toolbar-bg-color);\n color: var(--popover-toolbar-color);\n cursor: pointer;\n padding: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n pointer-events: auto;\n z-index: var(--wiz-editor-z-table-tool-bar-button);\n}\n\n.table-col-bar-container .table-bar-delete-button {\n transform: translateX(-50%);\n}\n.table-row-bar-container .table-bar-delete-button {\n transform: translateY(-50%);\n}\n\n.table-bar-button {\n width: 20px;\n height: 20px;\n position: absolute;\n /* border-radius: 10px 10px 0px 10px; */\n box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);\n border-radius: 2px;\n border: none;\n outline: none;\n opacity: 0;\n background-color: var(--popover-toolbar-bg-color);\n pointer-events: auto;\n padding: 0;\n cursor: pointer;\n z-index: var(--wiz-editor-z-table-tool-bar-button);\n}\n.table-bar-button[data-type=\"col\"] {\n transform: translateX(-50%) scale(0);\n}\n.table-bar-button[data-type=\"row\"] {\n transform: translateY(-50%) scale(0);\n}\n.table-bar-button.active {\n opacity: 1;\n transition: opacity .2s ease-in, transform .2s ease-in;\n}\n.table-bar-button.hover {\n background-color: var(--popover-toolbar-button-color-active);\n}\n\n.table-bar-button.active[data-type=\"col\"] {\n transform: translateX(-50%) scale(1);\n}\n.table-bar-button.active[data-type=\"row\"] {\n transform: translateY(-50%) scale(1);\n}\n\n.table-bar-button::before {\n content: '';\n display: block;\n width: 1px;\n height: 10px;\n background-color: var(--popover-toolbar-color);\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n}\n.table-bar-button::after {\n content: '';\n display: block;\n width: 10px;\n height: 1px;\n background-color: var(--popover-toolbar-color);\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n}\n.table-bar-button.hover::before,\n.table-bar-button.hover::after {\n background-color: #fff;\n}\n.table-bar-line {\n position: absolute;\n background-color: var(--table-active-color);\n display: none;\n margin-left: var(--editor-block-content-padding-left);\n}\n\n.table-bar-line[data-type=\"col\"] {\n width: 1px;\n top: 0;\n transform: translateX(-50%);\n}\n.table-bar-line[data-type=\"row\"] {\n height: 1px;\n left: 0;\n transform: translateY(-50%);\n}\n.table-bar-line.hover[data-type=\"col\"] {\n width: 2px;\n}\n.table-bar-line.hover[data-type=\"row\"] {\n height: 2px;\n}\n\n.table-resize-tool {\n top: 0;\n width: 16px;\n position: absolute;\n display: none;\n margin-left: var(--editor-block-content-padding-left);\n transform: translateX(-50%);\n pointer-events: auto;\n cursor: col-resize;\n}\n.table-resize-tool::after {\n content: '';\n position: absolute;\n width: 2px;\n background-color: var(--table-active-color);\n left: 50%;\n top: 0;\n bottom: 0;\n transform: translateX(-50%);\n}\n.table-resize-tool.active {\n display: block;\n}\n\n.editor-block-scrollbar {\n visibility: hidden;\n pointer-events: none;\n overflow-x: auto;\n overflow-y: hidden;\n position: absolute;\n bottom: -18px;\n left: var(--editor-block-content-padding-left);\n z-index: var(--wiz-editor-z-block-scrollbar);\n}\n.editor-main.mobile .editor-block-scrollbar {\n display: none !important;\n}\n.editor-main.custom-table-scrollbar .editor-block-scrollbar,\n.editor-block-scrollbar.active {\n visibility: visible;\n pointer-events: all;\n}\n.editor-main.custom-table-scrollbar .editor-block-scrollbar.table-layout-scrollbar {\n visibility: hidden;\n}\n.editor-main:not(.readonly) .root-container .editor-block.hover .editor-block-scrollbar.table-layout-scrollbar,\n.editor-main:not(.readonly) .root-container .editor-block.focused .editor-block-scrollbar.table-layout-scrollbar {\n visibility: visible;\n}\n.editor-main .root-container .table-block .table-border-shadow.table-layout-border-shadow {\n opacity: 0;\n}\n.editor-main:not(.readonly) .root-container .editor-block.hover .table-border-shadow.table-layout-border-shadow.active,\n.editor-main:not(.readonly) .root-container .editor-block.focused .table-border-shadow.table-layout-border-shadow.active {\n opacity: 1;\n}\n\n.editor-block-scrollbar.fixed {\n position: fixed;\n bottom: 4px;\n}\n\n.editor-main.mac .editor-block-scrollbar {\n bottom: -12px;\n opacity: 0.6;\n transition: opacity 100ms ease-in-out;\n}\n.editor-main.mac .editor-block-scrollbar.fixed {\n bottom: 4px;\n}\n.editor-main.mac .editor-block-scrollbar:hover {\n opacity: 1;\n}\n.editor-block-scrollbar div {\n height: 1px;\n}\n\n.block-menu-style-commands {\n max-width: 180px;\n margin: 0 10px;\n}\n\n.editor-preview-no-support {\n margin: auto;\n font-size: 14px;\n color: var(--style-color-6);\n}\n\n.drag-snapshot-container .editor-preview-no-support,\n.drag-snapshot-container .editor-preview-loading {\n display: none;\n}\n\n.drag-snapshot-container .editor-preview-iframe,\n.editor-main .editor-preview-iframe {\n width: 100%;\n height: 100%;\n border: none;\n overflow: hidden;\n}\n\n.editor-main .editor-preview-iframe-loading {\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n background-color: #ffffff;\n display: flex;\n align-items: center;\n justify-content: center;\n outline: 1px solid var(--editor-block-entire-selected-embed-border-color);\n}\n\n.editor-main .editor-embed-iframe {\n width: 100%;\n height: 100%;\n border: none;\n overflow: hidden;\n}\n\n.editor-main .embed-block .editor-preview-iframe-container {\n flex: 1;\n}\n\n.editor-main .embed-block .editor-preview-drag-wall {\n display: none;\n position: fixed;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n z-index: var(--wiz-editor-z-preview-drag-wall);\n}\n\n.editor-main .embed-block .editor-preview-loading {\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 41px;\n font-size: 12px;\n color: #5587F0;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n display: none;\n\n background-color: #ffffff;\n border-radius: var(--editor-border-radius);\n}\n\n.editor-main .embed-block .editor-preview-drag {\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n bottom: -4px;\n width: 50px;\n height: 5px;\n background-color: var(--office-preview-border-color);\n border-radius: 0 0 3px 3px;\n cursor: ns-resize;\n}\n\n.editor-main.readonly .embed-block .editor-preview-drag {\n display: none;\n}\n\n.editor-main .embed-block .editor-preview-info,\n.drag-snapshot-container .editor-preview-info {\n display: flex;\n padding: 0 12px;\n height: 40px;\n background: var(--office-preview-info-bg-color);\n border-top: 1px solid var(--office-preview-border-color);\n font-size: 12px;\n line-height: 1;\n color: var(--office-preview-info-text-color);\n align-items: center;\n border-radius: 0 0 var(--editor-border-radius) var(--editor-border-radius);\n white-space: nowrap;\n fill: var(--office-preview-info-text-color);\n}\n.drag-snapshot-container .editor-preview-info {\n background: var(--office-preview-border-color);\n}\n\n.editor-main .embed-block .editor-preview-info svg,\n.drag-snapshot-container .editor-preview-info svg {\n min-width: 18px;\n}\n\n.editor-preview-info .editor-preview-filename-front {\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 800px;\n}\n\n.editor-main .editor-preview-info .office-handle-download {\n color: #333333;\n cursor: pointer;\n}\n\n.editor-main:not(.mobile) .editor-preview-info .office-handle-download:hover {\n color: #006eff;\n}\n\n.editor-main .embed-block .embed-container-office {\n /* width: 100%;\n height: 600px;\n max-height: 600px;\n overflow: hidden; */\n}\n\n.drag-snapshot-container .editor-embed[data-embed-type=office],\n.editor-main .editor-embed[data-embed-type=office] {\n width: 100%;\n height: 100%;\n}\n\n.editor-main .editor-embed[data-embed-type=chartjs] {\n display: flex !important;\n align-items: center;\n}\n\n.drag-snapshot-container .embed-container-webpage,\n.editor-main .root-container .embed-block .embed-container-webpage {\n width: 100%;\n overflow: hidden;\n padding-top: 4px;\n}\n.drag-snapshot-container .embed-container-webpage .editor-embed {\n max-width: 310px;\n max-height: 190px;\n}\n\n.drag-snapshot-container .embed-container-webpage .editor-embed[data-embed-type=webpage],\n.editor-main .root-container .embed-block .embed-container-webpage .editor-embed {\n height: 400px;\n width: 100%;\n}\n\n.editor-main.mobile .root-container .embed-block.webpage-embed {\n padding: 0;\n}\n\n.editor-main.mobile .root-container .embed-block .embed-container-webpage .editor-embed {\n height: unset;\n}\n\n.editor-main.mobile .root-container .embed-block .embed-container-webpage .editor-embed .editor-webpage-mobile-link {\n text-align: left;\n width: 100%;\n display: block;\n}\n\n.editor-main .root-container .embed-block.editor-entire-selected .embed-container-webpage .editor-embed {\n outline: 1px solid var(--editor-block-entire-selected-embed-border-color);\n}\n.drag-snapshot-container .editor-embed[data-embed-type=webpage],\n.editor-main .editor-embed[data-embed-type=webpage] {\n width: 100%;\n height: 100%;\n position: relative;\n}\n\n.drag-snapshot-container .editor-embed[data-preview-type=card],\n.editor-main .editor-embed[data-preview-type=card] {\n width: auto;\n height: auto;\n color: var(--editor-color);\n display: inline-block;\n padding: 4px 0;\n}\n\n.drag-snapshot-container .editor-embed[data-preview-type=preview],\n.editor-main .embed-container .editor-embed[data-preview-type=preview],\n.editor-main .container-on-uploading .editor-embed[data-embed-type=video],\n.editor-main .block-tools .editor-embed[data-embed-type=video],\n.editor-main .container-on-uploading .editor-embed[data-embed-type=audio],\n.editor-main .block-tools .editor-embed[data-embed-type=audio] {\n position: relative;\n display: flex;\n flex-direction: column-reverse;\n border: 1px solid var(--office-preview-border-color);\n border-radius: var(--editor-border-radius);\n width: 100%;\n height: 460px;\n max-height: 600px;\n min-height: 240px;\n color: var(--editor-color);\n padding: 0;\n}\n\n.editor-main .container-on-uploading .editor-embed[data-embed-type=audio],\n.editor-main .block-tools .editor-embed[data-embed-type=audio] {\n height: 120px;\n min-height: auto;\n}\n.drag-snapshot-container .editor-embed[data-preview-type=preview] {\n width: 100%;\n height: 100%;\n max-height: none;\n min-height: none;\n background: var(--office-preview-info-bg-color);\n}\n\n.editor-main .block-entire-hover .embed-container .editor-embed[data-preview-type=preview] {\n border-color: var(--editor-block-entire-hover-embed-border-color);\n}\n\n.embed-office-card-fixed {\n position: fixed;\n text-align: left;\n background-color: var(--office-card-bg-color);\n cursor: pointer;\n border-radius: 4px;\n display: flex;\n align-items: center;\n transform: translate(-50%, -50%) scale(0.7);\n pointer-events: none;\n z-index: var(--wiz-editor-z-embed-office-card);\n}\n\n.drag-snapshot-container .embed-office-card,\n.editor-main .embed-office-card {\n text-align: left;\n background-color: var(--office-card-bg-color);\n cursor: pointer;\n border-radius: 4px;\n display: flex;\n align-items: center;\n /* max-width: 360px; */\n min-width: 360px;\n}\n\n.drag-snapshot-container .editor-block.embed-block.office-embed,\n.editor-main .editor-block.embed-block.office-embed {\n text-align: left;\n}\n\n.embed-office-card .office-card-icon {\n display: flex;\n width: 36px;\n height: 36px;\n margin: 6px 6px 6px 12px;\n}\n\n.embed-office-card .office-card-icon svg {\n width: auto;\n height: auto;\n}\n\n.embed-office-card .office-card-info {\n display: flex;\n flex-direction: column;\n flex: 1;\n}\n\n.editor-main.mobile .editor-block.embed-block.office-embed {\n padding: 0;\n}\n\n.editor-main.mobile .embed-container.embed-container-office.embed-container-card.block-content,\n.editor-main.mobile .embed-container.embed-container-office.embed-container-card.block-content .editor-embed,\n.editor-main.mobile .embed-container.embed-container-office.embed-container-card.block-content .editor-embed .embed-office-card {\n max-width: 100%;\n}\n\n.editor-main.mobile .embed-container.embed-container-office.embed-container-card.block-content .editor-embed .embed-office-card {\n min-width: 300px;\n max-width: 300px;\n width: 300px;\n}\n\n.editor-main.mobile .embed-office-card .office-card-info {\n overflow: hidden;\n padding-right: 12px;\n}\n\n.embed-office-card .office-card-handle {\n display: flex;\n padding-right: 4px;\n min-width: 104px;\n flex-direction: row-reverse;\n flex-shrink: 0;\n padding-left: 8px;\n}\n\n.embed-office-card .office-handle-button {\n width: 34px;\n height: 34px;\n background-color: var(--office-card-button-bg-color);\n border: 1px solid var(--office-card-button-border-color);\n border-radius: 50%;\n margin: 0 4px;\n background-repeat: no-repeat;\n background-position: 50%;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n}\n\n.editor-main.readonly .embed-office-card .office-handle-button.editor-edit-office,\n.editor-main.readonly .editor-block.locked-readonly .embed-office-card .office-handle-button.editor-edit-office {\n display: none;\n}\n\n.editor-main .embed-office-card .office-handle-button svg {\n color: var(--office-card-name);\n fill: currentColor;\n}\n\n.editor-main:not(.mobile) .embed-office-card .office-handle-button:hover svg {\n color: #006EFF;\n}\n\n.editor-main .embed-office-card .office-handle-button.office-handle-preview {\n background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExLjk4OSAxNi42MWMyLjM1NSAwIDQuNTM1LTEuNDg1IDYuNTU2LTQuNjk2LTEuOTY5LTMuMi00LjE0NC00LjY3OS02LjU1Ni00LjY3OS0yLjQxMSAwLTQuNTc5IDEuNDc4LTYuNTM0IDQuNjc5IDIuMDA3IDMuMjEyIDQuMTggNC42OTcgNi41MzQgNC42OTd6TTQgMTEuOTI1YzIuMTg1LTQuMDg3IDQuODQ4LTYuMTMxIDcuOTg4LTYuMTMxIDMuMTQgMCA1LjgxMSAyLjA0NCA4LjAxMiA2LjEzMS0yLjI2MiA0LjA4Ni00LjkzMiA2LjEzLTguMDEyIDYuMTNTNi4yNDYgMTYuMDEgNCAxMS45MjN6bTggMi44ODRjMS42MDcgMCAyLjkxLTEuMjkyIDIuOTEtMi44ODUgMC0xLjU5My0xLjMwMy0yLjg4NS0yLjkxLTIuODg1LTEuNjA3IDAtMi45MSAxLjI5Mi0yLjkxIDIuODg1IDAgMS41OTMgMS4zMDMgMi44ODUgMi45MSAyLjg4NXptMC0xLjQ0M2ExLjQ0OSAxLjQ0OSAwIDAgMS0xLjQ1NS0xLjQ0MmMwLS43OTYuNjUyLTEuNDQyIDEuNDU1LTEuNDQyczEuNDU1LjY0NiAxLjQ1NSAxLjQ0MmMwIC43OTctLjY1MiAxLjQ0Mi0xLjQ1NSAxLjQ0MnoiIGZpbGw9IiMxRjIzMjkiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);\n}\n\n.editor-main:not(.mobile) .embed-office-card .office-handle-button.office-handle-preview:hover {\n background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExLjk4OSAxNi42MWMyLjM1NSAwIDQuNTM1LTEuNDg1IDYuNTU2LTQuNjk2LTEuOTY5LTMuMi00LjE0NC00LjY3OS02LjU1Ni00LjY3OS0yLjQxMSAwLTQuNTc5IDEuNDc4LTYuNTM0IDQuNjc5IDIuMDA3IDMuMjEyIDQuMTggNC42OTcgNi41MzQgNC42OTd6TTQgMTEuOTI1YzIuMTg1LTQuMDg3IDQuODQ4LTYuMTMxIDcuOTg4LTYuMTMxIDMuMTQgMCA1LjgxMSAyLjA0NCA4LjAxMiA2LjEzMS0yLjI2MiA0LjA4Ni00LjkzMiA2LjEzLTguMDEyIDYuMTNTNi4yNDYgMTYuMDEgNCAxMS45MjN6bTggMi44ODRjMS42MDcgMCAyLjkxLTEuMjkyIDIuOTEtMi44ODUgMC0xLjU5My0xLjMwMy0yLjg4NS0yLjkxLTIuODg1LTEuNjA3IDAtMi45MSAxLjI5Mi0yLjkxIDIuODg1IDAgMS41OTMgMS4zMDMgMi44ODUgMi45MSAyLjg4NXptMC0xLjQ0M2ExLjQ0OSAxLjQ0OSAwIDAgMS0xLjQ1NS0xLjQ0MmMwLS43OTYuNjUyLTEuNDQyIDEuNDU1LTEuNDQyczEuNDU1LjY0NiAxLjQ1NSAxLjQ0MmMwIC43OTctLjY1MiAxLjQ0Mi0xLjQ1NSAxLjQ0MnoiIGZpbGw9IiMwN0YiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);\n}\n\n.editor-main .embed-office-card .office-handle-button.office-handle-download {\n background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iIzJCMkYzNiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTkuNSAxNi44N3YxLjg3YzAgLjQxLS4zNC43NS0uNzUuNzVINS4yNWEuNzUuNzUgMCAwIDEtLjc1LS43NXYtMS44OGMwLS4yLjE3LS4zNy4zOC0uMzdoLjc1Yy4yIDAgLjM3LjE3LjM3LjM4djEuMTJoMTJ2LTEuMTNjMC0uMi4xNy0uMzcuMzgtLjM3aC43NWMuMiAwIC4zNy4xNy4zNy4zOHptLTYuNzQtMy4zNWwyLjE2LTIuMTZhLjM4LjM4IDAgMCAxIC41MyAwbC41My41M2MuMTQuMTQuMTQuMzggMCAuNTNsLTMuNzEgMy43MWEuMzcuMzcgMCAwIDEtLjU0IDBsLTMuNy0zLjcxYS4zNy4zNyAwIDAgMSAwLS41M2wuNTItLjUzYS4zOC4zOCAwIDAgMSAuNTMgMGwyLjE4IDIuMTdWNC44OGMwLS4yMS4xNi0uMzguMzctLjM4aC43NWMuMiAwIC4zOC4xNy4zOC4zOHY4LjY0eiIvPjwvc3ZnPg==);\n}\n\n.editor-main:not(.mobile) .embed-office-card .office-handle-button.office-handle-download:hover {\n background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTE5LjUgMTYuMzc1djEuODc1YS43NS43NSAwIDAgMS0uNzUuNzVINS4yNWEuNzUuNzUgMCAwIDEtLjc1LS43NXYtMS44NzVjMC0uMjA3LjE2OC0uMzc1LjM3NS0uMzc1aC43NWMuMjA3IDAgLjM3NS4xNjguMzc1LjM3NVYxNy41aDEydi0xLjEyNWMwLS4yMDcuMTY4LS4zNzUuMzc1LS4zNzVoLjc1Yy4yMDcgMCAuMzc1LjE2OC4zNzUuMzc1em0tNi43NDMtMy4zNDhsMi4xNi0yLjE2YS4zNzUuMzc1IDAgMCAxIC41MyAwbC41My41M2EuMzc1LjM3NSAwIDAgMSAwIC41M2wtMy43MTIgMy43MTNhLjM3NC4zNzQgMCAwIDEtLjUzIDBsLTMuNzEyLTMuNzEzYS4zNzUuMzc1IDAgMCAxIDAtLjUzbC41My0uNTNhLjM3NS4zNzUgMCAwIDEgLjUzIDBsMi4xNzQgMi4xNzNWNC4zODdjMC0uMjA3LjE2OC0uMzc1LjM3NS0uMzc1aC43NWMuMjA3IDAgLjM3NS4xNjguMzc1LjM3NXY4LjY0eiIgZmlsbD0iIzA3RiIvPjwvZz48L3N2Zz4=);\n}\n\n.editor-main .embed-office-card .office-card-name {\n max-width: 185px;\n font-size: 14px;\n line-height: 22px;\n margin-top: 6px;\n color: var(--office-card-name);\n white-space: nowrap;\n overflow: hidden;\n display: flex;\n}\n\n.editor-main .embed-office-card .office-card-name .office-card-filename-front {\n text-overflow: ellipsis;\n overflow: hidden;\n}\n\n.editor-main .embed-office-card .office-card-size {\n white-space: nowrap;\n font-size: 12px;\n margin-bottom: 6px;\n line-height: 14px;\n color: var(--office-card-size);\n}\n\n.editor-main .editor-quote-block .block-content {\n border-left: 4px solid var(--editor-quoted-border-color);\n padding-left: var(--editor-quote-block-padding-left);\n color: var(--editor-quoted-color);\n}\n\n.editor-main .editor-quote-block .block-content svg {\n color: var(--editor-quoted-color);\n}\n\n.editor-main .editor-menu-container {\n min-width: 120px;\n}\n\n.editor-drawio-content {\n /* min-width: 300px; */\n /* min-height: 150px; */\n color: inherit;\n}\n\n.editor-drawio-iframe-container {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: var(--wiz-editor-z-draw-io);\n background-color: #f7f6f3;\n}\n\n.editor-drawio-iframe-container.loading:before {\n content: attr(data-placeholder);\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: #f7f6f3;\n z-index: 2;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.editor-drawio-iframe {\n width: 100%;\n height: 100%;\n}\n\n.editor-drawio-iframe-container.loading .editor-drawio-iframe {\n visibility: hidden;\n}\n\n\n.editor-main .editor-block .block-content .editor-drawio-content.editor-embed {\n padding: 4px;\n}\n\n.editor-main .editor-block .block-content .editor-empty-drawio.editor-drawio-content.editor-embed {\n width: 240px;\n height: 80px;\n display: inline-block;\n /* background-color: var(--editor-quoted-border-color); */\n /* border-radius: 4px; */\n}\n\n.editor-main .editor-block .block-content .editor-empty-drawio.editor-drawio-content.editor-embed::before {\n background-image: var(--editor-drawio-empty-svg);\n position: absolute;\n content: ' ';\n color: var(--editor-quoted-color);\n top: 8px;\n left: calc(50% - 24px);\n width: 48px;\n height: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.editor-main .editor-block .block-content .editor-empty-drawio.editor-drawio-content.editor-embed::after {\n position: absolute;\n content: attr(date-empty-drawio-content);\n color: var(--editor-quoted-color);\n bottom: 0;\n left: 0;\n width: 100%;\n height: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.editor-mermaid-container {\n display: none;\n}\n\n.editor-main .editor-block.embed-block .empty-embed {\n width: 100%;\n min-height: 106px;\n background-color: var(--editor-code-bg-color);\n}\n\n.editor-main .editor-block.embed-block .empty-embed::after {\n content: attr(data-empty-text);\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n height: 100%;\n display:flex;\n flex-direction:row;\n align-items: center;\n justify-content: center;\n color: var(--editor-color);\n white-space: nowrap;\n}\n\n\n.editor-main .editor-block.embed-block .editor-invalid-code:not(.empty-embed) {\n width: 200px;\n height: 100px;\n}\n\n.editor-main .editor-block.embed-block .editor-invalid-code:not(.empty-embed) svg {\n display: none;\n}\n\n.editor-main .editor-block.embed-block .editor-invalid-code:not(.empty-embed)::after {\n content: attr(data-invalid-text);\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n height: 100%;\n outline: 1px solid red;\n display:flex;\n flex-direction:row;\n align-items: center;\n justify-content: center;\n color: red;\n}\n\n.editor-main .editor-block.embed-block.focused .editor-invalid-code:not(.empty-embed)::after {\n outline: none;\n}\n\n.editor-quick-editable {\n cursor: pointer;\n}\n\n.editor-block.locked-readonly.focused {\n outline:1px solid #448aff;\n}\n\n\n.editor-main .root-container .embed-block .embed-container-plantuml,\n.editor-main .root-container .embed-block .embed-container-math,\n.editor-main .root-container .embed-block .embed-container-flowchart,\n.editor-main .root-container .embed-block .embed-container-mermaid {\n width: 100%;\n}\n\n.editor-main .root-container .embed-block .embed-container-mermaid svg * {\n font-family: inherit;\n font-size: 15px;\n line-height: 1.2;\n box-sizing: inherit;\n}\n\n.editor-main .root-container .embed-block .editor-embed[data-embed-type=mermaid] {\n width: 100%;\n}\n\n.embed-container.embed-container-video {\n max-width: 100%;\n padding: 4px !important;\n}\n\n.editor-main video {\n max-width: 100%;\n display: block !important;\n}\n\n.embed-container.embed-container-audio {\n max-width: 100%;\n padding: 4px !important;\n}\n\n.editor-main audio {\n max-width: 100%;\n display: block !important;\n}\n\n.embed-container.embed-container-image {\n max-width: 100%;\n padding: 4px !important;\n}\n\n.image-drag-container {\n position: fixed;\n transform: translate(-50%, -50%);\n pointer-events: none;\n display: block;\n z-index: var(--wiz-editor-z-image-drag-container);\n}\n\n.editor-main .editor-container.sub-container .image-embed {\n text-align: inherit;\n}\n\n.on-dragging>.block-content {\n opacity: 0.2;\n}\n\n.image-embed img.on-dragging {\n opacity: 0.2;\n}\n\n.image-embed .image-resize-tool {\n position: absolute;\n padding: 0;\n z-index: var(--wiz-editor-z-image-resize-tool);\n}\n\n.drag-snapshot-container .editor-images-container img,\n.editor-main .root-container .editor-images-container img {\n margin-left: 2px;\n flex-shrink: 0;\n}\n\n.drag-snapshot-container .editor-images-container img:first-child,\n.editor-main .root-container .editor-images-container img:first-child {\n margin-left: 0;\n}\n\n.image-resize-tool .image-resize-container {\n outline: 2px solid var(--editor-block-resize-toolbar-color);\n transform: translate(-1px, -1px);\n}\n\n.editor-main .root-container .image-resize-tool .image-clone {\n max-width: none;\n opacity: 0;\n display: block !important;\n}\n\n.image-resize-tool .image-circular {\n position: absolute;\n width: 14px;\n height: 14px;\n background-color: var(--editor-block-resize-toolbar-color);\n border-radius: 50px;\n border: 2px solid #ffffff;\n z-index: var(--wiz-editor-z-image-resize-circular);\n}\n\n.image-resize-wall {\n display: none;\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: var(--wiz-editor-z-image-resize-wall);\n background-color: transparent;\n}\n\n.image-resize-tool .image-circular.image-circular-left-top {\n top: -7px;\n left: -7px;\n cursor: nwse-resize;\n}\n\n.image-resize-tool .image-circular.image-circular-right-top {\n top: -7px;\n right: -7px;\n cursor: nesw-resize;\n}\n\n.image-resize-tool .image-circular.image-circular-left-bottom {\n bottom: -7px;\n left: -7px;\n cursor: nesw-resize;\n}\n\n.image-resize-tool .image-circular.image-circular-right-bottom {\n bottom: -7px;\n right: -7px;\n cursor: nwse-resize;\n}\n\n.editor-main image {\n max-width: 100%;\n}\n\n/* resize tool */\n.embed-resize-tool {\n position: absolute;\n top: 0;\n left: 0;\n z-index: var(--wiz-editor-z-embed-resize-tool);\n}\n.embed-resize-tool:not(.moving):hover {\n pointer-events: none;\n}\n.embed-resize-tool.moving {\n width: 100%;\n height: 100%;\n}\n.resize-slider-top,\n.resize-slider-bottom,\n.resize-slider-left,\n.resize-slider-right {\n position: absolute;\n background-color: var(--editor-block-resize-toolbar-color);\n}\n.resize-slider-top,\n.resize-slider-bottom {\n height: 2px;\n transform: translateY(-50%);\n cursor: ns-resize;\n}\n\n.resize-slider-left,\n.resize-slider-right {\n width: 2px;\n transform: translateX(-50%);\n cursor: ew-resize;\n}\n\n.resize-slider-top::after,\n.resize-slider-bottom::after,\n.resize-slider-left::after,\n.resize-slider-right::after {\n pointer-events: all;\n content: '';\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n background-color: var(--editor-block-resize-toolbar-color);\n transform: translate(-50%, -50%);\n width: 16px;\n height: 16px;\n border-radius: 8px;\n border: 2px solid var(--editor-bg-color);\n box-sizing: border-box;\n}\n\n.resize-slider-top::after,\n.resize-slider-bottom::after {\n cursor: ns-resize;\n}\n\n.resize-slider-left::after,\n.resize-slider-right::after {\n cursor: ew-resize;\n}\n\n.resize-slider-top-left,\n.resize-slider-bottom-left,\n.resize-slider-top-right,\n.resize-slider-bottom-right {\n pointer-events: all;\n position: absolute;\n top: 50%;\n left: 50%;\n background-color: var(--editor-block-resize-toolbar-color);\n transform: translate(-50%, -50%);\n width: 16px;\n height: 16px;\n border-radius: 8px;\n border: 2px solid var(--editor-bg-color);\n box-sizing: border-box;\n}\n.resize-slider-top-left,\n.resize-slider-bottom-right {\n cursor: nwse-resize;\n}\n.resize-slider-bottom-left,\n.resize-slider-top-right {\n cursor: nesw-resize;\n}\n\n.editor-main .root-container .editor-block.image-embed .embed-container.embed-container-image.editor-empty-image-container.block-content {\n width: 100%;\n background-color: var(--editor-code-bg-color);\n display: inline-block;\n align-items: center;\n height: 48px;\n border-radius: 4px;\n}\n\n.editor-main .root-container .editor-block.image-embed .embed-container.embed-container-image.editor-empty-image-container.block-content .editor-images-container.editor-embed {\n width: 100%;\n height: 100%;\n margin-left: 8px;\n align-items: center;\n}\n\n.editor-main .root-container .editor-block.image-embed .embed-container.embed-container-image.editor-empty-image-container.block-content .editor-images-container.editor-embed .image-empty-container {\n width: 100%;\n display: flex;\n align-items: center;\n color: var(--editor-color)\n}\n\n.editor-main .root-container .editor-block.image-embed .embed-container.embed-container-image.editor-empty-image-container.block-content .editor-images-container.editor-embed .image-empty-container .image-empty-icon {\n height: 24px;\n width: 24px;\n}\n\n.editor-main .root-container .editor-block.image-embed .embed-container.embed-container-image.editor-empty-image-container.block-content .editor-images-container.editor-embed .image-empty-container .image-empty-button {\n margin-left: 8px;\n color: #7084A4;\n}\n\n/* Drag & Drop Block*/\n.editor-main .root-container .editor-block.dragging {\n opacity: .3;\n}\n.editor-block.gu-mirror {\n position: absolute;\n background-color: var(--editor-placeholder-color);\n opacity: .7;\n}\n.editor-block.gu-mirror ol {\n margin: 0;\n}\n.editor-block.gu-mirror .block-tools {\n display: none;\n}\n\n.editor-loader {\n display: none;\n}\n\n.editor-loader-ring {\n display: inline-block;\n width: 64px;\n height: 64px;\n position: absolute;\n top: 40px;\n left: 50%;\n margin-left: -32px;\n z-index: var(--wiz-editor-z-loader-ring);\n}\n\n.editor-loader-ring:after {\n content: \" \";\n display: block;\n margin: 8px;\n width: 44px;\n height: 44px;\n border-radius: 50%;\n border: 6px solid #ccc;\n border-color: #ccc transparent #ccc transparent;\n animation: editor-loader-ring 1.2s linear infinite;\n}\n\n@keyframes editor-loader-ring {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n\n.title-block-button {\n display: none;\n}\n\n.show_full_screen_iframe {\n overflow: hidden;\n}\n\n.editor-mindmap-svg {\n position: absolute;\n top: 0;\n left: 0;\n background-color: var(--editor-locked-bg-color);\n z-index: var(--wiz-editor-z-mindmap-svg);\n font-size: 12px;\n letter-spacing: 0;\n}\n\n.editor-block.focused svg.editor-mindmap-svg {\n outline: 1px solid #448aff;\n cursor: grab;\n}\n\n.editor-in-mindmap-first {\n height: 600px;\n}\n\n.block-tools:fullscreen .editor-mindmap-svg {\n position: relative;\n width: 100%;\n height: 100;\n}\n\n.editor-main .root-container .editor-block.editor-hidden {\n /* display: none; */\n position: absolute;\n top: -100000px;\n z-index: var(--wiz-editor-z-editor-hidden);\n visibility: hidden;\n width: 0;\n height: 0;\n overflow: hidden;\n}\n\n.editor-mindmap-close-button {\n position: absolute;\n right: 8px;\n top: 8px;\n z-index: var(--wiz-editor-z-mindmap-button);\n}\n\n.editor-mindmap-fit-icon {\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.editor-mindmap-fullscreen-button {\n position: absolute;\n right: 36px;\n top: 8px;\n z-index: var(--wiz-editor-z-mindmap-button);;\n}\n\n.editor-mindmap-fit-button {\n position: absolute;\n right: 64px;\n top: 8px;\n z-index: var(--wiz-editor-z-mindmap-button);\n}\n\n.editor-main .root-container .box-wiki-link {\n padding-left: 4px;\n padding-right: 4px;\n cursor: pointer;\n}\n\n.editor-main .root-container .box-wiki-link:hover {\n color: #448aff;\n}\n\n.editor-main .root-container .box-wiki-link-secondary-name {\n color: var(--editor-placeholder-color);\n}\n\n.editor-main .root-container.editor-typewriter-mode {\n padding-bottom: 50vh;\n}\n\n.editor-main .root-container.editor-focus-mode .editor-block {\n opacity: 0.3;\n}\n\n.editor-main .root-container.editor-focus-mode .editor-block.focused {\n opacity: 1;\n}\n\n.editor-mindmap-node {\n max-width: 200px;\n /* word-wrap: break-word; */\n white-space: normal !important;\n}\n.editor-embed > svg .loopText, .editor-embed > svg .loopText > tspan {\n fill: red;\n}\n\n.editor-align-left {\n text-align: left;\n}\n\n.editor-align-right {\n text-align: right;\n}\n\n.editor-align-center {\n text-align: center;\n}\n\n.editor-align-justify {\n text-align: justify;\n}\n\n/*\nth,td .sub-container {\n padding: 8px 12px;\n} */\n\n.editor-color-transparent {\n color: transparent !important;\n}\n\n.editor-table-chart {\n padding-top: 16px;\n}\n\n}";