body,html{height:100%;margin:0;padding:0}body article,body div,body footer,body header,body li,body ul,html article,html div,html footer,html header,html li,html ul{box-sizing:border-box}ul{list-style:none;padding:0}.root{height:100%}.ky-dom-global-resize-render{width:100%;height:100%;pointer-events:all;z-index:9999;display:none;user-select:none}.ky-dom-global-resize-render,.ky-dom-global-resize-render>svg{position:absolute;left:0;top:0}.ky-dom-global-resize-render>svg path{stroke:#0e95fe;stroke-dasharray:2;fill:rgba(0,0,255,.1)}.ky-dom-global-resize-render>svg circle{fill:#0e95fe;stroke:none}.ky-dom-global-resize-render>svg text{fill:#fff;font-size:8px}.ky-dom-global-resize-render>svg rect{fill:#0e95fe}.mg-react-validator-component-wrapper{position:relative;display:inline-block;width:100%}.mg-react-validator-component-wrapper .mg-react-validator-component-error{color:red;opacity:0;padding:2px 0;min-height:22px;transition:opacity .4s}.mg-react-validator-component-wrapper.mg-react-validator-error .mg-react-validator-component-error{opacity:1}.ky-code-i-design{position:relative;height:100%;background-color:#2e3337;color:#d0d0d0;font-size:12px;overflow:hidden}.ky-code-i-design ::-webkit-scrollbar{width:8px;height:8px}.ky-code-i-design ::-webkit-scrollbar-thumb{background-color:#515456}.ky-code-i-design ::-webkit-scrollbar-corner{background-color:transparent}.ky-code-i-design .ky-code-theme-bg-color{border-color:#2e3337}.ky-code-i-design .ky-code-theme-text-color{border-color:#d0d0d0}.ky-code-i-design .ky-code-theme-header-bg-color{border-color:#423e3e}.ky-code-i-design .ky-code-theme-border-color{border-color:#423d3d}.ky-code-i-design ul{margin:0}.ky-code-i-design .ky-code-i-design-nav{color:#b3b3b4;position:relative;z-index:10000;background-color:#1e1e1e;border-bottom:1px solid #2b2d2d}.ky-code-i-design .ky-code-i-design-nav a{color:#d0d0d0}.ky-code-i-design .ky-code-i-design-nav .code-generate{position:absolute;right:10px}.ky-code-i-design .ky-code-i-design-nav .code-generate .ant-btn{margin-right:6px;font-size:12px;color:#ff0}.ky-code-i-design .ky-code-height-transition{position:relative;transition:height .4s}.ky-code-i-design .ky-code-i-design-canvas{width:100%;height:100%;position:relative;color:#000;background-color:#635e5e;overflow:hidden}.ky-code-i-design .ky-code-i-design-bottom-layout{position:relative;z-index:9999;background-color:#1e1e1e;border-top:1px solid #353232;padding:0 16px}.ky-code-i-design .aky-ide .aky-ide-app-contents{background-color:#2e3337}.ky-code-i-design .aky-ide .ky-code-render-nodes-header{display:flex;align-items:center}.ky-code-i-design .aky-ide .ky-code-render-nodes-header>span{flex:1;overflow:hidden;text-overflow:ellipsis}.ky-code-i-design .aky-ide .ky-code-render-nodes-header>div{cursor:pointer}.ky-code-i-design .aky-ide .ky-code-render-nodes-header>div path{fill:#d0d0d0}.ky-code-i-design .aky-ide .aky-ide-tabs-header{background-color:#423e3e}.ky-code-i-design .aky-ide .aky-ide-side{background-color:#2e3337;z-index:9999}.ky-code-i-design .aky-ide .aky-ide-side .aky-ide-sidebar-navi .ky-code-icon{width:18px;height:18px}.ky-code-i-design .aky-ide .aky-ide-side .aky-ide-sidebar-navi .ky-code-icon path{fill:#d0d0d0}.ky-code-i-design .aky-ide .aky-ide-side .aky-ide-sidebar-content{background-color:transparent}.ky-code-i-design .aky-ide .aky-ide-side .aky-ide-app-content{border-bottom:none}.ky-code-i-design .aky-ide .aky-ide-side .aky-ide-app-content>header{background-color:#423e3e;padding:0 6px;border:none}.ky-code-i-design .aky-ide .aky-ide-left{border-right:1px solid #423d3d}.ky-code-i-design .aky-ide .aky-ide-right{border-left:1px solid #423d3d}.ky-code-i-design .aky-ide .aky-ide-vertical .aky-ide-app-content{border-color:#423d3d}.ky-code-i-design .aky-ide .aky-ide-vertical .aky-ide-app-content>header{background-color:#2e3337;padding:0 6px;border-bottom:1px solid #423d3d}.ky-code-i-design .aky-ide .aky-ide-top{border-bottom:1px solid #423d3d}.ky-code-i-design-ide-dragwrapper{font-size:12px}.ky-code-i-design-ide-dragwrapper .ky-code-icon{width:18px;height:18px}.ky-code-i-design-ide-dragwrapper .ky-code-icon path{fill:#d0d0d0}.ky-code-i-design-ide-dragwrapper .aky-ide-draging-node{background-color:#423d3d;color:#d0d0d0;border:#423d3d}.aky-lib-grid-layout{position:relative;width:100%;height:100%;overflow:auto}.aky-lib-grid-layout div{box-sizing:border-box}.aky-lib-grid-layout .aky-lib-grid-layout-canvas{position:relative}.aky-lib-grid-layout .aky-lib-grid-layout-canvas-cursor{position:absolute;width:1px;height:1px;opacity:0}.aky-lib-grid-layout .drag-header{padding:12px;background-color:grey;cursor:pointer}.aky-lib-grid-layout .aky-lib-disabled-resizeable>.aky-lib-layout-cell .aky-lib-layout-cell-resize-icon{display:none}.aky-lib-layout-cell{position:absolute;width:200px;border:1px solid #ccc;background-color:#fff;overflow:hidden;transition:left .4s,top .4s,transform .4s,width .4s,height .4s}.aky-lib-layout-cell .aky-lib-layout-cell-content{width:100%;height:100%;overflow:auto}.aky-lib-layout-cell>.aky-lib-layout-cell-resize-icon{width:12px;height:12px;position:absolute;bottom:0;right:0;opacity:0;transition:opacity .6s;cursor:nwse-resize}.aky-lib-layout-cell>.aky-lib-layout-cell-resize-icon:after{position:relative;display:block;content:"";width:0;height:0;border:12px solid transparent;border-top:none;border-bottom:12px solid #c4c4d4}.aky-lib-layout-cell:hover>.aky-lib-layout-cell-resize-icon{opacity:1}.aky-lib-grid-cell-dragging-active{transition:none}.aky-lib-grid-cell-dragging-place{background-color:#36ff78;z-index:12;opacity:.2;pointer-events:none}[aky-dragging_container__identify__] [aky-dragging__cell_identify__],[aky-lib-layout-resizing__] [aky-lib-layout-resize__cell_identify__]{z-index:10}.aky-drag-active-element-wrapper .aky-drop-content-out-animate{opacity:0;transition:left .6s,top .6s,opacity 1s}[aky-drag-moving-status]{cursor:move}.aky-global-element-render-wrapper{position:fixed;left:0;top:0;width:0;height:0;z-index:9999;pointer-events:none}.aky-global-element-render-wrapper>div{position:fixed;opacity:1}.aky-row-masonry{height:100%;width:100%;position:relative;overflow:auto}.aky-row-masonry .aky-masonry-cell{position:absolute;left:0;top:0;box-sizing:border-box;border:1px solid #ddd;transition:all .4s;word-break:break-all;overflow:hidden}.aky-loading{position:relative;width:100%;height:100%}@keyframes loading-ani-before{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:0}}@keyframes loading-ani-after{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:0}}.aky-loading .aky-loading-content{position:relative;height:100%;z-index:1}.aky-loading .aky-loading-title{position:absolute;width:100%;text-align:center;top:50%;margin-top:50px}.aky-loading .aky-loading-overlay{position:absolute;top:0;left:0;bottom:0;right:0;z-index:2;background-color:hsla(0,0%,100%,.8);transform:translateZ(1px);perspective:100px}.aky-loading .aky-loading-icon{position:absolute;width:100px;height:100px;top:50%;left:50%;margin-top:-50px;margin-left:-50px;transform:translateZ(1px);perspective:100px}.aky-loading .aky-loading-icon:after,.aky-loading .aky-loading-icon:before{position:absolute;content:"";width:100%;height:100%;border-radius:50%;transform-origin:center;background-color:#36ff78;opacity:0;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.aky-loading .aky-loading-icon:before{animation-name:loading-ani-before}.aky-loading .aky-loading-icon:after{animation-name:loading-ani-after;animation-delay:.2s}.aky-modal{display:flex;flex-direction:column;border:1px solid #eee9ee;box-shadow:0 0 20px 0 rgba(0,0,0,.3);border-radius:2px;overflow:hidden}.aky-modal>header{display:flex;align-items:center;padding:4px;min-height:30px;background-color:#fff7f7;border-bottom:1px solid #eee9ee;flex-shrink:0}.aky-modal>div{position:relative;flex:1}.aky-modal>div>div{position:absolute;left:0;top:0;width:100%;height:100%}.aky-canvas-g-node-cvs-wrapper{position:absolute;left:0;top:0;width:0;height:0;padding:0}.aky-canvas-g-node-cvs-wrapper>svg{height:100%;width:100%;pointer-events:none}.aky-canvas-g-node-cvs-wrapper>svg g{pointer-events:all}.aky-canvas-html-node{width:0;height:0}.aky-canvas-g-node-circle{stroke:#8a2be2;fill:none}.aky-canvas-g-node-circle circle{stroke:#8a2be2;fill:#fff}.aky-canvas-g-node-circle .aky-canvas-g-node-circle-content{display:flex;width:100%;height:100%;overflow:hidden;border-radius:50%;border:1px solid #8a2be2;background-color:#fff;align-items:center;justify-content:center;box-sizing:border-box}.aky-canvas-path-g-cvs-wrapper{position:absolute;left:0;top:0;padding:0;pointer-events:none}.aky-canvas-path-g-cvs-wrapper>svg{position:absolute;left:0;top:0;height:100%;width:100%}.aky-canvas-path-g-cvs-wrapper>svg path{pointer-events:all}.aky-canvas-path-g-line path{stroke:#8a2be2;stroke-linecap:round;fill:none}.aky-canvas-path-g-line path.aky-canvas-path-event{stroke-width:10px;stroke-opacity:0;stroke:transparent}.aky-canvas-path-g-curve path{stroke:#8a2be2;stroke-linecap:round;fill:none}.aky-canvas-path-g-curve path.aky-canvas-path-event{stroke-width:10px;stroke-opacity:0;stroke:transparent}.aky-use-drag-node-copy .aky-use-drag-node-copy-content{border:1px dashed #8a2be2;background-color:rgba(93,43,226,.10196078431372549)}.aky-use-draw-render,.aky-use-draw-render>div,.aky-use-draw-render svg{width:100%;height:100%}.aky-use-draw-render svg path{fill:none;stroke:#8a2be2}.aky-canvas-use-selection-render{width:100%;height:100%;overflow:hidden}.aky-canvas-use-selection-render>div,.aky-canvas-use-selection-render svg{width:100%;height:100%}.aky-canvas-use-selection-render svg rect{fill:rgba(188,239,31,.10980392156862745);stroke:#8a2be2}.aky-resize-marker{position:absolute;box-sizing:border-box;left:0;right:0;top:0;bottom:0;pointer-events:none;z-index:1;animation-name:resize_marker_animation;animation-duration:.3s}@keyframes resize_marker_animation{0%{opacity:0}to{opacity:1}}.aky-resize-marker.aky-disabled>i{pointer-events:none}.aky-resize-marker.aky-disabled>i:after{display:none}.aky-resize-marker>i{position:absolute;pointer-events:all;box-sizing:border-box;padding:1.5px;background-color:#b754ff;background-clip:content-box}.aky-resize-marker>i:after{position:absolute;content:"";display:block;width:6px;height:6px;box-sizing:border-box;border:1px solid #b754ff;background-color:#fff;z-index:2}.aky-resize-marker>i:first-child{left:-2px;top:-2px;bottom:-2px;width:4px}.aky-resize-marker>i:first-child:after{left:-1px;top:-1px}.aky-resize-marker>i:nth-child(2){top:-2px;left:-2px;right:-2px;height:4px}.aky-resize-marker>i:nth-child(2):after{right:-1px;top:-1px}.aky-resize-marker>i:nth-child(3){right:-2px;top:-2px;bottom:-2px;width:4px}.aky-resize-marker>i:nth-child(3):after{right:-1px;bottom:-1px}.aky-resize-marker>i:nth-child(4){bottom:-2px;left:-2px;right:-2px;height:4px}.aky-resize-marker>i:nth-child(4):after{left:-1px;bottom:-1px}.aky-ide{position:relative;overflow:hidden;height:100%;display:flex;flex-direction:row}.aky-ide .aky-ide-center{flex:1;overflow:hidden;display:flex;flex-direction:column}.aky-ide .aky-ide-content{flex:1;overflow:hidden}.aky-ide-draging-node{background-color:#ccc;border:1px solid #eee;padding:4px;min-width:80px;max-width:200px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.aky-ide-sidebar,.aky-ide-sidebar>div{overflow:hidden;height:100%}.aky-ide-sidebar .aky-ide-sidebar-nav{float:left;height:100%;width:50px;background-color:#000;user-select:none;display:flex;flex-direction:column}.aky-ide-sidebar .aky-ide-sidebar-nav .aky-ide-sidebar-normal{flex:1;overflow:hidden}.aky-ide-sidebar .aky-ide-sidebar-nav .aky-ide-sidebar-extra{width:auto}.aky-ide-sidebar .aky-ide-sidebar-nav .aky-ide-sidebar-navi{position:relative;min-height:20px;text-align:center;color:#fff;cursor:pointer;display:flex;justify-content:center}.aky-ide-sidebar .aky-ide-sidebar-nav .aky-ide-sidebar-navi>i{position:absolute;width:3px;background-color:#8a2be2;top:0;bottom:0}.aky-ide-sidebar .aky-ide-sidebar-nav .aky-ide-sidebar-navi .aky-ide-navi-left{left:0}.aky-ide-sidebar .aky-ide-sidebar-nav .aky-ide-sidebar-navi .aky-ide-navi-right{right:0}.aky-ide-sidebar .aky-ide-sidebar-content{position:relative;background-color:#faf6f6}.aky-ide-side .aky-ide-sidebar-content{display:flex;flex-direction:column}.aky-ide-side .aky-ide-sidebar-content .aky-ide-app-content{position:relative;height:100%;overflow:hidden;display:flex;flex-direction:column;border-bottom:1px solid #ccc;box-sizing:border-box}.aky-ide-side .aky-ide-sidebar-content .aky-ide-app-content:last-child{border-bottom:none}.aky-ide-side .aky-ide-sidebar-content .aky-ide-app-content>header{user-select:none;border-bottom:1px solid #cedad1;line-height:30px}.aky-ide-side .aky-ide-sidebar-content .aky-ide-app-content>div{flex:1;overflow:auto}.aky-ide-side .aky-ide-sidebar-content .aky-ide-app-content>i{position:absolute;left:0;right:0;height:50%;z-index:9999;background-color:rgba(0,0,0,.3)}.aky-ide-side .aky-ide-sidebar-content .aky-ide-app-contents{display:flex;height:100%;width:100%;flex-direction:column;overflow:hidden}.aky-ide-side .aky-ide-sidebar-slot{position:relative;width:100%;height:100%}.aky-ide-side .aky-ide-sidebar-slot>i{position:absolute;left:4px;top:2px;right:4px;height:2px;background-color:red}.aky-ide-side .aky-ide-sidebar-navi{height:50px}.aky-ide-side .aky-ide-sidebar-navi>div{display:flex;align-items:center;justify-content:center;overflow:hidden;height:100%;width:100%}.aky-ide-side .aky-ide-sidebar-navi>div .aky-ide-drop-over{position:absolute;height:2px;left:4px;right:4px;background-color:red}.aky-ide-side-draging-node{display:flex;align-items:center;justify-content:center;height:50px;width:50px;background-color:#000;border:1px solid #eee;color:#fff;box-sizing:border-box}.aky-ide-tabs{position:relative;height:100%;overflow:hidden;padding-top:30px}.aky-ide-tabs .aky-ide-tabs-header{position:absolute;left:0;top:0;width:100%;height:30px;font-size:0;background-color:#eee;overflow:hidden;white-space:nowrap;user-select:none;display:flex;flex-direction:row}.aky-ide-tabs .aky-ide-tabs-header .aky-ide-tabs-normal{flex:1;overflow:hidden}.aky-ide-tabs .aky-ide-tabs-header .aky-ide-tabs-extra{width:auto}.aky-ide-tabs .aky-ide-tabs-header .aky-ide-tabs-tab{position:relative;font-size:12px;display:inline-block;height:100%}.aky-ide-tabs .aky-ide-tabs-header .aky-ide-tabs-tab>div{height:100%;display:flex;align-items:center;justify-content:center;min-width:50px;cursor:pointer}.aky-ide-tabs .aky-ide-tabs-header .aky-ide-tabs-tab>i{display:block;position:absolute;bottom:0;left:0;right:0;height:2px;background-color:#8a2be2}.aky-ide-tabs .aky-ide-tabs-content{height:100%}.aky-ide-vertical{overflow:hidden;box-sizing:border-box}.aky-ide-vertical .aky-ide-tabs-slot{position:relative;height:100%;width:100%}.aky-ide-vertical .aky-ide-tabs-slot>i{position:absolute;top:4px;bottom:4px;left:2px;width:2px;background-color:red}.aky-ide-vertical .aky-ide-tabs-tab>div{padding:0!important}.aky-ide-vertical .aky-ide-tabs-tab>div>div{padding:0 8px}.aky-ide-vertical .aky-ide-tabs-tab>div>div .aky-ide-drop-over{position:absolute;width:2px;top:4px;bottom:4px;background-color:red}.aky-ide-vertical .aky-ide-app-content{position:relative;height:100%;overflow:hidden;display:flex;flex-direction:column;border-right:1px solid #ccc;box-sizing:border-box}.aky-ide-vertical .aky-ide-app-content:last-child{border-right:none}.aky-ide-vertical .aky-ide-app-content>header{user-select:none;border-bottom:1px solid #cedad1;line-height:30px}.aky-ide-vertical .aky-ide-app-content>div{flex:1;overflow:auto}.aky-ide-vertical .aky-ide-app-content>i{position:absolute;top:0;bottom:0;width:50%;z-index:9999;background-color:rgba(0,0,0,.3)}.aky-ide-vertical .aky-ide-app-contents{width:100%;height:100%;display:flex;flex-direction:row;overflow:hidden;background-color:#f0f8ff}.aky-flex-stack{display:flex;width:100%;height:100%;min-height:12px;overflow:auto}.aky-h-flex-stack{flex-direction:row}.aky-v-flex-stack{flex-direction:column}.aky-flex-stack-item{flex:1;flex-basis:0;overflow:auto}.aky-flex-stack-item.aky-flex-stack-item-flow-h{display:flex;flex-direction:row}.aky-flex-stack-item.aky-flex-stack-item-flow-v{display:flex;flex-direction:column}.aky-layout-canvas{height:100%;overflow:auto}.ky-code-canvas-render{position:relative}.ky-code-canvas-render-layer{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff}.ky-code-comp-tree{height:100%;user-select:none}.ky-code-comp-tree>div{height:100%;width:100%;overflow:auto}.ky-code-comp-tree .ky-code-comp-tree-node{position:relative}.ky-code-comp-tree .ky-code-comp-tree-node-content{display:flex;flex-direction:row;min-width:100%;padding-right:6px;vertical-align:middle;cursor:pointer;white-space:nowrap;background-color:transparent}.ky-code-comp-tree .ky-code-comp-tree-node-content>div{position:relative;display:inline-block;z-index:2;vertical-align:middle}.ky-code-comp-tree .ky-code-comp-tree-node-content>div:first-child{width:20px;text-align:center;flex-shrink:0;font-size:0}.ky-code-comp-tree .ky-code-comp-tree-node-content>div:first-child>span{content:"";position:absolute;border-top:1px solid #5d5d5d;height:0;right:2px;width:30px;top:50%}.ky-code-comp-tree .ky-code-comp-tree-node-content>div:first-child .ky-code-icon-expand+span{right:18px;width:14px}.ky-code-comp-tree .ky-code-comp-tree-node-content>div:last-child{flex:1;display:inline-block}.ky-code-comp-tree .ky-code-comp-tree-node-content.ky-code-comp-tree-node-select{transition:background-color .4s,color .4s;background-color:#0e95fe;color:#fff}.ky-code-comp-tree .ky-code-comp-tree-ver-line{position:absolute;width:0;top:0;bottom:0;left:8px;z-index:1}.ky-code-comp-tree .ky-code-comp-tree-ver-line:after{content:"";position:absolute;border-left:1px solid #5d5d5d;z-index:1;width:0;left:0;top:0;bottom:0}.ky-code-comp-tree .ky-code-comp-tree-node:first-child .ky-code-comp-tree-ver-line:before{content:"";position:absolute;border-left:1px solid #5d5d5d;z-index:1;width:0;left:0;top:-6px;height:6px}.ky-code-comp-tree .ky-code-icon-expand{border:1px solid #5d5d5d;vertical-align:middle;position:relative;z-index:2}.ky-code-comp-tree .ky-code-icon-expand path{fill:#5d5d5d}.ky-code-icon-expand{margin-right:4px;transition:transform .4s;transform:rotate(-90deg);vertical-align:text-bottom}.ky-code-icon-expand.ky-code-icon-triangle-revert{transform:rotate(0)}.ky-code-icon{display:inline-block;width:14px;height:14px;vertical-align:text-bottom}.ky-code-icon>svg{float:left;width:100%;height:100%}.ky-code-icon>svg path{fill:#423d3d}.ky-code-icon-em-clear svg path{fill:#d0d0d0}@keyframes ky-code-g-collapse-ani{0%{max-height:0;overflow:hidden}95%{max-height:800px;overflow:hidden}to{max-height:none;overflow:hidden}}.ky-code-g-collapse-panel .ky-code-icon-expand{position:absolute;width:12px;height:12px;left:10px;top:50%;margin-top:-6px}.ky-code-g-collapse-panel .ky-code-icon-expand path{fill:#d0d0d0}.ky-code-g-collapse-panel>header{position:relative;line-height:30px;padding-left:30px;cursor:pointer;white-space:nowrap;user-select:none;color:#d0d0d0;background-color:#524e4e;border-bottom:1px solid #565252}.ky-code-g-collapse-panel .ky-code-g-collapse-panel-content{animation-timing-function:ease-in;animation-duration:.4s;animation-iteration-count:1}.ky-code-text-editor-comp{width:100%;height:100%}.ky-code-text-editor{position:relative;height:100%;overflow:hidden}.ky-code-text-editor .ky-code-text-editor-wrapper{height:100%}.ky-code-text-editor .ky-code-text-editor-loading{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ky-code-comp-editable-text{height:26px;box-sizing:border-box;padding-left:0;padding-right:0}.ky-code-comp-editable-text.ky-code-comp-editable-text-content{position:relative;width:100%;display:inline-block;line-height:26px}.ky-code-comp-editable-text.ky-code-comp-editable-text-content>div{position:absolute;top:0;width:100%}.ky-code-comp-editable-text.ky-code-comp-editable-text-content>div .ky-code-text-content{display:inline-block}.ky-code-comp-editable-text.ky-code-comp-editable-text-content>div>div{position:relative;float:left;white-space:nowrap;max-width:100%;padding-right:16px}.ky-code-comp-editable-text.ky-code-comp-editable-text-content>div>div>span{float:left;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ky-code-comp-editable-text.ky-code-comp-editable-text-input{width:100%;color:#d0d0d0;border:none;outline:none;background-color:transparent;font-size:inherit}.ky-code-comp-editable-text .ky-code-editable-icon{width:12px;height:12px;position:absolute;right:0;top:50%;margin-top:-6px;cursor:pointer}.ky-code-comp-editable-text .ky-code-editable-icon path{fill:#d0d0d0}.ky-code-node-position-panel{position:relative;padding:6px;color:#ada5a5}.ky-code-node-position-panel .ky-code-position-text-wrapper{padding-left:6px;color:#d0d0d0}.ky-code-node-position-panel .ky-code-position-text-wrapper>div{display:block}.ky-code-node-position-panel .ky-code-node-position-row{width:100%;overflow:hidden}.ky-code-node-position-panel .ky-code-node-position-row>div{overflow:hidden;min-height:20px;padding:0 6px}.ky-code-node-position-panel .ky-code-node-position-row>div:first-child{float:left;width:50%}.ky-code-header-panel{position:relative;height:100%;display:flex;flex-direction:column}.ky-code-header-panel>header{position:relative;z-index:1}.ky-code-header-panel>.ky-code-header-panel-title{display:flex;padding:0 6px;height:30px;background-color:#423e3e;color:#d0d0d0;align-items:center;white-space:nowrap;user-select:none;flex-shrink:0}.ky-code-header-panel>.ky-code-header-panel-title>div{width:100%}.ky-code-header-panel>.ky-code-header-panel-content{flex:1;overflow:auto}.ky-code-modal{border-color:#423e3e!important;background-color:#fff;border-radius:2px!important}.ky-code-modal>header{background-color:#423e3e!important;color:#d0d0d0;border-bottom-color:#423e3e!important}.ky-code-root-node-lifecycle{height:100%;width:100%}.ky-code-canvas-render-title{width:100%}.ky-code-icon-wrapper{float:right;position:relative}.ky-code-canvas-render-fullscreen{position:static!important}.ky-code-canvas-render{height:100%;width:100%}.ky-code-document-active-state{position:absolute;left:0;top:0;right:0;bottom:0;z-index:2;pointer-events:none;overflow:hidden}.ky-code-document-active-state .ky-code-document-active-state-area{transition:all .6s}.ky-code-input{font-size:12px;border-radius:2px;color:#d0d0d0;border-color:#423d3d;background-color:#585353}.ky-code-input::placeholder{color:#b39e9e}.ky-code-comp-item{display:inline-block;color:#d0d0d0;line-height:14px;cursor:pointer;user-select:none}.ky-code-comp-item:active{color:#40a9ff}.ky-code-comp-item>div{display:inline-block;font-size:12px;vertical-align:middle}.ky-code-comp-item .ky-code-item-body{padding-left:6px}.ky-code-comp-item .ky-code-item-icon{display:inline-block;width:14px;height:14px;padding:3px;border:1px solid #515456;border-radius:50%}.ky-code-comp-item .ky-code-item-icon:after{content:"";display:block;height:100%;background-color:#1890ff;opacity:0;transform:scale(0);border-radius:50%;transition:opacity .4s,transform .4s}.ky-code-comp-item.ky-code-comp-item-m .ky-code-item-icon,.ky-code-comp-item.ky-code-comp-item-m .ky-code-item-icon:after{border-radius:0}.ky-code-comp-item+.ky-code-comp-item{margin-left:12px}.ky-code-comp-item.ky-code-item-active .ky-code-item-icon:after{transform:scale(1);opacity:1}.ky-code-comp-item-group{display:inline-block}.ky-code-comp-item-group[data-disabled]{pointer-events:none;cursor:not-allowed;color:grey}.ky-code-comp-item-group[data-disabled] .ky-code-comp-item{color:grey}.ky-code-comp-item-group[data-disabled] .ky-code-comp-item .ky-code-item-icon{border-color:grey}.ky-code-comp-item-group[data-disabled] .ky-code-comp-item .ky-code-item-icon:after{background-color:grey}.ky-code-nav-header .ky-code-nav-header-paths{list-style:none;margin:0;padding:0}.ky-code-nav-header .ky-code-nav-header-paths>li{float:left}.ky-code-nav-header .ky-code-nav-header-paths>li .ky-code-nav-header-path-split{margin:0 6px}.ky-code-select .ky-ant-select-selector{font-size:12px!important;border-color:#423d3d!important;background-color:#585353!important;border-radius:2px!important}.ky-code-select .ky-ant-select-selector .ky-ant-select-selection-item{color:#d0d0d0!important}.ky-code-select .ky-ant-select-arrow path{fill:#d0d0d0!important}.ky-code-select-popover{border-radius:2px;font-size:12px;background-color:#777373;color:#d0d0d0}.ky-code-select-popover .ky-ant-select-item{font-size:12px;color:#d0d0d0;padding:2px 4px;min-height:16px;border-radius:2px}.ky-code-select-popover .ky-ant-select-item.ky-ant-select-item-option-selected{background-color:#a39a9a;color:#d0d0d0}.ky-code-popover .ky-ant-popover-inner{border-radius:2px;background-color:#777373}.ky-code-popover .ky-ant-popover-inner .ky-ant-popover-title{color:#d0d0d0}.ky-code-popover .ky-ant-popover-arrow:after,.ky-code-popover .ky-ant-popover-arrow:before{background-color:#777373}.ky-code-tooltip .ky-ant-tooltip-inner{background-color:#777373;border-radius:2px;padding:2px 4px;min-height:16px}.ky-code-tooltip .ky-ant-tooltip-arrow:after,.ky-code-tooltip .ky-ant-tooltip-arrow:before{background-color:#777373}.ky-code-i-store-drag-asset{background-color:#00bfff;color:#fff;padding:6px 10px;overflow:hidden}.ky-code-container-drop-over{transition:background-color .6s;background-color:rgba(214,224,230,.9098039215686274)!important;border:1px solid #00bfff}.ky-code-i-store-drag-node{background-color:#00bfff;color:#fff;padding:6px 10px;overflow:hidden}.ky-code-component-render-error{display:inline-block}.ky-code-error-text{color:red}.ky-code-register-components .ky-code-comp-tree-node-content:hover,.ky-code-register-components .ky-code-comp-tree-node-content:hover span{background-color:#0e95fe}.ky-code-register-components .ky-code-comp-tree-node-content:hover .ky-code-icon-expand{border-color:#d0d0d0}.ky-code-register-components .ky-code-comp-tree-node-content:hover .ky-code-icon-expand path{fill:#d0d0d0}.ky-code-register-components .ky-code-comp-tree-node-content .ky-code-menu-item{float:left;min-width:100%}.ky-code-view-node-tree-panel{height:100%}.ky-code-view-node-tree .ky-code-comp-tree-node-select .ky-code-view-node-tree-content .ky-code-icon-remove path{fill:#d0d0d0}.ky-code-view-node-tree .ky-code-comp-tree-node-select .ky-code-icon-expand{border-color:#d0d0d0}.ky-code-view-node-tree .ky-code-comp-tree-node-select .ky-code-comp-editable-text .ky-code-editable-icon path,.ky-code-view-node-tree .ky-code-comp-tree-node-select .ky-code-icon-expand path{fill:#d0d0d0}.ky-code-view-node-tree .ky-code-view-node-item-marker{position:absolute;left:0;right:0;border:1px dashed #00bfff;height:0;display:none}.ky-code-view-node-tree .ky-code-view-node-item-marker-up{top:0;display:block}.ky-code-view-node-tree .ky-code-view-node-item-marker-center{height:100%;top:0;display:block}.ky-code-view-node-tree .ky-code-view-node-item-marker-down{bottom:0;display:block}.ky-code-view-node-tree .ky-code-view-node-tree-content{overflow:hidden}.ky-code-view-node-tree .ky-code-view-node-tree-content .ky-code-icon-remove{float:right;margin-left:6px;margin-top:6px;overflow:hidden}.ky-code-view-node-tree .ky-code-view-node-tree-content .ky-code-icon-remove path{fill:#1890ff}.ky-code-view-node-tree .ky-code-view-node-tree-content>div{overflow:hidden}.ky-code-view-node-tree .ky-code-view-node-tree-item-drop-over{color:#fa5051}.ky-code-view-node-tree .ky-code-comp-editable-text{float:left}.ky-code-view-node-tree-drag-node{background-color:#00bfff;color:#fff;padding:6px 10px;overflow:hidden}.ky-code-context-setting .ky-code-editor-wrapper{height:300px;padding:6px}.ky-code-collapse-panel .ky-code-icon-revert-90deg svg{transform:rotate(90deg)}.ky-code-collapse-panel .ky-code-collapse-icon{cursor:pointer;color:#d0d0d0}.ky-code-collapse-panel .ky-code-collapse-icon svg{transition:all .4s}.ky-code-collapse-panel-default>header{position:relative;color:#ababb1;background-color:#262c2f;padding:6px 20px 6px 8px;border-bottom:1px solid #423d3d;cursor:pointer;white-space:nowrap;user-select:none}.ky-code-collapse-panel-default>header svg path{fill:#ababb1}.ky-code-collapse-panel-default>header .ky-code-collapse-icon{position:absolute;right:8px;top:8px;margin-left:2px}.ky-code-collapse-panel-default>div{background-color:#2e3337}.ky-code-collapse-panel-simple>header{position:relative;text-align:center;white-space:nowrap}.ky-code-collapse-panel-simple>header .ky-code-collapse-icon{position:relative;top:2px}.ky-code-collapse-panel-simple>header>div{display:inline-block;position:relative;padding:0 4px;background-color:#2e3337;z-index:1;cursor:pointer}.ky-code-collapse-panel-simple>header:before{content:"";position:absolute;top:50%;left:0;right:0;height:0;border-top:1px solid #777373}.ky-code-code-editor{position:relative;width:100%;height:100%;padding-top:28px}.ky-code-code-editor>div{height:100%}.ky-code-code-editor-header{position:absolute;top:0;left:0;width:100%;height:28px;padding-left:6px;background:#282a36;line-height:28px;border-bottom:1px dashed #595c6d;white-space:nowrap;overflow:hidden}.ky-code-code-editor-header .ky-code-compiling{float:left;position:relative;top:3px;width:14px;height:22px;margin-right:4px}.ky-code-code-editor-header .ky-code-icon{margin-right:6px;cursor:pointer}.ky-code-code-editor-header .ky-code-icon path{fill:#d0d0d0}.ky-code-code-editor-header .ky-code-icon:active path{fill:#40a9ff}.ky-code-property-item-options-setting{width:300px;font-size:12px}.ky-code-property-item-options-setting .design-select{width:100%}.ky-code-property-editor{position:relative;min-height:56px;padding:12px 0}.ky-code-property-editor .prop-icon{color:#d0d0d0;cursor:pointer;transition:color .4s}.ky-code-property-editor .prop-icon:hover{color:#00bfff}.ky-code-property-editor .ky-code-disabled,.ky-code-property-editor [disabled]{pointer-events:none;cursor:not-allowed}.ky-code-property-editor>header{position:absolute;right:6px;top:-25px;font-size:16px;padding-right:2px}.ky-code-property-editor .ky-code-property-item-ctrl{padding-right:8px;overflow:visible;color:#d0d0d0}.ky-code-property-editor .ky-code-property-item-ctrl .prop-icon{font-size:14px}.ky-code-property-editor .ky-code-property-item-ctrl .prop-icon-setting{margin-right:6px}.ky-code-property-editor .ky-code-property-row+.ky-code-property-row{margin-top:4px}.ky-code-property-editor .ky-code-property-editor-item{padding:4px 6px}.ky-code-property-editor .ky-code-property-editor-item .ky-code-property-editor-item-name{padding-right:4px;word-break:break-all}.ky-code-property-editor .ky-code-property-editor-item .design-radio-group>label{color:#d0d0d0}.ky-code-property-editor .ky-code-property-editor-item .design-select{width:100%}.ky-code-property-setting-popover{color:#d0d0d0}.ky-code-render-generator .ky-code-editor-wrapper{height:300px;padding:6px}.ky-code-node-css-editor>header{border-bottom:1px dashed #777373;margin-bottom:6px;padding:6px 6px 6px 12px}.ky-code-node-css-editor .ky-code-editor-wrapper{position:relative;height:300px;padding:0 6px 6px}.ky-code-design-import-setting{background-color:#2e3337}.ky-code-design-import-setting .ky-code-design-import-item-wrapper{padding:12px}.ky-code-design-import-setting .ky-code-comp-editable-text{float:left}.ky-code-design-import-setting ul{min-height:60px;margin:0;list-style:none;padding:6px;border:1px solid #756f6f;transition:all .6s}.ky-code-design-import-setting ul li{overflow:hidden;padding:0 6px;border-radius:.25em;background-color:#585454}.ky-code-design-import-setting ul li+li{margin-top:6px}.ky-code-design-import-setting ul li>div{overflow:hidden}.ky-code-design-import-setting .ky-code-design-import-path{width:50%;float:left;white-space:nowrap;text-overflow:ellipsis;line-height:26px}.ky-code-design-import-setting .ky-code-design-import-remove{float:right;width:20px;margin-top:6px;text-align:right}.ky-code-design-import-setting.ky-code-design-import-setting-drop-active ul{border-color:#00bfff}.ky-code-design-hooks-setting .ky-code-editor-wrapper{position:relative;height:300px;padding:6px}.ky-code-design-node-info{padding:6px 0}.ky-code-design-node-info>ul{color:#bfbfbf}.ky-code-design-node-info>ul>li{overflow:hidden;word-break:break-all;padding:2px 6px}.ky-code-design-node-info>ul>li .ky-code-comp-editable-text{float:left;height:18px;line-height:18px}.ky-code-design-node-info>ul>li .ky-code-comp-editable-text input{height:18px}.ky-code-design-node-info>ul>li>label{float:left;width:80px;overflow:hidden;text-align:right;padding-right:6px}.ky-code-design-node-info>ul>li>div,.ky-code-design-node-info>ul>li>span{display:block;overflow:hidden;padding-right:6px}.ky-code-design-collect-option{position:relative;padding:12px}.ky-code-design-collect-option input::placeholder{font-size:12px}.ky-code-design-collect-option .ky-code-collect-tooltip-text{white-space:nowrap;font-size:12px}@keyframes __design-collect-sync-icon-ani{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.ky-code-design-collect-option .ky-code-design-collect-sync-icon{position:absolute;top:6px;right:10px;cursor:pointer;color:#bfbfbf}.ky-code-design-collect-option .ky-code-design-collect-sync-icon:hover{color:#d0d0d0}.ky-code-design-collect-option .ky-code-design-collect-sync-icon.ky-code-design-collect-sync-icon-loading svg{animation-name:__design-collect-sync-icon-ani;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:2s}.ky-code-design-collect-option .ky-code-collect-option-row{padding:4px 0;overflow:hidden}.ky-code-design-collect-option .ky-code-collect-option-row>.aky-flex-stack-item{overflow:hidden}.ky-code-collect-config-items .ky-code-collect-checkbox{color:#d0d0d0;font-size:12px}.ky-code-collect-config-items .ky-code-collect-help-text{font-size:12px}.ky-code-collect-config-items .ky-code-collect-tooltip-pre{white-space:pre}.ky-code-collect-config-items .ky-code-collect-help-icon{position:relative;color:#bfbfbf;margin-right:6px}.ky-code-collect-rules-collapse-wrapper .ky-code-collect-rule-item-wrapper:not(:first-child):before{margin:6px 0;content:" ";display:block;border-top:1px dashed #777373}.ky-code-collect-rules-collapse-wrapper .ky-code-collect-checkbox{color:#d0d0d0;font-size:12px}.ky-code-collect-rules-collapse-wrapper .ky-code-collect-select{width:100%}.ky-code-collect-rules-collapse-wrapper .ky-code-collect-input-wrapper{margin-left:6px}.ky-code-collect-rules-collapse-wrapper .ky-code-collect-rule-opt .ky-code-collect-add-rule{position:relative;top:2px;float:left}.ky-code-collect-rules-collapse-wrapper .ky-code-collect-rules-collapse{margin-top:4px;background-color:#585454}.ky-code-collect-rules-collapse-wrapper .ky-code-collect-rules-collapse>header{text-align:right;border:none}.ky-code-collect-rules-collapse-wrapper .ky-code-collect-rules-collapse>div{padding:0}.ky-code-collect-rules-collapse-wrapper .ky-code-collect-rules-collapse>div .ky-code-collect-rules-wrapper{border:1px solid #544747;padding:12px 6px;min-height:50px}.ky-code-running-state-terminal{overflow:hidden;height:100%}.ky-code-running-state-error{overflow:hidden}.ky-code-running-state-error .ky-code-running-state-body,.ky-code-running-state-error .ky-code-running-state-tab-label{color:#fa5051}.ky-code-running-state-error .ky-code-running-state-tabs{position:relative;background-color:#312525}.ky-code-running-state-error .ky-code-running-state-tabs .ky-code-icon-em-clear{position:absolute;width:14px;height:14px;right:4px;top:50%;margin-top:-7px}.ky-code-running-state-error .ky-code-running-state-tabs .ky-code-icon-em-clear path{fill:#d0d0d0}.ky-code-running-state-error .ky-code-running-state-tab{position:relative;padding:2px 4px;margin-left:1px}.ky-code-running-state-error .ky-code-running-state-tab>div{padding:0 4px;cursor:pointer;border-radius:2px;transition:all .4s}.ky-code-running-state-error .ky-code-running-state-tab.ky-code-running-state-tab-active>div{color:#8a2be2}.ky-code-running-state-error .ky-code-running-state-tab:first-child{margin-left:0}.ky-code-running-state-error .ky-code-running-state-tab:after{content:"";display:block;position:absolute;left:-1px;top:6px;bottom:6px;border-right:1px solid #ccc}.ky-code-running-state-error .ky-code-running-state-tab:first-child:after{display:none}.application{height:100%}.mgcomp-abs-block-constraint-wrapper{text-align:center}.mgcomp-abs-block-constraint-wrapper>header{padding:6px 0}.mgcomp-abs-block-constraint{display:inline-block;position:relative;width:80%;height:120px;text-align:center;border:1px solid #ccc;padding:40px}.mgcomp-abs-block-constraint .mgcomp-abs-block-constraint-area{width:100%;height:100%;border:1px solid #36ff78}.mgcomp-constraint-space{position:absolute;height:10px;width:40px;cursor:pointer;transform-origin:0 0}.mgcomp-constraint-space .mgcomp-constraint-space-end,.mgcomp-constraint-space .mgcomp-constraint-space-start{position:absolute;height:100%}.mgcomp-constraint-space .mgcomp-constraint-space-end:before,.mgcomp-constraint-space .mgcomp-constraint-space-start:before{position:relative;display:block;content:"";width:0;border-left:1px dotted #ccc}.mgcomp-constraint-space .mgcomp-constraint-space-start{left:4px}.mgcomp-constraint-space .mgcomp-constraint-space-start:before{height:100%}.mgcomp-constraint-space .mgcomp-constraint-space-end{right:4px}.mgcomp-constraint-space .mgcomp-constraint-space-end:before{height:100%}.mgcomp-constraint-space .mgcomp-constraint-space-join{position:absolute;height:0;top:50%;left:8px;right:8px;border-top:1px dotted #ccc;text-align:center}.mgcomp-constraint-space.mgcomp-constraint-space-enabled .mgcomp-constraint-space-end:before,.mgcomp-constraint-space.mgcomp-constraint-space-enabled .mgcomp-constraint-space-start:before{border-left-style:solid}.mgcomp-constraint-space.mgcomp-constraint-space-enabled .mgcomp-constraint-space-join{border-top-style:solid}.mgcomp-constraint-space.mgcomp-constraint-space-nx .mgcomp-constraint-space-join:after{display:inline-block;content:"N*X";position:relative;top:-13px;font-size:12px;transform:scale(.5);letter-spacing:2px;font-style:normal}.mgcomp-abs-lot-block{position:absolute;left:0;top:0;box-sizing:border-box;overflow:hidden}.mgcomp-abs-layout-panel{position:relative;width:100%;height:100%;overflow:auto}.mgcomp-abs-layout-panel.mgcomp-abs-layout-panel-design{overflow:hidden}.mgcomp-abs-layout-panel.mgcomp-abs-layout-panel-design .mgcomp-design-content{position:absolute;left:0;top:0;width:100%;height:100%;overflow:auto}.mgcomp-abs-layout-panel.mgcomp-abs-layout-panel-design .mgcomp-abs-lot-block{border:1px dashed #e2d8d8}.mgcomp-abs-layout-panel .mgcomp-abs-layout-panel-group{position:absolute;border:2px solid #00f;border-radius:2px}.mgcomp-abs-layout-panel .mgcomp-abs-layout-panel-close-icon{position:absolute;width:24px;height:24px;top:-12px;right:-12px;background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PGRlZnM+PHN0eWxlLz48L2RlZnM+PHBhdGggZD0iTTEyOCA1MTJhMzg0IDM4NCAwIDEwNzY4IDAgMzg0IDM4NCAwIDEwLTc2OCAweiIgZmlsbD0iI2JmYmZiZiIgZGF0YS1zcG0tYW5jaG9yLWlkPSJhMzEzeC43NzgxMDY5LjAuaTkiLz48cGF0aCBkPSJNNjQwLjA2NCAzMjBsNjMuOTU3IDYzLjk1Ny0zMTkuOTM2IDMxOS45NTgtNjMuOTU3LTYzLjk3OXoiIGZpbGw9IiNmZmYiIGRhdGEtc3BtLWFuY2hvci1pZD0iYTMxM3guNzc4MTA2OS4wLmk4IiBjbGFzcz0ic2VsZWN0ZWQiLz48cGF0aCBkPSJNNzA0IDY0MC4wNjRsLTYzLjk1NyA2My45NTctMzE5Ljk1OC0zMTkuOTM2IDYzLjk3OS02My45NTd6IiBmaWxsPSIjZmZmIiBkYXRhLXNwbS1hbmNob3ItaWQ9ImEzMTN4Ljc3ODEwNjkuMC5pNyIgY2xhc3M9InNlbGVjdGVkIi8+PC9zdmc+);background-size:100%;cursor:pointer}.mgcomp-abs-layout-panel .mgcomp-abs-layout-hidden{display:none}.mgcomp-abs-layout-panel .mgcomp-abs-layout-panel-layer{position:absolute;left:0;top:0;width:0;height:0;overflow:visible}.mgcomp-abs-layout-panel .mgcomp-abs-layout-panel-layer-cvs{z-index:1}.mgcomp-abs-layout-panel .mgcomp-abs-layout-panel-layer-cvs svg path{stroke:#8a2be2;stroke-dasharray:2}.mgcomp-abs-layout-panel[mg-dragging_container__identify__] [mg-dragging__cell_identify__]{z-index:1}.mgcomp-abs-layout-panel .mgcomp-abs-layout-cursor{border:none;visibility:hidden}.mgcomp-active-block{position:absolute;pointer-events:none}.mgcomp-grid-layout-panel{width:100%;height:100%;overflow:hidden}.mgcomp-grid-layout-panel>.mg-lib-grid-layout>.mg-lib-grid-layout-canvas>.mg-lib-layout-cell{border:none}.mgcomp-grid-layout-panel.mgcomp-grid-layout-panel-design>.mg-lib-grid-layout>.mg-lib-grid-layout-canvas>.mg-lib-layout-cell,.mgcomp-h-flex-layout-design.mg-h-flex-stack>.mg-flex-stack-item,.mgcomp-v-flex-layout-design.mg-v-flex-stack>.mg-flex-stack-item{border:1px dashed #e2d8d8}.ky-native-color-picker{position:relative;background-color:#fff;color:#666;font-size:12px;box-shadow:0 2px 10px rgba(0,0,0,.15);user-select:none;display:none}.ky-native-color-picker[data-visible]{display:inline-block}.ky-native-color-picker div{box-sizing:border-box}.ky-native-color-picker .ky-native-color-groups{padding:8px}.ky-native-color-picker .ky-native-empty-text{color:#ccc;display:inline-block;font-size:.8em;text-align:center;line-height:20px}.ky-native-color-picker .ky-native-color-group-header{padding:4px 0;text-align:left}.ky-native-color-picker .ky-native-color-group-header span{position:relative;z-index:1;background-color:#fff;padding-right:6px}.ky-native-color-picker .ky-native-color-group-header:before{content:"";display:block;position:relative;top:10px;border-bottom:1px dashed #ddd}.ky-native-color-picker .ky-native-more-colors{position:relative;text-align:right;padding:10px;border-top:1px solid #e8e8e8;background-color:#f5f5f5}.ky-native-color-picker .ky-native-more-colors .ky-native-txt-btn{display:inline-block;cursor:pointer}.ky-native-color-picker .ky-native-color-row{overflow:hidden;min-height:20px;white-space:nowrap}.ky-native-color-picker .ky-native-color-row+.ky-native-color-row{margin-top:6px}.ky-native-color-picker .ky-native-color-item{width:20px;height:20px;display:inline-block;cursor:pointer;border:1px solid #eee;border-radius:.25em;overflow:hidden;padding:2px;background:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48cGF0aCBkPSJNMTAyLjQgNzE2LjhWNTEyaDIwNC44djIwNC44em0wLTQwOS42VjEwMi40aDIwNC44djIwNC44eiIgb3BhY2l0eT0iLjgiLz48cGF0aCBkPSJNMzA3LjIgOTIxLjZWNzE2LjhINTEydjIwNC44em0wLTQwOS42VjMwNy4ySDUxMlY1MTJ6IiBvcGFjaXR5PSIuNiIvPjxwYXRoIGQ9Ik01MTIgNzE2LjhWNTEyaDIwNC44djIwNC44em0wLTQwOS42VjEwMi40aDIwNC44djIwNC44eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJNNzE2LjggOTIxLjZWNzE2LjhoMjA0Ljh2MjA0Ljh6bTAtNDA5LjZWMzA3LjJoMjA0LjhWNTEyeiIgb3BhY2l0eT0iLjIiLz48L3N2Zz4=);background-size:100%}.ky-native-color-picker .ky-native-color-item+.ky-native-color-item{margin-left:6px}.ky-native-color-picker .ky-native-color-item svg{width:100%;height:100%;opacity:0;transform:scale(.5);transition:all .2s}.ky-native-color-picker .ky-native-color-item[ky-native-active-item] svg{transform:scale(1);opacity:1}.ky-native-color-picker .ky-native-color-block-slider{position:absolute;left:0;top:50%;cursor:pointer;height:0;width:0}.ky-native-color-picker .ky-native-color-block-slider:after,.ky-native-color-picker .ky-native-color-block-slider:before{content:"";display:block;border-radius:50%;box-sizing:border-box}.ky-native-color-picker .ky-native-color-block-slider:before{width:8px;height:8px;margin-left:-4px;margin-top:-4px;background-color:#fff;border:1px solid #bfbbbb}.ky-native-color-picker .ky-native-color-block-slider:after{position:absolute;width:4px;height:4px;top:0;left:0;margin-left:-2px;margin-top:-2px;background-color:#000}.ky-native-color-picker[data-more=false] .ky-native-custom-color-setting{transform:scale(.2);opacity:0}.ky-native-color-picker[data-more=true] .ky-native-custom-color-setting{transform:none;opacity:1}.ky-native-color-picker .ky-native-custom-color-setting{position:absolute;left:100%;bottom:0;margin-left:6px;width:212px;box-shadow:0 2px 10px rgba(0,0,0,.15);border-radius:.25em;padding:8px;overflow:hidden;transition:all .4s;transform-origin:left bottom;background-color:#fff}.ky-native-color-picker .ky-native-custom-color-setting .ky-native-color-item{background:none}.ky-native-color-picker .ky-native-custom-color-setting .ky-native-color-cvs{position:relative;height:200px;cursor:pointer;transition:background-color .4s}.ky-native-color-picker .ky-native-custom-color-setting .ky-native-color-cvs .ky-native-color-block-slider{top:0}.ky-native-color-picker .ky-native-custom-color-setting .ky-native-color-cvs .ky-native-color-block-slider:before{width:12px;height:12px;margin-left:-6px;margin-top:-6px;background-color:transparent;border:1px solid #bfbbbb}.ky-native-color-picker .ky-native-custom-color-setting .ky-native-color-cvs .ky-native-color-block-slider:after{display:none}.ky-native-color-picker .ky-native-custom-color-setting .ky-native-color-cvs .ky-native-hsv-s{height:100%;background:linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.ky-native-color-picker .ky-native-custom-color-setting .ky-native-color-cvs .ky-native-hsv-v{height:100%;background:linear-gradient(0deg,#000,transparent)}.ky-native-color-picker .ky-native-custom-color-setting .ky-native-hsv-ha{position:relative;padding-right:26px;margin-top:8px}.ky-native-color-picker .ky-native-custom-color-setting .ky-native-hsv-ha>div:first-child{position:absolute;right:0;top:1px}.ky-native-color-picker .ky-native-custom-color-setting .ky-native-hsv-ha .ky-native-hsv-a,.ky-native-color-picker .ky-native-custom-color-setting .ky-native-hsv-ha .ky-native-hsv-h{position:relative;height:8px;cursor:pointer}.ky-native-color-picker .ky-native-custom-color-setting .ky-native-hsv-ha .ky-native-hsv-h{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.ky-native-color-picker .ky-native-custom-color-setting .ky-native-hsv-ha .ky-native-hsv-a{margin-top:6px;background:linear-gradient(90deg,rgba(106,73,73,0) 0,#6a4949)}.ky-native-color-picker .ky-native-custom-color-setting .ky-native-hsv-ha .ky-native-hsv-a:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAADFJREFUOE9jZGBgEGHAD97gk2YcNYBhmIQBgWSAP52AwoAQwJvQRg1gACckQoC2gQgAIF8IscwEtKYAAAAASUVORK5CYII=") 0}.ky-native-color-picker .ky-native-custom-color-setting .ky-native-hsv-ha .ky-native-hsv-a .ky-native-color-block-slider{left:100%}.ky-native-color-picker .ky-native-custom-color-setting .ky-native-color-info{margin-top:8px}.ky-native-color-picker .ky-native-custom-color-setting .ky-native-color-info table{width:100%;border:none;border-spacing:0;padding:0}.ky-native-color-picker .ky-native-custom-color-setting .ky-native-color-info table td{border:none;padding:0 0 0 4px}.ky-native-color-picker .ky-native-custom-color-setting .ky-native-color-info table td:first-child{padding-left:0}.ky-native-color-picker .ky-native-custom-color-setting .ky-native-color-info table td input{width:100%;border:none;outline:none;height:100%;padding:0;text-align:center}.ky-native-color-picker .ky-native-custom-color-setting .ky-native-color-info table td>div{text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ky-native-color-picker .ky-native-custom-color-setting .ky-native-color-info table td>div:first-child{height:26px;border:1px solid #e8e8e8;border-radius:2px}.ky-native-color-picker .ky-native-custom-color-setting .ky-native-color-info table td>div:nth-child(2){padding:4px 0}.ky-native-dropdown{position:relative;border:1px solid #e8e5e5;font-size:14px;text-align:left}.ky-native-dropdown .ky-native-dropdown-selection-wrapper{position:relative;padding-right:12px;cursor:pointer;min-height:26px;user-select:none;overflow:hidden;transition:background-color .4s}.ky-native-dropdown .ky-native-dropdown-selection-wrapper .ky-native-dropdown-selection{float:left}.ky-native-dropdown .ky-native-dropdown-selection-wrapper .ky-native-dropdown-tri{position:absolute;width:20px;height:20px;top:50%;right:0;margin-top:-10px}.ky-native-dropdown .ky-native-dropdown-selection-wrapper .ky-native-dropdown-tri:hover svg{fill:#00f}.ky-native-dropdown[data-visible] .ky-native-dropdown-selection-wrapper{background-color:#eee}.ky-native-dropdown[mode=horizontal] .ky-native-dropdown-popup{width:auto;white-space:nowrap}.ky-native-dropdown[mode=horizontal] .ky-native-dropdown-popup .ky-native-dropdown-pop-item{display:inline-block}.ky-native-dropdown .ky-native-text-wrapper{display:inline-block;padding:4px 14px;font-size:14px}.ky-native-dropdown[align=left] .ky-native-dropdown-popup{transform:scaleY(0);left:0}.ky-native-dropdown[align=left][data-visible] .ky-native-dropdown-popup{transform:scaleY(1)}.ky-native-dropdown[align=center] .ky-native-dropdown-popup{transform:scaleY(0) translateX(-50%);left:0;margin-left:50%}.ky-native-dropdown[align=center][data-visible] .ky-native-dropdown-popup{transform:scaleY(1) translateX(-50%)}.ky-native-dropdown[align=right] .ky-native-dropdown-popup{transform:scaleY(0);right:0}.ky-native-dropdown[align=right][data-visible] .ky-native-dropdown-popup{transform:scaleY(1)}.ky-native-dropdown[data-visible] .ky-native-dropdown-popup{transform:scaleY(1);opacity:1}.ky-native-dropdown .ky-native-dropdown-popup{position:absolute;top:100%;min-width:100%;border:1px solid #e8e5e5;border-radius:.25em;transform:scaleY(0);opacity:0;transform-origin:center top;transition:transform .2s;background-color:#fff;z-index:2;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.ky-native-dropdown .ky-native-dropdown-popup .ky-native-dropdown-popup-items{font-size:0}.ky-native-dropdown .ky-native-dropdown-popup .ky-native-dropdown-empty-pop-item{color:#ccc;padding:6px 12px;font-size:12px;white-space:nowrap}.ky-native-dropdown .ky-native-dropdown-popup .ky-native-dropdown-pop-item{padding:2px 4px;cursor:pointer;font-size:14px}.ky-native-dropdown .ky-native-dropdown-popup .ky-native-dropdown-pop-item.ky-native-dropdown-pop-item-active,.ky-native-dropdown .ky-native-dropdown-popup .ky-native-dropdown-pop-item:hover{background-color:#f5f5f5}.ky-native-link-setting{width:360px;overflow:hidden;padding:0 12px;font-size:14px}.ky-native-link-setting>div{padding-top:20px}.ky-native-link-setting .ky-native-link-setting-row+.ky-native-link-setting-row{margin-top:6px}.ky-native-link-setting .ky-native-link-setting-row>label{display:block;line-height:36px;text-indent:4px}.ky-native-link-setting .ky-native-link-setting-row>input,.ky-native-link-setting .ky-native-link-setting-row>textarea{width:100%;border:1px solid #e8e5e5;outline:none;height:30px;padding:0 6px;border-radius:.25em;box-sizing:border-box}.ky-native-link-setting .ky-native-link-setting-row>textarea{padding:6px;min-height:60px}.ky-native-link-setting .ky-native-native-btn{display:inline-block;padding:6px 12px;min-width:60px;text-align:center;border:1px solid #e8e5e5;cursor:pointer;border-radius:.25em}.ky-native-link-setting .ky-native-native-btn:hover{color:#00f;border-color:#00f}.ky-native-link-setting>footer{padding:12px 0}.ky-native-table-setting{overflow:hidden;box-sizing:border-box;font-size:0;display:inline-block;padding:8px 8px 0}.ky-native-table-setting div{box-sizing:border-box}.ky-native-table-setting>div{width:240px}.ky-native-table-setting>footer{font-size:14px;padding:4px}.ky-native-table-setting .ky-native-setting-row{white-space:nowrap;border:1px solid #e8e5e5}.ky-native-table-setting .ky-native-setting-row+.ky-native-setting-row{border-top:none}.ky-native-table-setting .ky-native-setting-cell{width:24px;height:24px;display:inline-block;border-left:1px solid #e8e5e5;cursor:pointer}.ky-native-table-setting .ky-native-setting-cell:first-child{border-left:none}.ky-native-image-setting{width:360px;overflow:hidden;padding:0 12px;font-size:14px}.ky-native-image-setting>div{padding-top:20px}.ky-native-image-setting .ky-native-image-setting-row+.ky-native-link-setting-row{margin-top:6px}.ky-native-image-setting .ky-native-image-setting-row>label{display:block;line-height:36px;text-indent:4px}.ky-native-image-setting .ky-native-image-setting-row>input,.ky-native-image-setting .ky-native-image-setting-row>textarea{width:100%;border:1px solid #e8e5e5;outline:none;height:30px;padding:0 6px;border-radius:.25em;box-sizing:border-box}.ky-native-image-setting .ky-native-image-setting-row>textarea{padding:6px;min-height:60px}.ky-native-image-setting .ky-native-native-btn{display:inline-block;padding:6px 12px;min-width:60px;text-align:center;border:1px solid #e8e5e5;cursor:pointer;border-radius:.25em}.ky-native-image-setting .ky-native-native-btn:hover{color:#00f;border-color:#00f}.ky-native-image-setting>footer{padding:12px 0}.ky-native-toolbar-item-dropdown .ky-native-dropdown-popup{font-size:0;color:#000;pointer-events:all}.ky-native-toolbar-item-dropdown .ky-native-dropdown{border:none}.ky-native-toolbar-item-dropdown[type=table] .ky-native-dropdown-selection svg{transform:scale(.65)}.ky-native-toolbar-item-dropdown[type=image] .ky-native-dropdown-selection svg{position:relative;top:1px}.ky-native-toolbar-item-dropdown[type=indent] .ky-native-dropdown-selection svg{transform:scale(.65)}.ky-native-toolbar-item-dropdown[type=indent] .ky-native-dropdown-pop-item{text-align:center}.ky-native-toolbar-item-dropdown[type=indent] .ky-native-dropdown-pop-item svg{position:relative;float:none;top:1px;width:20px;height:20px;display:inline-block}.ky-native-toolbar-item-dropdown[type=custom]{padding-left:8px}.ky-native-toolbar-item-dropdown[type=custom] .ky-native-dropdown-pop-item{padding:6px 8px;min-width:80px;max-width:50vw;white-space:nowrap;text-overflow:ellipsis}.ky-native-toolbar-item-dropdown[type=custom] .ky-native-dropdown-selection-wrapper:hover svg{fill:#00f}.ky-native-toolbar-item-dropdown[type=custom] .ky-native-dropdown-selection-wrapper .ky-native-dropdown-selection>div{width:30px;display:inline-block;text-align:right}.ky-native-toolbar-item-dropdown[type=custom] .ky-native-dropdown-selection-wrapper .ky-native-dropdown-selection svg{transform:scale(.65)}.ky-native-toolbar-item-dropdown .ky-native-text-wrapper{min-width:60px}.ky-native-toolbar-item-dropdown .ky-native-dropdown-selection svg{width:30px;height:30px}.ky-native-toolbar-item-dropdown .ky-native-dropdown-pop-item{overflow:hidden}.ky-native-toolbar-item-dropdown .ky-native-dropdown-pop-item svg{float:left;width:30px;height:30px}.ky-native-toolbar-txt-type{padding:4px 10px;white-space:nowrap;letter-spacing:2px}.ky-native-dropdown-selection .ky-native-toolbar-txt-type{font-size:14px!important;min-width:66px}.ky-native-toolbar-picker[type=textBgColor] .ky-native-dropdown-selection svg{height:18px;top:5px}.ky-native-toolbar-picker[type=textBgColor] .ky-native-dropdown-selection svg path{fill:#634c4c}.ky-native-toolbar-picker .ky-native-toolbar-color-selection{width:30px;height:30px;position:relative;transform:scale(.8)}.ky-native-toolbar-picker .ky-native-toolbar-color-selection svg{position:relative;top:1px;width:100%;height:100%}.ky-native-toolbar-picker .ky-native-toolbar-color-selection>div{position:absolute;bottom:5px;left:4px;right:4px;height:2px;background-color:#000}.ky-native-toolbar-picker .ky-native-dropdown-popup{width:276px;border:none;background-color:transparent}.ky-native-toolbar-icon-content .ky-native-dropdown-selection .ky-native-toolbar-item-icon-selection{line-height:30px}.ky-native-toolbar-icon-content .ky-native-dropdown-selection .ky-native-toolbar-item-icon-selection>svg{height:20px;margin-top:-3px;vertical-align:middle}.ky-native-toolbar-icon-content .ky-native-dropdown-selection .ky-native-toolbar-item-icon-selection>span{padding-right:8px}.ky-native-toolbar{font-size:0}.ky-native-toolbar[data-hidden]{display:none}.ky-native-toolbar div{box-sizing:border-box}.ky-native-toolbar svg{transform-origin:center}.ky-native-toolbar .ky-native-toolbar-group-wrapper{display:inline-block;white-space:nowrap}.ky-native-toolbar .ky-native-toolbar-group-split{position:relative;display:inline-block;height:30px;width:12px}.ky-native-toolbar .ky-native-toolbar-group-split:after{content:"";position:absolute;top:6px;left:6px;bottom:6px;border-right:1px solid #f5f5f5}.ky-native-toolbar[ky-native-disabled] .ky-native-toolbar-item{color:grey;pointer-events:none}.ky-native-toolbar[ky-native-disabled] .ky-native-toolbar-item svg{fill:grey}.ky-native-toolbar .ky-native-toolbar-item[ky-native-hide]{display:none}.ky-native-toolbar .ky-native-toolbar-item{display:inline-block;height:30px}.ky-native-toolbar .ky-native-toolbar-item[ky-native-disabled]{color:grey;pointer-events:none}.ky-native-toolbar .ky-native-toolbar-item[ky-native-disabled] svg{fill:grey}.ky-native-toolbar .ky-native-toolbar-item-icon{overflow:hidden;transition:background-color .4s;padding:0 2px;cursor:pointer}.ky-native-toolbar .ky-native-toolbar-item-icon:hover svg{fill:#00f}.ky-native-toolbar .ky-native-toolbar-item-icon[ky-native-active]{background-color:#f5f5f5}.ky-native-toolbar .ky-native-toolbar-item-icon svg{position:relative;width:30px;height:30px}.ky-native-toolbar .ky-native-toolbar-item-icon[type=ol] svg,.ky-native-toolbar .ky-native-toolbar-item-icon[type=ul] svg{transform:scale(.55)}.ky-native-toolbar .ky-native-toolbar-item-icon[type=cancel] svg,.ky-native-toolbar .ky-native-toolbar-item-icon[type=redo] svg{top:-2px}.ky-native-toolbar .ky-native-toolbar-item-icon[type=formatFill] svg{transform:scale(.55)}.ky-native-toolbar .ky-native-toolbar-item-icon[type=checkbox] svg{transform:scale(.76)}.ky-native-toolbar .ky-native-toolbar-item-icon[type=quote] svg{transform:scale(.6)}.ky-native-toolbar .ky-native-toolbar-item-icon[type=italic] svg{top:1px}.ky-native-toolbar .ky-native-toolbar-item-icon[type=overline] svg{transform:scale(.65)}.ky-native-toolbar .ky-native-dropdown .ky-native-dropdown-selection{height:30px;overflow:hidden}.mgcomp-colorpicker{display:inline-block;width:30px;height:30px;padding:2px}.mgcomp-colorpicker,.mgcomp-colorpicker .mgcomp-color{position:relative;border:1px solid #ccc;box-sizing:border-box}.mgcomp-colorpicker .mgcomp-color{z-index:2;height:100%;width:100%;cursor:pointer}.mgcomp-colorpicker .mgcomp-colorpicker-popup{cursor:auto;position:absolute;right:-4px;top:0;width:0;height:0}