/* On phones the browser owns horizontal tab scrolling, including inertia. */
@media (max-width: 767px) {
    .el-tabs__header.mynq-touch-tabs {
        min-width: 0;
        max-width: 100%;
    }

    .el-tabs__header.mynq-touch-tabs > .el-tabs__nav-wrap {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .el-tabs__header.mynq-touch-tabs > .el-tabs__nav-wrap > .el-tabs__nav-prev,
    .el-tabs__header.mynq-touch-tabs > .el-tabs__nav-wrap > .el-tabs__nav-next {
        display: none !important;
    }

    .el-tabs__header.mynq-touch-tabs > .el-tabs__nav-wrap > .el-tabs__nav-scroll {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-x: contain;
        touch-action: pan-x pan-y;
        scrollbar-width: none;
    }

    .el-tabs__header.mynq-touch-tabs .el-tabs__nav-scroll::-webkit-scrollbar {
        display: none;
    }

    .el-tabs__header.mynq-touch-tabs > .el-tabs__nav-wrap > .el-tabs__nav-scroll > .el-tabs__nav {
        display: flex;
        float: none;
        width: max-content !important;
        min-width: 0;
        max-width: none;
        transform: none !important;
        transition: none;
    }

    .el-tabs__header.mynq-touch-tabs .el-tabs__nav > .el-tabs__item {
        flex: 0 0 auto;
        white-space: nowrap;
    }
}