.op3-element[data-op3-element-type="verticaltabsnavigation"] {
    @media (min-width: ($breakpoint-tablet + 1)) {
        .op3-element-verticaltabs__container[data-op3-navigation-position-desktop="top"] & .jquery-flex-splitter__handle--prev-x,
        .op3-element-verticaltabs__container[data-op3-navigation-position-desktop="top"] & .jquery-flex-splitter__handle--prev-y {
            display: none;
        }
    }

    @media (max-width: $breakpoint-tablet) and (min-width: ($breakpoint-mobile + 1)) {
        .op3-element-verticaltabs__container[data-op3-navigation-position-tablet="top"] & .jquery-flex-splitter__handle--prev-x,
        .op3-element-verticaltabs__container[data-op3-navigation-position-tablet="top"] & .jquery-flex-splitter__handle--prev-y {
            display: none;
        }
    }

    @media (max-width: $breakpoint-mobile) {
        .op3-element-verticaltabs__container[data-op3-navigation-position-mobile="top"] & .jquery-flex-splitter__handle--prev-x,
        .op3-element-verticaltabs__container[data-op3-navigation-position-mobile="top"] & .jquery-flex-splitter__handle--prev-y {
            display: none;
        }
    }

    .jquery-flex-splitter__handle--prev-x,
    .jquery-flex-splitter__handle--next-x {
        top: 1em;
        bottom: 1em;
    }

    .jquery-flex-splitter__handle--prev-y,
    .jquery-flex-splitter__handle--next-y {
        display: none;
    }

    .jquery-flex-splitter__handle {
        transition: 0.2s ease;

        &::before {
            content: attr(data-flex-splitter-size);
            position: absolute;
            display: block;
            padding: 0.25em 0.5em;
            font-size: 12px;
            font-weight: bold;
            font-family: Arial, Helvetica, sans-serif;
            background-color: rgba(255, 255, 255, 0.4);
            box-shadow: inset 0 0 0 100em rgba(0, 0, 0, 0.4);
            border-radius: 0.5em;
            color: #fff;
            pointer-events: none;
        }

        &--prev-x::before {
            top: 1em;
            left: 1.25em;
            height: auto;
        }

        &--next-x::before {
            top: 1em;
            right: 1.25em;
            height: auto;
        }
    }
}