*,
*:hover {
  /* reset scrollbar */
  scrollbar-color: auto;
}

* {
  --scrollbar-thumb-color: #bfbfbf;
  --scrollbar-size: 10px;
}

/*
** Custom scrollbar for Chrome, Safari, and Edge
**/

html.webkit-scrollbar *::-webkit-scrollbar-button {
  display: none;
  box-shadow: none;
}

html.webkit-scrollbar *::-webkit-scrollbar,
html.webkit-scrollbar *::-webkit-scrollbar-track,
html.webkit-scrollbar *::-webkit-scrollbar-thumb {
  appearance: none;
  -webkit-appearance: none;
  width: var(--scrollbar-size);
  border-radius: var(--scrollbar-size);
  box-shadow: none;
}

html.webkit-scrollbar *::-webkit-scrollbar {
  color: var(--scrollbar-thumb-color);
  background: transparent;
}

html.webkit-scrollbar *::-webkit-scrollbar-track {
  background: transparent;
}

html.webkit-scrollbar *::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb-color);
}

/*
** Custom scrollbar for Firefox
**/

html.mozila-scrollbar * {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb-color) transparent; /* thumb color and track color */
}