    .#{$prefix}collapse-el {
        cursor: $collapse-tool-cursor;
    }

    .#{$prefix}layout-split-left,
    .#{$prefix}layout-split-right {
        top: 50%;
        margin-top: round(-$collapse-tool-size / 2);
        width: $splitter-size;
        height: $collapse-tool-size;
    }

    .#{$prefix}layout-split-top,
    .#{$prefix}layout-split-bottom {
        left: 50%;
        width: $collapse-tool-size;
        height: $splitter-size;
        margin-left: round(-$collapse-tool-size / 2);
    }

    .#{$prefix}layout-split-left {
        background-image: theme-background-image('util/splitter/mini-left');
    }

    .#{$prefix}layout-split-right {
        background-image: theme-background-image('util/splitter/mini-right');
    }

    @if $include-rtl {
        .#{$prefix}rtl {
            &.#{$prefix}layout-split-left {
                background-image: theme-background-image('util/splitter/mini-right');
            }

            &.#{$prefix}layout-split-right {
                background-image: theme-background-image('util/splitter/mini-left');
            }
        }
    }

    .#{$prefix}layout-split-top {
        background-image: theme-background-image('util/splitter/mini-top');
    }

    .#{$prefix}layout-split-bottom {
        background-image: theme-background-image('util/splitter/mini-bottom');
    }

    .#{$prefix}splitter-collapsed {
        .#{$prefix}layout-split-left {
            background-image: theme-background-image('util/splitter/mini-right');
        }

        .#{$prefix}layout-split-right {
            background-image: theme-background-image('util/splitter/mini-left');
        }

        @if $include-rtl {
            .#{$prefix}rtl {
                &.#{$prefix}layout-split-left {
                    background-image: theme-background-image('util/splitter/mini-left');
                }

                &.#{$prefix}layout-split-right {
                    background-image: theme-background-image('util/splitter/mini-right');
                }
            }
        }

        .#{$prefix}layout-split-top {
            background-image: theme-background-image('util/splitter/mini-bottom');
        }

        .#{$prefix}layout-split-bottom {
            background-image: theme-background-image('util/splitter/mini-top');
        }
    }

    .#{$prefix}splitter-active {
        background-color: $splitter-active-background-color;
        @include opacity($splitter-active-opacity);

        .#{$prefix}collapse-el {
            @include opacity($splitter-active-collapse-tool-opacity);
        }
    }