/* == Custom Scrollbar == */
.custom-scrollbar {
    overflow: auto;
    scrollbar-width: thin; /* For Firefox */
    scrollbar-color: transparent transparent;
    transition: scrollbar-color 0.5s ease-out;

    &:hover {
        scrollbar-color: rgba(150, 150, 150, 0.4) transparent;
    }
}

/* == Simplebar == */
.simplebar-vertical {
    .simplebar-scrollbar {
        &:before {
            @apply !bg-base-content/20;
            left: 3px !important;
        }

        &:hover {
            &:before {
                @apply !bg-base-content/35;
                left: 3px !important;
            }
        }
    }
}