@import (optional, once) "../../../theme";

.app {
  .mega-design-split-panes {
    &__pane {
      overflow-y: auto;
    }
  }
  .default.mega-design-split-panes--vertical {
    & > .mega-design-split-panes__splitter {
      position: relative;
      width: 4px;
      border: 0;
      cursor: e-resize;
      background-color: @white;
      &::before {
        position: absolute;
        left: 50%;
        width: 1px;
        height: 100%;
        margin-left: 0;
        z-index: 200;
        background-color: fade(@text-color, 5%);
        cursor: e-resize;
      }
      &::after {
        width: 0;
        height: 0;
        display: none;
      }
      &:hover {
        background-color: fade(@text-color, 8%);
      }
      &:hover::before {
        background-color: fade(@text-color, 8%);
      }
    }
  }
}
  