html {
  	--scrollbarBG: #f6f6f6;
  	--thumbBG: #FF5B00;
	--thumbBG: #eee;
}
html:hover {
  	--scrollbarBG: #f6f6f6;
  	--thumbBG: #FF5B00;
	--thumbBG: #ccc;
}

body::-webkit-scrollbar {
  	width: 8px;
}

body, html, * {
  scrollbar-width: auto; /*  auto | thin | none | <length> */
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
* {
	scrollbar-color: var(--thumbBG) var(--scrollbarBG); 
	scrollbar-width: thin; 
}
body::-webkit-scrollbar-track {
  	background: var(--scrollbarBG);
}
body::-webkit-scrollbar-thumb {
	transition: 0.5s ease all;
  background-color: var(--thumbBG) ;
  border-radius: 0px;
  border: 0px solid var(--scrollbarBG);
	cursor: grab;
}