html,body,#app{position:relative;width:100%;margin:0}.test{position:relative}.test .test-host{margin-top:10px;margin-left:0;margin-right:0;height:86vh}.test .test-top{padding-top:20px;padding-right:150px;height:40px;margin-left:80px;display:flex;flex-direction:row;justify-content:space-between}.test .test-top>div{display:flex;flex-direction:row;align-items:flex-end}.test .test-top>div img{margin-left:10px}.test .test-top h1{margin:0 20px 0 0;color:#000}.test .test-top .link{margin:0 15px;color:#1a7ff1;text-decoration:underline}.test .test-top .link.first{margin-left:0}.test-buttons{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:10px;margin-bottom:10px}.full-container{position:relative;width:100%;height:100%;overflow:hidden;background-color:var(--code-layout-color-background)}.horbox{display:flex;flex-direction:row;justify-content:center}.box1{padding:60px 0;text-align:center;font-size:18px;font-weight:700;-webkit-user-select:none;user-select:none;border:1px solid #3676ff;background-color:#89bffc}.box3{position:relative;padding:60px 0;text-align:center;font-size:18px;font-weight:700;-webkit-user-select:none;user-select:none;border:1px solid #ff9252;background-color:#ffefbc}.box4{padding:10px 0;text-align:center;font-size:14px;border:1px dashed #ececec;background-color:#dadada}.box6{padding:60px 0;text-align:center;font-size:18px;-webkit-user-select:none;user-select:none;color:#000;background-color:#f5f5f5;border:1px dashed #7e7e7e}.box5{padding:60px 0;text-align:center;font-size:18px;-webkit-user-select:none;user-select:none;color:#fff;background-color:#7e7e7e;border:1px dashed #ececec}.box2{width:80%;padding:20px 60px;margin:10px auto 0;border-radius:10px;background-color:#777;color:#fff}code{border-radius:10px}.grid{display:grid;grid-template-columns:33.33% 33.33% 33.33%;grid-template-rows:33.33% 33.33% 33.33%}.grid div{position:relative;padding:10px;text-align:center;font-size:13px;-webkit-user-select:none;user-select:none;border:1px solid #ff9252;background-color:#ffefbc}@media screen and (max-width: 1200px){.test .test-top{height:90px}}@media screen and (max-width: 800px){.test .test-top{height:100px;margin-left:100px}.test .test-top h1{display:block;font-size:27px}.test .test-top a{margin:0 10px}.fork-img img{width:100px;height:100px}.horbox{flex-direction:column}}@media screen and (max-width: 425px){.test .test-top{margin-left:80px;height:120px}.test .test-top h1{font-size:22px}.fork-img img{width:80px;height:80px}}:root{--mx-menu-backgroud: #fff;--mx-menu-hover-backgroud: #f1f1f1;--mx-menu-active-backgroud: #dfdfdf;--mx-menu-open-backgroud: #f1f1f1;--mx-menu-open-hover-backgroud: #f1f1f1;--mx-menu-divider: #f0f0f0;--mx-menu-text: #2e2e2e;--mx-menu-hover-text: #2e2e2e;--mx-menu-active-text: #2e2e2e;--mx-menu-open-text: #2e2e2e;--mx-menu-open-hover-text: #2e2e2e;--mx-menu-disabled-text: #c9c8c8;--mx-menu-icon-size: 16px;--mx-menu-shadow-color: rgba(0, 0, 0, .1);--mx-menu-backgroud-radius: 10px;--mx-menu-scrollbar-thumb-color: rgba(0, 0, 0, .2);--mx-menu-scrollbar-thumb-color-light: rgba(0, 0, 0, .3);--mx-menu-scrollbar-thumb-color-pressed: rgba(0, 0, 0, .1);--mx-menu-shortcut-backgroud: #ebebeb;--mx-menu-shortcut-backgroud-hover:#ebebeb;--mx-menu-shortcut-backgroud-active:#ebebeb;--mx-menu-shortcut-backgroud-open:#ebebeb;--mx-menu-shortcut-backgroud-disabled:#fdfdfd;--mx-menu-shortcut-text: #424242;--mx-menu-shortcut-text-hover: #424242;--mx-menu-shortcut-text-active: #424242;--mx-menu-shortcut-text-open: #424242;--mx-menu-shortcut-text-disabled: #a5a5a5;--mx-menu-placeholder-width: 24px}.mx-context-menu{pointer-events:all;display:inline-block;overflow:visible;position:absolute;background-color:var(--mx-menu-backgroud);border-radius:var(--mx-menu-backgroud-radius);padding:12px 0;box-shadow:0 10px 40px 10px var(--mx-menu-shadow-color);opacity:1;transition:opacity .2s ease-in-out;--vue-scroll-rect-scrollbar-thumb-color: var(--mx-menu-scrollbar-thumb-color);--vue-scroll-rect-scrollbar-thumb-color-light: var(--mx-menu-scrollbar-thumb-color-light);--vue-scroll-rect-scrollbar-thumb-color-pressed: var(--mx-menu-scrollbar-thumb-color-pressed)}.mx-context-menu-items{position:relative;overflow:visible}.mx-context-menu-scroll{overscroll-behavior:contain}.mx-context-menu-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:relative;padding:6px 15px;-webkit-user-select:none;user-select:none;overflow:visible;white-space:nowrap;text-overflow:ellipsis;color:var(--mx-menu-text)}.mx-context-menu-item .mx-right-arrow,.mx-context-menu-item .mx-checked-mark{fill:var(--mx-menu-text)}.mx-context-menu-item:hover{background-color:var(--mx-menu-hover-backgroud);color:var(--mx-menu-hover-text)}.mx-context-menu-item:hover .mx-right-arrow,.mx-context-menu-item:hover .mx-checked-mark{fill:var(--mx-menu-hover-text)}.mx-context-menu-item:hover .mx-shortcut{background-color:var(--mx-menu-shortcut-backgroud-hover);color:var(--mx-menu-shortcut-text-hover)}.mx-context-menu-item:active{background-color:var(--mx-menu-active-backgroud);color:var(--mx-menu-active-text)}.mx-context-menu-item:active .mx-right-arrow,.mx-context-menu-item:active .mx-checked-mark{fill:var(--mx-menu-active-text)}.mx-context-menu-item:active .mx-shortcut{background-color:var(--mx-menu-shortcut-backgroud-active);color:var(--mx-menu-shortcut-text-active)}.mx-context-menu-item.open{background-color:var(--mx-menu-open-backgroud);color:var(--mx-menu-open-text)}.mx-context-menu-item.open:hover{background-color:var(--mx-menu-open-hover-backgroud);color:var(--mx-menu-open-hover-text)}.mx-context-menu-item.open .mx-right-arrow,.mx-context-menu-item.open .mx-checked-mark{fill:var(--mx-menu-open-text)}.mx-context-menu-item.open .mx-shortcut{background-color:var(--mx-menu-shortcut-backgroud-open);color:var(--mx-menu-shortcut-text-open)}.mx-context-menu-item.keyboard-focus{background-color:var(--mx-menu-active-backgroud)}.mx-context-menu-item.disabled{color:var(--mx-menu-disabled-text);cursor:not-allowed}.mx-context-menu-item.disabled:hover,.mx-context-menu-item.disabled:active{background-color:transparent}.mx-context-menu-item.disabled .mx-right-arrow,.mx-context-menu-item.disabled .mx-checked-mark{fill:var(--mx-menu-disabled-text)}.mx-context-menu-item.disabled .mx-shortcut{background-color:var(--mx-menu-shortcut-backgroud-disabled);color:var(--mx-menu-shortcut-text-second)}.mx-context-menu-item .mx-item-row{display:flex;flex-direction:row;align-items:center;max-width:100%}.mx-context-menu-item .mx-icon-placeholder{position:relative;display:flex;flex-direction:row;align-items:center;height:auto;overflow:hidden}.mx-context-menu-item .mx-icon-placeholder.preserve-width{width:var(--mx-menu-placeholder-width)}.mx-context-menu-item .icon{display:inline-block;font-size:var(--mx-menu-icon-size)}.mx-context-menu-item .icon.svg{width:var(--mx-menu-icon-size);height:var(--mx-menu-icon-size)}.mx-context-menu-item .label{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-inline-end:16px}.mx-context-menu-item-wrapper{position:relative}.mx-context-menu-item-sperator{display:block;padding:5px 0;background-color:var(--mx-menu-backgroud)}.mx-context-menu-item-sperator:after{display:block;content:"";background-color:var(--mx-menu-divider);height:1px}.mx-right-arrow{width:14px;height:14px}.mx-checked-mark{width:var(--mx-menu-icon-size);height:var(--mx-menu-icon-size)}.mx-shortcut{position:relative;justify-self:flex-end;font-size:11.5px;padding:2px 4px;background-color:var(--mx-menu-shortcut-backgroud);color:var(--mx-menu-shortcut-text)}.mx-menu-bar.dark,.mx-context-menu.dark{--mx-menu-backgroud: #303031;--mx-menu-hover-backgroud: #636363;--mx-menu-active-backgroud: #555555;--mx-menu-open-backgroud: #636363;--mx-menu-open-hover-backgroud: #636363;--mx-menu-divider: #464646;--mx-menu-text: #ffffff;--mx-menu-hover-text: #ffffff;--mx-menu-active-text: #ffffff;--mx-menu-open-text: #ffffff;--mx-menu-open-hover-text: #ffffff;--mx-menu-disabled-text: #9c9c9c;--mx-menu-shadow-color: rgba(51, 51, 51, .2);--mx-menu-scrollbar-thumb-color: rgba(255, 255, 255, .3);--mx-menu-scrollbar-thumb-color-light: rgba(255, 255, 255, .5);--mx-menu-scrollbar-thumb-color-pressed: rgba(255, 255, 255, .2);--mx-menu-shortcut-backgroud: #505050;--mx-menu-shortcut-backgroud-hover:#505050;--mx-menu-shortcut-backgroud-active:#505050;--mx-menu-shortcut-backgroud-open:#505050;--mx-menu-shortcut-backgroud-disabled:#444444;--mx-menu-shortcut-text: #f1f1f1;--mx-menu-shortcut-text-hover: #ffffff;--mx-menu-shortcut-text-active: #ffffff;--mx-menu-shortcut-text-open: #ffffff;--mx-menu-shortcut-text-disabled: #9d9d9d}.mx-menu-bar.flat,.mx-context-menu.flat{border-radius:0;padding:7px 0;box-shadow:0 1px 2px 1px var(--mx-menu-shadow-color)}.mx-menu-bar.flat .mx-context-menu-item,.mx-context-menu.flat .mx-context-menu-item{padding:3px 12px}.mx-menu-bar.win10,.mx-context-menu.win10{border-radius:0;padding:8px 0;border:1px solid var(--mx-menu-border-color);box-shadow:2px 2px 1px 0 var(--mx-menu-shadow-color)}.mx-menu-bar.win10,.mx-context-menu.win10{--mx-menu-backgroud: #eeeeee;--mx-menu-hover-backgroud: #d8d8d8;--mx-menu-active-backgroud: #dfdfdf;--mx-menu-open-backgroud: #f1f1f1;--mx-menu-open-hover-backgroud: #d8d8d8;--mx-menu-divider: #aaaaaa;--mx-menu-border-color: #b1b1b1;--mx-menu-shortcut-backgroud: transparent;--mx-menu-shortcut-backgroud-hover: transparent;--mx-menu-shortcut-backgroud-active: transparent;--mx-menu-shortcut-backgroud-open: transparent;--mx-menu-shortcut-backgroud-disabled:transparent;--mx-menu-shortcut-text: #272727;--mx-menu-shortcut-text-hover: #272727;--mx-menu-shortcut-text-active: #272727;--mx-menu-shortcut-text-open: #272727;--mx-menu-shortcut-text-disabled: #6b6b6b}.mx-menu-bar.win10 .mx-context-menu-item,.mx-context-menu.win10 .mx-context-menu-item{padding:2px 4px;margin:0 4px}.mx-menu-bar.win10 .mx-context-menu-item-sperator,.mx-context-menu.win10 .mx-context-menu-item-sperator{margin:0 4px}.mx-menu-bar.win10.dark,.mx-context-menu.win10.dark{--mx-menu-backgroud: #303031;--mx-menu-hover-backgroud: #636363;--mx-menu-active-backgroud: #555555;--mx-menu-open-backgroud: #636363;--mx-menu-open-hover-backgroud: #636363;--mx-menu-divider: #808080;--mx-menu-border-color: #656565;--mx-menu-shortcut-backgroud: #505050;--mx-menu-shortcut-backgroud-hover:#505050;--mx-menu-shortcut-backgroud-active:#505050;--mx-menu-shortcut-backgroud-open:#505050;--mx-menu-shortcut-backgroud-disabled:#444444;--mx-menu-shortcut-text: #f1f1f1;--mx-menu-shortcut-text-hover: #ffffff;--mx-menu-shortcut-text-active: #ffffff;--mx-menu-shortcut-text-open: #ffffff;--mx-menu-shortcut-text-disabled: #9d9d9d;padding:8px 0}.mx-menu-bar.win10.dark .mx-context-menu-item,.mx-context-menu.win10.dark .mx-context-menu-item{padding:6px 12px;margin:0}.mx-menu-bar.win10.dark .mx-context-menu-item-sperator,.mx-context-menu.win10.dark .mx-context-menu-item-sperator{margin:0 7px}.mx-menu-bar.mac,.mx-context-menu.mac{padding:8px 0;box-shadow:0 5px 7px 1px var(--mx-menu-shadow-color);border:1px solid var(--mx-menu-border-color)}.mx-menu-bar.mac,.mx-context-menu.mac{--mx-menu-backgroud: #ececec;--mx-menu-hover-backgroud: #0165e1;--mx-menu-active-backgroud: #0165e1;--mx-menu-open-backgroud: #858585;--mx-menu-open-hover-backgroud: #0165e1;--mx-menu-divider: #d2d2d2;--mx-menu-text: #232323;--mx-menu-hover-text: #fff;--mx-menu-active-text: #fff;--mx-menu-open-text: #fff;--mx-menu-open-hover-text: #fff;--mx-menu-disabled-text: #bbbbbb;--mx-menu-shadow-color: rgba(0, 0, 0, .1);--mx-menu-backgroud-radius: 10px;--mx-menu-shortcut-backgroud: transparent;--mx-menu-shortcut-backgroud-hover:transparent;--mx-menu-shortcut-backgroud-active:transparent;--mx-menu-shortcut-backgroud-open:transparent;--mx-menu-shortcut-backgroud-disabled:transparent;--mx-menu-shortcut-text: #424242;--mx-menu-shortcut-text-hover: #fff;--mx-menu-shortcut-text-active: #fff;--mx-menu-shortcut-text-open: #fff;--mx-menu-shortcut-text-disabled: #a5a5a5;--mx-menu-border-color: #bbbbbb}.mx-menu-bar.mac.dark,.mx-context-menu.mac.dark{--mx-menu-backgroud: #333333;--mx-menu-hover-backgroud: #0153d2;--mx-menu-active-backgroud: #0153d2;--mx-menu-open-hover-backgroud: #0153d2;--mx-menu-open-backgroud: #414346;--mx-menu-divider: #575757;--mx-menu-text: #dcdcdc;--mx-menu-hover-text: #fff;--mx-menu-active-text: #fff;--mx-menu-open-text: #fff;--mx-menu-open-hover-text: #fff;--mx-menu-disabled-text: #6a6a6a;--mx-menu-shadow-color: rgba(0, 0, 0, .1);--mx-menu-backgroud-radius: 10px;--mx-menu-shortcut-backgroud: transparent;--mx-menu-shortcut-backgroud-hover:transparent;--mx-menu-shortcut-backgroud-active:transparent;--mx-menu-shortcut-backgroud-open:transparent;--mx-menu-shortcut-backgroud-disabled:transparent;--mx-menu-shortcut-text: #dadada;--mx-menu-shortcut-text-hover: #fff;--mx-menu-shortcut-text-active: #fff;--mx-menu-shortcut-text-open: #fff;--mx-menu-shortcut-text-disabled: #6a6a6a;--mx-menu-border-color: #222}.mx-menu-bar.mac .mx-context-menu-item,.mx-context-menu.mac .mx-context-menu-item{border-radius:5px;margin:0 6px;padding:3px 6px}.mx-menu-bar.mac .mx-context-menu-item.keyboard-focus,.mx-context-menu.mac .mx-context-menu-item.keyboard-focus{background-color:var(--mx-menu-active-backgroud);color:var(--mx-menu-active-text);outline:none}.mx-menu-bar.mac .mx-context-menu-item.keyboard-focus .mx-right-arrow,.mx-menu-bar.mac .mx-context-menu-item.keyboard-focus .mx-checked-mark,.mx-context-menu.mac .mx-context-menu-item.keyboard-focus .mx-right-arrow,.mx-context-menu.mac .mx-context-menu-item.keyboard-focus .mx-checked-mark{fill:var(--mx-menu-active-text)}.mx-menu-bar.mac .mx-context-menu-item.keyboard-focus .mx-shortcut,.mx-context-menu.mac .mx-context-menu-item.keyboard-focus .mx-shortcut{background-color:var(--mx-menu-shortcut-backgroud-active);color:var(--mx-menu-shortcut-text-active)}.mx-menu-bar.mac .mx-context-menu-item-sperator,.mx-context-menu.mac .mx-context-menu-item-sperator{margin:0 12px}.mx-context-menu .vue-scroll-rect>.scroll-content{overflow-y:scroll;height:100%;width:auto;position:relative!important}.mx-menu-ghost-host{position:absolute;left:0;bottom:0;right:0;top:0;overflow:hidden;pointer-events:none}.mx-menu-ghost-host.fullscreen{position:fixed}.mx-menu-bar{flex:1;display:flex;flex-direction:row;align-items:center;background-color:var(--mx-menu-backgroud);padding:5px 0}.mx-menu-bar.mini{flex-grow:0}.mx-menu-bar .mx-menu-bar-content{display:flex;flex-direction:row;align-items:center}.mx-menu-bar .mx-menu-bar-item{padding:2px 8px;border-radius:5px;-webkit-user-select:none;user-select:none;background-color:var(--mx-menu-backgroud);color:var(--mx-menu-text)}.mx-menu-bar .mx-menu-bar-item:hover{background-color:var(--mx-menu-hover-backgroud);color:var(--mx-menu-hover-text)}.mx-menu-bar .mx-menu-bar-item:hover .mx-menu-bar-icon-menu{fill:var(--mx-menu-hover-text)}.mx-menu-bar .mx-menu-bar-item:active,.mx-menu-bar .mx-menu-bar-item.active{background-color:var(--mx-menu-active-backgroud);color:var(--mx-menu-active-text)}.mx-menu-bar .mx-menu-bar-item:active .mx-menu-bar-icon-menu,.mx-menu-bar .mx-menu-bar-item.active .mx-menu-bar-icon-menu{fill:var(--mx-menu-active-text)}.mx-menu-bar .mx-menu-bar-icon-menu{fill:var(--mx-menu-text);width:var(--mx-menu-icon-size);height:var(--mx-menu-icon-size)}.mx-menu-bar.flat .mx-menu-bar-item{border-radius:0}.code-layout-split-base{position:relative;display:flex;width:100%;height:100%}.code-layout-split-base .split-n-container>.content{position:absolute;width:100%;height:100%;overflow:hidden}.code-layout-split-base .code-layout-split-dragger{z-index:10}.code-layout-split-base.vertical{flex-direction:column;justify-content:stretch;align-items:flex-start}.code-layout-split-base.vertical>.split-n-container{position:relative;flex-shrink:0;width:100%}.code-layout-split-base.vertical>.code-layout-split-dragger,.code-layout-split-base.vertical>.split-n-container>.code-layout-split-dragger{width:100%;height:var(--code-layout-border-size);cursor:ns-resize}.code-layout-split-base.vertical>.code-layout-split-dragger:after,.code-layout-split-base.vertical>.split-n-container>.code-layout-split-dragger:after{left:0;right:0;top:calc(var(--code-layout-border-size-dragger) / -2);height:var(--code-layout-border-size-dragger);bottom:unset;width:unset}.code-layout-split-base.vertical>.code-layout-split-dragger.inner,.code-layout-split-base.vertical>.split-n-container>.code-layout-split-dragger.inner{position:absolute;left:0;top:0}.code-layout-split-base.vertical>.code-layout-split-dragger>.code-layout-split-orthogonal-drag-handle,.code-layout-split-base.vertical>.split-n-container>.code-layout-split-dragger>.code-layout-split-orthogonal-drag-handle{top:calc(var(--code-layout-sash-size) / -2)}.code-layout-split-base.vertical>.code-layout-split-dragger>.code-layout-split-orthogonal-drag-handle.start,.code-layout-split-base.vertical>.split-n-container>.code-layout-split-dragger>.code-layout-split-orthogonal-drag-handle.start{left:calc(var(--code-layout-sash-size) / -2)}.code-layout-split-base.vertical>.code-layout-split-dragger>.code-layout-split-orthogonal-drag-handle.end,.code-layout-split-base.vertical>.split-n-container>.code-layout-split-dragger>.code-layout-split-orthogonal-drag-handle.end{right:calc(var(--code-layout-sash-size) / -2)}.code-layout-split-base.horizontal{flex-direction:row;justify-content:flex-start;align-items:stretch}.code-layout-split-base.horizontal>.split-n-container{position:relative;height:100%;flex-shrink:0}.code-layout-split-base.horizontal>.code-layout-split-dragger,.code-layout-split-base.horizontal>.split-n-container>.code-layout-split-dragger{width:var(--code-layout-border-size);height:100%;cursor:ew-resize}.code-layout-split-base.horizontal>.code-layout-split-dragger:after,.code-layout-split-base.horizontal>.split-n-container>.code-layout-split-dragger:after{top:0;bottom:0;left:calc(var(--code-layout-border-size-dragger) / -2);width:var(--code-layout-border-size-dragger)}.code-layout-split-base.horizontal>.code-layout-split-dragger.inner,.code-layout-split-base.horizontal>.split-n-container>.code-layout-split-dragger.inner{position:absolute;left:0;top:0}.code-layout-split-base.horizontal>.code-layout-split-dragger>.code-layout-split-orthogonal-drag-handle,.code-layout-split-base.horizontal>.split-n-container>.code-layout-split-dragger>.code-layout-split-orthogonal-drag-handle{left:calc(var(--code-layout-sash-size) / -2)}.code-layout-split-base.horizontal>.code-layout-split-dragger>.code-layout-split-orthogonal-drag-handle.start,.code-layout-split-base.horizontal>.split-n-container>.code-layout-split-dragger>.code-layout-split-orthogonal-drag-handle.start{top:calc(var(--code-layout-sash-size) / -2)}.code-layout-split-base.horizontal>.code-layout-split-dragger>.code-layout-split-orthogonal-drag-handle.end,.code-layout-split-base.horizontal>.split-n-container>.code-layout-split-dragger>.code-layout-split-orthogonal-drag-handle.end{bottom:calc(var(--code-layout-sash-size) / -2)}.code-layout-split-base>.code-layout-split-dragger,.code-layout-split-base>.split-n-container>.code-layout-split-dragger{position:relative;height:100%;width:var(--code-layout-border-size);background-color:var(--code-layout-color-border-background);cursor:ns-resize;-webkit-user-select:none;user-select:none;overflow:visible}.code-layout-split-base>.code-layout-split-dragger:after,.code-layout-split-base>.split-n-container>.code-layout-split-dragger:after{position:absolute;content:"";transition:background-color ease-in-out .2s;z-index:10}.code-layout-split-base>.code-layout-split-dragger.resize:hover:after,.code-layout-split-base>.code-layout-split-dragger.active:after,.code-layout-split-base>.split-n-container>.code-layout-split-dragger.resize:hover:after,.code-layout-split-base>.split-n-container>.code-layout-split-dragger.active:after{background-color:var(--code-layout-color-highlight)}.code-layout-split-orthogonal-drag-handle{position:absolute;width:var(--code-layout-sash-size);height:var(--code-layout-sash-size);cursor:all-scroll;z-index:20;background-color:transparent;-webkit-user-select:none;user-select:none}.code-layout-split-tab{position:relative;width:100%;height:100%;--tab-height: 35px;--tab-font-size: 12px;--tab-icon-size: 14px;--tab-text-color: var(--code-layout-color-text);--tab-active-text-color: var(--code-layout-color-text-light);--tab-mormal-color: var(--code-layout-color-background-light);--tab-active-color: var(--code-layout-color-background);--tab-border-color: var(--code-layout-color-background-second);--tab-button-normal-color: transparent;--tab-button-hover-color: var(--code-layout-color-background-hover-light);--tab-close-size: 18px;--vue-scroll-rect-scrollbar-size: 4px}.code-layout-split-tab-list{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;position:relative;overflow:hidden;height:var(--tab-height);background-color:var(--tab-border-color)}.code-layout-split-tab-list:before{display:block;position:absolute;content:"";left:0;right:0;bottom:0;height:1px;z-index:0;background-color:var(--tab-border-color)}.code-layout-split-tab-list.drag-active{background-color:var(--code-layout-color-background-hover)}.code-layout-split-tab-list .code-layout-split-tab-list-tabs{display:inline-flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;overflow:scroll;overflow-y:hidden;transition:all ease-in-out .25s}.code-layout-split-tab-list .code-layout-split-tab-list-tabs .control-item,.code-layout-split-tab-list .code-layout-split-tab-list-tabs .code-layout-tooltip-ref{height:100%}.code-layout-split-tab-list .code-layout-split-tab-list-tabs .item{position:relative;display:inline-flex;padding:0 10px;cursor:pointer;color:var(--tab-text-color);background-color:var(--tab-mormal-color);border:1px solid transparent;border-bottom-color:var(--tab-border-color);border-right-color:var(--tab-active-color);justify-content:center;align-items:center;height:100%;vertical-align:middle}.code-layout-split-tab-list .code-layout-split-tab-list-tabs .item:after{position:absolute;content:"";background-color:var(--code-layout-color-border-white);z-index:2;width:var(--code-layout-border-size-larger)}.code-layout-split-tab-list .code-layout-split-tab-list-tabs .item.drag-over-left:after{top:0;bottom:0;left:calc(var(--code-layout-border-size-larger) / 2 * -1)}.code-layout-split-tab-list .code-layout-split-tab-list-tabs .item.drag-over-right:after{top:0;bottom:0;right:calc(var(--code-layout-border-size-larger) / 2 * -1)}.code-layout-split-tab-list .code-layout-split-tab-list-tabs .item .icon{display:inline-block;padding:0;font-size:var(--tab-icon-size)}.code-layout-split-tab-list .code-layout-split-tab-list-tabs .item .close{text-decoration:none;color:var(--tab-text-color);-webkit-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;cursor:pointer;width:var(--tab-close-size);height:var(--tab-close-size);border-radius:3px;padding:0}.code-layout-split-tab-list .code-layout-split-tab-list-tabs .item .close:hover{background-color:var(--tab-button-hover-color)}.code-layout-split-tab-list .code-layout-split-tab-list-tabs .item .close .close-icon{visibility:hidden;width:var(--tab-close-size);height:var(--tab-close-size)}.code-layout-split-tab-list .code-layout-split-tab-list-tabs .item .close .unsave-dot{width:14px;height:14px}.code-layout-split-tab-list .code-layout-split-tab-list-tabs .item .badge{display:inline-block;padding:3px;border-radius:var(--code-layout-font-size-small);font-size:var(--code-layout-font-size-small);min-width:var(--code-layout-font-size-small);line-height:var(--code-layout-font-size-small);text-align:center;background-color:var(--code-layout-color-highlight);color:var(--code-layout-color-text-light);transform:scale(.9)}.code-layout-split-tab-list .code-layout-split-tab-list-tabs .item>span{display:inline-block;padding:0 6px;font-size:var(--tab-font-size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.code-layout-split-tab-list .code-layout-split-tab-list-tabs .item:hover .close-icon{visibility:visible}.code-layout-split-tab-list .code-layout-split-tab-list-tabs .item.active{background-color:var(--tab-active-color);border-bottom-color:var(--tab-active-color);border-right-color:var(--tab-border-color);border-left-color:var(--tab-border-color);border-top-color:var(--tab-border-color)}.code-layout-split-tab-list .code-layout-split-tab-list-tabs .item.active:before{position:absolute;display:inline-block;content:"";width:100%;bottom:-1px;left:0;background-color:var(--tab-border-color)}.code-layout-split-tab-list .code-layout-split-tab-list-tabs .item.active .close{color:var(--tab-active-text-color)}.code-layout-split-tab-list .code-layout-split-tab-list-tabs .item.active .close-icon{visibility:visible}.code-layout-split-tab-list .code-layout-split-tab-list-extra{display:flex;flex-grow:1;flex-shrink:0;flex-direction:row;align-items:center;justify-content:space-between;position:relative}.code-layout-split-tab-list .code-layout-split-tab-list-extra>.code-layout-actions{font-size:var(--tab-font-size)}.code-layout-split-tab-list .code-layout-split-tab-list-extra>.code-layout-actions svg{font-size:var(--tab-icon-size)}.code-layout-split-tab-content{position:absolute;top:var(--tab-height);left:0;right:0;bottom:0;overflow:hidden}.code-layout-split-tab-content.empty{top:0}.code-layout-split-tab-content.dragging *{pointer-events:none}.code-layout-split-tab-content.drag-active:before{position:absolute;content:"";background-color:var(--code-layout-color-background-mask-light);z-index:20}.code-layout-split-tab-content.drag-over-center:before{top:0;left:0;right:0;bottom:0}.code-layout-split-tab-content.drag-over-left:before{top:0;bottom:0;left:calc(var(--code-layout-border-size-larger) / 2 * -1);right:50%}.code-layout-split-tab-content.drag-over-up:before{top:calc(var(--code-layout-border-size-larger) / 2 * -1);bottom:50%;left:0;right:0}.code-layout-split-tab-content.drag-over-right:before{top:0;bottom:0;right:calc(var(--code-layout-border-size-larger) / 2 * -1);left:50%}.code-layout-split-tab-content.drag-over-down:before{top:50%;left:0;right:0;bottom:calc(var(--code-layout-border-size-larger) / 2 * -1)}:root{--vue-scroll-rect-scrollbar-thumb-color: rgba(122,122,122, .3);--vue-scroll-rect-scrollbar-thumb-color-light: rgba(122, 122, 122, .5);--vue-scroll-rect-scrollbar-thumb-color-pressed: rgba(112, 112, 112, .2);--vue-scroll-rect-scrollbar-thumb-radius: 5px;--vue-scroll-rect-scrollbar-thumb-margin: 0px;--vue-scroll-rect-scrollbar-size: 8px}.vue-scroll-rect{position:relative;width:100%;height:100%;margin:0;overflow:hidden}.vue-scroll-rect>.scroll-content{position:relative;max-width:100%;max-height:100%;scrollbar-width:none;-ms-overflow-style:none}.vue-scroll-rect>.scroll-content::-webkit-scrollbar{width:0;height:0}.vue-scroll-rect>.scroll-content::-ms-scrollbar{width:0;height:0}.vue-scroll-rect>.scroll-content.both{overflow:scroll}.vue-scroll-rect>.scroll-content.horizontal{overflow-x:scroll}.vue-scroll-rect>.scroll-content.vertical{overflow-y:scroll}.vue-scroll-rect:hover>.scrollbar{opacity:1;transition:opacity .1s}.vue-scroll-rect.always-show-scrollbar>.scrollbar,.vue-scroll-rect .dragging>.scrollbar{opacity:1}.vue-scroll-rect.background-clickable>.scrollbar{pointer-events:all}.vue-scroll-rect>.scrollbar{position:absolute;opacity:0;transition:opacity 1.5s;pointer-events:none}.vue-scroll-rect>.scrollbar:hover{opacity:1}.vue-scroll-rect>.scrollbar .thumb{position:absolute;background-color:var(--vue-scroll-rect-scrollbar-thumb-color);border-radius:var(--vue-scroll-rect-scrollbar-thumb-radius);pointer-events:all}.vue-scroll-rect>.scrollbar .thumb:hover{background-color:var(--vue-scroll-rect-scrollbar-thumb-color-light)}.vue-scroll-rect>.scrollbar .thumb:active{background-color:var(--vue-scroll-rect-scrollbar-thumb-color-pressed)}.vue-scroll-rect>.scrollbar.horizontal{left:0;bottom:0;right:0;height:var(--vue-scroll-rect-scrollbar-size)}.vue-scroll-rect>.scrollbar.horizontal .thumb{top:var(--vue-scroll-rect-scrollbar-thumb-margin);bottom:var(--vue-scroll-rect-scrollbar-thumb-margin)}.vue-scroll-rect>.scrollbar.vertical{top:0;bottom:0;right:0;width:var(--vue-scroll-rect-scrollbar-size)}.vue-scroll-rect>.scrollbar.vertical .thumb{left:var(--vue-scroll-rect-scrollbar-thumb-margin);right:var(--vue-scroll-rect-scrollbar-thumb-margin)}@keyframes code-layout-tooltip-fade-show{0%{opacity:0}to{opacity:1}}.code-layout-tooltip-ref{display:block;height:auto}.code-layout-tooltip{overflow:visible;position:absolute;padding:4px 8px;border-radius:var(--code-layout-border-radius-small);background-color:var(--code-layout-color-background-second);color:var(--code-layout-color-text);border:1px solid var(--code-layout-color-border);width:auto;z-index:10;font-size:var(--code-layout-font-size);animation:code-layout-tooltip-fade-show .3s}.code-layout-tooltip .arrow1,.code-layout-tooltip .arrow2{position:absolute;display:block;width:0;height:0;z-index:11}.code-layout-tooltip.right .arrow1{border-top:3px solid transparent;border-right:3px solid var(--code-layout-color-background-second);border-bottom:3px solid transparent;border-left:3px solid transparent;left:-6px;top:calc(50% - 3px)}.code-layout-tooltip.right .arrow2{border-top:4px solid transparent;border-right:4px solid var(--code-layout-color-border);border-bottom:4px solid transparent;border-left:4px solid transparent;left:-8px;top:calc(50% - 4px)}.code-layout-tooltip.left .arrow1{border-top:3px solid transparent;border-right:3px solid transparent;border-bottom:3px solid transparent;border-left:3px solid var(--code-layout-color-background-second);right:-6px;top:calc(50% - 3px)}.code-layout-tooltip.left .arrow2{border-top:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid var(--code-layout-color-border);right:-8px;top:calc(50% - 4px)}.code-layout-tooltip.top .arrow1{border-top:3px solid var(--code-layout-color-background-second);border-right:3px solid transparent;border-bottom:3px solid transparent;border-left:3px solid transparent;bottom:-6px;left:calc(50% - 3px)}.code-layout-tooltip.top .arrow2{border-top:4px solid var(--code-layout-color-border);border-right:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid transparent;bottom:-8px;left:calc(50% - 4px)}.code-layout-tooltip.bottom .arrow1{border-top:3px solid transparent;border-right:3px solid transparent;border-bottom:3px solid var(--code-layout-color-background-second);border-left:3px solid transparent;top:-6px;left:calc(50% - 3px)}.code-layout-tooltip.bottom .arrow2{border-top:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid var(--code-layout-color-border);border-left:4px solid transparent;top:-8px;left:calc(50% - 4px)}.code-layout-actions{position:relative;display:flex;flex-direction:row;align-items:center;flex-shrink:0}.code-layout-actions button{position:relative;padding:2px 4px;margin-right:4px;color:var(--code-layout-color-text);border-radius:var(--code-layout-border-radius-small);font-size:var(--code-layout-font-size-small);background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:center;height:20px}.code-layout-actions button.last{margin-right:0}.code-layout-actions button svg{fill:currentColor}.code-layout-actions button:hover{background-color:var(--code-layout-color-background-hover)}.code-layout-collapse{position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:var(--code-layout-header-height);color:var(--code-layout-color-text);padding:0 5px;border:1px solid transparent;border-top:1px solid var(--code-layout-color-border);cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden}.code-layout-collapse>.collapse-title{flex:1}.code-layout-collapse svg{fill:currentColor}.code-layout-collapse .actions{visibility:hidden}.code-layout-collapse .arrow{margin-top:1px;margin-right:2px}.code-layout-collapse div{display:flex;align-items:center;flex-direction:row;justify-content:start}.code-layout-collapse span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:12px;min-width:3ch}.code-layout-collapse.dragging{opacity:.8}.code-layout-collapse:hover .actions{visibility:visible}.code-layout-collapse:focus{outline:none;border:1px solid var(--code-layout-color-highlight)}.code-layout-collapse:focus .actions{visibility:visible}.code-layout-panel{position:relative;flex-shrink:0;flex-grow:0}.code-layout-panel.opening{transition:all ease-in-out .15s}.code-layout-panel.open>.code-layout-collapse{border-bottom-color:transparent}.code-layout-panel.open>.code-layout-collapse .arrow{transform:rotate(90deg)}.code-layout-panel:focus>.code-layout-collapse{border:1px solid var(--code-layout-color-highlight)}.code-layout-panel:focus>.code-layout-collapse .actions{visibility:visible}.code-layout-panel.resizing{transition:none ease-in-out 0s}.code-layout-panel.resizing-self{cursor:ns-resize}.code-layout-panel.resizing-self .code-layout-collapse{cursor:inherit}.code-layout-panel.resizing-self.horizontal{cursor:ew-resize}.code-layout-panel:hover>.code-layout-collapse .actions{visibility:visible}.code-layout-panel:first-child:not(:focus)>.code-layout-collapse{border-top-color:transparent}.code-layout-panel.dragging:not(.dragging-self) *{pointer-events:none}.code-layout-panel.dragging.dragging-self .collapse-title *,.code-layout-panel.dragging.dragging-self .content *{pointer-events:none}.code-layout-panel:after,.code-layout-panel:before{pointer-events:none}.code-layout-panel.drag-over-left.closed,.code-layout-panel.drag-over-up.closed{background-color:var(--code-layout-color-background-mask-light)}.code-layout-panel.drag-over-left.open:after,.code-layout-panel.drag-over-up.open:after{background-color:var(--code-layout-color-background-mask-light);position:absolute;content:"";top:0;left:0;right:0;height:50%;z-index:1}.code-layout-panel.drag-over-left.horizontal.open:after,.code-layout-panel.drag-over-up.horizontal.open:after{top:0;left:0;bottom:0;right:unset;height:unset;width:50%}.code-layout-panel.drag-over-left.closed:before,.code-layout-panel.drag-over-up.closed:before{position:absolute;content:"";z-index:2;background-color:var(--code-layout-color-border-light);top:0;left:0;right:0;height:2px}.code-layout-panel.drag-over-left.horizontal.closed:before,.code-layout-panel.drag-over-up.horizontal.closed:before{right:unset;height:unset;width:1px;bottom:0}.code-layout-panel.drag-over-right.closed,.code-layout-panel.drag-over-down.closed{background-color:var(--code-layout-color-background-mask-light)}.code-layout-panel.drag-over-right.open:after,.code-layout-panel.drag-over-down.open:after{position:absolute;background-color:var(--code-layout-color-background-mask-light);content:"";top:50%;left:0;right:0;height:50%;z-index:1}.code-layout-panel.drag-over-right.horizontal.open:after,.code-layout-panel.drag-over-down.horizontal.open:after{top:0;left:50%;bottom:0;right:unset;height:unset;width:50%}.code-layout-panel.drag-over-right.closed:before,.code-layout-panel.drag-over-down.closed:before{position:absolute;content:"";background-color:var(--code-layout-color-border-light);bottom:0;left:0;right:0;height:2px;z-index:2}.code-layout-panel.drag-over-right.horizontal.closed:before,.code-layout-panel.drag-over-down.horizontal.closed:before{left:unset;height:unset;width:1px;top:0}.code-layout-panel.drag-enter *{pointer-events:none}.code-layout-panel.drag-enter>.drag-line{pointer-events:none;display:none}.code-layout-panel.horizontal>.drag-line{cursor:ew-resize;top:0;left:calc(var(--code-layout-border-size-dragger) / 2 * -1);right:unset;bottom:0;width:var(--code-layout-border-size-dragger);height:unset}.code-layout-panel.horizontal:not(:first-child){border-left:1px solid var(--code-layout-color-border)}.code-layout-panel.horizontal .code-layout-collapse{border-top:none;background-color:var(--code-layout-color-background-light)}.code-layout-panel.horizontal.closed .code-layout-collapse{height:100%;width:var(--code-layout-header-height);flex-direction:column;justify-content:flex-start;padding:6px 0}.code-layout-panel.horizontal.closed .code-layout-collapse .actions{display:none}.code-layout-panel.horizontal.closed .code-layout-collapse .arrow{margin-bottom:5px}.code-layout-panel.horizontal.closed .collapse-title{flex-direction:column;justify-content:flex-start}.code-layout-panel.horizontal.closed .collapse-title span{display:none}.code-layout-panel>.drag-line{position:absolute;left:0;right:0;top:calc(var(--code-layout-border-size-dragger) / 2 * -1);height:var(--code-layout-border-size-dragger);transition:background-color ease-in-out .4s;z-index:10;cursor:ns-resize}.code-layout-panel>.drag-line.active,.code-layout-panel>.drag-line:hover{background-color:var(--code-layout-color-highlight)}.code-layout-panel>.content{position:relative;overflow:hidden}.code-layout-group-dragger-host{position:absolute;display:flex;left:0;right:0;top:0;bottom:0}.code-layout-group-dragger-host.drag-enter{background-color:var(--code-layout-color-background-mask-light)}.code-layout-group-dragger-host.drag-enter *{pointer-events:none}.OverflowCollapseList{display:flex;flex-wrap:nowrap;flex-shrink:0;flex-grow:1}.OverflowCollapseList.horizontal{flex-direction:row;width:100%}.OverflowCollapseList.vertical{flex-direction:column;height:100%}.OverflowCollapseList .OverflowItem{position:relative;color:var(--code-layout-color-text);border-radius:var(--code-layout-border-radius-small);background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.OverflowCollapseList .OverflowItem:hover{background-color:var(--code-layout-color-background-hover)}.OverflowCollapseList .OverflowItem svg{fill:currentColor;width:16px;height:16px}.OverflowCollapseList>*{flex-shrink:0}.code-layout-group{position:relative;width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column;--tab-padding: 10px;--tab-top-padding: 8px;--tab-bottom-padding: 4px;--tab-font-size: 11px;--tab-icon-size: 12px;--tab-font-size-small: 11px}.code-layout-group.primary{background-color:var(--code-layout-color-background-second)}.code-layout-group.reverse-header{flex-direction:column-reverse}.code-layout-group.reverse-header>.tab{border-top:1px solid var(--code-layout-color-border)}.code-layout-group.reverse-header>.tab .tab-item{padding:var(--tab-padding)}.code-layout-group>.tab{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:nowrap;padding:0 var(--tab-padding);margin-bottom:2px;min-height:30px}.code-layout-group>.tab svg{fill:currentColor;font-size:calc(var(--tab-icon-size))}.code-layout-group>.tab>.right{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;flex-wrap:nowrap}.code-layout-group>.tab .tab-container{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;flex-shrink:1}.code-layout-group>.tab .tab-container .OverflowItem{position:relative;padding:calc(var(--tab-top-padding) + 2px) var(--tab-padding) 0 var(--tab-padding)}.code-layout-group>.tab .tab-item{position:relative;padding:var(--tab-top-padding) var(--tab-padding) var(--tab-bottom-padding) var(--tab-padding);font-size:var(--tab-font-size);line-height:calc(var(--tab-font-size) * 1.5);color:var(--code-layout-color-text);cursor:pointer}.code-layout-group>.tab .tab-item .badge{position:absolute;right:0;bottom:0;display:inline-block;padding:3px;transform:scale(.8);border-radius:var(--tab-font-size-small);font-size:var(--tab-font-size-small);min-width:var(--tab-font-size-small);line-height:var(--tab-font-size-small);text-align:center;background-color:var(--code-layout-color-highlight)}.code-layout-group>.tab .tab-item span{pointer-events:none}.code-layout-group>.tab .tab-item:hover,.code-layout-group>.tab .tab-item:active,.code-layout-group>.tab .tab-item.active{color:var(--code-layout-color-text-light)}.code-layout-group>.tab .tab-item.active:after{position:absolute;content:"";left:var(--tab-padding);right:var(--tab-padding);bottom:0;height:1px;background-color:var(--code-layout-color-text-light)}.code-layout-group>.tab .tab-item.dragging{background-color:var(--code-layout-color-background);opacity:.7}.code-layout-group>.tab .tab-item.drag-over-left:before,.code-layout-group>.tab .tab-item.drag-over-up:before,.code-layout-group>.tab .tab-item.drag-over-down:before,.code-layout-group>.tab .tab-item.drag-over-right:before{position:absolute;content:"";top:var(--tab-top-padding);bottom:var(--tab-bottom-padding);width:var(--code-layout-border-size-larger);background-color:var(--code-layout-color-border-light)}.code-layout-group>.tab .tab-item.drag-over-left:before,.code-layout-group>.tab .tab-item.drag-over-up:before{left:calc(var(--code-layout-border-size-larger) / 2 * -1)}.code-layout-group>.tab .tab-item.drag-over-down:before,.code-layout-group>.tab .tab-item.drag-over-right:before{right:calc(var(--code-layout-border-size-larger) / 2 * -1)}.code-layout-group>.tab.text .badge{position:relative;right:unset;bottom:unset;display:inline-block;margin-left:8px;padding:3px 5px;border-radius:var(--tab-font-size);font-size:var(--tab-font-size);min-width:var(--tab-font-size);line-height:var(--tab-font-size);background-color:var(--code-layout-color-background-light)}.code-layout-group>.tab.drag-active:after{background-color:var(--code-layout-color-background-mask-light);position:absolute;content:"";top:0;left:0;right:0;bottom:0;z-index:1;pointer-events:none}.code-layout-group.tab-icon .code-layout-panel,.code-layout-group.tab-text .code-layout-panel{width:100%;height:100%}.code-layout-group>.title-bar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:nowrap;height:35px;overflow:hidden;padding:0 var(--tab-padding);font-size:var(--tab-font-size);-webkit-user-select:none;user-select:none}.code-layout-group>.content{position:relative;flex:1}.code-layout-group>.content.vertical .code-layout-panel{width:100%}.code-layout-group>.content.vertical .code-layout-group-dragger-host{flex-direction:column}.code-layout-group>.content.horizontal .code-layout-panel{height:100%}.code-layout-group>.content.horizontal .code-layout-group-dragger-host{flex-direction:row}.code-layout-empty{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-size:12px;color:var(--code-layout-color-text)}.code-layout-empty.drag-active:after{background-color:var(--code-layout-color-background-mask-light);position:absolute;content:"";top:0;left:0;right:0;bottom:0;z-index:1}.code-layout-customize-layout-actions{position:relative;height:100%;padding-right:10px}.code-layout-customize-layout-actions svg{width:18px;height:18px}.code-layout-customize-layout-actions .code-layout-actions button:hover{background-color:var(--code-layout-color-background-hover-light)}.code-layout-customize-layout{position:fixed;top:5px;left:50%;width:600px;border-radius:var(--code-layout-border-radius-small);margin-left:-300px;z-index:100;background-color:var(--code-layout-color-background-second);box-shadow:0 0 5px 1px var(--code-layout-color-shadow);color:var(--code-layout-color-text);font-size:var(--code-layout-font-size);overflow:hidden}.code-layout-customize-layout .header{padding:4px 0;text-align:center;background-color:var(--code-layout-color-background-light)}.code-layout-customize-layout .header .code-layout-actions{position:absolute;top:0;right:0}.code-layout-customize-layout .header .code-layout-actions svg{width:18px;height:18px}.code-layout-customize-layout .list{padding:2px 4px}.code-layout-customize-layout .list .item{position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:3px 10px;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--code-layout-border-radius-small)}.code-layout-customize-layout .list .item div{display:flex;flex-direction:row;align-items:center}.code-layout-customize-layout .list .item.splited{margin-top:2px}.code-layout-customize-layout .list .item.splited:after{position:absolute;left:0;right:0;top:-1px;height:1px;content:"";background-color:var(--code-layout-color-border)}.code-layout-customize-layout .list .item svg{width:18px;height:18px}.code-layout-customize-layout .list .item .eye{margin-left:5px;display:none}.code-layout-customize-layout .list .item .check{width:18px;height:18px;margin-left:3px}.code-layout-customize-layout .list .item .title{margin-left:5px}.code-layout-customize-layout .list .item .right{color:var(--code-layout-color-text-highlight)}.code-layout-customize-layout .list .item:active .eye,.code-layout-customize-layout .list .item:hover .eye,.code-layout-customize-layout .list .item.active .eye{display:initial}.code-layout-customize-layout .list .item:hover{background-color:var(--code-layout-color-background-light)}.code-layout-customize-layout .list .item:active,.code-layout-customize-layout .list .item.active,.code-layout-customize-layout .list .item:focus{background-color:var(--code-layout-color-background-highlight)}.code-layout-customize-layout .list .item:active .right,.code-layout-customize-layout .list .item.active .right,.code-layout-customize-layout .list .item:focus .right{color:var(--code-layout-color-text-light)}:root{--code-layout-color-background: #1e1e1e;--code-layout-color-background-second: #252526;--code-layout-color-background-light: #333333;--code-layout-color-background-highlight: #04395e;--code-layout-color-background-hover: #363737;--code-layout-color-background-hover-light: #464646;--code-layout-color-background-mask-light: rgba(255,255,255,.2);--code-layout-color-highlight: #0078d4;--code-layout-color-text: #ccc;--code-layout-color-text-light: #fff;--code-layout-color-text-highlight: #2f94f1;--code-layout-color-text-gray: #818181;--code-layout-color-text-disabled: #727272;--code-layout-color-border: #474747;--code-layout-color-border-light: #cccccc;--code-layout-color-border-background: #2a2a2a;--code-layout-color-border-white: #fff;--code-layout-color-shadow: rgba(0,0,0,.15);--code-layout-color-scrollbar-thumb: rgba(204, 204, 204, .4);--code-layout-color-scrollbar-thumb-light: rgba(204, 204, 204, .6);--code-layout-border-size: 1px;--code-layout-border-size-larger: 2px;--code-layout-border-size-dragger: 4px;--code-layout-sash-size: 8px;--code-layout-border-radius-small: 5px;--code-layout-border-radius-large: 5px;--code-layout-header-height: 22px;--code-layout-titlebar-background: #3c3c3c;--code-layout-titlebar-height: 35px;--code-layout-status-height: 20px;--code-layout-font-size: 13px;--code-layout-font-size-small: 11px}.code-layout-root{display:flex;width:100%;height:100%;flex-direction:column;align-items:stretch;color:var(--code-layout-color-text);background-color:var(--code-layout-color-background);font-size:var(--code-layout-font-size);overflow:hidden}.code-layout-root>.code-layout-title-bar{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;height:var(--code-layout-titlebar-height);background-color:var(--code-layout-titlebar-background)}.code-layout-root>.code-layout-title-bar>div{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.code-layout-root .code-layout-inner-0{position:relative;width:100%}.code-layout-root .code-layout-inner-0>.code-layout-split-base{position:absolute;left:0;right:0;top:0;bottom:0}.code-layout-root>.code-layout-activity{position:relative;display:flex;flex-direction:row;align-items:stretch;flex:1;height:calc(100% - var(--code-layout-titlebar-height) - var(--code-layout-status-height))}.code-layout-root>.code-layout-activity .code-layout-activity-bar{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:center;background-color:var(--code-layout-color-background-light);width:45px;overflow:hidden}.code-layout-root>.code-layout-activity .code-layout-activity-bar .OverflowItem{width:45px;height:45px}.code-layout-root>.code-layout-activity .code-layout-activity-bar>.top{position:relative;flex-grow:1;flex-shrink:1;max-height:90%}.code-layout-root>.code-layout-activity .code-layout-activity-bar>.bottom{position:relative;flex-grow:0;flex-shrink:0}.code-layout-root>.code-layout-activity .code-layout-activity-bar .mx-menu-bar.mini{justify-content:center}.code-layout-root>.code-layout-activity .code-layout-activity-bar .activity-bar-items{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex:1 1 100%}.code-layout-root>.code-layout-activity .code-layout-activity-bar .item{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:45px;height:45px;color:var(--code-layout-color-text-gray);cursor:pointer}.code-layout-root>.code-layout-activity .code-layout-activity-bar .item span{display:block;pointer-events:none;max-width:100%;overflow:hidden;text-overflow:ellipsis}.code-layout-root>.code-layout-activity .code-layout-activity-bar .item svg{pointer-events:none;fill:var(--code-layout-color-text-gray)}.code-layout-root>.code-layout-activity .code-layout-activity-bar .item .icon{position:relative;max-width:100%}.code-layout-root>.code-layout-activity .code-layout-activity-bar .item .badge{position:absolute;right:5px;bottom:2px;display:inline-block;padding:3px;border-radius:var(--code-layout-font-size-small);font-size:var(--code-layout-font-size-small);min-width:var(--code-layout-font-size-small);line-height:var(--code-layout-font-size-small);text-align:center;background-color:var(--code-layout-color-highlight);color:var(--code-layout-color-text-light);transform:scale(.9)}.code-layout-root>.code-layout-activity .code-layout-activity-bar .item.active,.code-layout-root>.code-layout-activity .code-layout-activity-bar .item:hover{color:var(--code-layout-color-text-light)}.code-layout-root>.code-layout-activity .code-layout-activity-bar .item.active svg,.code-layout-root>.code-layout-activity .code-layout-activity-bar .item:hover svg{fill:var(--code-layout-color-text-light)}.code-layout-root>.code-layout-activity .code-layout-activity-bar .item.active:after{content:"";position:absolute;display:block;width:2px;top:0;bottom:0;left:0;background-color:var(--code-layout-color-text-light)}.code-layout-root>.code-layout-activity .code-layout-activity-bar .item.drag-enter *{pointer-events:none}.code-layout-root>.code-layout-activity .code-layout-activity-bar .item.drag-over-left:before,.code-layout-root>.code-layout-activity .code-layout-activity-bar .item.drag-over-right:before,.code-layout-root>.code-layout-activity .code-layout-activity-bar .item.drag-over-up:before,.code-layout-root>.code-layout-activity .code-layout-activity-bar .item.drag-over-down:before{position:absolute;content:"";left:0;right:0;height:var(--code-layout-border-size-larger);background-color:var(--code-layout-color-border-light)}.code-layout-root>.code-layout-activity .code-layout-activity-bar .item.drag-over-left:before,.code-layout-root>.code-layout-activity .code-layout-activity-bar .item.drag-over-up:before{top:calc(var(--code-layout-border-size-larger) / 2 * -1)}.code-layout-root>.code-layout-activity .code-layout-activity-bar .item.drag-over-right:before,.code-layout-root>.code-layout-activity .code-layout-activity-bar .item.drag-over-down:before{bottom:calc(var(--code-layout-border-size-larger) / 2 * -1)}.code-layout-root>.code-layout-activity .code-layout-activity-bar.right .item.active:after{left:unset;right:2px}.code-layout-root>.code-layout-status{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;flex-grow:0;height:var(--code-layout-status-height);background-color:var(--code-layout-color-highlight)}.code-layout-root>.code-layout-status>.left{position:relative;flex-shrink:0}.code-layout-root>.code-layout-status>.right{position:relative;flex-shrink:0}.mx-menu-bar.code-layout{--mx-menu-backgroud: transparent;--mx-menu-text: var(--code-layout-color-text);--mx-menu-hover-backgroud: var(--code-layout-color-background-highlight);--mx-menu-hover-text: var(--code-layout-color-text);--mx-menu-active-backgroud: var(--code-layout-color-background-highlight);--mx-menu-active-text: var(--code-layout-color-text);--mx-menu-disabled-text: var(--code-layout-color-text-disabled)}.mx-context-menu.code-layout{padding:8px 0;box-shadow:0 5px 7px 1px var(--mx-menu-shadow-color);border:1px solid var(--mx-menu-border-color)}.mx-context-menu.code-layout{--mx-menu-backgroud: var(--code-layout-color-background-second);--mx-menu-hover-backgroud: var(--code-layout-color-background-highlight);--mx-menu-active-backgroud: var(--code-layout-color-background-highlight);--mx-menu-open-backgroud: var(--code-layout-color-background-highlight);--mx-menu-open-hover-backgroud: var(--code-layout-color-background-highlight);--mx-menu-divider: var(--code-layout-color-border);--mx-menu-text: var(--code-layout-color-text);--mx-menu-hover-text: var(--code-layout-color-text);--mx-menu-active-text: var(--code-layout-color-text);--mx-menu-open-text: var(--code-layout-color-text);--mx-menu-open-hover-text: var(--code-layout-color-text);--mx-menu-disabled-text: var(--code-layout-color-text-disabled);--mx-menu-shadow-color: rgba(0, 0, 0, .1);--mx-menu-backgroud-radius: var(--code-layout-border-radius-small);--mx-menu-shortcut-backgroud: transparent;--mx-menu-shortcut-backgroud-hover:transparent;--mx-menu-shortcut-backgroud-active:transparent;--mx-menu-shortcut-backgroud-open:transparent;--mx-menu-shortcut-backgroud-disabled:transparent;--mx-menu-shortcut-text: var(--code-layout-color-text-gray);--mx-menu-shortcut-text-hover: var(--code-layout-color-text-light);--mx-menu-shortcut-text-active: var(--code-layout-color-text-light);--mx-menu-shortcut-text-open: var(--code-layout-color-text-light);--mx-menu-shortcut-text-disabled: var(--code-layout-color-text-disabled);--mx-menu-focus-color: transparent;--mx-menu-border-color: var(--code-layout-color-border)}.mx-context-menu.code-layout .mx-context-menu-item{border-radius:5px;margin:0 6px;padding:3px 6px}.mx-context-menu.code-layout .mx-context-menu-item .label{font-size:var(--code-layout-font-size)}.mx-context-menu.code-layout .mx-context-menu-item.keyboard-focus{background-color:var(--mx-menu-active-backgroud);color:var(--mx-menu-active-text);outline:none}.mx-context-menu.code-layout .mx-context-menu-item.keyboard-focus .mx-right-arrow,.mx-context-menu.code-layout .mx-context-menu-item.keyboard-focus .mx-checked-mark{fill:var(--mx-menu-active-text)}.mx-context-menu.code-layout .mx-context-menu-item.keyboard-focus .mx-shortcut{background-color:var(--mx-menu-shortcut-backgroud-active);color:var(--mx-menu-shortcut-text-active)}.mx-context-menu.code-layout .mx-context-menu-item-sperator{margin:0 12px}.code-layout-scrollbar{position:relative;width:100%;height:100%;margin:0}.code-layout-scrollbar>.scroll-content{position:absolute;top:0;bottom:0;left:0;right:0}.code-layout-scrollbar>.scroll-content::-webkit-scrollbar{width:0;height:0}.code-layout-scrollbar>.scroll-content::-ms-scrollbar{width:0;height:0}.code-layout-scrollbar>.scroll-content.both{overflow:scroll}.code-layout-scrollbar>.scroll-content.horizontal{overflow-x:scroll}.code-layout-scrollbar>.scroll-content.vertical{overflow-y:scroll}.code-layout-scrollbar:hover>.scrollbar{opacity:1;transition:opacity .1s}.code-layout-scrollbar>.scrollbar{position:absolute;opacity:0;transition:opacity 1.5s}.code-layout-scrollbar>.scrollbar:hover{opacity:1}.code-layout-scrollbar>.scrollbar .thumb{position:absolute;background-color:var(--code-layout-color-scrollbar-thumb)}.code-layout-scrollbar>.scrollbar .thumb:hover{background-color:var(--code-layout-color-scrollbar-thumb-light)}.code-layout-scrollbar>.scrollbar.horizontal{left:0;bottom:0;right:0}.code-layout-scrollbar>.scrollbar.horizontal .thumb{top:0;bottom:0}.code-layout-scrollbar>.scrollbar.vertical{top:0;bottom:0;right:0}.code-layout-scrollbar>.scrollbar.vertical .thumb{left:0;right:0}.slot-display{display:block;background-color:#f0f0f0;border:1px solid #969696;color:#333;max-height:30px;word-break:break-all;white-space:nowrap;font-size:11px;overflow:hidden;text-overflow:ellipsis;text-align:center;flex-shrink:0;svg {fill: #333; width: 20px; height: 20px;}}h2[data-v-53d2dacc]{height:100%;text-align:center;line-height:100px;margin:0;color:var(--code-layout-color-text-light)}.demo[data-v-53d2dacc]{display:flex;flex-direction:row;color:var(--code-layout-color-text-light)}.demo-pre[data-v-53d2dacc]{padding:10px;white-space:pre}.demo-drag-test[data-v-53d2dacc]{width:100%;height:100%;background-color:var(--code-layout-color-bg);color:var(--code-layout-color-text-light);textarea[data-v-53d2dacc] {width: 50%; height: 80%; background-color: var(--code-layout-color-bg); color: #fff;} input[data-v-53d2dacc] {width: 50%; background-color: var(--code-layout-color-bg); color: #fff;}}.title-bar-extra[data-v-7ce5405e],.title-bar-extra[data-v-51c68f01]{padding:2px 10px;display:flex;flex-direction:row}