::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #828282;
  border: 0px none #ffffff;
  border-radius: var(--border-radius-l);
}
::-webkit-scrollbar-thumb:hover {
  background: #757575;
}
::-webkit-scrollbar-thumb:active {
  background: #626262;
}
::-webkit-scrollbar-track {
  background: #dfdfdf;
  border: 0px none #ffffff;
  border-radius: var(--border-radius-l);
}
::-webkit-scrollbar-track:hover {
  background: #dfdfdf;
}
::-webkit-scrollbar-track:active {
  background: #b9b9b9;
}
::-webkit-scrollbar-corner {
  background: transparent;
}