:root{--dn-brand-color: rgba(24, 144, 255, 1);--dn-brand-hovering: rgba(64, 169, 255, 1);--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;-webkit-transition:all .25s ease-in-out;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;-webkit-user-select:none;-moz-user-select:none;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;-webkit-user-select:none;-moz-user-select:none;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 #0000001a;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;-webkit-user-select:none;-moz-user-select:none;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,.dn-aux-selector button,.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-button button:hover,.dn-aux-selector button:hover,.dn-aux-helpers button:hover,.dn-aux-button button:focus,.dn-aux-selector button:focus,.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-button button:active,.dn-aux-selector button:active,.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-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;-webkit-user-select:none;-moz-user-select:none;user-select:none}.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-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;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:-moz-fit-content;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:-moz-fit-content;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:-moz-fit-content;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:-moz-fit-content;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;-webkit-user-select:none;-moz-user-select:none;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;-webkit-user-select:none;-moz-user-select:none;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-form-container{margin:0!important;padding:20px;border:1px solid #f5f5f5}.dn-color-input{width:100%}.dn-color-input .ant-popover-inner-content{padding:0!important;-webkit-user-select:none;-moz-user-select:none;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(#0006,#0003)}.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(#0006,#0003)}.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:0!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{animation-name:slideInRight}.animate__slideOutRight{animation-name:slideOutRight}.animate__animated{animation-delay:0ms;animation-duration:.25s;animation-fill-mode:forwards}.animate__fadeInUp{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-data-source-setter ::-webkit-scrollbar{width:5px;height:5px}.dn-data-source-setter ::-webkit-scrollbar-thumb{background-color:#0003;border-radius:0;-webkit-transition:all .25s ease-in-out;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}.draggable-tree-node{display:flex;align-items:center;gap:4px;justify-content:space-between}.draggable-tree-node-content{display:flex;align-items:center;gap:4px}.draggable-tree-node-title{cursor:pointer}.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;-webkit-transition:all .25s ease-in-out;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}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background: 0 0% 100%;--foreground: 240 10% 3.9%;--card: 0 0% 100%;--card-foreground: 240 10% 3.9%;--popover: 0 0% 100%;--popover-foreground: 240 10% 3.9%;--primary: 222 100% 44%;--primary-foreground: 0 0% 98%;--secondary: 240 4.8% 95.9%;--secondary-foreground: 240 5.9% 10%;--muted: 240 4.8% 95.9%;--muted-foreground: 240 3.8% 46.1%;--accent: 240 4.8% 95.9%;--accent-foreground: 240 5.9% 10%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 0 0% 98%;--border: 240 5.9% 90%;--input: 240 5.9% 90%;--ring: 240 10% 3.9%;--chart-1: 12 76% 61%;--chart-2: 173 58% 39%;--chart-3: 197 37% 24%;--chart-4: 43 74% 66%;--chart-5: 27 87% 67%;--radius: .5rem }*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground))}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.left-1{left:.25rem}.left-\[50\%\]{left:50%}.right-1{right:.25rem}.top-\[50\%\]{top:50%}.z-50{z-index:50}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.ml-2{margin-left:.5rem}.mr-2{margin-right:.5rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-8{margin-top:2rem}.box-border{box-sizing:border-box}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.size-8{width:2rem;height:2rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-2\.5{height:.625rem}.h-4{height:1rem}.h-7{height:1.75rem}.h-9{height:2.25rem}.h-\[60vh\]{height:60vh}.h-full{height:100%}.max-h-\[80vh\]{max-height:80vh}.min-h-20{min-height:5rem}.w-10{width:2.5rem}.w-2\.5{width:.625rem}.w-4{width:1rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-9{width:2.25rem}.w-\[92\%\]{width:92%}.w-auto{width:auto}.w-full{width:100%}.flex-1{flex:1 1 0%}.border-collapse{border-collapse:collapse}.translate-x-\[-50\%\]{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50\%\]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-around{justify-content:space-around}.gap-2{gap:.5rem}.gap-4{gap:1rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.border{border-width:1px}.border-l{border-left-width:1px}.border-t{border-top-width:1px}.border-input{border-color:hsl(var(--input))}.border-l-transparent{border-left-color:transparent}.border-t-transparent{border-top-color:transparent}.bg-accent{background-color:hsl(var(--accent))}.bg-background{background-color:hsl(var(--background))}.bg-black\/50{background-color:#00000080}.bg-destructive{background-color:hsl(var(--destructive))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.bg-popover{background-color:hsl(var(--popover))}.bg-primary{background-color:hsl(var(--primary))}.bg-secondary{background-color:hsl(var(--secondary))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.p-0{padding:0}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-\[1px\]{padding:1px}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pb-12{padding-bottom:3rem}.pt-1{padding-top:.25rem}.text-left{text-align:left}.text-center{text-align:center}.text-\[0\.8rem\]{font-size:.8rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.leading-none{line-height:1}.text-accent-foreground{color:hsl(var(--accent-foreground))}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-popover-foreground{color:hsl(var(--popover-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.underline-offset-4{text-underline-offset:4px}.opacity-50{opacity:.5}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-offset-background{--tw-ring-offset-color: hsl(var(--background))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.file\:border-0::file-selector-button{border-width:0px}.file\:bg-transparent::file-selector-button{background-color:transparent}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.file\:text-foreground::file-selector-button{color:hsl(var(--foreground))}.placeholder\:text-muted-foreground::-moz-placeholder{color:hsl(var(--muted-foreground))}.placeholder\:text-muted-foreground::placeholder{color:hsl(var(--muted-foreground))}.focus-within\:relative:focus-within{position:relative}.focus-within\:z-20:focus-within{z-index:20}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive) / .9)}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.hover\:bg-primary:hover{background-color:hsl(var(--primary))}.hover\:bg-primary\/90:hover{background-color:hsl(var(--primary) / .9)}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary) / .8)}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:text-primary-foreground:hover{color:hsl(var(--primary-foreground))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.focus\:bg-primary:focus{background-color:hsl(var(--primary))}.focus\:text-primary-foreground:focus{color:hsl(var(--primary-foreground))}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color: hsl(var(--ring))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.active\:bg-gray-100:active{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.aria-selected\:bg-accent[aria-selected=true]{background-color:hsl(var(--accent))}.aria-selected\:bg-accent\/50[aria-selected=true]{background-color:hsl(var(--accent) / .5)}.aria-selected\:text-accent-foreground[aria-selected=true]{color:hsl(var(--accent-foreground))}.aria-selected\:text-muted-foreground[aria-selected=true]{color:hsl(var(--muted-foreground))}.aria-selected\:opacity-100[aria-selected=true]{opacity:1}.data-\[state\=open\]\:animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity: 0}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity: 0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale: .95}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale: .95}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y: -.5rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x: .5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x: -.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y: .5rem}@media (min-width: 640px){.sm\:flex-row{flex-direction:row}.sm\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.sm\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}}@media (min-width: 768px){.md\:text-sm{font-size:.875rem;line-height:1.25rem}}.\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]){background-color:hsl(var(--accent))}.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-accent\/50:has([aria-selected].day-outside){background-color:hsl(var(--accent) / .5)}.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end){border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}