$split-prefix-cls: $prefix-name + "split";

.#{$split-prefix-cls} {
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    user-select: none;

    &-horizontal &-trigger {
        width: 6px;
        height: 100%;
        align-items: center;
        justify-content: center;
        flex-flow: column;

        &-bar {
            width: 100%;
            height: 1px;
            background: rgba(23, 35, 61, .25);
            margin-top: 3px;
        }
    }


    &-vertical {
        flex-flow: column;
    }

    &-vertical &-trigger {
        width: 100%;
        height: 6px;
        justify-content: center;

        &-bar {
            width: 1px;
            height: 100%;
            background: rgba(23, 35, 61, .25);
            margin-left: 3px;
        }
    }

    &-trigger {

        background: #f8f8f9;
        border-top: none;
        border-bottom: none;
        cursor: col-resize;
        display: flex;



    }


}