:root {
  --base-shade: #bdc1c8;
  --accent: #030712;
  --secondary: #007bff;
}
::-webkit-scrollbar {
  display: none;
  width: 5px;
  background: var(--base-shade);
}
@media only screen and (min-width: 768px) {
  ::-webkit-scrollbar {
    display: block;
  }
}
::-webkit-scrollbar-track {
  background-color: var(--base-shade);
}
::-webkit-scrollbar-thumb {
  background-color: var(--secondary);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(var(--accent)),
    to(var(--secondary))
  );
  background: linear-gradient(
    to bottom,
    var(--accent) 0%,
    var(--secondary) 100%
  );
  border-radius: 10px;
}