/* Hide scrollbar but keep functionality */
html {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}

html::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}

/* Custom overlay scrollbar that only appears when scrolling */
body {
  position: relative;
}

/* The scroll indicator container */
.cos-scroll-indicator-container {
  position: fixed;
  top: 0;
  right: 0;
  width: 8px;
  height: 100%;
  z-index: 9999;
  pointer-events: none; /* Allow clicks to pass through */
}

/* The actual scroll indicator/thumb */
.cos-scroll-indicator {
  position: absolute;
  width: 8px;
  right: 0;
  background-color: rgba(100, 100, 100, 0.5);
  border-radius: 4px;
  opacity: 0;
  transition: opacity 0.3s;
}