:root {
  
  --sb: rgba(0, 0, 0, 0.18);
  --sb-hover: rgba(0, 0, 0, 0.34);
}


::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track,
::-webkit-scrollbar-corner { background: transparent; }
::-webkit-scrollbar-thumb {
  background: var(--sb);
  border-radius: 999px;
  
  border: 2px solid transparent;
  background-clip: padding-box;
}
::-webkit-scrollbar-thumb:hover,
::-webkit-scrollbar-thumb:active { background: var(--sb-hover); background-clip: padding-box; }


@supports (-moz-appearance: none) {
  * { scrollbar-width: thin; scrollbar-color: var(--sb) transparent; }
}