.op3-element[data-op3-element-type="verticaltabscontentitem"] {
    display: none;
    min-width: 0;
    grid-area: 1 / 1 / 2 / 2;
    opacity: 0;
    transition: 0.4s ease;

    &.jquery-vertical-tabs__item--active:not(.jquery-vertical-tabs__item--animating),
    &.jquery-vertical-tabs__item--animating {
        display: block;
    }

    &.jquery-vertical-tabs__item--active:not(.jquery-vertical-tabs__item--deactivating),
    &.jquery-vertical-tabs__item--activating {
        opacity: 1;
    }

    [data-op3-vertical-tabs-content-animation=""] & {
        transition: none !important;
    }

    // Default bahaviour.
    //[data-op3-vertical-tabs-content-animation="fade"] & {
    //    opacity: 0;
    //
    //    &.jquery-vertical-tabs__item--active:not(.jquery-vertical-tabs__item--deactivating),
    //    &.jquery-vertical-tabs__item--activating {
    //        opacity: 1;
    //    }
    //}

    [data-op3-vertical-tabs-content-animation="scale-up"] & {
        transform: scale(0.5);

        &.jquery-vertical-tabs__item--active,
        &.jquery-vertical-tabs__item--activating {
            transform: none;
        }
    }

    [data-op3-vertical-tabs-content-animation="scale-down"] & {
        transform: scale(1.25);

        &.jquery-vertical-tabs__item--active,
        &.jquery-vertical-tabs__item--activating {
            transform: none;
        }
    }

    [data-op3-vertical-tabs-content-animation="slide-up"] & {
        transform: translateY(25%);

        &.jquery-vertical-tabs__item--active,
        &.jquery-vertical-tabs__item--activating {
            transform: none;
        }
    }

    [data-op3-vertical-tabs-content-animation="slide-down"] & {
        transform: translateY(-25%);

        &.jquery-vertical-tabs__item--active,
        &.jquery-vertical-tabs__item--activating {
            transform: none;
        }
    }

    [data-op3-vertical-tabs-content-animation="slide-left"] & {
        transform: translateX(25%);

        &.jquery-vertical-tabs__item--active,
        &.jquery-vertical-tabs__item--activating {
            transform: none;
        }
    }

    [data-op3-vertical-tabs-content-animation="slide-right"] & {
        transform: translateX(-25%);

        &.jquery-vertical-tabs__item--active,
        &.jquery-vertical-tabs__item--activating {
            transform: none;
        }
    }
}