.vcp__header{display:flex;padding:12px;pointer-events:none}.vcp--expandable .vcp__header{pointer-events:auto;cursor:pointer}.vcp__header-title{display:flex;align-items:center;flex:1}.vcp__header-icon{display:flex;align-items:center;transition:transform .3s cubic-bezier(.5,.25,0,1)}.vcp--expanded .vcp__header-icon{transform-origin:center;transform:rotate(180deg)}.vcp__header-icon>span{display:flex;height:24px;width:24px}.vcp__header-icon ::v-deep(svg){height:100%;width:100%}.vcp__body{overflow:hidden;transition:all .3s cubic-bezier(.5,.25,0,1)}.vcp__body-content{padding:12px}.slide-enter-from,.slide-leave-to{opacity:.25}.splitpanes{display:flex;width:100%;height:100%}.splitpanes--vertical{flex-direction:row}.splitpanes--horizontal{flex-direction:column}.splitpanes--dragging *{user-select:none}.splitpanes__pane{width:100%;height:100%;overflow:hidden}.splitpanes--vertical .splitpanes__pane{transition:width .2s ease-out}.splitpanes--horizontal .splitpanes__pane{transition:height .2s ease-out}.splitpanes--dragging .splitpanes__pane{transition:none}.splitpanes__splitter{touch-action:none}.splitpanes--vertical>.splitpanes__splitter{min-width:1px;cursor:col-resize}.splitpanes--horizontal>.splitpanes__splitter{min-height:1px;cursor:row-resize}.splitpanes.default-theme .splitpanes__pane{background-color:#f2f2f2}.splitpanes.default-theme .splitpanes__splitter{background-color:#fff;box-sizing:border-box;position:relative;flex-shrink:0}.splitpanes.default-theme .splitpanes__splitter:before,.splitpanes.default-theme .splitpanes__splitter:after{content:"";position:absolute;top:50%;left:50%;background-color:#00000026;transition:background-color .3s}.splitpanes.default-theme .splitpanes__splitter:hover:before,.splitpanes.default-theme .splitpanes__splitter:hover:after{background-color:#00000040}.splitpanes.default-theme .splitpanes__splitter:first-child{cursor:auto}.default-theme.splitpanes .splitpanes .splitpanes__splitter{z-index:1}.default-theme.splitpanes--vertical>.splitpanes__splitter,.default-theme .splitpanes--vertical>.splitpanes__splitter{width:7px;border-left:1px solid #eee;margin-left:-1px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{transform:translateY(-50%);width:1px;height:30px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:before{margin-left:-2px}.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{margin-left:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter,.default-theme .splitpanes--horizontal>.splitpanes__splitter{height:7px;border-top:1px solid #eee;margin-top:-1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{transform:translate(-50%);width:30px;height:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before{margin-top:-2px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{margin-top:1px}.vcpg{border:1px solid var(--border-color);border-radius:4px;width:100%}.vcpg ::v-deep(.vcp) *{box-sizing:border-box}.vcpg ::v-deep(.vcp) .vcp__header{background-color:var(--bg-color-header);height:30px;border-bottom:2px solid #c6bebd;transition:background-color .3s ease}.vcpg ::v-deep(.vcp) .vcp__header .vcp__header:hover{background-color:var(--bg-color-header-hover)}.vcpg ::v-deep(.vcp) .vcp__header .vcp__header:active{background-color:var(--bg-color-header-active)}.vcpg ::v-deep(.vcp) .vcp:not(:first-of-type) .vcp__header{border-top:2px solid var(--border-color)}.vcpg ::v-deep(.vcp) .vcp__header-title{font-weight:500}.vcpg ::v-deep(.vcp) .vcp__body{border-top:1px solid var(--border-color);background-color:var(--bg-color-body)}.layoutContainer{width:100%;height:100%;padding:0;margin:0;--layout-top-height: 70px;--layout-left-width: 200px;--layout-right-width: 200px;--layout-bottom-height: 60px;--layout-centerback-backcolor: #020202;--layout-top-zindex: 100;--layout-bottom-zindex: 100;--layout-center-zindex: 90;--layout-left-zindex: 100;--layout-right-zindex: 100}.topContainer{position:absolute;top:0;left:0;width:100%;height:var(--layout-top-height);z-index:var(--layout-top-zindex);pointer-events:none}.bottomContainer{position:absolute;bottom:0;left:0;width:100%;height:var(--layout-bottom-height);z-index:var(--layout-bottom-zindex);pointer-events:none}.leftContainer{position:absolute;top:0;left:0;width:var(--layout-left-width);z-index:var(--layout-left-zindex);height:100%;pointer-events:none}.rightContainer{position:absolute;top:0;right:0;width:var(--layout-right-width);z-index:var(--layout-right-zindex);height:100%;pointer-events:none}.centerdiv{position:absolute;top:0;left:0;bottom:0;width:100%;background-color:transparent;overflow:hidden;pointer-events:none}.window{display:flex;flex-flow:column;position:absolute;border-radius:4pt 4pt 0 0}.titlebar{display:flex;flex-flow:row nowrap;border-radius:4pt 4pt 0 0;font-family:sans-serif;padding:.5em;flex:0 0 auto}.title{flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content{flex-grow:1;padding:.5em}.draggable-handle{cursor:move}.fade-enter,.fade-leave-to{opacity:0;transform:scale(.9)}.fade-enter-active,.fade-leave-active{transition:.2s}.btn{background-color:transparent;border:none;font-size:medium;margin:0;padding:0 .25em;border-radius:4pt}