:root{--dn-brand-color: #1890ff;--dn-brand-hovering: #40a9ff;--dn-brand-dragging: rgba(24, 144, 255, .26);--dn-brand-dropping: rgba(24, 144, 255, .34);--dn-brand-moving: rgba(24, 144, 255, .5);--dn-white: #fff;--dn-white-gray: #d9d9d9;--dn-white-gray-light: #eee;--dn-white-gray-lighter: #f0f0f0;--dn-white-gray-dark: #aaa;--dn-gray: #333;--dn-gray-light: #444;--dn-gray-lighter: #595959;--dn-gray-dark: #222;--dn-black: #1a1a1a}.dn-light{--dn-aux-cover-rect-dragging-color: var(--dn-brand-dragging);--dn-aux-cover-rect-dropping-color: var(--dn-brand-dropping);--dn-aux-free-selection-background-color: var(--dn-brand-color);--dn-aux-free-selection-border-color: var(--dn-brand-color);--dn-aux-insertion-color: var(--dn-brand-color);--dn-aux-dashed-box-color: var(--dn-brand-color);--dn-aux-dashed-box-title-color: var(--dn-gray);--dn-aux-selection-box-border-color: var(--dn-brand-color);--dn-aux-selection-box-color: var(--dn-gray);--dn-ghost-color: var(--dn-white);--dn-ghost-bg-color: var(--dn-brand-moving);--dn-outline-tree-bg-color: var(--dn-white);--dn-outline-tree-header-border-color: var(--dn-white-gray-light);--dn-outline-tree-color: var(--dn-gray);--dn-outline-tree-insertion-bg-color: var(--dn-brand-color);--dn-outline-tree-node-header-color: var(--dn-gray);--dn-outline-tree-node-hover-color: var(--dn-brand-color);--dn-toolbar-input-color: var(--dn-gray-dark);--dn-toolbar-input-bg-color: var(--dn-white);--dn-toolbar-input-border-color: var(--dn-white-gray-light);--dn-toolbar-input-hover-border-color: var(--dn-white-gray-light);--dn-toolbar-input-handler-bg-color: var(--dn-white);--dn-resize-handle-bg-color: var(--dn-white-gray-light);--dn-resize-handle-hover-bg-color: var(--dn-white-gray-lighter);--dn-resize-handle-color: var(--dn-gray-light);--dn-resize-handle-hover-color: var(--dn-white-lighter);--dn-mobile-simulator-bg-color: var(--dn-white-gray-light);--dn-mobile-simulator-body-bg-color: var(--dn-white);--dn-mobile-simulator-border-color: var(--dn-gray-dark);--dn-responsive-simulator-bg-color: var(--dn-white);--dn-pc-simulator-bg-color: var(--dn-white);--dn-aux-selector-btn-color: var(--dn-white);--dn-aux-selector-btn-bg-color: var(--dn-brand-color);--dn-aux-selector-btn-border-color: var(--dn-brand-color);--dn-aux-selector-btn-hover-color: var(--dn-white);--dn-aux-selector-btn-hover-bg-color: var(--dn-brand-hovering);--dn-aux-selector-btn-hover-border-color: var(--dn-brand-hovering);--dn-aux-selector-btn-active-color: var(--dn-white);--dn-aux-selector-btn-active-bg-color: var(--dn-brand-hovering);--dn-aux-selector-btn-active-border-color: var(--dn-brand-hovering);--dn-panel-border-color: var(--dn-white-gray);--dn-panel-active-bg-color: var(--dn-white-gray-light);--dn-resource-content-bg-color: var(--dn-white);--dn-composite-panel-tabs-bg-color: var(--dn-white);--dn-composite-panel-tabs-active-bg-color: var(--dn-white);--dn-composite-panel-highlight-bg-color: var(--dn-white-gray-light);--dn-composite-panel-tabs-color: var(--dn-gray-lighter);--dn-composite-panel-tabs-hover-color: var(--dn-brand-color);--dn-composite-panel-tabs-content-bg-color: var(--dn-white);--dn-composite-panel-tabs-header-color: var(--dn-gray-lighter);--dn-collapse-header-color: var(--dn-gray);--dn-resource-item-color: var(--dn-gray);--dn-resource-item-hover-border-color: var(--dn-brand-color);--dn-resource-item-hover-color: var(--dn-brand-color);--dn-main-panel-header-bg-color: var(--dn-white);--dn-workspace-panel-bg-color: var(--dn-white-gray-light);--dn-scrollbar-color: var(--dn-white-gray);--dn-scrollbar-hover-color: var(--white-dn-gray-lighter);--dn-empty-bg-color: var(--dn-white);--dn-droppable-bg-color: var(--dn-white-gray-lighter);--dn-droppable-border-color: var(--dn-white-gray-dark);--dn-droppable-color: var(--dn-gray-lighter)}.dn-dark{--dn-aux-cover-rect-dragging-color: var(--dn-brand-dragging);--dn-aux-cover-rect-dropping-color: var(--dn-brand-dropping);--dn-aux-free-selection-background-color: var(--dn-brand-color);--dn-aux-free-selection-border-color: var(--dn-brand-color);--dn-aux-insertion-color: var(--dn-brand-color);--dn-aux-dashed-box-color: var(--dn-brand-color);--dn-aux-dashed-box-title-color: var(--dn-brand-color);--dn-aux-selection-box-border-color: var(--dn-brand-color);--dn-aux-selection-box-color: var(--dn-gray);--dn-ghost-color: var(--dn-white);--dn-ghost-bg-color: var(--dn-brand-moving);--dn-outline-tree-bg-color: var(--dn-gray-dark);--dn-outline-tree-header-border-color: var(--dn-gray);--dn-outline-tree-color: var(--dn-white-gray);--dn-outline-tree-insertion-bg-color: var(--dn-brand-color);--dn-outline-tree-node-header-color: var(--dn-white-gray);--dn-outline-tree-node-hover-color: var(--dn-white-gray);--dn-toolbar-input-color: var(--dn-white-gray);--dn-toolbar-input-bg-color: transparent;--dn-toolbar-input-border-color: var(--dn-gray-light);--dn-toolbar-input-hover-border-color: var(--dn-brand-color);--dn-toolbar-input-handler-bg-color: var(--dn-gray-light);--dn-resize-handle-bg-color: var(--dn-gray-light);--dn-resize-handle-hover-bg-color: var(--dn-gray-lighter);--dn-resize-handle-color: var(--dn-gray-lighter);--dn-resize-handle-hover-color: var(--dn-white-gray-dark);--dn-mobile-simulator-bg-color: var(--dn-black);--dn-mobile-simulator-body-bg-color: var(--dn-black);--dn-mobile-simulator-border-color: var(--dn-black);--dn-responsive-simulator-bg-color: var(--dn-black);--dn-pc-simulator-bg-color: var(--dn-black);--dn-aux-selector-btn-color: var(--dn-white);--dn-aux-selector-btn-bg-color: var(--dn-brand-color);--dn-aux-selector-btn-border-color: var(--dn-brand-color);--dn-aux-selector-btn-hover-color: var(--dn-white);--dn-aux-selector-btn-hover-bg-color: var(--dn-brand-hovering);--dn-aux-selector-btn-hover-border-color: var(--dn-brand-hovering);--dn-aux-selector-btn-active-color: var(--dn-white);--dn-aux-selector-btn-active-bg-color: var(--dn-brand-hovering);--dn-aux-selector-btn-active-border-color: var(--dn-brand-hovering);--dn-panel-border-color: var(--dn-gray-light);--dn-panel-active-bg-color: var(--dn-gray);--dn-resource-content-bg-color: var(--dn-gray-dark);--dn-composite-panel-tabs-bg-color: var(--dn-gray-dark);--dn-composite-panel-tabs-active-bg-color: var(--dn-gray-dark);--dn-composite-panel-highlight-bg-color: var(--dn-black);--dn-composite-panel-tabs-color: var(--dn-white-gray-dark);--dn-composite-panel-tabs-hover-color: var(--dn-brand-color);--dn-composite-panel-tabs-content-bg-color: var(--dn-gray-dark);--dn-composite-panel-tabs-header-color: var(--dn-white-gray);--dn-collapse-header-color: var(--dn-white-gray);--dn-resource-item-color: var(--dn-white-gray);--dn-resource-item-hover-color: var(--dn-brand-color);--dn-main-panel-header-bg-color: var(--dn-gray-dark);--dn-workspace-panel-bg-color: var(--dn-gray-dark);--dn-scrollbar-color: var(--dn-gray-light);--dn-scrollbar-hover-color: var(--dn-gray-lighter);--dn-empty-bg-color: var(--dn-gray-dark);--dn-droppable-bg-color: var(--dn-gray);--dn-droppable-border-color: var(--dn-gray-light);--dn-droppable-color: var(--dn-white)}.dn-app{color:var(--dn-gray-dark);font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-variant:tabular-nums;line-height:1.5715;font-feature-settings:"tnum"}.dn-app ::-webkit-scrollbar{width:5px;height:5px}.dn-app ::-webkit-scrollbar-thumb{background-color:var(--dn-scrollbar-color);border-radius:0;transition:all .25s ease-in-out}.dn-app ::-webkit-scrollbar-thumb:hover{background-color:var(--dn-scrollbar-hover-color)}.dn-app *{box-sizing:border-box}.dn-app *[contenteditable=true]{min-width:1px;min-height:14px;cursor:text!important;outline:none!important}.dn-app *[data-content-editable]:not(*[contenteditable="true"]):empty:before{content:"Please Input";display:block;opacity:.6}.dn-app *[data-content-editable]:not(*[contenteditable="true"]):hover{cursor:text!important;opacity:.8}.dn-main-panel{display:flex;width:100%;height:100%;flex:1;min-height:0;position:relative;overflow:hidden}.dn-main-panel-container{display:flex;flex-direction:column;flex-grow:1}.dn-main-panel-container.root{position:fixed;top:0;left:0;right:0;bottom:0}.dn-main-panel-container.absolute{position:absolute}.dn-main-panel-container.relative{position:relative}.dn-main-panel-header{display:flex;align-items:center;flex-grow:0;flex-shrink:0;justify-content:space-between;background:var(--dn-main-panel-header-bg-color);border-bottom:1px solid var(--dn-panel-border-color);padding:4px}.dn-main-panel-header-logo{display:flex;align-items:center}.dn-main-panel-header-actions{display:flex;align-items:center;justify-content:flex-end}.dn-main-panel.root{position:fixed;top:0;left:0;right:0;bottom:0}.dn-composite-panel{flex-grow:0;flex-shrink:0;display:flex;position:relative;user-select:none;z-index:2}.dn-composite-panel-tabs{display:flex;flex-direction:column;border-right:1px solid var(--dn-panel-border-color);background-color:var(--dn-composite-panel-tabs-bg-color);z-index:2;position:relative}.dn-composite-panel-tabs-pane{color:var(--dn-composite-panel-tabs-color);min-height:48px;min-width:48px;padding:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;font-size:20px;flex-direction:column}.dn-composite-panel-tabs-pane-title{font-size:10px;margin-top:6px}.dn-composite-panel-tabs-pane:hover,.dn-composite-panel-tabs-pane.active{color:var(--dn-composite-panel-tabs-hover-color)}.dn-composite-panel-tabs-pane.active:after{position:absolute;top:0;left:0;display:block;content:"";width:3px;height:100%;background-color:var(--dn-composite-panel-tabs-hover-color)}.dn-composite-panel-tabs-content{width:300px;border-right:1px solid var(--dn-panel-border-color);background:var(--dn-composite-panel-tabs-content-bg-color);display:flex;flex-direction:column;height:100%;box-sizing:content-box}.dn-composite-panel-tabs-content.pinning{position:absolute;z-index:1;left:100%;top:0;border-right:1px solid transparent;box-shadow:-2px 5px 10px #6666666b}.dn-composite-panel-tabs-header{padding:14px 7px;color:var(--dn-composite-panel-tabs-header-color);line-height:18px;font-size:16px;border-bottom:1px solid var(--dn-panel-border-color);display:flex;justify-content:space-between}.dn-composite-panel-tabs-header-actions{display:flex;align-items:center}.dn-composite-panel-tabs-header-actions>*{margin-right:8px}.dn-composite-panel-tabs-header-actions>*:last-child{margin-right:0}.dn-composite-panel-tabs-header-pin{transition:all .15s ease-in-out}.dn-composite-panel-tabs-header-pin:hover{transform:scale(1.1)}.dn-composite-panel-tabs-header-title{font-size:20px}.dn-composite-panel-tabs-header-close{transition:all .15s ease-in-out}.dn-composite-panel-tabs-header-close:hover{transform:rotate(90deg)}.dn-composite-panel-tabs-body{flex-grow:2;flex-shrink:2;overflow:overlay;overflow-x:hidden;height:100%}.dn-composite-panel.direction-right{flex-direction:row-reverse}.dn-composite-panel.direction-right .dn-composite-panel-tabs-pane.active:after{left:auto;right:-1px}.dn-composite-panel.direction-right .dn-composite-panel-tabs-content.pinning{left:auto;right:100%;top:0}.dn-composite-panel.direction-right .dn-composite-panel-tabs-content{border-right:none;border-left:1px solid var(--dn-panel-border-color)}.dn-composite-panel.direction-right .dn-composite-panel-tabs{border-left:1px solid var(--dn-panel-border-color)}.dn-workspace-panel{display:flex;flex-grow:1;flex-direction:column;padding:4px;overflow:hidden;box-sizing:border-box;background-color:var(--dn-workspace-panel-bg-color);position:relative;z-index:1}.dn-workspace-panel-item{position:relative}.dn-workspace-panel button[disabled]{pointer-events:none!important}.dn-settings-panel{flex-grow:0;flex-shrink:0;position:relative;display:flex;flex-direction:column;z-index:2;width:300px;background:var(--dn-composite-panel-tabs-content-bg-color);border-left:1px solid var(--dn-panel-border-color);height:100%;box-sizing:content-box;user-select:none}.dn-settings-panel.pinning{position:absolute;z-index:10;top:0;right:0;box-shadow:2px 5px 10px #66666685;border-left:1px solid transparent}.dn-settings-panel-header{padding:14px 7px;color:var(--dn-composite-panel-tabs-header-color);line-height:18px;font-size:16px;border-bottom:1px solid var(--dn-panel-border-color);display:flex;justify-content:space-between}.dn-settings-panel-header-actions{display:flex;align-items:center}.dn-settings-panel-header-actions>*{margin-right:8px}.dn-settings-panel-header-actions>*:last-child{margin-right:0}.dn-settings-panel-header-pin{transition:all .15s ease-in-out}.dn-settings-panel-header-pin:hover{transform:scale(1.1)}.dn-settings-panel-header-title{font-size:20px}.dn-settings-panel-header-close{transition:all .15s ease-in-out}.dn-settings-panel-header-close:hover{transform:rotate(90deg)}.dn-settings-panel-body{flex-grow:2;flex-shrink:2;overflow:overlay;height:100%}.dn-settings-panel-opener{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:2;background:var(--dn-composite-panel-tabs-content-bg-color);border:1px solid var(--dn-panel-border-color);color:var(--dn-composite-panel-tabs-color);box-shadow:0 0 6px #000;border-radius:3px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;cursor:pointer}.dn-settings-panel-opener .dn-icon{transition:all .15s ease-in-out}.dn-settings-panel-opener:hover .dn-icon{transform:rotate(45deg)}.dn-viewport{height:100%;width:100%;min-height:100px;position:relative;outline:none;box-sizing:border-box;user-select:none;overflow:overlay}.dn-icon{display:inline-block;color:inherit;font-style:normal;line-height:0;text-align:center;text-transform:none;vertical-align:-.125em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dn-icon svg{pointer-events:none}@keyframes dn-animate-slide-to-top{0%{transform:translateY(-10%);opacity:0}to{transform:translateY(0);opacity:.8}}.dn-auxtool{transform:perspective(1px) translateZ(0);position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:9998}.dn-aux-button button{font-size:12px!important;display:flex;align-items:center;padding:0 3px;height:20px;color:var(--dn-aux-selector-btn-color);background:var(--dn-aux-selector-btn-bg-color);border-color:var(--dn-aux-selector-btn-border-color)}.dn-aux-button button:hover,.dn-aux-button button:focus{color:var(--dn-aux-selector-btn-hover-color);background:var(--dn-aux-selector-btn-hover-bg-color);border-color:var(--dn-aux-selector-btn-hover-border-color)}.dn-aux-button button:active{color:var(--dn-aux-selector-btn-active-color);background:var(--dn-aux-selector-btn-active-bg-color);border-color:var(--dn-aux-selector-btn-active-border-color)}.dn-aux-cover-rect.dragging{background-color:var(--dn-aux-cover-rect-dragging-color)}.dn-aux-cover-rect.dropping{background-color:var(--dn-aux-cover-rect-dropping-color)}.dn-aux-free-selection{background-color:var(--dn-aux-free-selection-background-color);border-color:var(--dn-aux-free-selection-border-color)}.dn-aux-helpers{position:absolute;pointer-events:all;z-index:10;user-select:none}.dn-aux-helpers button{font-size:12px!important;display:flex;align-items:center;padding:0 3px;height:20px;color:var(--dn-aux-selector-btn-color);background:var(--dn-aux-selector-btn-bg-color);border-color:var(--dn-aux-selector-btn-border-color)}.dn-aux-helpers button:hover,.dn-aux-helpers button:focus{color:var(--dn-aux-selector-btn-hover-color);background:var(--dn-aux-selector-btn-hover-bg-color);border-color:var(--dn-aux-selector-btn-hover-border-color)}.dn-aux-helpers button:active{color:var(--dn-aux-selector-btn-active-color);background:var(--dn-aux-selector-btn-active-bg-color);border-color:var(--dn-aux-selector-btn-active-border-color)}.dn-aux-helpers.bottom-right{top:100%;right:0}.dn-aux-helpers.bottom-left{top:100%;left:0}.dn-aux-helpers.bottom-center{top:100%;left:50%;transform:translate(-50%)}.dn-aux-helpers.inner-top-right{top:-2px;right:2px}.dn-aux-helpers.inner-top-left{top:-2px;left:2px}.dn-aux-helpers.inner-top-center{top:-2px;right:2px}.dn-aux-helpers.inner-bottom-right{bottom:-2px;right:2px}.dn-aux-helpers.inner-bottom-left{bottom:-2px;left:2px}.dn-aux-helpers.inner-bottom-center{bottom:-2px;right:2px}.dn-aux-helpers.top-right{bottom:100%;right:0}.dn-aux-helpers.top-left{bottom:100%;left:0}.dn-aux-helpers.top-center{bottom:100%;left:50%;transform:translate(-50%)}.dn-aux-helpers button span{transform:scale(.9);margin-left:2px}.dn-aux-helpers button span.dn-icon{transform:scale(1);margin-left:0}.dn-aux-helpers-content{display:flex;flex-wrap:nowrap;white-space:nowrap}.dn-aux-helpers-content button{font-size:12px!important;display:flex;align-items:center;padding:0 3px;height:20px}.dn-aux-helpers-content>*{margin-top:4px;margin-bottom:4px;margin-left:2px}.dn-aux-helpers-content>*:first-child{margin-left:0}.dn-aux-insertion{background-color:var(--dn-aux-insertion-color)}.dn-aux-dashed-box{border:1px dashed var(--dn-aux-dashed-box-color)}.dn-aux-dashed-box-title{color:var(--dn-aux-dashed-box-title-color)}.dn-aux-selection-box{border:2px solid var(--dn-aux-selection-box-border-color);position:relative;pointer-events:none}.dn-aux-selection-box-inner{position:absolute;top:0;left:0;right:0;bottom:0}.dn-aux-selection-box-title{color:var(--dn-aux-selection-box-color)}.dn-aux-selector button{font-size:12px!important;display:flex;align-items:center;padding:0 3px;height:20px;color:var(--dn-aux-selector-btn-color);background:var(--dn-aux-selector-btn-bg-color);border-color:var(--dn-aux-selector-btn-border-color)}.dn-aux-selector button:hover,.dn-aux-selector button:focus{color:var(--dn-aux-selector-btn-hover-color);background:var(--dn-aux-selector-btn-hover-bg-color);border-color:var(--dn-aux-selector-btn-hover-border-color)}.dn-aux-selector button:active{color:var(--dn-aux-selector-btn-active-color);background:var(--dn-aux-selector-btn-active-bg-color);border-color:var(--dn-aux-selector-btn-active-border-color)}.dn-aux-selector-menu{margin-top:-4px;animation:dn-animate-slide-to-top .2s;opacity:.8}.dn-aux-selector-menu button{font-size:12px!important;display:flex;align-items:center;padding:0 3px;height:20px;margin-top:2px}.dn-aux-drag-handler{cursor:move}.dn-aux-node-resize-handler{position:absolute;width:10px;height:10px;pointer-events:all;border-radius:10px;background-color:#fff;border:1px solid var(--dn-brand-color)}.dn-aux-node-resize-handler.left-center{left:0;top:50%;transform:translate(calc(-50% - 1px),-50%);cursor:ew-resize}.dn-aux-node-resize-handler.right-center{left:100%;top:50%;transform:translate(calc(-50% + 1px),-50%);cursor:ew-resize}.dn-aux-node-resize-handler.center-top{left:50%;top:0;transform:translate(-50%,calc(-50% - 1px));cursor:ns-resize}.dn-aux-node-resize-handler.center-bottom{left:50%;top:100%;transform:translate(-50%,calc(-50% + 1px));cursor:ns-resize}.dn-aux-node-resize-handler.left-top{left:0;top:0;transform:translate(calc(-50% + 1px),calc(-50% + 1px));cursor:nwse-resize}.dn-aux-node-resize-handler.left-bottom{left:0;top:100%;transform:translate(-50%,-50%);cursor:nesw-resize}.dn-aux-node-resize-handler.right-bottom{left:100%;top:100%;transform:translate(-50%,-50%);cursor:nwse-resize}.dn-aux-node-resize-handler.right-top{left:100%;top:0;transform:translate(-50%,-50%);cursor:nesw-resize}.dn-aux-node-translate-handler{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:2px;width:40px;height:20px;background:#1890ff;opacity:.5;pointer-events:all}.dn-aux-space-block-ruler-indicator{position:absolute;background-color:var(--dn-brand-color);color:var(--dn-white);border-radius:8px;z-index:2;display:flex;align-items:center;justify-content:center}.dn-aux-space-block-ruler-indicator span{margin:0 6px;display:inline-block;font-size:12px}.dn-aux-space-block-ruler-h{position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;height:12px;border-left:1px solid var(--dn-brand-color);border-right:1px solid var(--dn-brand-color)}.dn-aux-space-block-ruler-h:after{content:"";display:block;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);width:100%;height:1px;background-color:var(--dn-brand-color);z-index:1}.dn-aux-space-block-ruler-h .dn-aux-space-block-ruler-indicator{left:50%;top:50%;transform:translate(-50%,-50%) scale(.7)}.dn-aux-space-block-ruler-v{position:absolute;top:0;left:50%;transform:translate(-50%);height:100%;width:12px;border-top:1px solid var(--dn-brand-color);border-bottom:1px solid var(--dn-brand-color)}.dn-aux-space-block-ruler-v:after{content:"";display:block;position:absolute;top:0;left:50%;transform:translate(-50%);height:100%;width:1px;background-color:var(--dn-brand-color);z-index:1}.dn-aux-space-block-ruler-v .dn-aux-space-block-ruler-indicator{left:50%;top:50%;transform:translate(-50%,-50%) scale(.7)}.dn-component-tree{height:100%;min-height:100%;min-width:100%;max-width:100%;max-height:100%}.dn-designer-tools{display:flex;align-items:center}.dn-designer-tools .ant-input-number{font-size:12px!important;background:var(--dn-toolbar-input-bg-color)!important;border-color:var(--dn-toolbar-input-border-color)!important;color:var(--dn-toolbar-input-color)!important}.dn-designer-tools .ant-input-number .ant-input-number-handler-wrap,.dn-designer-tools .ant-input-number .ant-input-number-handler{background:var(--dn-toolbar-input-handler-bg-color)!important;border-color:var(--dn-toolbar-input-border-color)!important;color:var(--dn-toolbar-input-color)!important}.dn-designer-tools .ant-input-number .ant-input-number-handler-down-inner,.dn-designer-tools .ant-input-number .ant-input-number-handler-up-inner{color:var(--dn-toolbar-input-color)!important}.dn-designer-tools .ant-input-number:hover{border-color:var(--dn-toolbar-input-hover-border-color)!important}.dn-node-actions{display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden;padding-top:8px;padding-bottom:8px}.dn-node-actions-content{position:relative;padding:0 20px;display:flex;align-items:center;line-height:1}.dn-node-actions-content:before{position:absolute;content:"";display:block;height:0;width:300%;top:50%;border-bottom:1px dashed #f5f5f5;right:100%}.dn-node-actions-content:after{position:absolute;content:"";display:block;height:0;width:300%;top:50%;border-bottom:1px dashed #f5f5f5;left:100%}.dn-node-actions-content a,.dn-node-actions-content a:hover{color:#1677ff}.dn-node-actions-item-text{font-size:10px;display:flex;align-items:center;line-height:1.2}.dn-node-actions-item-text .dn-icon{margin-right:6px}.dn-droppable-placeholder{height:60px;background-color:var(--dn-droppable-bg-color);border:1px dashed var(--dn-droppable-border-color);display:flex;align-items:center;justify-content:center;color:var(--dn-droppable-color);font-weight:lighter;font-size:13px}.dn-empty{transform:perspective(1px) translateZ(0);position:absolute;top:0;left:0;right:0;bottom:0;height:100%;width:100%;pointer-events:none;display:flex;align-items:center;justify-content:center;background:var(--dn-empty-bg-color)}.dn-empty .animations{display:flex;flex-wrap:wrap;justify-content:center}.dn-empty .hotkeys-list{text-align:center;line-height:30px;color:#888}.dn-ghost{padding-left:25px;padding-right:15px;height:30px;display:flex;justify-content:center;align-items:center;position:fixed;color:var(--dn-ghost-color);font-size:12px;z-index:9999;border-radius:50px;background-color:var(--dn-ghost-bg-color);pointer-events:none;left:0;top:0;transform:translateZ(0)}.dn-history-item{display:flex;justify-content:space-between;min-height:32px;padding:0 10px;align-items:center;cursor:pointer;color:var(--dn-outline-tree-node-header-color)}.dn-history-item-timestamp{font-size:10px}.dn-history-item:hover,.dn-history-item.active{background-color:var(--dn-panel-active-bg-color)}.dn-node-path{padding:4px 10px!important;border-bottom:1px solid var(--dn-panel-border-color)}.dn-node-path .dn-icon{font-size:11px}.dn-node-path .ant-breadcrumb-separator{margin:0 4px!important}.dn-node-path a{font-size:12px}.dn-outline-tree-container{position:relative;min-height:100px;display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden;background-color:var(--dn-outline-tree-bg-color)}.dn-outline-tree-header{display:flex;padding:8px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--dn-outline-tree-header-border-color);color:var(--dn-outline-tree-color)}.dn-outline-tree-title{font-size:16px;font-weight:500}.dn-outline-tree-close{display:flex;align-items:center;transform:scale(1.6);cursor:pointer}.dn-outline-tree-content{position:relative;flex-grow:1;height:100%;width:100%;padding-bottom:20px;overflow:overlay}.dn-outline-tree-aux{position:absolute;top:0;left:0}.dn-outline-tree-insertion{background-color:var(--dn-outline-tree-insertion-bg-color)}.dn-outline-tree-node{position:relative;user-select:none;width:fit-content;min-width:100%}.dn-outline-tree-node.expanded>.dn-outline-tree-node-header .dn-outline-tree-node-expand{transform:rotate(0)}.dn-outline-tree-node.expanded>.dn-outline-tree-node-children{display:block}.dn-outline-tree-node.selected>.dn-outline-tree-node-header{background-color:var(--dn-panel-active-bg-color)}.dn-outline-tree-node.selected>.dn-outline-tree-node-header .dn-outline-tree-node-header-head{background-color:var(--dn-panel-active-bg-color)}.dn-outline-tree-node.droppable>.dn-outline-tree-node-header .dn-outline-tree-node-header-content .dn-outline-tree-node-header-base>.dn-outline-tree-node-icon{transform:scale(1.2)}.dn-outline-tree-node-hidden-icon:not(.hidden){display:none}.dn-outline-tree-node-header{display:flex;min-height:32px;width:fit-content;min-width:100%;align-items:center;color:var(--dn-outline-tree-node-header-color);position:relative;padding-left:8px}.dn-outline-tree-node-header:hover .dn-outline-tree-node-header-content{color:var(--dn-outline-tree-node-hover-color)}.dn-outline-tree-node-header:hover .dn-outline-tree-node-hidden-icon{display:block}.dn-outline-tree-node-header-head{position:absolute;top:0;left:0;height:100%;pointer-events:none}.dn-outline-tree-node-header-content{display:flex;align-items:center;transition:all .15s ease-in;transform-origin:left;width:fit-content;min-width:100%;height:100%;justify-content:space-between;font-size:12px}.dn-outline-tree-node-header-base{display:flex;align-items:center}.dn-outline-tree-node-header-actions{display:flex;align-items:center;margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dn-outline-tree-node-expand{display:flex;align-items:center;transition:all .15s ease-out;transform:rotate(-90deg);margin-right:3px;width:12px}.dn-outline-tree-node-icon{margin-right:5px;display:flex;align-items:center;font-size:12px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dn-outline-tree-node-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:100px}.dn-outline-tree-node-actions{font-size:12px;flex-grow:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dn-outline-tree-node-children{padding-left:16px;display:none;width:fit-content;min-width:100%}.dn-resource{flex-wrap:wrap;overflow:hidden}.dn-resource-header{display:flex;align-items:center;padding:5px 8px;color:var(--dn-collapse-header-color);border-bottom:1px solid var(--dn-panel-border-color);background-color:var(--dn-panel-active-bg-color);cursor:pointer;transition:all .25s ease-in-out;font-size:13px}.dn-resource-header-expand{transform:rotate(-90deg);font-size:12px;transition:all .15s ease-in-out;margin-right:3px}.dn-resource-content-wrapper{display:flex;justify-content:center;background:var(--dn-resource-content-bg-color)}.dn-resource-content{width:100%;display:flex;flex-wrap:wrap;display:none}.dn-resource.expand .dn-resource-content{display:grid;grid-template-columns:repeat(3,33.3333%);grid-gap:1px;background-color:var(--dn-panel-border-color);border-bottom:1px solid var(--dn-panel-border-color)}.dn-resource.expand .dn-resource-header-expand{transform:rotate(0)}.dn-resource-item{position:relative;user-select:none;background:var(--dn-resource-content-bg-color);min-height:40px;color:var(--dn-resource-item-color);display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:grab;transition:color .1s ease-out}.dn-resource-item:hover{color:var(--dn-resource-item-hover-color);box-shadow:0 0 10px #0000001a;z-index:1}.dn-resource-item-icon{margin:12px 0}.dn-resource-item-text{text-align:center;font-size:12px;line-height:1;margin-bottom:12px}.dn-resource-item-remain{background:var(--dn-resource-content-bg-color)}.dn-pc-simulator{background-color:var(--dn-pc-simulator-bg-color);position:absolute;top:0;left:0;right:0;bottom:0;box-sizing:border-box}.dn-mobile-simulator{position:relative;min-height:100px;height:100%;width:100%;background-color:var(--dn-mobile-simulator-bg-color)}.dn-mobile-simulator-content{width:100%;top:0;left:0;height:100%;position:absolute;overflow:overlay}.dn-mobile-simulator-body{display:flex;justify-content:center;height:100%}.dn-mobile-simulator-body-content{background-color:var(--dn-mobile-simulator-body-bg-color);border:3px solid var(--dn-mobile-simulator-border-color)}.dn-responsive-simulator{background-color:var(--dn-responsive-simulator-bg-color)}.dn-resize-handle{position:absolute;transition:.2s all ease-in-out;box-sizing:border-box;user-select:none;bottom:0;z-index:10;background:var(--dn-resize-handle-bg-color);color:var(--dn-resize-handle-color);display:flex;justify-content:center;align-items:center}.dn-resize-handle-RESIZE_WIDTH{top:0;bottom:15px;cursor:ew-resize}.dn-resize-handle-RESIZE_WIDTH svg{transform-origin:center;transform:rotate(-90deg)}.dn-resize-handle-RESIZE_HEIGHT{left:0;right:15px;cursor:ns-resize}.dn-resize-handle-RESIZE{cursor:nwse-resize}.dn-resize-handle-RESIZE_HEIGHT,.dn-resize-handle-RESIZE{height:15px}.dn-resize-handle-RESIZE_WIDTH,.dn-resize-handle-RESIZE{right:0;width:15px}.dn-resize-handle:hover{background:var(--dn-resize-handle-hover-bg-color);color:var(--dn-resize-handle-hover-color)}.dn-color-input{width:100%}.dn-color-input .ant-popover-inner-content{padding:0!important;user-select:none}.dn-color-input-color-tips{width:20px;height:20px;border-radius:2px;border:1px solid #f5f5f5;cursor:pointer}.dn-corner-input{display:flex}.dn-corner-input-column{display:flex;justify-content:center;flex-direction:column;align-items:center}.dn-corner-input-cell{width:26px;height:26px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:3px;color:#0009;margin:5px}.dn-corner-input-cell.active{background:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.2))}.dn-image-input{width:100%}.dn-position-input{display:flex;flex-direction:column}.dn-position-input-row{display:flex;justify-content:center}.dn-position-input-cell{width:26px;height:26px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:3px;color:#0009;margin:5px;color:#333}.dn-position-input-cell.active{background:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.2))}.dn-poly-input{display:flex;width:100%;align-items:center}.dn-poly-input .dn-poly-input-content{flex-grow:2;margin-right:2px;display:flex}.dn-poly-input .dn-poly-input-content .ant-select,.dn-poly-input .dn-poly-input-content .ant-input-number{width:100%}.dn-poly-input .dn-poly-input-controller{border:1px solid #f5f5f5;border-radius:2px;cursor:pointer;padding:0 8px;display:flex;align-items:center;justify-content:center;flex-grow:0}.dn-monaco-input{position:relative;transition:all .15s ease-in-out;width:100%;height:100%;opacity:0;display:flex}.dn-monaco-input.loaded{opacity:1}.dn-monaco-input-view{flex-grow:2;height:100%}.dn-monaco-input-helper{position:absolute;bottom:10px;right:5%;z-index:2}.dn-monaco-input .monaco-error-highline{left:0px!important;width:5px!important;height:5px!important;background:red!important;border-radius:100%!important;transform:translate(35px,5px)!important}.dn-drawer-setter{position:absolute;top:0;left:0;width:100%;bottom:0;background:var(--dn-composite-panel-tabs-content-bg-color);z-index:10;display:flex;flex-direction:column}.dn-drawer-setter-header{display:flex;align-items:center;flex-shrink:0;flex-grow:0;padding:5px 10px;color:#333;border-bottom:1px solid #f5f5f5;cursor:pointer}.dn-drawer-setter-header-text{margin-left:4px}.dn-drawer-setter-body{padding:10px 20px;overflow:overlay;overflow-x:hidden;flex-grow:2}.dn-drawer-wrapper{transition:all .16s ease-in-out}.dn-drawer-wrapper-enter{transform:translate(100%)}.dn-drawer-wrapper-enter-active,.dn-drawer-wrapper-exit{transform:translate(0)}.dn-drawer-wrapper-exit-active{transform:translate(100%)}.dn-fold-item .ant-formily-item-label-content{overflow:visible}.dn-fold-item-base{cursor:pointer}.dn-fold-item-title{display:flex;align-items:center;margin-left:-10px;cursor:pointer}.dn-fold-item-title .dn-icon{transform:translate(-3px)}.dn-fold-item-title .dn-icon svg{transition:all .15s ease-in-out;transform:rotate(-90deg)}.dn-fold-item-title.expand .dn-icon svg{transform:rotate(0)}.dn-fold-item-extra{margin:-10px -10px 10px;padding:10px 10px 0;background-color:var(--dn-composite-panel-highlight-bg-color)}.dn-input-items{display:flex;flex-wrap:wrap;margin-left:-8px}.dn-input-items-item{display:flex;align-items:center;margin-bottom:10px;color:#333}.dn-input-items-item-icon{display:flex;align-items:center;justify-content:center;margin:0 8px;flex-shrink:0;flex-grow:0;color:#333}.dn-input-items-item-controller{min-width:0;flex-shrink:1;flex-grow:1}.dn-input-items-item-controller .ant-radio-group{display:flex}.dn-input-items-item-controller .ant-radio-group .ant-radio-button-wrapper{flex-grow:1;display:flex;justify-content:center}.dn-input-items-item.vertical{flex-direction:column;align-items:flex-start}.dn-input-items-item.vertical .dn-input-items-item-controller{width:100%}.dn-border-style-setter{display:flex}.dn-border-style-setter-position{margin-left:-10px}.dn-border-style-setter-input{height:110px;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:10px}.border-style-solid-line{position:relative;width:100%;height:100%;display:block}.border-style-solid-line:after{position:absolute;top:50%;left:0;display:block;content:"";height:0;width:100%;border-top:2px solid currentColor;transform:translateY(-50%)}.border-style-dashed-line{position:relative;width:100%;height:100%;display:block}.border-style-dashed-line:after{position:absolute;top:50%;left:0;display:block;content:"";height:0;width:100%;border-top:2px dashed currentColor;transform:translateY(-50%)}.border-style-dotted-line{position:relative;width:100%;height:100%;display:block}.border-style-dotted-line:after{position:absolute;top:50%;left:0;display:block;content:"";height:0;width:100%;border-top:2px dotted currentColor;transform:translateY(-50%)}.dn-flex-style-setter .dn-input-items{margin:-10px -10px 10px;padding:10px 10px 0;background-color:#f5f5f5}.dn-flex-style-setter .dn-input-items .ant-radio-group{display:flex;width:100%}.dn-flex-style-setter .dn-input-items .ant-radio-group .ant-radio-button-wrapper{flex-grow:1;display:flex;justify-content:center;padding:0}.dn-display-style-setter-radio{display:flex!important;width:100%}.dn-display-style-setter-radio .ant-radio-button-wrapper{flex-grow:1;display:flex;justify-content:center;align-items:center;padding:0}.dn-collapse-item{flex-wrap:wrap}.dn-collapse-item-header{display:flex;align-items:center;padding:5px 20px;margin:-1px -20px 0;color:var(--dn-collapse-header-color);border-top:1px solid var(--dn-panel-border-color);border-bottom:1px solid var(--dn-panel-border-color);background-color:var(--dn-panel-active-bg-color);cursor:pointer;transition:all .25s ease-in-out;font-size:13px}.dn-collapse-item-header-expand{margin-left:-13px;transform:rotate(-90deg);font-size:12px;transition:all .15s ease-in-out;margin-right:3px}.dn-collapse-item-content{display:none;width:100%;padding-top:4px}.dn-collapse-item-content>div:last-child{border-bottom:none!important}.dn-collapse-item.expand .dn-collapse-item-content{display:block}.dn-collapse-item.expand .dn-collapse-item-header-expand{transform:rotate(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}.animate__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}.animate__slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}.animate__animated{animation-delay:0ms;animation-duration:.25s;animation-fill-mode:forwards}.animate__fadeInUp{-webkit-animation-name:fadeIn;animation-name:fadeIn}.dn-settings-form-wrapper{height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden}.dn-settings-form-wrapper .dn-node-path{flex-grow:0}.dn-settings-form-wrapper .dn-settings-form-content{flex-grow:1;overflow:overlay}.dn-settings-form-wrapper .ant-formily-item{border-bottom:1px solid #f5f5f5;padding-bottom:8px;margin-bottom:8px;margin-top:8px}.dn-settings-form-wrapper .ant-formily-item *{font-size:13px}.dn-settings-form-wrapper .ant-formily-item .ant-formily-item-control-content-component{display:flex;align-items:center;justify-content:flex-end}.dn-settings-form-wrapper .ant-formily-item .ant-formily-item-control-content-component>.ant-radio-group{display:flex!important;width:100%}.dn-settings-form-wrapper .ant-formily-item .ant-formily-item-control-content-component>.ant-radio-group .ant-radio-button-wrapper{display:flex;justify-content:center;padding:0 6px!important;align-items:center;flex-grow:2}.dn-settings-form-wrapper .ant-formily-item .ant-formily-item-control-content-component>.ant-slider{flex-shrink:0;min-width:0;width:100%}.dn-settings-form-wrapper .ant-formily-item .ant-formily-item-control-content-component>.ant-select{max-width:140px}.dn-settings-form{padding:0 20px}.dn-settings-form-empty{display:flex;align-items:center;flex-direction:column;justify-content:center;height:100%;color:#888}.dn-form-container{margin:0!important;padding:20px;border:1px solid #f5f5f5}.dn-data-source-setter ::-webkit-scrollbar{width:5px;height:5px}.dn-data-source-setter ::-webkit-scrollbar-thumb{background-color:#0003;border-radius:0;transition:all .25s ease-in-out}.dn-data-source-setter ::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.dn-data-source-setter-node-title{display:flex;justify-content:space-between;align-items:center}.dn-data-source-setter-node-title-icon{transition:all .15s ease-in-out;opacity:0}.dn-data-source-setter-node-title-icon:hover{color:#1677ff}.dn-data-source-setter-layout{display:flex;justify-content:space-around;border:1px solid #f5f5f5;border-radius:3px}.dn-data-source-setter-layout .ant-tree-treenode{padding-right:10px;white-space:nowrap}.dn-data-source-setter-layout .ant-tree-treenode:hover .dn-data-source-setter-node-title-icon{opacity:1}.dn-data-source-setter-layout-item{position:relative}.dn-data-source-setter-layout-item.left{width:40%;border-right:1px solid #f5f5f5}.dn-data-source-setter-layout-item.right{width:60%}.dn-data-source-setter-layout-item-header{display:flex;flex:none;align-items:center;justify-content:space-between;height:40px;padding:8px 12px 9px;border-bottom:1px solid #f5f5f5;border-radius:2px 2px 0 0}.dn-data-source-setter-layout-item-content{padding:2%;height:300px;max-height:300px;overflow:scroll}.dn-reactions-setter{width:100%;min-height:623px;overflow:hidden}.dn-reactions-setter ::-webkit-scrollbar{width:5px;height:5px}.dn-reactions-setter ::-webkit-scrollbar-thumb{background-color:#0003;border-radius:0;transition:all .25s ease-in-out}.dn-reactions-setter ::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.dn-reactions-setter .ant-collapse{border:1px solid #f5f5f5}.dn-reactions-setter .ant-collapse-header{padding:8px 10px!important;background-color:#fff!important;border-bottom:1px solid #f5f5f5!important;font-weight:500!important}.dn-reactions-setter .ant-collapse-header .ant-collapse-arrow{margin-right:4px!important}.dn-reactions-setter .ant-collapse-item{border:none!important}.dn-reactions-setter .ant-collapse-content{border:none!important;transition:none!important}.dn-reactions-setter .ant-collapse-content-box{padding:12px!important}.dn-reactions-setter .reaction-runner .ant-collapse-content-box,.dn-reactions-setter .reaction-state .ant-collapse-content-box{padding:12px 0!important}.dn-reactions-setter .dn-field-property-setter{display:flex;height:300px}.dn-reactions-setter .dn-field-property-setter-coder-wrapper{display:flex;flex-grow:2;height:100%;padding-left:10px;position:relative;flex-direction:column}.dn-reactions-setter .dn-field-property-setter-coder-start{font-size:18px;line-height:30px;margin-bottom:4px;color:#333;font-weight:300;flex-grow:0;opacity:.96;height:31px}.dn-reactions-setter .dn-field-property-setter-coder-end{font-size:18px;height:31px;color:#333;margin-top:4px;margin-bottom:4px;line-height:30px;font-weight:300;flex-grow:0;opacity:.96}.dn-reactions-setter .dn-field-property-setter-coder{min-width:0;flex-grow:2;padding-left:10px}.dn-designable-form .ant-input,.dn-designable-form .ant-input-number,.dn-designable-form .ant-input-affix-wrapper,.dn-designable-form .ant-cascader-picker,.dn-designable-form .ant-picker-input,.dn-designable-form .ant-picker,.dn-designable-form .ant-cascader-picker-label,.dn-designable-form .ant-slider,.dn-designable-form .ant-checkbox,.dn-designable-form .ant-rate,.dn-designable-form .ant-switch,.dn-designable-form .ant-radio,.dn-designable-form .ant-radio-wrapper,.dn-designable-form .ant-checkbox-group,.dn-designable-form .ant-checkbox-wrapper,.dn-designable-form .ant-radio-group,.dn-designable-form .ant-upload,.dn-designable-form .ant-transfer,.dn-designable-form .ant-select,.dn-designable-form .ant-select-selector,.dn-designable-form .ant-input input,.dn-designable-form .ant-input-number input,.dn-designable-form .ant-input-affix-wrapper input,.dn-designable-form .ant-cascader-picker input,.dn-designable-form .ant-picker-input input,.dn-designable-form .ant-picker input,.dn-designable-form .ant-cascader-picker-label input,.dn-designable-form .ant-slider input,.dn-designable-form .ant-checkbox input,.dn-designable-form .ant-rate input,.dn-designable-form .ant-switch input,.dn-designable-form .ant-radio input,.dn-designable-form .ant-radio-wrapper input,.dn-designable-form .ant-checkbox-group input,.dn-designable-form .ant-checkbox-wrapper input,.dn-designable-form .ant-radio-group input,.dn-designable-form .ant-upload input,.dn-designable-form .ant-transfer input,.dn-designable-form .ant-select input,.dn-designable-form .ant-select-selector input{pointer-events:none!important}.dn-designable-form .anticon svg{pointer-events:none}.dn-text:empty:before{content:"Please Input";display:block;opacity:.6}.dn-text:focus{padding:4px}.dn-array-cards,.dn-array-table{background-color:#fff}.dn-grid-column{margin:4px;min-height:60px;border:1px dashed #aaa}