.#{$prefix}listswiperstepper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: row;

    transition: $listswiperstepper-transition;
}

.#{$prefix}listswiperstepper-body-el {
    flex: 1;
    display: flex;

    > .#{$prefix}icon-wrap-el {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .#{$prefix}listswiperstepper.#{$prefix}side-right & {
        flex-direction: row-reverse;
    }

    .#{$prefix}undo > & {
        flex-direction: row;
    }
}

.#{$prefix}listswiperstepper-inner-el {
    width: 0; // to support ellipsis
    flex: 1;

    > .#{$prefix}innerhtml {
        max-width: 100%; // to support ellipsis on text element
    }
}

.#{$prefix}listswiperstepper-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}