.split-horizontal {
    display: flex;
    width: 100%;
    height: 100%;
  }
  .split-vertical {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.gutter {
    flex-shrink: 0;
    flex-grow: 0;
    background: rgb(213, 213, 213);
}
.gutter-horizontal {
    cursor: col-resize;
    flex-basis: 5px !important;
}
.gutter-vertical {
    cursor: row-resize;
    flex-basis: 5px !important;
  }
  .gutter:hover {
    background: rgb(176, 176, 176);
  }
  .gutter-dragging:hover {
    background: rgb(159, 159, 159);
  }
   
  .pane {
    flex-shrink: 1;
    flex-grow: 1;
    overflow: hidden;
    position: relative;
  }