.custom-scroll {
    scrollbar-width: thin;
    scrollbar-color: var(--primary) rgba(var(--bg-base-rgb), 0.2);
}

.custom-scroll::-webkit-scrollbar {
    width: 6px;
}

.custom-scroll::-webkit-scrollbar-track {
    background: rgba(var(--bg-base-rgb), 0.5);
}

.custom-scroll::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-radius: 4px;
}

.custom-scroll::-webkit-scrollbar-thumb:hover {
    background: var(--primary);
}