.appScroll {
    position: relative;
    /* scroll-behavior: smooth; */
}

.appScroll::-webkit-scrollbar {
    display: none;
}

.appScroll>.scroll {
    overflow-x: visible;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-y: scroll;
    top: 0px;
    left: 0px;
    position: absolute;
    width: 100%;
    height: 100%;
    scroll-behavior: smooth;
}

.appScroll .noEvent {
    pointer-events: none;
    opacity: 0.5;
}

.appScroll .scrollBar {
    /* background-color: green; */
    position: absolute;
    z-index: 100;
    right: 0;
    /* right: calc(-1 * var(--scrollW)); */
    top: 0px;
    height: 100%;
    width: var(--scrollW);
    opacity: 0;
    transition: opacity var(--animation);
}

.appScroll .scrollVisible {
    opacity: 1;
    transition: opacity var(--animation);
}

.appScroll .scrollLift {
    position: absolute;
    z-index: 101;
    height: 0%;
    width: 100%;
    cursor: pointer;
}

.appScroll .scrollFill {
    position: absolute;
    left: var(--scrollBarSpace);
    right: var(--scrollBarSpace);
    top: var(--scrollBarSpace);
    bottom: var(--scrollBarSpace);
    background-color: var(--link);
}