estilos de scroll css

1.contenedor {
2    /*Estilos estándar experimentales (Principalmente Firefox)*/
3    scrollbar-color: rgba(0, 0, 0, .5) rgba(0, 0, 0, 0);
4    scrollbar-width: thin;
5}
6

1.contenedor {
2    margin: 2rem auto;
3    border: 1px solid #aaa;
4    height: 300px;
5    width:90%;
6    max-width: 400px;
7    background: #f1f2f3;
8    overflow:auto;
9    box-sizing: border-box;
10    padding:0 1rem;
11}
12
13/* Estilos para motores Webkit y blink (Chrome, Safari, Opera... )*/
14
15.contenedor::-webkit-scrollbar {
16    -webkit-appearance: none;
17}
18
19.contenedor::-webkit-scrollbar:vertical {
20    width:10px;
21}
22
23.contenedor::-webkit-scrollbar-button:increment,.contenedor::-webkit-scrollbar-button {
24    display: none;
25} 
26
27.contenedor::-webkit-scrollbar:horizontal {
28    height: 10px;
29}
30
31.contenedor::-webkit-scrollbar-thumb {
32    background-color: #797979;
33    border-radius: 20px;
34    border: 2px solid #f1f2f3;
35}
36
37.contenedor::-webkit-scrollbar-track {
38    border-radius: 10px;  
39}