'84 mac scrollbar

<style>

#mac84 {
    height:100px;
    width:150px;
    padding:10px;
    border:3px;
    border-style:solid;
    border-color:#000;
    overflow:auto;
}

#mac84::-webkit-scrollbar {
    width: 16px;
}
#mac84::-webkit-scrollbar-corner {
    border-top: 1px solid #000;
    border-left: 1px solid #000;
}
#mac84::-webkit-scrollbar-thumb {
    background-color: #fff;
    width: 14px;
    border: 1px solid #000;
}
#mac84::-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;
}
#mac84::-webkit-scrollbar-button:vertical:increment {
background-image: url(https://files.catbox.moe/30voeg.png);
width: 16px;
height: 16px;
border-left: 1px solid black;
border-right: 1px solid black;
}
#mac84::-webkit-scrollbar-button:vertical:decrement {
background-image: url(https://files.catbox.moe/vakms2.png);
border-top: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
width: 16px;
height: 16px;
}
#mac84::-webkit-scrollbar-button:horizontal:decrement
{
background-image: url(https://files.catbox.moe/9282qc.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;
}
#mac84::-webkit-scrollbar-button:horizontal:increment
{
background-image: url(https://files.catbox.moe/ws6pjj.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>

<div id="mac84">
'84 mac scrollbar
<br>
<br>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
</div>