| 157 | } | 157 | } |
| 158 | | 158 | |
| 159 | ::-webkit-scrollbar { | 159 | ::-webkit-scrollbar { |
| 160 | width: 10px; | 160 | width: 0.8rem; |
| 161 | height: 10px; | | |
| 162 | scrollbar-gutter: stable; | 161 | scrollbar-gutter: stable; |
| 163 | } | 162 | } |
| 164 | | 163 | |
| | 164 | ::-webkit-scrollbar-track { |
| | 165 | cursor: default; |
| | 166 | } |
| | 167 | |
| | 168 | ::-webkit-scrollbar-track:hover { |
| | 169 | background-color: rgba(126, 126, 126, 0.2); /* Adaptive, but won't contrast with neutral-gray. */ |
| | 170 | } |
| | 171 | |
| | 172 | ::-webkit-scrollbar-thumb { |
| | 173 | cursor: grab; |
| | 174 | } |
| | 175 | |
| | 176 | ::-webkit-scrollbar-thumb:active { |
| | 177 | cursor: grabbing; |
| | 178 | } |
| | 179 | |
| 165 | .scrollY { | 180 | .scrollY { |
| 166 | overflow-y: auto !important; | 181 | overflow-y: auto !important; |
| 167 | } | 182 | } |