html {
  	--scrollbarBG: #222;
  	--alt_thumbBG: #76372D;
	--thumbBG: #8B745F;
	
}

body::-webkit-scrollbar, .hoftijzer-set-slider::-webkit-scrollbar {
  	width: 8px;
}
.hoftijzer-set-slider::-webkit-scrollbar {
	height: 8px;	
	cursor: grab;
}

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, .hoftijzer-set-slider::-webkit-scrollbar-track  {
  	background: var(--scrollbarBG);
}
body::-webkit-scrollbar-thumb, .hoftijzer-set-slider::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG) ;
  border-radius: 0px;
  border: 0px solid var(--scrollbarBG);
	cursor: grab;
}


/* Transparante track (achtergrond) */
body::-webkit-scrollbar-track,
.hoftijzer-set-slider::-webkit-scrollbar-track {
	background: transparent;
}