.custom-scrollbar {
  position: fixed;
  top: 8px;
  right: 8px;
  bottom: 100px;
  width: 10px;
  z-index: 1000;
  opacity: 0;
  transition: opacity 0.25s ease;
  cursor: pointer;
}

.custom-scrollbar-thumb {
  width: 6px;
  margin-left: 2px;
  border-radius: 3px;
  background-color: #cbd5e0;
  transition: background-color 0.2s ease, width 0.2s ease, margin-left 0.2s ease;
}

.custom-scrollbar:hover .custom-scrollbar-thumb,
.custom-scrollbar-thumb.dragging {
  width: 10px;
  margin-left: 0;
  background-color: #00b4aa;
}

@media (max-width: 768px) {
  .custom-scrollbar {
    display: none;
  }
}