cambiar dise c3 b1o de scroll css

1
2        .select2-results__options {
3            height: 150px !important;
4            overflow-y: auto !important;
5        }
6        .modal-body::-webkit-scrollbar {
7            width: 8px !important;     /* Tamaño del scroll en vertical */
8            height: 8px !important;    /* Tamaño del scroll en horizontal */
9            display: none !important;  /* Ocultar scroll */
10        }
11        /* Ponemos un color de fondo y redondeamos las esquinas del thumb */
12        .modal-body::-webkit-scrollbar-thumb {
13            background: rgb(160, 29, 29) !important;
14            border-radius: 4px;
15        }
16        /* Cambiamos el fondo y agregamos una sombra cuando esté en hover */
17        .modal-body::-webkit-scrollbar-thumb:hover {
18            background: #c21a1a !important;
19            box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2) !important;
20        }
21        /* Cambiamos el fondo cuando esté en active */
22        .modal-body::-webkit-scrollbar-thumb:active {
23            background-color: #c22727 !important;
24        }
25
26        /* Ponemos un color de fondo y redondeamos las esquinas del track */
27        .modal-body::-webkit-scrollbar-track {
28            background: #911111 !important;
29            border-radius: 4px !important;
30        }
31        /* Cambiamos el fondo cuando esté en active o hover */
32        .modal-body::-webkit-scrollbar-track:hover,
33        .modal-body::-webkit-scrollbar-track:active {
34        background: #490d0d !important;
35        }