.course-navigation::-webkit-scrollbar {
    width: calc(var(--dimension-ratio)*6px); 
    height: calc(var(--dimension-ratio)*6px); 
}

.course-navigation::-webkit-scrollbar-thumb {
    background-color: var(--secondary-color); 
    border-radius: 6px; 
}

.course-navigation::-webkit-scrollbar-track {
    background: #f1f1f1; 
    border-radius: 6px;
}

.course-navigation::-webkit-scrollbar-thumb:hover {
    background-color: var(--separator-color); 
}

.chapter-content::-webkit-scrollbar {
    width: calc(var(--dimension-ratio)*6px); 
    height: calc(var(--dimension-ratio)*6px); 
}

.chapter-content::-webkit-scrollbar-thumb {
    background-color: var(--secondary-color); 
    border-radius: 6px; 
}

.chapter-content::-webkit-scrollbar-track {
    background: #f1f1f1; 
    border-radius: 6px;
}

.chapter-content::-webkit-scrollbar-thumb:hover {
    background-color: var(--separator-color); 
}