::-webkit-scrollbar {
    width: 0.5rem;

    &:horizontal {
        height: 0.5rem;
    }

    &:not(:horizontal) {
        width: 0.5rem;
    }
}

::-webkit-scrollbar-track {

    &:horizontal {
        border-bottom: 0.25rem solid rgba($black, .1);
    }

    &:not(:horizontal) {
        border-right: 0.25rem solid rgba($black, .1);
    }
}

::-webkit-scrollbar-thumb {

    &:horizontal {
        border-bottom: 0.25rem solid rgba($primary, .4);

        &:hover {
            border-bottom: 0.25rem solid rgba($primary, .8);
        }
    
        &:active {
            border-bottom: 0.25rem solid $secondary;
        }
    }

    &:not(:horizontal) {
        border-right: 0.25rem solid rgba($primary, .4);

        &:hover {
            border-right: 0.25rem solid rgba($primary, .8);
        }

        &:active {
            border-right: 0.25rem solid $secondary;
        }
    }
}

::-webkit-scrollbar-corner {
    background: rgba($black, .1);
}
