@charset "utf-8";
::-webkit-scrollbar{width: 16px;height: 16px;}
::-webkit-scrollbar-corner,::-webkit-scrollbar-track{background-color:#5c5d5f;}
::-webkit-scrollbar-thumb{background-color:#66676a;background-clip:padding-box;border:1px solid #505050;}
::-webkit-scrollbar-thumb:hover{background-color:#707070;}
::-webkit-scrollbar-thumb:active{background-color:#909090;}
/* Buttons */
::-webkit-scrollbar-button:single-button{background-color:#5c5d5f;display:block;background-size:9px;background-repeat:no-repeat;}
/* Up */
::-webkit-scrollbar-button:single-button:vertical:decrement{height:16px;width:16px;background-position:center top 6px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" fill="rgb(47, 47, 47)"><polygon points="50,0 0,50 100,50"/></svg>');}
::-webkit-scrollbar-button:single-button:vertical:decrement:hover{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" fill="rgb(67, 67, 67)"><polygon points="50,00 0,50 100,50"/></svg>');}
::-webkit-scrollbar-button:single-button:vertical:decrement:active{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" fill="rgb(80, 80, 80)"><polygon points="50,00 0,50 100,50"/></svg>');}
/* Down */
::-webkit-scrollbar-button:single-button:vertical:increment{height:16px;width:16px;background-position:center bottom 2px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" fill="rgb(47, 47, 47)"><polygon points="0,0 100,0 50,50"/></svg>');}
::-webkit-scrollbar-button:single-button:vertical:increment:hover{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" fill="rgb(67, 67, 67)"><polygon points="0,0 100,0 50,50"/></svg>');}
::-webkit-scrollbar-button:single-button:vertical:increment:active{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" fill="rgb(80, 80, 80)"><polygon points="0,0 100,0 50,50"/></svg>');}

/*Simple*/
/*html::-webkit-scrollbar{width:10px;background-color:#5c5d5f;}
html::-webkit-scrollbar-thumb{border-radius:5px;background-color:#66676a;}*/