/*SCROLLBAR*/
::-webkit-scrollbar {
  width: 10px;
	background: var(--alternate-color);
}
::-webkit-scrollbar-track {
	border-radius: 6px;
}
::-webkit-scrollbar-thumb {
	background: var(--dark-color);
	border: 1.5px solid var(--alternate-color);
	border-radius: 6px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--accent-light-color);
	border: 1.5px solid var(--primary-color);
}
/* Buttons */
::-webkit-scrollbar-button {
  height: 10px;	
	border-radius: 6px;
}
/* Up */
::-webkit-scrollbar-button:single-button:vertical:decrement {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%230A4D5C' class='bi bi-caret-up-fill' viewBox='0 0 16 16'%3E%3Cpath d='m7.247 4.86-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
	background-color: var(--accent-light-color);
}
/* Down */
::-webkit-scrollbar-button:single-button:vertical:increment {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%230A4D5C' class='bi bi-caret-down-fill' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

::-webkit-scrollbar-button:vertical:single-button:increment:hover {
  background-color: var(--accent-light-color);
}
body {
  scrollbar-width: thin;          /* "auto" or "thin" */
  scrollbar-color: var(--dark-color) var(--alternate-color);   /* scroll thumb and track */ 
}