/* FIREFOX */
:root{
	scrollbar-color: rgb(210,210,210) rgb(46,54,69); 
	scrollbar-width: thin;
}
/* CHROME */
body::-webkit-scrollbar {
  height: 12px;
  width: 12px;
}
body::-webkit-scrollbar-track {
  background: rgb(46,54,69);
}
body::-webkit-scrollbar-thumb {
  background-color: rgb(210,210,210);
  border-radius: 5px;
  border: 3px solid rgb(46,54,69);
}
body::-webkit-scrollbar-thumb:hover {
    background-color: rgb(66, 139, 234);
}
body::-webkit-scrollbar-button:vertical:start:decrement {
    background: linear-gradient(121deg, #02141a 40%, rgba(0, 0, 0, 0) 41%),
    linear-gradient(240deg, #02141a 40%, rgba(0, 0, 0, 0) 41%),
    linear-gradient(0deg, #02141a 30%, rgba(0, 0, 0, 0) 31%);
    background-color: #f6f8f4;
}

body::-webkit-scrollbar-button:vertical:end:increment {
    background:
        linear-gradient(300deg, #02141a 40%, rgba(0, 0, 0, 0) 41%),
        linear-gradient(60deg, #02141a 40%, rgba(0, 0, 0, 0) 41%),
        linear-gradient(180deg, #02141a 30%, rgba(0, 0, 0, 0) 31%);
    background-color: #f6f8f4;
}
body::-webkit-scrollbar-button:horizontal:start:decrement {
    background:
        linear-gradient(30deg, #02141a 40%, rgba(0, 0, 0, 0) 41%),
        linear-gradient(150deg, #02141a 40%, rgba(0, 0, 0, 0) 41%),
        linear-gradient(270deg, #02141a 30%, rgba(0, 0, 0, 0) 31%);
    background-color: #f6f8f4;
}
.body::-webkit-scrollbar-button:horizontal:end:increment {
	background:
		linear-gradient(210deg, #02141a 40%, rgba(0, 0, 0, 0) 41%),
		linear-gradient(330deg, #02141a 40%, rgba(0, 0, 0, 0) 41%),
		linear-gradient(90deg, #02141a 30%, rgba(0, 0, 0, 0) 31%);
	background-color: #f6f8f4;
}