:root{
  --sb-width: 10px;
  --sb-radius: 10px;
  --sb-thumb: #6fd3a9;
  --sb-thumb-hover: #57c798;
  --sb-track: rgba(0,0,0,.08);
}

/* На всякий случай разрешаем стандартный скролл */
html, body { overflow-y: auto !important; }

/* WebKit (Chrome/Edge/Safari) — и к html, и к body */
html::-webkit-scrollbar,
body::-webkit-scrollbar{
  width: var(--sb-width);
}

html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track{
  background: var(--sb-track);
}

html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb{
  background: var(--sb-thumb);
  border-radius: var(--sb-radius);
  border: 2px solid transparent;
  background-clip: padding-box;
}

html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover{
  background: var(--sb-thumb-hover);
}

/* Firefox */
html{
  scrollbar-width: thin;
  scrollbar-color: var(--sb-thumb) transparent;
}