* {
  -ms-overflow-style: none;
  scrollbar-width: none; /* auto */
  scrollbar-color: var(--card-color) var(--bg-color);
}

::-webkit-scrollbar {
  display: none;
  width: 1rem;
  height: 1rem;
  background: transparent;
}

::-webkit-scrollbar-track {
  background: var(--accent-color);
  border-radius: 5px;
  box-shadow: inset 0 0 5px grey;
  margin: 5px;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(#666, #333);
  border: 2px solid #fff;
  border-radius: 5px;
  box-shadow: 0 0 5px black;
  transition: var(--transition);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--accent-color);
}