body,
html {
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-y: scroll;
    scroll-behavior: smooth;
}

body::-webkit-scrollbar,
html::-webkit-scrollbar {
    display: none;
}

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

.appScrollBody .smooth {
    scroll-behavior: smooth;
}

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

.appScrollBody .scrollBar {
    /* background-color: #fff; */
    position: fixed;
    z-index: 100000;
    /* right: 0px; */
    right: 0px;
    top: 0px;
    height: 100dvh;
    width: var(--scrollW);
    opacity: 0;
    transition: opacity var(--animation);
}

.appScrollBody .show {
    opacity: 1;
    transition: opacity var(--animation);
}

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

.appScrollBody .scrollFill {
    position: absolute;
    left: var(--scrollM);
    right: var(--scrollM);
    top: var(--scrollM);
    bottom: var(--scrollM);
    background-color: var(--contrast);
    /* border: 1px solid white; */
}