/* =========================================================
   ФБ:Киоск — кастомный скроллбар под тёмную тему
   Самодостаточно. Подключи отдельно или скопируй в свой CSS.
   Работает в Chrome/Edge/Safari (::-webkit-scrollbar)
   и Firefox (scrollbar-width / scrollbar-color).
   ========================================================= */

:root {
  --sb-thumb: rgba(201, 164, 78, .30);        /* золото, обычное */
  --sb-thumb-hover: rgba(201, 164, 78, .55);  /* золото, наведение */
  --sb-thumb-active: rgba(232, 24, 58, .60);  /* красный, перетаскивание */
}

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

/* WebKit (Chrome, Edge, Safari) */
::-webkit-scrollbar { width: 11px; height: 11px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-corner { background: transparent; }
::-webkit-scrollbar-thumb {
  border-radius: 99px;
  border: 3px solid transparent;   /* «воздух» вокруг ползунка */
  background-clip: padding-box;
  background-color: var(--sb-thumb);
  transition: background-color .2s ease;
}
::-webkit-scrollbar-thumb:hover  { background-color: var(--sb-thumb-hover); }
::-webkit-scrollbar-thumb:active { background-color: var(--sb-thumb-active); }