.splitter{height:100%;position:relative;display:flex;flex:0 0 100%;align-content:flex-start;-webkit-user-select:text;user-select:text}.pane{flex-grow:1;height:100%}.splitter.horizontal{flex-wrap:nowrap;flex-direction:column}.splitter .pane:first-child{width:100%;height:100%;flex-grow:0;flex-shrink:0;flex-basis:auto}.splitter .pane:last-child{flex:1 1 0;flex-grow:1;flex-shrink:1;flex-basis:0;overflow:hidden}.bottom-detail-pane{padding:10px;background-color:#e7f5ce;z-index:10}.splitter .pane.bottom-detail-pane{overflow:auto}.handle-bar{width:10px;height:100%;min-width:10px;display:flex;justify-content:center;align-items:center;position:relative;z-index:20;background-color:#eeeff0;cursor:col-resize;font-size:14px}.handle-bar .handle-bar_drag{width:4px;height:20px;border-left:1px solid rgba(0,0,0,.0980392);border-right:1px solid rgba(0,0,0,.0980392)}.handle-bar.horizontal{width:100%;height:10px;min-height:10px;cursor:row-resize}.handle-bar.horizontal .handle-bar_drag{width:20px;height:4px;border-top:1px solid rgba(0,0,0,.0980392);border-bottom:1px solid rgba(0,0,0,.0980392);border-right:0;border-left:0}.handle-bar:active,.handle-bar:hover,.handle-bar.handle-bar_clone{background-color:#ccc}.handle-bar.handle-bar_clone{position:absolute;opacity:.9;z-index:12000}.handle-bar.resize-not-allowed{cursor:auto}.handle-bar.resize-not-allowed:hover{background-color:#eeeff0}.handle-bar.resize-not-allowed .handle-bar_drag{display:none}.rotate-90{transform:rotate(90deg)}