.tab-menu__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
}

.tab-menu__wrapper {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear;
}

.tab-menu__wrapper.loaded {
    opacity: 1;
    visibility: visible;
}

.tab-menu.tab-menu--topmenu {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    overflow-x: auto;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    scroll-behavior: smooth;
    scrollbar-width: none;
    padding: 18px 0;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
}

.tab-menu.tab-menu--topmenu::-webkit-scrollbar {
    display: none;
}

.tab-menu--topmenu.dragging {
    scroll-behavior: unset;
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.tab-menu--topmenu.dragging .ui-tab {
    pointer-events: none;
 }