.collapse-split{
    position: relative;


    .collapse-split-left, .collapse-split-right, .collapse-split-trigger-icon{
        overflow: hidden;
        transition: all .2s ease 0s;
    }

    .collapse-split-trigger{
        position: relative;
        padding: 0 20px;

        &:after{
            content: " ";
            display: block;
            width: 1px;
            height: 100%;
            background: #e8e8e8;
        }

        .collapse-split-trigger-icon{
            position: absolute;
            top: 30px;
            left: 8px;
            width: 24px;
            height: 24px;
            text-align: center;
            border-radius: 40px;
            inset-inline-end: -13px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            color: rgba(0, 0, 0, 0.25);
            background-color: #ffffff;
            box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.05), 0 1px 4px -1px rgba(25, 15, 15, 0.07), 0 0 1px 0 rgba(0, 0, 0, 0.08);
        }
    }
}

.collapse-split-left{
    .collapse-split-right{
        flex:1;
    }
}

.collapse-split-right{
    .collapse-split-left{
        flex:1;
    }
}

.collapse-split-left-shrink{
    .collapse-split-left{
        width: 0 !important;
    }
}

.collapse-split-right-shrink{
    .collapse-split-right{
        width: 0 !important;
    }
}