/* Tabs */
.tabs {
    width: 100%;
}

.tabs .tab-list {
    display: flex;
    gap: 8px;
    border-bottom: 1px solid light-dark(var(--light_border), var(--dark_border));
    margin-bottom: 16px;
}

.tabs .tab-btn {
    background: none;
    border: none;
    padding: 8px 12px;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    color: light-dark(var(--light_secondary_text), var(--dark_secondary_text));
}

.tabs .tab-btn:hover {
    color: light-dark(var(--light_hover), var(--dark_hover));
}

.tabs .tab-btn.active {
    border-color: light-dark(var(--light_accent_1), var(--dark_accent_1));
    color: light-dark(var(--light_accent_1), var(--dark_accent_1));
}

.tabs .tab-panel {
    display: none;
}

.tabs .tab-panel.active {
    display: block;
}

.tabs .tab-overflow {
    overflow-x: auto;
    max-height: 800px;
    width: 98rem;
}