/* =========================================================
   TABS
========================================================= */

.tabs {
    display: flex;
    gap: 3px;
    border-bottom: 1px solid var(--border);
    margin-bottom: 16px;
}

.tab {
    padding: 10px 13px;
    background: transparent;
    color: var(--text-2);
    border-bottom: 2px solid transparent;
    font-size: 11px;
    font-weight: 700;
}

.tab:hover {
    color: var(--text);
}

.tab.active {
    color: var(--primary);
    border-bottom-color: var(--primary);
}