html {
  /* color: thumb track */
  scrollbar-color: #ffa30030 transparent;
  scrollbar-width: thin; /* Options: auto, thin, none */
}

/* width */
html::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

/* Track */
html::-webkit-scrollbar-track {
  background: transparent; 
}

html::-webkit-scrollbar-track:active {
  background: transparent; 
}
/* Handle */
html::-webkit-scrollbar-thumb {
  background: #ffa30030;
  border-radius: 8px;
}

/* Handle on hover */
html::-webkit-scrollbar-thumb:hover {
  background: #ffa300;
}

/* Hide native scrollbar for custom scroll containers */
[data-custom-scroll] {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE/Edge */
}
[data-custom-scroll]::-webkit-scrollbar {
  display: none; /* Chrome/Safari/Opera */
}