old scrollbar

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

#old::-webkit-scrollbar {
width: 16px;
}
#old::-webkit-scrollbar-corner {
border-top: 1px solid #000;
border-left: 1px solid #000;
}
#old::-webkit-scrollbar-thumb {
width: 14px;
box-shadow: inset -1px -1px 0 #343463, inset 1px 1px 0 #cdcdfc;
background-image: url(https://files.catbox.moe/0lmsy9.png);
background-color: #AAAAAB;
background-repeat: no-repeat;
background-position: center;
}
#old::-webkit-scrollbar-thumb:horizontal {
width: 14px;
box-shadow: inset -1px -1px 0 #343463, inset 1px 1px 0 #cdcdfc;
background-image: url(https://files.catbox.moe/mwwjg4.png);
background-color: #AAAAAB;
background-repeat: no-repeat;
background-position: center;
}
#old::-webkit-scrollbar-track {
background: radial-gradient(circle at 0.5px 0.5px,#787877 0.5px,transparent 0) 0/4px 2px repeat,radial-gradient(circle at 2.5px 1.5px,#787877 0.5px,transparent 0) 0/4px 2px repeat,#dedede;
border-top: 1px solid #DEDEDE;
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid #DEDEDE;
}
#old::-webkit-scrollbar-track:horizontal {
background: radial-gradient(circle at 0.5px 0.5px,#787877 0.5px,transparent 0) 0/4px 2px repeat,radial-gradient(circle at 2.5px 1.5px,#787877 0.5px,transparent 0) 0/4px 2px repeat,#dedede;
border-top: 1px solid black;
border-left: 1px solid #DEDEDE;
border-right: 1px solid #DEDEDE;
border-bottom: 1px solid black;
}
#old::-webkit-scrollbar-button:vertical:increment {
background-image: url(https://files.catbox.moe/n48kdq.png);
background-color: #DEDEDE;
background-repeat: no-repeat;
background-position: center;
width: 16px;
height: 16px;
border-left: 1px solid black;
border-top: 1px solid black;
border-right: 1px solid black;
}
#old::-webkit-scrollbar-button:vertical:decrement {
background-image: url(https://files.catbox.moe/hobxmd.png);
background-color: #DEDEDE;
background-repeat: no-repeat;
background-position: center;
border-top: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
width: 16px;
height: 16px;
}
#old::-webkit-scrollbar-button:horizontal:decrement
{
background-image: url(https://files.catbox.moe/qerpgk.png);
background-color: #DEDEDE;
background-repeat: no-repeat;
background-position: center;
border-top: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
width: 16px;
height: 16px;
}
#old::-webkit-scrollbar-button:horizontal:increment
{
background-image: url(https://files.catbox.moe/ik9ayh.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;
}
</style>

<div id="old">
idk what this is
<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>