/* --- Native Scrollbar Hide --- */
::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
  background: transparent;
}

html, body {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE/Edge */
}

/* --- Custom DOM Scrollbar --- */
#custom-scrollbar {
  position: fixed;
  top: 0;
  right: 0;
  width: 14px;
  bottom: 0;
  background: var(--bg-color);
  border-left: var(--border-width) solid var(--border-color);
  z-index: 9998;
}

#custom-scrollbar-thumb {
  position: absolute;
  top: 0;
  left: -3px;
  width: 14px;
  min-height: 40px;
  background-color: var(--accent-primary);
  border: 3px solid var(--border-color);
  border-right: none;
  border-left: 3px solid var(--border-color);
  cursor: none;
  transition: background-color var(--transition-fast);
}

#custom-scrollbar-thumb.hovering {
  background-color: var(--accent-secondary);
}