:root {
  --scrollWidth:10px; /*Ширина полосы прокрутки*/
  --scrollColor:#81abe9; /*Цвет полосы прокрутки*/
  --opacity-1:0%; /*Непрозрачность полосы в спокойном состоянии*/
  --opacity-2:100% /*Ширина полосы при наведении и скроллинге страницы*/
}

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

.scrollbar-track {
  height:100vh;
  width:var(--scrollWidth);
  right:10px;
  position:fixed;
  z-index:99999;
}

.scrollbar-thumb {
  background:var(--scrollColor);
  width:100%;
  position:absolute;
  border-radius:10px;
  opacity:1;
  -webkit-background-clip: padding-box;
  transition:opacity .3s;
}

.scrollbar-thumb.stopScroll:not(.ui-draggable-dragging){
  opacity:var(--opacity-1)
}

.scrollbar-thumb.ui-draggable-dragging,
.scrollbar-thumb.stopScroll:not(.ui-draggable-dragging):hover{
  opacity:var(--opacity-2)
}