.ty-split {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 30px;
  width: 100%; }
  .ty-split_horizontal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  .ty-split_vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }

.ty-split-bar {
  background-color: #f8f8f9; }
  .ty-split-bar_horizontal {
    height: 100%;
    width: 6px;
    cursor: ew-resize; }
    .ty-split-bar_horizontal:active {
      cursor: col-resize; }
  .ty-split-bar_vertical {
    height: 6px;
    width: 100%;
    cursor: nw-resize; }
    .ty-split-bar_vertical:active {
      cursor: col-resize; }