.beauty-scroll::-webkit-scrollbar {
  width:4px;
}

.beauty-scroll::-webkit-scrollbar-thumb {
  border-radius:100px;
}

.beauty-scroll-big::-webkit-scrollbar-thumb {
  border-radius:4px;
  box-shadow:inset 4px 0 0 0 var(--depot-color-bg-primary),inset -4px 0 0 0 var(--depot-color-bg-primary);
}

.beauty-scroll::-webkit-scrollbar-track,.beauty-scroll-big::-webkit-scrollbar-track {
  background:0 0;
}

.beauty-scroll::-webkit-scrollbar-thumb,.beauty-scroll-big::-webkit-scrollbar-thumb {
  cursor:default;
  background-color:var(--depot-color-fill-10);
}

.beauty-scroll::-webkit-scrollbar-thumb:hover,.beauty-scroll-big::-webkit-scrollbar-thumb:hover {
  background-color:var(--depot-color-fill-20);
}

.beauty-scroll.beauty-scroll_hidden::-webkit-scrollbar-thumb:not(:hover),.beauty-scroll-big.beauty-scroll_hidden::-webkit-scrollbar-thumb:not(:hover) {
  background-color:transparent;
}