Webkit scrollbar issue in mobile?

Question

I am trying to have a custom scrollbar and using the webkit css to make changes to it; but it is not working as expected when we inspect of go to smaller screen it is showing a default scrollbar.

::-webkit-scrollbar {
width: 6px;
}

::-webkit-scrollbar-track {
background-color: #ccc;
}

::-webkit-scrollbar-thumb {
background-color: #ffcc35;
}

body {
scrollbar-width: thin;
scrollbar-color: transparent transparent;
}

:empty {
overflow-y: hidden;
}