mac84 scrollbar

<style>
::-webkit-scrollbar {
width: 16px;
}

::-webkit-scrollbar-corner {
border-top: 1px solid #000;
border-left: 1px solid #000;
}

::-webkit-scrollbar-thumb {
background-color: #fff;
width: 14px;
border: 1px solid #000;
}

::-webkit-scrollbar-track {
background: radial-gradient(circle at 0.5px 0.5px,#000 0.5px,transparent 0) 0/4px 2px repeat,radial-gradient(circle at 2.5px 1.5px,#000 0.5px,transparent 0) 0/4px 2px repeat,#fff;
border: 1px solid black;
}

::-webkit-scrollbar-button:vertical:increment {
background-image: url(https://cdn.discordapp.com/attachments/887921355947933726/917954568594276402/vertical_increment.png);
width: 16px;
height: 16px;
border-left: 1px solid black;
border-right: 1px solid black;
}

::-webkit-scrollbar-button:vertical:decrement {
background-image: url(https://cdn.discordapp.com/attachments/887921355947933726/917954568313270342/vertical_decrement.png);
border-top: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
width: 16px;
height: 16px;
}

::-webkit-scrollbar-button:horizontal:decrement {
background-image: url(https://cdn.discordapp.com/attachments/887921355947933726/918018641235173436/hori_decrement.png);
background-color: #DEDEDE;
background-repeat: no-repeat;
background-position: center;
border-top: 1px solid black;
border-left: 1px solid black;
border-bottom: 1px solid black;
width: 16px;
height: 16px;
}

::-webkit-scrollbar-button:horizontal:increment {
background-image: url(https://cdn.discordapp.com/attachments/887921355947933726/918018641537150976/hori_increm.png);
background-color: #DEDEDE;
background-repeat: no-repeat;
background-position: center;
border-top: 1px solid black;
border-bottom: 1px solid black;
width: 16px;
height: 16px;
}
</style>