/* Hide the default scrollbar */
::-webkit-scrollbar {
  /*display: none;*/ 
}

/* Style for the custom scrollbar */
.scrollbar {
  position: fixed;
  right: 0;
  top: 0;
  height: 100%;
  width: 10px;
  background-color: transparent;
  z-index: 9999;
}

/* Style for the scrollbar track */
.scrollbar-track {
  position: absolute;
  top: 0;
  left: -15px;
  width: 20px;
  height: 100%;
  background-color: #fff;
}

/* Style for the track image */
.scrollbar-track img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Style for the scrollbar thumb */
.scrollbar-thumb {
  position: absolute;
  width: 55px;
  
  left:-45px;
  cursor: pointer;
  /*opacity: 0.5;*/
  transition: opacity 0.2s ease-in-out;
}

/* Style for the thumb image */
.scrollbar-thumb img {
  display: block;
  /*width: 100%;
  height: 100%;
  object-fit: cover;*/
}

/* Change the opacity of the thumb on hover */
.scrollbar-thumb:hover {
  opacity: 1;
}