/*==========================================================
    Tabs
==========================================================*/

.mobile-menu-tabs {

    display: flex;

    align-items: center;

    gap: 8px;

    /*padding: 12px;*/

    background: var(--surface);

    border-bottom: 1px solid var(--border);

}

.menu-tab {

    flex: 1;

    height: 46px;

    border: none;

    /*border-radius: 14px;*/

    background: transparent;

    color: var(--muted);

    font-size: 13px;

    font-weight: 700;

    cursor: pointer;

    transition: .25s;

}

.menu-tab:hover {

    color: var(--primary);

}

.menu-tab.active {

    background: var(--primary-soft);

    color: var(--primary);

}