:root{--dn-brand-color:var(--colorPrimary);--dn-brand-hovering:var(--colorPrimaryTextHover);--dn-brand-dragging:var(--colorPrimaryBgHover);--dn-brand-dropping:var(--colorPrimaryBorderHover);--dn-brand-moving:var(--colorPrimaryBorderHover);--dn-white:#fff;--dn-white-gray:#d9d9d9;--dn-white-gray-light:var(--colorBgLayout);--dn-white-gray-lighter:var(--colorFillSecondary);--dn-white-gray-dark:#aaa;--dn-gray:#333;--dn-gray-light:#444;--dn-gray-lighter:#666;--dn-gray-dark:#222;--dn-black:#1a1a1a;--dn-color-text:var(--colorTex)}.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(--colorPrimaryBorder);--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(--colorBgContainer);--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(--colorTextSecondary);--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(--colorBorder);--dn-panel-active-bg-color:var(--colorFillContent);--dn-resource-content-bg-color:var(--dn-white);--dn-composite-panel-tabs-bg-color:var(--colorBgContainer);--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(--colorBgContainer);--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(--colorBgLayout);--dn-scrollbar-color:var(--dn-white-gray);--dn-scrollbar-hover-color:var(--white-dn-gray-lighter);--dn-empty-bg-color:var(--colorBgContainer);--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(--colorPrimaryBorder);--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(--colorBgLayout);--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{width:100%;height:100%;color:var(--dn-color-text);font-variant:tabular-nums;font-feature-settings:"tnum";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-size:14px;line-height:1.5715}.dn-app *{scrollbar-width:thin;font-variant-numeric:tabular-nums;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";opacity:.6;display:block}.dn-app [data-content-editable]:not([contenteditable=true]):hover{opacity:.8;cursor:text!important}.dn-app ::-webkit-scrollbar{background-color:#fff;width:8px;height:12px;padding:2px 0}.dn-app ::-webkit-scrollbar-button{width:0;height:0;display:none}.dn-app ::-webkit-scrollbar-corner{width:0;height:0;display:none}.dn-app ::-webkit-scrollbar-thumb{background:var(--colorBgMask);opacity:.6;background-clip:padding-box;border:2px solid transparent;border-radius:100px;width:6px;height:8px}.dn-main-panel{background-color:var(--dn-workspace-panel-bg-color);flex:1;width:100%;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.dn-main-panel.default{padding-top:0}.dn-main-panel.dn-main-panel--smart{padding-top:56px}.dn-main-panel-container{flex-direction:column;flex-grow:1;display:flex}.dn-main-panel-container.root{position:fixed;top:0;bottom:0;left:0;right:0}.dn-main-panel-container.absolute{position:absolute}.dn-main-panel-container.relative{position:relative}.dn-main-panel-header{background:var(--dn-main-panel-header-bg-color);border-bottom:1px solid var(--colorBorderSecondary);flex-grow:0;flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:4px;display:flex}.dn-main-panel-header-logo{align-items:center;display:flex}.dn-main-panel-header-actions{justify-content:flex-end;align-items:center;display:flex}.dn-main-panel.root{position:fixed;top:0;bottom:0;left:0;right:0}.dn-composite-panel{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2;flex-grow:0;flex-shrink:0;display:flex;position:relative}.dn-composite-panel-tabs{border-right:1px solid var(--colorBorderSecondary);background-color:var(--dn-composite-panel-tabs-bg-color);z-index:2;flex-direction:column;display:flex;position:relative}.dn-composite-panel-tabs-pane{color:var(--dn-composite-panel-tabs-color);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;min-width:48px;min-height:48px;padding:10px;font-size:20px;display:flex;position:relative}.dn-composite-panel-tabs-pane-title{margin-top:6px;font-size:10px}.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{content:"";background-color:var(--dn-composite-panel-tabs-hover-color);width:3px;height:100%;display:block;position:absolute;top:0;left:0}.dn-composite-panel-tabs-content{border-right:1px solid var(--colorBorderSecondary);background:var(--dn-composite-panel-tabs-content-bg-color);box-sizing:content-box;flex-direction:column;width:240px;height:100%;display:flex}.dn-composite-panel-tabs-content.pinning{z-index:1;border-right:1px solid transparent;position:absolute;top:0;left:100%;box-shadow:-2px 5px 10px rgba(102,102,102,.42)}.dn-composite-panel-tabs-header{color:var(--dn-composite-panel-tabs-header-color);border-bottom:1px solid var(--colorBorderSecondary);justify-content:space-between;padding:14px 7px;font-size:16px;line-height:18px;display:flex}.dn-composite-panel-tabs-header-actions{align-items:center;display:flex}.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{overflow:overlay;flex-grow:2;flex-shrink:2;height:100%;overflow-x:hidden}.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{top:0;left:auto;right:100%}.dn-composite-panel.direction-right .dn-composite-panel-tabs-content{border-right:none;border-left:1px solid var(--colorBorderSecondary)}.dn-composite-panel.direction-right .dn-composite-panel-tabs{border-left:1px solid var(--colorBorderSecondary)}.dn-workspace-panel{box-sizing:border-box;background-color:var(--dn-workspace-panel-bg-color);z-index:1;flex-direction:column;flex-grow:1;display:flex;position:relative;overflow:hidden}.dn-workspace-panel-item{position:relative}.dn-workspace-panel-item.dn-toolbar-panel{background-color:var(--colorBgBase);align-items:center;height:40px}.dn-workspace-panel button[disabled]{pointer-events:none!important}.dn-view-panel{background-color:var(--dn-workspace-panel-bg-color);margin:0 12px}.dn-settings-panel{z-index:2;background:var(--dn-composite-panel-tabs-content-bg-color);border-left:1px solid var(--colorBorderSecondary);box-sizing:content-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-direction:column;flex-grow:0;flex-shrink:0;width:320px;height:100%;display:flex;position:relative}.dn-settings-panel.pinning{background:var(--colorBgContainer);z-index:9999;border-radius:0;margin:0;position:fixed;top:0;bottom:0;right:0;box-shadow:0 4px 24px rgba(0,0,0,.1)}.dn-settings-panel.pinning .dn-settings-panel-header{border-radius:0}.dn-settings-panel.fixable{margin-left:var(--margin);border-radius:var(--borderRadiusLG);background:var(--colorBgContainer);overflow:hidden}.dn-settings-panel.fixable .dn-settings-panel-header{border-radius:var(--borderRadiusLG)var(--borderRadiusLG)0 0}.dn-settings-panel-header{border-bottom:1px solid var(--colorBorderSecondary);justify-content:space-between;align-items:center;height:56px;min-height:56px;max-height:56px;padding:0 14px 0 16px;line-height:18px;display:flex}.dn-settings-panel-header-actions{align-items:center;display:flex}.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-close{transition:all .15s ease-in-out}.dn-settings-panel-header-close:hover{transform:rotate(90deg)}.dn-settings-panel-header.default-style{height:41px;min-height:41px;max-height:41px}.dn-settings-panel-body{flex-grow:2;flex-shrink:2;height:100%;overflow:hidden}.dn-settings-panel-opener{z-index:2;background:var(--dn-composite-panel-tabs-content-bg-color);border:1px solid var(--colorBorderSecondary);color:var(--dn-composite-panel-tabs-color);border-radius:var(--borderRadiusSM);cursor:pointer;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%);box-shadow:0 0 6px rgba(0,0,0,.1)}.dn-settings-panel-opener .dn-icon{transition:all .15s ease-in-out}.dn-settings-panel-opener:hover .dn-icon{transform:rotate(45deg)}.dn-settings-panel .dn-settings-panel-title{color:var(--colorText);align-items:center;font-size:16px;font-weight:600;display:flex}.dn-settings-panel .dn-settings-panel-title__icon{width:18px;height:18px;color:var(--colorTextSecondary);align-items:center;justify-items:center;font-size:18px;display:flex;overflow:hidden}.dn-settings-panel .dn-settings-panel-title__icon img.is-svg{-webkit-filter:drop-shadow(18px 0 0 var(--colorTextSecondary));filter:drop-shadow(18px 0 0 var(--colorTextSecondary));position:relative;left:-18px;width:18px!important;height:18px!important}.dn-settings-panel .dn-settings-panel-title__title-extra{color:var(--colorTextSecondary);margin-left:4px;font-size:12px;overflow:hidden}.dn-viewport{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;scrollbar-gutter:stable;outline:none;width:100%;height:100%;min-height:100px;position:relative}.dn-icon{color:inherit;text-align:center;text-transform:none;vertical-align:-.125em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;line-height:0;display:inline-block}.dn-icon svg{pointer-events:none}@keyframes dn-animate-slide-to-top{0%{opacity:0;transform:translateY(-10%)}to{opacity:.8;transform:translateY(0)}}.dn-auxtool{pointer-events:none;z-index:1000;width:100%;height:100%;position:absolute;top:0;left:0;transform:perspective(1px)translate(0,0)}.dn-aux-button button{width:22px;height:22px;color:var(--colorTextSecondary);background:var(--colorBgContainer);border-color:var(--colorBgContainer);justify-content:center;align-items:center;padding:0;line-height:20px;display:flex;box-shadow:0 2px 12px rgba(0,0,0,.1);font-size:12px!important}.dn-aux-button button:not(:disabled):not(.qx-btn-disabled):hover,.dn-aux-button button:not(:disabled):not(.qx-btn-disabled):focus,.dn-aux-button button:not(:disabled):not(.qx-btn-disabled):active{color:var(--colorTextSecondary);background:var(--colorBgLayout);border-color:var(--colorBgLayout);box-shadow:0 2px 12px rgba(0,0,0,.1)}.dn-aux-cover-rect.dragging{position:relative}.dn-aux-cover-rect.dragging:after{content:"";pointer-events:none;z-index:-1;background-color:var(--dn-aux-cover-rect-dragging-color);opacity:.5;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.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{pointer-events:all;z-index:10;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute}.dn-aux-helpers button{width:22px;height:22px;color:var(--colorTextSecondary);background:var(--colorBgContainer);border-color:var(--colorBgContainer);justify-content:center;align-items:center;padding:0;line-height:20px;display:flex;box-shadow:0 2px 12px rgba(0,0,0,.1);font-size:12px!important}.dn-aux-helpers button:not(:disabled):not(.qx-btn-disabled):hover,.dn-aux-helpers button:not(:disabled):not(.qx-btn-disabled):focus,.dn-aux-helpers button:not(:disabled):not(.qx-btn-disabled):active{color:var(--colorTextSecondary);background:var(--colorBgLayout);border-color:var(--colorBgLayout);box-shadow:0 2px 12px rgba(0,0,0,.1)}.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{margin-left:2px;line-height:14px}.dn-aux-helpers button span.dn-icon{margin-left:0}.dn-aux-helpers-content{white-space:nowrap;flex-wrap:nowrap;display:flex}.dn-aux-helpers-content button{align-items:center;height:20px;padding:0;display:flex;font-size:12px!important}.dn-aux-helpers-content>*{margin-top:4px;margin-bottom:4px;margin-left:var(--marginXXS)}.dn-aux-helpers-content>:first-child{margin-left:0}.dn-aux-insertion{background-color:var(--dn-aux-insertion-color);z-index:1}.dn-aux-dashed-box{border-radius:var(--borderRadius);border:2px solid var(--colorPrimaryBgHover);box-sizing:border-box;pointer-events:none}.dn-aux-dashed-box-title{color:var(--dn-aux-dashed-box-title-color)}.dn-aux-selection-box{border-radius:var(--borderRadius);border:2px solid var(--colorPrimary);pointer-events:none;box-sizing:border-box;position:relative}.dn-aux-selection-box-inner{position:absolute;top:0;bottom:0;left:0;right:0}.dn-aux-selection-box-title{color:var(--dn-aux-selection-box-color)}.dn-aux-selector button{width:22px;height:22px;color:var(--colorTextSecondary);background:var(--colorBgContainer);border-color:var(--colorBgContainer);justify-content:center;align-items:center;padding:0;line-height:20px;display:flex;box-shadow:0 2px 12px rgba(0,0,0,.1);font-size:12px!important}.dn-aux-selector button:not(:disabled):not(.qx-btn-disabled):hover,.dn-aux-selector button:not(:disabled):not(.qx-btn-disabled):focus,.dn-aux-selector button:not(:disabled):not(.qx-btn-disabled):active{color:var(--colorTextSecondary);background:var(--colorBgLayout);border-color:var(--colorBgLayout);box-shadow:0 2px 12px rgba(0,0,0,.1)}.dn-aux-selector button{width:auto;padding:0 4px}.dn-aux-selector-menu{opacity:.8;margin-top:-4px;animation:.2s dn-animate-slide-to-top}.dn-aux-selector__icon{width:14px;height:14px;color:var(--colorTextSecondary);align-items:center;justify-items:center;font-size:14px;display:flex;overflow:hidden}.dn-aux-selector__icon img.is-svg{-webkit-filter:drop-shadow(14px 0 0 var(--colorTextSecondary));filter:drop-shadow(14px 0 0 var(--colorTextSecondary));position:relative;left:-14px;width:14px!important;height:14px!important}.dn-aux-drag-handler{cursor:move}.dn-aux-node-resize-handler{pointer-events:all;border:1px solid var(--dn-brand-color);background-color:#fff;border-radius:10px;position:absolute}.dn-aux-node-resize-handler.left-center{cursor:ew-resize;width:6px;height:30px;top:50%;left:0;transform:translate(calc(-50% - 1px),-50%)}.dn-aux-node-resize-handler.right-center{cursor:ew-resize;width:6px;height:30px;top:50%;left:100%;transform:translate(calc(1px - 50%),-50%)}.dn-aux-node-resize-handler.center-top{cursor:ns-resize;width:30px;height:6px;top:0;left:50%;transform:translate(-50%,calc(-50% - 1px))}.dn-aux-node-resize-handler.center-bottom{cursor:ns-resize;width:30px;height:6px;top:100%;left:50%;transform:translate(-50%,calc(1px - 50%))}.dn-aux-node-resize-handler.left-top{cursor:nwse-resize;top:0;left:0;transform:translate(calc(1px - 50%),calc(1px - 50%))}.dn-aux-node-resize-handler.left-bottom{cursor:nesw-resize;top:100%;left:0;transform:translate(-50%,-50%)}.dn-aux-node-resize-handler.right-bottom{cursor:nwse-resize;color:gray;z-index:1;background-color:transparent;border:none;font-size:10px;line-height:10px;bottom:0;right:1px}.dn-aux-node-resize-handler.right-top{cursor:nesw-resize;top:0;left:100%;transform:translate(-50%,-50%)}.dn-aux-node-translate-handler{border-radius:var(--borderRadiusXS);opacity:.5;pointer-events:all;background:#1890ff;justify-content:center;align-items:center;width:40px;height:20px;display:flex;position:absolute}.dn-aux-node-translate-handler.full{cursor:move;background:0 0;width:100%;height:100%;top:0;bottom:0;left:0;right:0}.dn-aux-space-block-ruler-indicator{background-color:var(--dn-brand-color);color:var(--dn-white);z-index:2;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute}.dn-aux-space-block-ruler-indicator span{margin:0 6px;font-size:12px;display:inline-block}.dn-aux-space-block-ruler-h{border-left:1px solid var(--dn-brand-color);border-right:1px solid var(--dn-brand-color);width:100%;height:12px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.dn-aux-space-block-ruler-h:after{content:"";background-color:var(--dn-brand-color);z-index:1;width:100%;height:1px;display:block;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.dn-aux-space-block-ruler-h .dn-aux-space-block-ruler-indicator{top:50%;left:50%;transform:translate(-50%,-50%)scale(.7)}.dn-aux-space-block-ruler-v{border-top:1px solid var(--dn-brand-color);border-bottom:1px solid var(--dn-brand-color);width:12px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.dn-aux-space-block-ruler-v:after{content:"";background-color:var(--dn-brand-color);z-index:1;width:1px;height:100%;display:block;position:absolute;top:0;left:50%;transform:translate(-50%)}.dn-aux-space-block-ruler-v .dn-aux-space-block-ruler-indicator{top:50%;left:50%;transform:translate(-50%,-50%)scale(.7)}.dn-aux-canvas-grid{z-index:1;pointer-events:none;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.dn-aux-canvas-grid-resizing{display:block}.dn-component-tree{width:100%;min-width:100%;height:100%;min-height:100%}.dn-zoom-widget-popover .qx-popover-inner{padding:4px}.qx-designer-tools{width:100%}.qx-designer-tools .qx-btn-group .qx-designer-tools-btn.qx-btn{border-radius:var(--borderRadiusSM);gap:0;font-size:12px}.qx-designer-tools .qx-btn-group .qx-designer-tools-btn.qx-btn:hover{background-color:var(--colorPrimaryBg)}.qx-designer-tools-locale.qx-select .qx-select-selector{font-size:12px}.qx-designer-tools-icon-btn{align-items:center;padding:2px;display:flex}.qx-designer-tools-icon-btn.qx-btn{color:var(--colorText);gap:0;font-size:12px}.qx-designer-tools-icon-btn.qx-btn:not(.qx-btn-icon-only)>.qx-btn-icon:not(:last-child):not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:var(--marginXXS)}.qx-designer-tools-icon-btn.qx-btn:not(.qx-btn-icon-only)>.qx-btn-icon:not(:last-child):not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:var(--marginXXS)}.qx-designer-tools-icon-btn.qx-btn:not(.qx-btn-icon-only)>.qx-btn-icon:not(:last-child):not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:var(--marginXXS)}.qx-designer-tools-icon-btn.qx-btn:not(.qx-btn-icon-only)>.qx-btn-icon:not(:last-child):-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--marginXXS)}.qx-designer-tools-icon-btn.qx-btn:not(.qx-btn-icon-only)>.qx-btn-icon:not(:last-child):-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--marginXXS)}.qx-designer-tools-icon-btn.qx-btn:not(.qx-btn-icon-only)>.qx-btn-icon:not(:last-child):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--marginXXS)}.qx-designer-tools-icon-btn.qx-btn.checked{color:var(--colorPrimary);background-color:var(--colorPrimaryBg)}.qx-designer-tools-icon-btn.qx-btn.checked:hover{color:var(--colorPrimary)}.qx-designer-tools-icon-btn--screen.qx-btn.qx-btn-sm.qx-btn-icon-only{pointer-events:auto;border:none;gap:0}.qx-designer-tools-icon-btn--screen.checked.qx-btn.qx-btn-sm.qx-btn-icon-only{color:var(--dn-brand-color);background-color:var(--colorPrimaryBg);pointer-events:none;gap:0}.qx-designer-tools-split{background-color:var(--dn-panel-border-color);width:1px;height:12px}.qx-designer-tools-popover div.qx-popover-inner{box-sizing:border-box;padding:4px}.qx-designer-tools-popover.qx-designer-tools-extend div.qx-popover-inner{width:120px}.qx-designer-tools-popover-item{height:40px;padding:0 12px}.qx-designer-tools-popover-item__disabled{color:var(--colorTextQuaternary)}.qx-designer-tools-popover-btn{align-items:center;padding:0 12px;display:flex}.qx-designer-tools-locale-popup .qx-select-item.qx-select-item-option{font-size:12px}.dn-resource{flex-wrap:wrap;overflow:hidden}.dn-resource:not(.dn-resource:first-child){margin-top:16px}.dn-resource-header{cursor:pointer;justify-content:space-between;align-items:center;height:22px;margin-bottom:16px;transition:all .25s ease-in-out;display:flex}.dn-resource-header-expand{margin-right:3px;font-size:12px;transition:all .15s ease-in-out;transform:rotate(-90deg)}.dn-resource-content-wrapper{background:var(--dn-resource-content-bg-color);justify-content:center;display:flex}.dn-resource-content{flex-wrap:wrap;width:100%;height:0;display:grid}.dn-resource.expand .dn-resource-content{grid-gap:8px;grid-template-columns:repeat(3,calc(33.3333% - 5.33333px));height:auto;display:grid}.dn-resource.expand .dn-resource-header-expand{transform:rotate(0)}.dn-resource-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:grab;justify-content:center;align-items:center;min-height:32px;padding-top:6px;padding-bottom:6px;transition:color .1s ease-out;display:flex;position:relative}.dn-resource-item:hover{color:var(--dn-resource-item-hover-color);z-index:1}.dn-resource-item-icon{margin:12px 0}.dn-resource-item-text{text-align:center;margin-left:4px;font-size:12px;line-height:1}.dn-resource-item-remain{background:var(--dn-resource-content-bg-color)}.dn-ghost{height:30px;color:var(--dn-ghost-color);z-index:9999;border-radius:var(--borderRadiusSM);background-color:var(--dn-ghost-bg-color);pointer-events:none;justify-content:center;align-items:center;padding-left:25px;padding-right:15px;font-size:12px;display:flex;position:fixed;top:0;left:0;transform:translate(0,0)}.dn-empty{pointer-events:none;background:var(--dn-empty-bg-color);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;transform:perspective(1px)translate(0,0)}.dn-empty .animations{flex-wrap:wrap;justify-content:center;display:flex}.dn-empty .animations img{width:200px}.dn-empty .description{text-align:center;color:var(--colorTextTertiary);line-height:20px}.dn-outline-tree-container{background-color:var(--dn-outline-tree-bg-color);flex-direction:column;width:100%;height:100%;min-height:100px;display:flex;position:relative;overflow:hidden}.dn-outline-tree-header{border-bottom:1px solid var(--dn-outline-tree-header-border-color);color:var(--dn-outline-tree-color);justify-content:space-between;align-items:center;padding:8px;display:flex}.dn-outline-tree-title{font-size:16px;font-weight:500}.dn-outline-tree-close{cursor:pointer;align-items:center;display:flex;transform:scale(1.6)}.dn-outline-tree-content{width:100%;height:100%;overflow:overlay;flex-grow:1;padding-bottom:20px;position:relative}.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{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:-moz-fit-content;width:fit-content;min-width:100%;position:relative}.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,.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{width:-moz-fit-content;min-height:32px;width:fit-content;min-width:100%;color:var(--dn-outline-tree-node-header-color);align-items:center;padding-left:8px;display:flex;position:relative}.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{pointer-events:none;height:100%;position:absolute;top:0;left:0}.dn-outline-tree-node-header-content{transform-origin:0;width:-moz-fit-content;justify-content:space-between;align-items:center;width:fit-content;min-width:100%;height:100%;font-size:12px;transition:all .15s ease-in;display:flex}.dn-outline-tree-node-header-base{align-items:center;display:flex}.dn-outline-tree-node-header-actions{text-overflow:ellipsis;white-space:nowrap;align-items:center;margin-right:8px;display:flex;overflow:hidden}.dn-outline-tree-node-expand{align-items:center;width:12px;margin-right:3px;transition:all .15s ease-out;display:flex;transform:rotate(-90deg)}.dn-outline-tree-node-icon{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;margin-right:5px;font-size:12px;display:flex}.dn-outline-tree-node-title{text-overflow:ellipsis;white-space:nowrap;margin-right:100px;overflow:hidden}.dn-outline-tree-node-actions{text-overflow:ellipsis;white-space:nowrap;flex-grow:2;font-size:12px;overflow:hidden}.dn-outline-tree-node-children{width:-moz-fit-content;width:fit-content;min-width:100%;padding-left:16px;display:none}.dn-history-item{cursor:pointer;min-height:32px;color:var(--dn-outline-tree-node-header-color);justify-content:space-between;align-items:center;padding:0 10px;display:flex}.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{border-bottom:1px solid var(--dn-panel-border-color);padding:4px 10px!important}.dn-node-path .dn-icon{font-size:11px}.dn-node-path a{font-size:12px}.dn-node-actions{justify-content:center;align-items:center;width:100%;padding-top:8px;padding-bottom:8px;display:flex;overflow:hidden}.dn-node-actions-content{align-items:center;padding:0 20px;line-height:1;display:flex;position:relative}.dn-node-actions-content:before{content:"";width:300%;height:0;display:block;position:absolute;top:50%;right:100%}.dn-node-actions-content:after{content:"";width:300%;height:0;display:block;position:absolute;top:50%;left:100%}.dn-node-actions-item-text{align-items:center;font-size:10px;line-height:1;display:flex}.dn-node-actions-item-text .dn-icon{margin-right:6px}.dn-droppable-placeholder{background-color:var(--dn-droppable-bg-color);border:1px dashed var(--dn-droppable-border-color);height:60px;color:var(--dn-droppable-color);justify-content:center;align-items:center;font-size:13px;font-weight:lighter;display:flex}.qx-plugin-widget-item.qx-collapse-item div.qx-collapse-header .qx-collapse-expand-icon:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:var(--paddingXXS)}.qx-plugin-widget-item.qx-collapse-item div.qx-collapse-header .qx-collapse-expand-icon:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:var(--paddingXXS)}.qx-plugin-widget-item.qx-collapse-item div.qx-collapse-header .qx-collapse-expand-icon:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:var(--paddingXXS)}.qx-plugin-widget-item.qx-collapse-item div.qx-collapse-header .qx-collapse-expand-icon:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:var(--paddingXXS)}.qx-plugin-widget-item.qx-collapse-item div.qx-collapse-header .qx-collapse-expand-icon:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:var(--paddingXXS)}.qx-plugin-widget-item.qx-collapse-item div.qx-collapse-header .qx-collapse-expand-icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:var(--paddingXXS)}.dn-search.qx-input-affix-wrapper{border-radius:16px;align-self:stretch;align-items:center;gap:4px;height:32px;padding:0 16px;display:flex;background-color:var(--colorFillTertiary)!important}.dn-search .qx-input-prefix .anticon,.dn-search .qx-input-prefix svg{color:var(--colorTextPlaceholder);font-size:16px}.qx-plugin-widget-item.qx-collapse-item div.qx-collapse-header .qx-collapse-expand-icon:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:var(--paddingXXS)}.qx-plugin-widget-item.qx-collapse-item div.qx-collapse-header .qx-collapse-expand-icon:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:var(--paddingXXS)}.qx-plugin-widget-item.qx-collapse-item div.qx-collapse-header .qx-collapse-expand-icon:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:var(--paddingXXS)}.qx-plugin-widget-item.qx-collapse-item div.qx-collapse-header .qx-collapse-expand-icon:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:var(--paddingXXS)}.qx-plugin-widget-item.qx-collapse-item div.qx-collapse-header .qx-collapse-expand-icon:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:var(--paddingXXS)}.qx-plugin-widget-item.qx-collapse-item div.qx-collapse-header .qx-collapse-expand-icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:var(--paddingXXS)}.qx-plugin-widget{flex-direction:column;display:flex;overflow:hidden}.qx-plugin-widget-item{padding-bottom:var(--paddingLG)}.qx-plugin-widget-item.qx-collapse-item div.qx-collapse-header{padding:0 var(--paddingXS)0 var(--padding);cursor:pointer;line-height:20px}.qx-plugin-widget-item.qx-collapse-item div.qx-collapse-header .qx-collapse-expand-icon{color:var(--colorTextTertiary)}.qx-plugin-widget-item.qx-collapse-item div.qx-collapse-header .qx-collapse-expand-icon:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:var(--paddingXXS)}.qx-plugin-widget-item.qx-collapse-item div.qx-collapse-header .qx-collapse-expand-icon:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:var(--paddingXXS)}.qx-plugin-widget-item.qx-collapse-item div.qx-collapse-header .qx-collapse-expand-icon:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:var(--paddingXXS)}.qx-plugin-widget-item.qx-collapse-item div.qx-collapse-header .qx-collapse-expand-icon:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:var(--paddingXXS)}.qx-plugin-widget-item.qx-collapse-item div.qx-collapse-header .qx-collapse-expand-icon:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:var(--paddingXXS)}.qx-plugin-widget-item.qx-collapse-item div.qx-collapse-header .qx-collapse-expand-icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:var(--paddingXXS)}.qx-plugin-widget-item.qx-collapse-item div.qx-collapse-content div.qx-collapse-content-box{padding-top:0;padding-bottom:0;padding:var(--padding)var(--paddingXS)0 var(--padding);grid-template-columns:repeat(2,calc((100% - var(--paddingXS))/2));grid-gap:8px;display:grid}.qx-plugin-widget-item-empty.qx-collapse-item div.qx-collapse-content div.qx-collapse-content-box{padding-top:0}.qx-plugin-widget-item-empty.qx-collapse-item div.qx-collapse-header{cursor:default}.qx-plugin-widget-item-label{color:var(--colorText);font-weight:700;font-size:var(--fontSizeSM)}.qx-plugin-widget-item-btn.qx-btn{gap:var(--sizeXXS);padding-left:var(--paddingXS);padding-right:var(--paddingXS);border:1px solid var(--colorBorderSecondary);color:var(--colorTextSecondary);border-radius:var(--borderRadiusSM);box-shadow:none;justify-content:flex-start;transition:none}.qx-plugin-widget-item-btn.qx-btn.qx-btn-default:not(:disabled):not(.qx-btn-disabled):hover .qx-btn-icon{color:var(--colorPrimary)}.qx-plugin-widget-item-btn.qx-btn.qx-btn-default:not(:disabled):not(.qx-btn-disabled):hover .qx-plugin-widget-item-btn-icon img.is-svg{-webkit-filter:drop-shadow(14px 0 0 var(--colorPrimary));filter:drop-shadow(14px 0 0 var(--colorPrimary))}.qx-plugin-widget-item-btn.qx-btn.qx-btn-default:not(:disabled):not(.qx-btn-disabled):active .qx-btn-icon{color:var(--colorPrimaryActive)}.qx-plugin-widget-item-btn.qx-btn.qx-btn-default:not(:disabled):not(.qx-btn-disabled):active .qx-plugin-widget-item-btn-icon img.is-svg{-webkit-filter:drop-shadow(14px 0 0 var(--colorPrimaryActive));filter:drop-shadow(14px 0 0 var(--colorPrimaryActive))}.qx-plugin-widget-item-btn-text{text-overflow:ellipsis;flex-grow:0;overflow:hidden}.qx-plugin-widget-item-btn-icon{overflow:hidden}.qx-plugin-widget-item-btn-icon img.is-svg{-webkit-filter:drop-shadow(14px 0 0 var(--colorTextSecondary));filter:drop-shadow(14px 0 0 var(--colorTextSecondary));position:relative;left:-14px;width:14px!important;height:14px!important}.qx-plugin-widget-search{width:100%}.qx-plugin-widget-main{flex:1;width:100%;overflow:auto}.dn-pc-simulator{top:var(--sizeSM);left:var(--sizeSM);right:calc(var(--sizeSM) - 9px);bottom:var(--sizeSM);border-radius:var(--borderRadius);box-sizing:border-box;overflow:overlay;padding:4px;position:absolute}.dn-mobile-simulator{background-color:var(--dn-mobile-simulator-bg-color);width:100%;height:100%;min-height:100px;position:relative}.dn-mobile-simulator-content{width:100%;height:100%;overflow:overlay;position:absolute;top:0;left:0}.dn-mobile-simulator-body{justify-content:center;height:100%;display:flex}.dn-responsive-simulator{background-color:var(--dn-responsive-simulator-bg-color)}.dn-resize-handle{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:10;background:var(--dn-resize-handle-bg-color);color:var(--dn-resize-handle-color);justify-content:center;align-items:center;transition:all .2s ease-in-out;display:flex;position:absolute;bottom:0}.dn-resize-handle-RESIZE_WIDTH{cursor:ew-resize;top:0;bottom:15px}.dn-resize-handle-RESIZE_WIDTH svg{transform-origin:50%;transform:rotate(-90deg)}.dn-resize-handle-RESIZE_HEIGHT{cursor:ns-resize;left:0;right:15px}.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{width:15px;right:0}.dn-resize-handle:hover{background:var(--dn-resize-handle-hover-bg-color);color:var(--dn-resize-handle-hover-color)}.dn-composite-custom-container.horizontal{padding:var(--paddingXS)0;background-color:transparent;position:absolute;top:0;left:0;right:0}.dn-composite-custom-content{width:100%;position:relative}.dn-composite-custom-content-header{width:100%;height:44px;color:var(--colorText);padding:0 4px 4px 12px;font-weight:600}.dn-composite-custom-content-header button.qx-btn.qx-btn-icon-only{border-radius:var(--borderRadiusSM);width:24px;height:24px;margin:0 4px}.dn-composite-custom-plugin-list{scrollbar-width:none;height:calc(100% - 205px);overflow-y:auto}.dn-composite-custom-plugin-list::-webkit-scrollbar{width:0;display:none}.dn-composite-custom-plugin-list--horizontal{flex:1;height:100%;position:relative;overflow:hidden}.dn-composite-custom-plugin-list--horizontal:hover .dn-horizontal-plugin-render-prev-btn.qx-btn.qx-btn-icon-only,.dn-composite-custom-plugin-list--horizontal:hover .dn-horizontal-plugin-render-next-btn.qx-btn.qx-btn-icon-only{display:inline-flex}.dn-composite-custom-plugin-list-line{background-color:var(--colorBorderSecondary);width:8px;height:1px;margin:0 16px}.dn-composite-custom-plugin-list-line--horizontal{background-color:var(--colorBorderSecondary);width:1px;height:8px;margin:16px 0}.dn-plugin-render-btn{color:var(--colorTextSecondary);justify-content:center;align-items:center;display:flex}.dn-plugin-render-btn .qx-btn-icon{line-height:24px}.dn-plugin-render-btn .qx-btn-icon:not(:last-child):not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:var(--marginXXS)}.dn-plugin-render-btn .qx-btn-icon:not(:last-child):not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:var(--marginXXS)}.dn-plugin-render-btn .qx-btn-icon:not(:last-child):not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:var(--marginXXS)}.dn-plugin-render-btn .qx-btn-icon:not(:last-child):-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--marginXXS)}.dn-plugin-render-btn .qx-btn-icon:not(:last-child):-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--marginXXS)}.dn-plugin-render-btn .qx-btn-icon:not(:last-child):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--marginXXS)}.dn-plugin-render-btn-text{text-overflow:ellipsis;flex-grow:0;overflow:hidden}.dn-plugin-render-btn.qx-btn{width:40px;min-width:40px;max-width:40px;height:36px;min-height:36px;max-height:36px;box-shadow:none;border-radius:0;font-size:18px;transition:none}.dn-plugin-render-btn-icon{overflow:hidden}.dn-plugin-render-btn-icon img.is-svg{-webkit-filter:drop-shadow(18px 0 0 var(--colorTextSecondary));filter:drop-shadow(18px 0 0 var(--colorTextSecondary));position:relative;left:-18px;width:18px!important;height:18px!important}.dn-plugin-render-btn-btn.dn-plugin-render-btn.qx-btn-default:not(:disabled):not(.qx-btn-disabled):hover .qx-btn-icon{color:var(--colorPrimary)}.dn-plugin-render-btn-btn.dn-plugin-render-btn.qx-btn-default:not(:disabled):not(.qx-btn-disabled):hover .qx-plugin-widget-item-btn-icon img.is-svg{-webkit-filter:drop-shadow(14px 0 0 var(--colorPrimary));filter:drop-shadow(14px 0 0 var(--colorPrimary))}.dn-plugin-render-btn-btn.dn-plugin-render-btn.qx-btn-default:not(:disabled):not(.qx-btn-disabled):active .qx-btn-icon{color:var(--colorPrimaryActive)}.dn-plugin-render-btn-btn.dn-plugin-render-btn.qx-btn-default:not(:disabled):not(.qx-btn-disabled):active .qx-plugin-widget-item-btn-icon img.is-svg{-webkit-filter:drop-shadow(14px 0 0 var(--colorPrimaryActive));filter:drop-shadow(14px 0 0 var(--colorPrimaryActive))}.dn-composite-custom-controller-btn.qx-btn.qx-btn-icon-only{width:32px;min-width:32px;max-width:32px;height:32px;min-height:32px;max-height:32px;color:var(--colorTextSecondary);border-radius:var(--borderRadiusSM);margin:4px;padding:0;font-size:18px}.dn-composite-custom-controller-btn.qx-btn.qx-btn-icon-only .qx-btn-icon{background-color:transparent}.dn-composite-custom-controller-btn.qx-btn.qx-btn-icon-only.checked:not(:disabled){background-color:var(--colorPrimaryBg);color:var(--colorPrimary)}.dn-composite-custom-controller-btn.qx-btn.qx-btn-icon-only.checked:not(:disabled):hover{color:var(--colorPrimary);background-color:var(--colorPrimaryBg)}.dn-composite-custom-controller-btn.qx-btn.qx-btn-icon-only:hover:not(:disabled){color:var(--colorTextSecondary);background:var(--colorFillTertiary)}.dn-composite-custom-popover.qx-popover .qx-popover-inner .dn-composite-custom-screen-btn{align-items:center;width:144px;padding:5px 8px;display:flex}.dn-composite-custom-popover.qx-popover .qx-popover-inner .dn-composite-custom-screen-btn svg{margin-right:8px}.dn-composite-custom-box{border-right:1px solid var(--colorBorderSecondary);background-color:var(--colorBgContainer);box-sizing:border-box;width:41px;height:100%}.dn-composite-custom-box.horizontal{border-radius:var(--borderRadius);border-right-width:0;width:100%;height:40px}.dn-composite-custom-box.horizontal .dn-plugin-render-btn.qx-btn{width:32px;min-width:32px;max-width:32px;height:32px;min-height:32px;max-height:32px;color:var(--colorTextSecondary);border-radius:var(--borderRadiusSM);margin:4px;padding:0;font-size:18px}.dn-composite-custom-box.horizontal .dn-composite-custom-controller-btn.qx-btn.qx-btn-icon-only.horizontal-radius-left{border-radius:var(--borderRadius)0 0 var(--borderRadius)}.dn-composite-custom-box.horizontal .dn-composite-custom-controller-btn.qx-btn.qx-btn-icon-only.horizontal-radius-right{border-radius:0 var(--borderRadius)var(--borderRadius)0}.dn-horizontal-plugin-render{flex-wrap:nowrap;width:100%;transition:all .5s;display:flex;position:relative;transform:translate(0)}.dn-horizontal-plugin-render-prev-btn.qx-btn.qx-btn-icon-only,.dn-horizontal-plugin-render-next-btn.qx-btn.qx-btn-icon-only{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;background:rgba(0,0,0,.2);border-radius:32px;width:16px;height:16px;padding:3px;display:none;position:absolute;top:12px;box-shadow:0 2px 12px rgba(0,0,0,.1)}.dn-horizontal-plugin-render-prev-btn.qx-btn.qx-btn-icon-only:hover:not(:disabled),.dn-horizontal-plugin-render-next-btn.qx-btn.qx-btn-icon-only:hover:not(:disabled){background:rgba(0,0,0,.3)}.dn-horizontal-plugin-render-prev-btn{left:4px}.dn-horizontal-plugin-render-next-btn{right:4px}.qx-custom-material-dragger{z-index:9999}.qx-controller-dragger{z-index:9999;background-color:transparent;position:fixed}.qx-controller-drag-box.qx-flex-vertical{border-radius:var(--borderRadiusSM);background-color:#fff;width:40px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.1)}.qx-controller-drag{cursor:all-scroll;height:12px}.qx-controller-drag.qx-btn.qx-btn-icon-only{width:40px}button.qx-btn.qx-controller-design-btn{width:40px;font-size:16px}button.qx-btn.qx-controller-design-btn .qx-btn-icon{padding:2px}.qx-form--designer-default{min-height:100%}.qx-form--designer-default .qx-add-form,.qx-form--designer-default .qx-edit-form{min-height:100%;padding:0}.dn-viewport .qx-form-item-common-control,.dn-viewport .qx-form-item-common-control input{pointer-events:none!important}.qx-new-tour.qx-tour{width:225px}.qx-new-tour.qx-tour .qx-tour-content .qx-tour-header{padding:var(--paddingXS)}.qx-new-tour.qx-tour .qx-tour-content .qx-tour-footer{height:calc(var(--paddingXS)*2 + 24px);padding:var(--paddingXS);align-items:center}.qx-new-tour.qx-tour .qx-tour-content .qx-tour-description{padding:0 var(--paddingXS);color:var(--color-text-secondary);font-size:12px}.qx-new-tour.qx-tour .qx-tour-content .qx-tour-close{top:var(--paddingXS)}.qx-new-tour.qx-tour .qx-tour-content .qx-tour-close:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--paddingXS)}.qx-new-tour.qx-tour .qx-tour-content .qx-tour-close:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--paddingXS)}.qx-new-tour.qx-tour .qx-tour-content .qx-tour-close:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--paddingXS)}.qx-new-tour.qx-tour .qx-tour-content .qx-tour-close:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--paddingXS)}.qx-new-tour.qx-tour .qx-tour-content .qx-tour-close:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--paddingXS)}.qx-new-tour.qx-tour .qx-tour-content .qx-tour-close:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--paddingXS)}.qx-new-tour.qx-tour .qx-tour-content .qx-tour-buttons .qx-btn{font-size:12px}.qx-new-tour-jump-btn{color:var(--color-text-secondary);padding:0;font-size:12px}.qx-new-toolbar-panel{border-bottom:1px solid var(--colorBorderSecondary);box-sizing:content-box}.dn-app .dn-composite-panel-tabs{display:none}.qx-tabs.material-widget{height:100%}.qx-tabs.material-widget .qx-tabs-nav{height:41px;margin-bottom:0}.qx-tabs.material-widget .qx-tabs-nav-list{justify-content:space-around;width:100%}.qx-tabs.material-widget .qx-tabs-nav-list .qx-tabs-tab{margin:0;padding:8px 0}.qx-tabs.material-widget .qx-tabs-nav-list .qx-tabs-tab .qx-tabs-tab-btn{height:24px;line-height:24px}.qx-tabs.material-widget .qx-tabs-content-holder,.qx-tabs.material-widget .qx-tabs-content-holder .qx-tabs-content.qx-tabs-content-top,.qx-tabs.material-widget .qx-tabs-content-holder .qx-tabs-content.qx-tabs-content-top .qx-tabs-tabpane{height:100%}