.op3-element[data-op3-element-type="tabs"] {
    max-width: 100%;
    $duration: 500ms;

    [data-op3-tab-content-animation="fade"] {
        [data-op3-element-type="tabscontentitem"] {
            display: flex;
            opacity: 0;
        }

        [data-op3-element-type="tabscontentitem"].jquery-tabs-active {
            transition: opacity $duration ease-in !important;
            opacity: 1;
        }
    }

    [data-op3-tab-content-animation="scale-up"] {
        [data-op3-element-type="tabscontentitem"] {
            display: flex;
            opacity: 0;
            transform: scale(0.5);
        }

        [data-op3-element-type="tabscontentitem"].jquery-tabs-active {
            transition: opacity $duration ease, transform $duration ease !important;
            transform: scale(1);
            opacity: 1;
        }
    }

    [data-op3-tab-content-animation="scale-down"] {
        [data-op3-element-type="tabscontentitem"] {
            display: flex;
            opacity: 0;
            transform: scale(1.5);
        }

        [data-op3-element-type="tabscontentitem"].jquery-tabs-active {
            transition: opacity $duration ease, transform $duration ease !important;
            transform: scale(1);
            opacity: 1;
        }
    }

    [data-op3-tab-content-animation="slide-up"] {
        [data-op3-element-type="tabscontentitem"] {
            display: flex;
            opacity: 0;
            transform: translateY(10%);
        }

        [data-op3-element-type="tabscontentitem"].jquery-tabs-active {
            transition: opacity $duration ease, transform $duration ease !important;
            transform: translateY(0);
            opacity: 1;
        }
    }

    [data-op3-tab-content-animation="slide-down"] {
        [data-op3-element-type="tabscontentitem"] {
            display: flex;
            opacity: 0;
            transform: translateY(-10%);
        }

        [data-op3-element-type="tabscontentitem"].jquery-tabs-active {
            transition: opacity $duration ease, transform $duration ease !important;
            transform: translateY(0);
            opacity: 1;
        }
    }

    [data-op3-tab-content-animation="slide-left"] {
        [data-op3-element-type="tabscontentitem"] {
            display: flex;
            opacity: 0;
            transform: translateX(10%);
        }

        [data-op3-element-type="tabscontentitem"].jquery-tabs-active {
            transition: opacity $duration ease, transform $duration ease !important;
            transform: translateX(0);
            opacity: 1;
        }
    }

    [data-op3-tab-content-animation="slide-right"] {
        [data-op3-element-type="tabscontentitem"] {
            display: flex;
            opacity: 0;
            transform: translateX(-10%);
        }

        [data-op3-element-type="tabscontentitem"].jquery-tabs-active {
            transition: opacity $duration ease, transform $duration ease !important;
            transform: translateX(0);
            opacity: 1;
        }
    }

    [data-op3-tab-content-animation="grow"] {
        [data-op3-element-type="tabscontentitem"] {
            display: flex;
            opacity: 0;
            transform: scale(0);
        }

        [data-op3-element-type="tabscontentitem"].jquery-tabs-active {
            transition: opacity $duration ease, transform $duration ease !important;
            transform: scale(1);
            opacity: 1;
        }
    }

    [data-op3-tab-content-animation="shrink"] {
        [data-op3-element-type="tabscontentitem"] {
            display: flex;
            opacity: 0;
            transform: scale(2.5);
        }

        [data-op3-element-type="tabscontentitem"].jquery-tabs-active {
            transition: opacity $duration ease, transform $duration ease !important;
            transform: scale(1);
            opacity: 1;
        }
    }
}