.sidebar {
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: #3c647a transparent;
}

.sidebar::-webkit-scrollbar {
    width: 6px;
}

.sidebar::-webkit-scrollbar-thumb {
    background: #3c647a;
    border-radius: 10px;
}

.brand,
.sidebar-footer {
    flex: 0 0 auto;
}

.main-nav {
    flex: 0 0 auto;
}

@media (max-width: 760px) {
    .sidebar {
        overflow-y: visible;
    }
}