#app,body,html{width:100%;height:100%;margin:0;padding:0}.mpd-title-bar{color:var(--mpd-global-font-color);background:var(--mpd-title-bar-bg-color);min-height:30px;font-size:var(--mpd-global-font-size);align-items:center}.mpd-title-bar .menu-bar .menu-bar-menu-button{height:30px;line-height:30px;padding:0 10px;cursor:pointer}.mpd-title-bar .menu-bar .menu-bar-menu-button:hover{background-color:var(--mpd-title-bar-menu-button-hover-bg-color)}.mpd-title-bar .window-title{text-align:center}.mpd-menu.ant-dropdown-menu-dark{background:var(--mpd-contextmenu-bg-color)}.mpd-menu.ant-dropdown-menu-dark .mpd-menu-item:hover{background:var(--mpd-contextmenu-hover-bg-color)}.mpd-menu.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon,.mpd-menu.ant-dropdown-menu-dark .mpd-menu-item .ant-dropdown-menu-submenu-arrow-icon{color:var(--contextmenu-font-hover-color)}.mpd-side-panel-component{height:100%}.mpd-side-panel-component .mpd-scroll-container{height:calc(100% - 50px)!important}.mpd-side-panel-component .group-container .group-item .title{color:#000}.mpd-side-panel-component .group-container .group-item .ant-tag{width:100%}.mpd-side-panel-component .group-container .group-item .ant-tag:hover{background:#eee}.mpd-side-panel-base-config .ant-tabs-bar{margin:0}.mpd-side-panel-base-config .ant-tabs-content{height:calc(100% - 40px)}.mpd-panel-dynamic-config .ant-tabs-bar{margin:0}.mpd-panel-dynamic-config .ant-tabs-content{height:calc(100% - 40px)}.mpd-side-panel-page-json{-moz-user-select:all;-webkit-user-select:all;user-select:all}.mpd-wordspace-side-bar{color:var(--mpd-global-font-color);background-color:var(--mpd-content-side-bar-bg-color);font-size:var(--mpd-global-font-size)}.mpd-wordspace-side-bar .side-actions-container{width:50px}.mpd-wordspace-side-bar .side-actions-container .side-actions-item{width:100%;padding:5px 0;text-align:center;cursor:pointer;border-left:2px solid transparent;border-right:2px solid transparent}.mpd-wordspace-side-bar .side-actions-container .side-actions-item span{font-size:26px}.mpd-wordspace-side-bar .side-actions-container .side-actions-item.selected,.mpd-wordspace-side-bar .side-actions-container .side-actions-item:hover{color:var(--mpd-content-side-actions-item-font-hover-color)}.mpd-wordspace-side-bar.left .side-actions-container .side-actions-item.selected{border-left-color:var(--mpd-content-side-actions-item-border-selected-color)}.mpd-wordspace-side-bar.right .side-actions-container .side-actions-item.selected{border-right-color:var(--mpd-content-side-actions-item-border-selected-color)}.mpd-wordspace-side-bar .side-panel-container{background-color:var(--mpd-content-side-panel-bg-color)}.mpd-workspace-page-widget{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;pointer-events:none}.mpd-workspace-page-widget .show-box{position:absolute;background-color:rgba(66,133,244,.1);outline:1px solid #4285f4}.mpd-workspace-page-widget .show-box .title{top:-18px;left:-1px;position:absolute;font-size:12px;padding:0 5px;white-space:nowrap}.mpd-workspace-page-widget .show-box .toolbar{top:-18px;right:-1px;position:absolute;line-height:18px;pointer-events:all}.mpd-workspace-page-widget .show-box .toolbar .mpd-icon{font-size:12px;cursor:pointer;margin:0 2px;color:#eee}.mpd-workspace-page-widget .show-box .toolbar .mpd-icon:hover{color:#fff}.page-draggable-dom{min-width:10px!important;min-height:10px!important;position:relative}.page-draggable-dom.draggable{min-height:10px}.page-draggable-dom.subline{outline:1px dashed #67cded}.page-draggable-dom.drop-position-bottom:after,.page-draggable-dom.drop-position-top:before{position:absolute;content:" ";display:block;width:100%;height:3px;background-color:#2d88f8;left:0}.page-draggable-dom.drop-position-top:before{top:-3px}.page-draggable-dom.drop-position-in{outline:3px solid #2d88f8}.page-draggable-dom.drop-position-bottom:after{bottom:-3px}.mpd-workspace-page-canvas .page-canvas-root-dom{min-height:100%!important}.mpd-workspace-page-canvas .page-slot-panel{background:#fff;height:200px;border-left:1px solid var(--mpd-content-side-workspace-bg-color);border-right:1px solid var(--mpd-content-side-workspace-bg-color);position:relative}.mpd-workspace-page-canvas .page-slot-panel .ant-tabs-tab{padding:0 8px!important}.mpd-workspace-page-canvas .page-slot-panel .ant-tabs-bar{margin:0}.mpd-workspace-page-canvas .page-slot-panel .page-slot-panel-content{position:relative;height:calc(100% - 40px)}.mpd-workspace{background:var(--mpd-content-side-workspace-bg-color)}.mpd-status-bar{height:22px;line-height:22px;background-color:#007acc;color:#fff;font-size:var(--mpd-global-font-size);padding:0 5px}.mpd-container.editor-mode{width:100%;height:100%}.mpd-scroll-container.invisible .mpd-scroll-bar-thumb{opacity:0;transition:opacity .8s linear}.mpd-scroll-container.visible .mpd-scroll-bar-thumb{opacity:1;transition:opacity .2s linear}.mpd-scroll-container{position:relative;--mpd-scroll-bar-width:6px}.mpd-scroll-container .mpd-scroll-body{position:absolute;width:100%;height:100%;overflow:hidden}.mpd-scroll-container .mpd-scroll-body .mpd-scroll-view{position:absolute;min-width:100%;min-height:100%}.mpd-scroll-container .mpd-scroll-bar{position:absolute}.mpd-scroll-container .mpd-scroll-bar .mpd-scroll-bar-thumb{background-color:var(--mpd-scroll-bar-thumb-bg-color,hsla(0,0%,47.5%,.4));width:100%;height:100%;border-radius:var(--mpd-scroll-bar-width)}.mpd-scroll-container .mpd-scroll-bar .mpd-scroll-bar-thumb:hover{background-color:var(--mpd-scroll-bar-thumb-hover-bg-color,hsla(0,0%,39.2%,.7))}.mpd-scroll-container .horizontal{width:100%;height:var(--mpd-scroll-bar-width)}.mpd-scroll-container .vertical{height:100%;width:var(--mpd-scroll-bar-width)}.mpd-scroll-container .mpd-scroll-body::-webkit-scrollbar{width:0;height:0}.mpd-resize-container{position:relative}.mpd-resize-container .mpd-resize-block{position:absolute;--mpd-resize-block-size:3px;--mpd-resize-block-offect:-1px}.mpd-resize-container .mpd-resize-block.top{top:var(--mpd-resize-block-offect)}.mpd-resize-container .mpd-resize-block.bottom{bottom:var(--mpd-resize-block-offect)}.mpd-resize-container .mpd-resize-block.bottom,.mpd-resize-container .mpd-resize-block.top{left:0;width:100%;height:var(--mpd-resize-block-size);cursor:s-resize;z-index:9999}.mpd-resize-container .mpd-resize-block.left{left:var(--mpd-resize-block-offect)}.mpd-resize-container .mpd-resize-block.right{right:var(--mpd-resize-block-offect)}.mpd-resize-container .mpd-resize-block.left,.mpd-resize-container .mpd-resize-block.right{top:0;width:var(--mpd-resize-block-size);height:100%;cursor:w-resize;z-index:9999}.mpd-icon{line-height:normal}.mpd-tooltip .ant-tooltip-inner{font-size:12px;min-height:auto}.mpd-container.theme-dark{--mpd-global-font-color:#ccc;--mpd-global-font-size:12px;--mpd-global-bg-color:#1e1e1e;--mpd-global-block-bg-hover-color:#505050;--mpd-title-bar-bg-color:#3e3e3e;--mpd-title-bar-menu-button-hover-bg-color:var(--mpd-global-block-bg-hover-color);--mpd-content-side-bar-bg-color:#333;--mpd-content-side-panel-bg-color:#fff;--mpd-content-side-actions-item-font-hover-color:#fff;--mpd-content-side-actions-item-border-selected-color:var(--mpd-content-side-actions-item-border-color);--mpd-content-side-workspace-bg-color:#e2e5ec;--mpd-status-bar-bg-color:#3e3e3e;--mpd-contextmenu-bg-color:#3c3c3c;--mpd-contextmenu-font-color:var(--mpd-global-font-color);--mpd-contextmenu-font-hover-color:var(--mpd-contextmenu-font-color);--mpd-contextmenu-border-color:var(--mpd-global-border-color);--mpd-contextmenu-hover-bg-color:#094771;--mpd-contextmenu-expand-bg-color:var(--mpd-contextmenu-hover-bg-color);--mpd-contextmenu-expand-font-color:var(--mpd-contextmenu-font-hover-color)}.display-flex{display:flex}.display-flex.flex-direction-row{flex-direction:row}.display-flex.flex-direction-row-reverse{flex-direction:row-reverse}.display-flex.flex-direction-column{flex-direction:column}.display-flex.flex-direction-column-reverse{flex-direction:column-reverse}.display-flex .flex-size-auto{flex:auto}.display-flex .flex-align-items-center{align-items:center}.display-flex .flex-wrap{flex-wrap:wrap}.full-box{position:absolute;width:100%;height:100%}.margin{margin:15px}.margin-xs{margin:5px}.margin-sm{margin:10px}.margin-md{margin:20px}.margin-lg{margin:30px}.margin-no{margin:0}.margin-t{margin-top:15px}.margin-t-xs{margin-top:5px}.margin-t-sm{margin-top:10px}.margin-t-md{margin-top:20px}.margin-t-lg{margin-top:30px}.margin-t-no{margin-top:0}.margin-r{margin-right:15px}.margin-r-xs{margin-right:5px}.margin-r-sm{margin-right:10px}.margin-r-md{margin-right:20px}.margin-r-lg{margin-right:30px}.margin-r-no{margin-right:0}.margin-b{margin-bottom:15px}.margin-b-xs{margin-bottom:5px}.margin-b-sm{margin-bottom:10px}.margin-b-md{margin-bottom:20px}.margin-b-lg{margin-bottom:30px}.margin-b-no{margin-bottom:0}.margin-l{margin-left:15px}.margin-l-xs{margin-left:5px}.margin-l-sm{margin-left:10px}.margin-l-md{margin-left:20px}.margin-l-lg{margin-left:30px}.margin-l-no{margin-left:0}.padding{padding:15px}.padding-xs{padding:5px}.padding-sm{padding:10px}.padding-md{padding:20px}.padding-lg{padding:30px}.padding-no{padding:0}.padding-t{padding-top:15px}.padding-t-xs{padding-top:5px}.padding-t-sm{padding-top:10px}.padding-t-md{padding-top:20px}.padding-t-lg{padding-top:30px}.padding-t-no{padding-top:0}.padding-r{padding-right:15px}.padding-r-xs{padding-right:5px}.padding-r-sm{padding-right:10px}.padding-r-md{padding-right:20px}.padding-r-lg{padding-right:30px}.padding-r-no{padding-right:0}.padding-b{padding-bottom:15px}.padding-b-xs{padding-bottom:5px}.padding-b-sm{padding-bottom:10px}.padding-b-md{padding-bottom:20px}.padding-b-lg{padding-bottom:30px}.padding-b-no{padding-bottom:0}.padding-l{padding-left:15px}.padding-l-xs{padding-left:5px}.padding-l-sm{padding-left:10px}.padding-l-md{padding-left:20px}.padding-l-lg{padding-left:30px}.padding-l-no{padding-left:0}.width-full{width:100%}.width-half{width:50%}.height-full{height:100%}.height-min-full{min-height:100%}.cursor-move{cursor:move}.cursor-pointer{cursor:pointer}.not-select{-moz-user-select:none;-webkit-user-select:none;user-select:none}.wpd-scroll{overflow:auto}.wpd-scroll::-webkit-scrollbar{background-color:none;width:6px;height:6px}.wpd-scroll::-webkit-scrollbar-corner,.wpd-scroll::-webkit-scrollbar-track{background:none}.wpd-scroll::-webkit-scrollbar-thumb{background-color:hsla(0,0%,47.5%,.4);border-radius:6px}.wpd-scroll::-webkit-scrollbar-thumb:hover{background-color:hsla(0,0%,39.2%,.7)}.wpd-scroll::-webkit-scrollbar-button{display:none}.bg-color-black{background-color:#000}.bg-color-white{background-color:#fff}.bg-color-gray{background-color:rgba(0,0,0,.25)}.bg-color-pink{background-color:#c41d7f}.bg-color-pink-thin{background-color:#ffadd2}.bg-color-pink-light{background-color:#fff0f6}.bg-color-red{background-color:#ff4d4f}.bg-color-red-thin{background-color:#ffa39e}.bg-color-red-light{background-color:#fff1f0}.bg-color-orange{background-color:#d46b08}.bg-color-orange-thin{background-color:#ffd591}.bg-color-orange-light{background-color:#fff7e6}.bg-color-green{background-color:#389e0d}.bg-color-green-thin{background-color:#b7eb8f}.bg-color-green-light{background-color:#f6ffed}.bg-color-cyan{background-color:#08979c}.bg-color-cyan-thin{background-color:#87e8de}.bg-color-cyan-light{background-color:#e6fffb}.bg-color-blue{background-color:#096dd9}.bg-color-blue-thin{background-color:#91d5ff}.bg-color-blue-light{background-color:#e6f7ff}.bg-color-purple{background-color:#531dab}.bg-color-purple-thin{background-color:#d3adf7}.bg-color-purple-light{background-color:#f9f0ff}.text-color-black{color:#000}.text-color-white{color:#fff}.text-color-gray{color:rgba(0,0,0,.25)}.text-color-pink{color:#c41d7f}.text-color-pink-thin{color:#ffadd2}.text-color-pink-light{color:#fff0f6}.text-color-red{color:#ff4d4f}.text-color-red-thin{color:#ffa39e}.text-color-red-light{color:#fff1f0}.text-color-orange{color:#d46b08}.text-color-orange-thin{color:#ffd591}.text-color-orange-light{color:#fff7e6}.text-color-green{color:#389e0d}.text-color-green-thin{color:#b7eb8f}.text-color-green-light{color:#f6ffed}.text-color-cyan{color:#08979c}.text-color-cyan-thin{color:#87e8de}.text-color-cyan-light{color:#e6fffb}.text-color-blue{color:#096dd9}.text-color-blue-thin{color:#91d5ff}.text-color-blue-light{color:#e6f7ff}.text-color-purple{color:#531dab}.text-color-purple-thin{color:#d3adf7}.text-color-purple-light{color:#f9f0ff}.border-color-black{border-color:#000}.border-color-white{border-color:#fff}.border-color-gray{border-color:rgba(0,0,0,.25)}.border-color-pink{border-color:#c41d7f}.border-color-pink-thin{border-color:#ffadd2}.border-color-pink-light{border-color:#fff0f6}.border-color-red{border-color:#ff4d4f}.border-color-red-thin{border-color:#ffa39e}.border-color-red-light{border-color:#fff1f0}.border-color-orange{border-color:#d46b08}.border-color-orange-thin{border-color:#ffd591}.border-color-orange-light{border-color:#fff7e6}.border-color-green{border-color:#389e0d}.border-color-green-thin{border-color:#b7eb8f}.border-color-green-light{border-color:#f6ffed}.border-color-cyan{border-color:#08979c}.border-color-cyan-thin{border-color:#87e8de}.border-color-cyan-light{border-color:#e6fffb}.border-color-blue{border-color:#096dd9}.border-color-blue-thin{border-color:#91d5ff}.border-color-blue-light{border-color:#e6f7ff}.border-color-purple{border-color:#531dab}.border-color-purple-thin{border-color:#d3adf7}.border-color-purple-light{border-color:#f9f0ff}.position-relative{position:relative}.text-size{font-size:14px}.text-size-xs{font-size:10px}.text-size-sm{font-size:12px}.text-size-md{font-size:16px}.text-size-lg{font-size:18px}.text-word-break-word{word-wrap:break-word}.text-word-break-all{word-break:break-all}.text-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.text-align-center{text-align:center}.mpd-container{font-family:Consolas,微软雅黑,Arial}@font-face{font-family:mpd-iconfont;src:url(../fonts/iconfont.789a49b6.ttf) format("truetype")}.mpd-iconfont{font-family:mpd-iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mpd-icon-html:before{content:"\e620"}.mpd-icon-picture:before{content:"\e689"}.mpd-icon-div:before{content:"\e601"}.mpd-icon-text-border:before{content:"\e600"}.mpd-icon-question:before{content:"\e729"}.mpd-icon-row:before{content:"\e61e"}.mpd-icon-col:before{content:"\e691"}.mpd-icon-shanchu:before{content:"\e614"}.mpd-icon-gengduo:before{content:"\e61f"}.mpd-icon-json:before{content:"\e67c"}.mpd-icon-base-config:before{content:"\e6bc"}.mpd-icon-structure:before{content:"\e755"}.mpd-icon-component:before{content:"\e60b"}