html, body {
  overflow-x: hidden;
}
body {
  position: relative
}

/* Для WebKit-браузеров (Chrome, Safari, Edge) */
::-webkit-scrollbar {
  width: 12px;              /* ширина вертикального скроллбара */
  height: 12px;             /* высота горизонтального скроллбара */
}

::-webkit-scrollbar-track {
  background: #f0f0f0;      /* цвет дорожки (фон скроллбара) */
}

::-webkit-scrollbar-thumb {
  background-color: #111827; /* цвет ползунка */
  border-radius: 6px;        /* скругление */
  border: 3px solid #f0f0f0; /* отступы вокруг ползунка */
}

/* Для Firefox */
* {
  scrollbar-width: thin;          /* узкий скроллбар */
  scrollbar-color: #111827 #f0f0f0; /* цвет ползунка и трека */
}