@split-panel-dividerBackground: #333;
@split-panel-dividerSize: 5px;

.split-panel {
    position: relative;
    width: 100%;

    > .split-panel-item, > .split-panel-divider, > .split-panel-resize-hack-object {
        position: absolute;
    }

    > .split-panel-resize-hack-object {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        // IE & Edge show a black line.
        opacity: 0;
    }

    > .split-panel-item {
        overflow: auto;
    }

    &.split-panel-resizing > .split-panel-item {
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }

    > .split-panel-divider {
        background: @split-panel-dividerBackground;
    }

    &.horizontal {
        > .split-panel-divider, > .split-panel-item {
            height: 100%;
        }
        
        > .split-panel-divider {
            cursor: ew-resize;
            width: @split-panel-dividerSize;
        }
    }

    &.vertical {
        > .split-panel-divider, > .split-panel-item {
            width: 100%;
        }

        > .split-panel-divider {
            cursor: ns-resize;
            height: @split-panel-dividerSize;
        }
    }
}