@charset "UTF-8";
.scrollbar {
  overflow-y: hidden; /* или auto */
  overflow-x: hidden; /* или auto */
  /*scrollbar-width: none; !* Для Firefox *!*/
  /*-ms-overflow-style: none; !* Для Internet Explorer и Edge *!*/
  transition: overflow-y 0.3s; /* Плавное появление скроллбара */
  padding-right: 3px;
  box-sizing: border-box;
}
.scrollbar:hover {
  overflow-y: auto;
}
.scrollbar::-webkit-scrollbar {
  width: 8px;
  transition: opacity 0.3s ease;
  background-color: transparent;
}
.scrollbar::-webkit-scrollbar-track {
  background: rgba(122, 130, 138, 0.15);
  border-radius: 8px;
}
.scrollbar::-webkit-scrollbar-thumb {
  background-color: rgba(21, 54, 38, 0.79);
  border-radius: 8px;
  border: 2px solid rgba(122, 130, 138, 0.15); /* Отступ между бегунком и треком */
}
.scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: #153626; /* Цвет бегунка при наведении */
  cursor: pointer;
}