Macintosh 1984 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>