.divider_vertical, .divider_horizontal {
    background: var(--view-border);
}

    .divider_vertical.dragged, .divider_horizontal.dragged {
        z-index: 99999;
        background: #666
    }

.divider_vertical {
    height: 2px;
    width: 100%;
    cursor: ns-resize
}

.divider_horizontal {
    width: 2px;
    height: 100%;
    cursor: ew-resize
}



    .divider_vertical:after, .divider_horizontal:after, .divider_vertical:before, .divider_horizontal:before {
        background: transparent;
        opacity: 0;
        position: absolute;
        display: block;
        content: ''
    }

.divider_vertical:after, .divider_vertical:before {
    left: 0;
    right: 0;
    height: 3px
}

.divider_horizontal:after {
    left: 100%
}

.divider_horizontal:before {
    right: 100%
}

.divider_horizontal:after, .divider_horizontal:before {
    top: 0;
    bottom: 0;
    width: 3px
}

.divider_vertical:after {
    top: 100%
}

.divider_vertical:before {
    bottom: 100%
}