.split{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;width:100%}.split,.split>.content{display:-webkit-box;display:-ms-flexbox;display:flex}.split>.content{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.split>.content>*{height:100%}.split>.content:last-child,.split>.content>*{-webkit-box-flex:1;-ms-flex:1;flex:1}.split>.splitter{-ms-flex-preferred-size:4px;flex-basis:4px}.split.vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.split.horizontal{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.split.resizeable.vertical>.splitter{cursor:row-resize}.split.resizeable.horizontal>.splitter{cursor:col-resize}.split.resizeable.horizontal>.splitter>.toggle{background:url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QMvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzA2NyA3OS4xNTc3NDcsIDIwMTUvMDMvMzAtMjM6NDA6NDIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpENTQ5QTY0NjI4RTMxMUU4ODMyN0E2OTIwNTg5RTNDMiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpENTQ5QTY0NzI4RTMxMUU4ODMyN0E2OTIwNTg5RTNDMiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ1NDlBNjQ0MjhFMzExRTg4MzI3QTY5MjA1ODlFM0MyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ1NDlBNjQ1MjhFMzExRTg4MzI3QTY5MjA1ODlFM0MyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4AJkFkb2JlAGTAAAAAAQMAFQQDBgoNAAAE7QAABRgAAAVWAAAFhv/bAIQABgQEBAUEBgUFBgkGBQYJCwgGBggLDAoKCwoKDBAMDAwMDAwQDA4PEA8ODBMTFBQTExwbGxscHx8fHx8fHx8fHwEHBwcNDA0YEBAYGhURFRofHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8f/8IAEQgAQwAEAwERAAIRAQMRAf/EAI8AAQEBAAAAAAAAAAAAAAAAAAADBAEBAQEAAAAAAAAAAAAAAAAAAAEEEAACAwEAAAAAAAAAAAAAAAAwExAgAhIRAAEBCQAAAAAAAAAAAAAAABIRABAgIUGBsaITEgEAAAAAAAAAAAAAAAAAAAAwEwAAAgoDAAAAAAAAAAAAAAAwEQAQIAExQWFxkbEhgaH/2gAMAwEAAhEDEQAAAc2vMBctGKgB/9oACAEBAAEFApVrlmFU/9oACAECAAEFAg//2gAIAQMAAQUCD//aAAgBAgIGPwIf/9oACAEDAgY/Ah//2gAIAQEBBj8CeVBLYWRZ8xv0XEP/2gAIAQEDAT8hXO3aO00wJc0OzP8A/9oACAECAwE/IQf/2gAIAQMDAT8hB//aAAwDAQACEQMRAAAQtp9tv//aAAgBAQMBPxBfTLN5y0KtsJ5aLuIq0JRZ/9oACAECAwE/EAf/2gAIAQMDAT8QB//Z) no-repeat 50%}::-moz-focus-inner{border:0}:focus{outline:none}body{margin:0;padding:0;min-height:100vh;height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root,.app{height:100%}.app{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.app .nopane *{background:rgba(250,250,150,.5)}.layout-container>.drag.dragging{z-index:20;cursor:move}.split.resizeable>.splitter>.drag-splitter:after{position:absolute;content:" ";z-index:10;-webkit-transition:all .3s;transition:all .3s;top:-8px;right:-8px;bottom:-8px;left:-8px}.layout-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;overflow:hidden;position:relative;height:100%}.layout-container>.preview{position:absolute;opacity:0;margin:0;pointer-events:none}.layout-container>.views{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.layout-container>.drag{position:absolute;margin:0;padding:0;display:none;cursor:move}.layout-container>.drag *{pointer-events:none!important}.layout-container>.drag.dragging{display:block}.layout-container .drag>.view{height:100%;width:100%}.pane[data-v-02d0c382]{position:relative;overflow:hidden;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;height:100%;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;pointer-events:none}.layout-container,.split{background:transparent}.layout-container>*{margin:4px;-webkit-box-sizing:border-box;box-sizing:border-box}.layout-container .view,.layout-container>.preview{-webkit-transition:all .3s;transition:all .3s}.layout-container>.preview{background:hsla(0,0%,60.8%,.4);border:1px dashed #666}.layout-container>.drag{display:block;-webkit-transform:scale(1) translate(0);transform:scale(1) translate(0);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.layout-container>.drag.dragging{opacity:.5;-webkit-box-shadow:0 0 20px 4px rgba(0,0,0,.4);box-shadow:0 0 20px 4px rgba(0,0,0,.4);-webkit-transform:scale(.5) translate(0);transform:scale(.5) translate(0)}.split>.splitter{-ms-flex-preferred-size:8px;flex-basis:8px;position:relative;background:transparent;-webkit-transition:all .3s;transition:all .3s}.split>.splitter>p{width:100%;height:30px;position:absolute;top:50%;margin-top:-15px}.split.resizeable.resizing>.splitter,.split.resizeable>.splitter:hover{background:#a3bfde;-webkit-transition:all .3s;transition:all .3s}.splitter:hover>p{background:#c86464;-webkit-transition:all .3s;transition:all .3s;cursor:pointer}.pane{-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.3);box-shadow:0 1px 3px 0 rgba(0,0,0,.3);overflow:hidden}.pane>.header{text-transform:uppercase;background:#eee;color:#444}.pane>.content{background:#fefefe;padding:10px}