.op3-element[data-op3-element-type="verticaltabs"] {
    display: flex;

    .op3-element-verticaltabs__container {
        display: flex;
        border: 1px solid #ddd;
        border-radius: 12px;
        --op3-scroll-to-content:0;

        .op3-element-verticaltabs__children {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            gap: 1em;
        }

        &[data-op3-navigation-position-desktop="right"] .op3-element-verticaltabs__children {
            flex-direction: row-reverse;
        }

        &[data-op3-navigation-position-desktop="top"] .op3-element-verticaltabs__children {
            flex-direction: column;
        }

        &[data-op3-navigation-position-desktop="bottom"] .op3-element-verticaltabs__children {
            flex-direction: column-reverse;
        }

        &[data-op3-navigation-position-desktop="top"] .op3-element-verticaltabs__children,
        &[data-op3-navigation-position-desktop="bottom"] .op3-element-verticaltabs__children {
            .op3-element[data-op3-element-type="verticaltabsnavigation"] {
                width: 100% !important;
            }
        }

        @media (max-width: $breakpoint-tablet) {
            &:not([data-op3-navigation-position-tablet="right"]) .op3-element-verticaltabs__children,
            &:not([data-op3-navigation-position-tablet="top"]) .op3-element-verticaltabs__children,
            &:not([data-op3-navigation-position-tablet="bottom"]) .op3-element-verticaltabs__children {
                flex-direction: row;
            }

            &[data-op3-navigation-position-tablet="right"] .op3-element-verticaltabs__children {
                flex-direction: row-reverse;
            }

            &[data-op3-navigation-position-tablet="top"] .op3-element-verticaltabs__children {
                flex-direction: column;
            }

            &[data-op3-navigation-position-tablet="bottom"] .op3-element-verticaltabs__children {
                flex-direction: column-reverse;
            }

            &[data-op3-navigation-position-tablet="top"] .op3-element-verticaltabs__children,
            &[data-op3-navigation-position-tablet="bottom"] .op3-element-verticaltabs__children {
                .op3-element[data-op3-element-type="verticaltabsnavigation"] {
                    width: 100% !important;
                }
            }
        }

        @media (max-width: $breakpoint-mobile) {
            &:not([data-op3-navigation-position-mobile="right"]) .op3-element-verticaltabs__children,
            &:not([data-op3-navigation-position-mobile="top"]) .op3-element-verticaltabs__children,
            &:not([data-op3-navigation-position-mobile="bottom"]) .op3-element-verticaltabs__children {
                flex-direction: row;
            }

            &[data-op3-navigation-position-mobile="right"] .op3-element-verticaltabs__children {
                flex-direction: row-reverse;
            }

            &[data-op3-navigation-position-mobile="top"] .op3-element-verticaltabs__children {
                flex-direction: column;
            }

            &[data-op3-navigation-position-mobile="bottom"] .op3-element-verticaltabs__children {
                flex-direction: column-reverse;
            }

            &[data-op3-navigation-position-mobile="top"] .op3-element-verticaltabs__children,
            &[data-op3-navigation-position-mobile="bottom"] .op3-element-verticaltabs__children {
                .op3-element[data-op3-element-type="verticaltabsnavigation"] {
                    width: 100% !important;
                }
            }
        }
    }

    .op3-element[data-op3-element-type="row"] {
        width: 100%;
        margin: 0;
        padding: 0;
    }
}