mor-divider{
    height: 100%;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    position: relative;

    &::before,
    &::after{
        content: ' ';
        position: absolute;
        background-color: @colorComponentItemBorder;
    }

    &:not(.vertical) {
        &::before,
        &::after{
            height: calc(45% - 1em);
            width: 1px;
            left: 50%;
            top: 5%;
        }

        &::after{
            top: calc(50% + 1em);
        }
    }

    &.vertical{
        &::before,
        &::after {
            width: calc(45% - 1.5em);
            height: 1px;
            top: 50%;
            left: 5%;
        }

        &::after{
            left: calc(50% + 1.5em);
        }
    }

    &:empty{
        font-size: 0;
    }

    // default status
    &{}
}