////////////////////////////////////////
////////////// - Imports - /////////////
////////////////////////////////////////

@import "constants";

////////////////////////////////////////
/////////// - Scroll Bars - ////////////
////////////////////////////////////////

aside,
.login-block,
.minimal-scrollbars,
.minimal-scrollbars.all-children * {
    scrollbar-width: thin;

    ////////////////////////////////////////

    &::-webkit-scrollbar {
        width: 5px;
    }

    ////////////////////////////////////////

    &::-webkit-scrollbar-track {
        background: @slate_200;
    }

    ////////////////////////////////////////

    &::-webkit-scrollbar-thumb {
        background: @slate_300;
        border-radius: 3px;

        &:hover {
            background: @slate_500;
        }
    }
}

////////////////////////////////////////
///////////// - Dark Mode - ////////////
////////////////////////////////////////

html.dark aside,
html.dark .login-block,
html.dark .minimal-scrollbars,
html.dark .minimal-scrollbars.all-children * {
    &::-webkit-scrollbar-track {
        background: @slate_500;
    }

    ////////////////////////////////////////

    &::-webkit-scrollbar-thumb {
        background: @slate_600;

        &:hover {
            background: @slate_400;
        }
    }
}