/* Стили для OverlayScrollbars, соответствующие текущим webkit scrollbar стилям */

/* Общие стили для всех скроллбаров */
.os-scrollbar {
  --os-size: 5px;
}

.os-scrollbar-vertical {
  width: 5px;
}

.os-scrollbar-track {
  background: rgba(255, 255, 255, 0.1) !important;
  border-radius: 4px !important;
}

.os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.9) !important;
  border-radius: 1px !important;
}

/* Специфичные стили для разных контейнеров */

/* .side-menu-sights-block */
.side-menu-sights-block .os-scrollbar-track {
  background: rgba(255, 255, 255, 0.1) !important;
  border-radius: 4px !important;
}

.side-menu-sights-block .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.9) !important;
  border-radius: 1px !important;
}

/* .list-of-sights-content */
.list-of-sights-content .os-scrollbar-track {
  background: rgba(255, 255, 255, 0.1) !important;
  border-radius: 4px !important;
}

.list-of-sights-content .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.9) !important;
  border-radius: 1px !important;
}

/* .sight-frame-text-wrapper */
.sight-frame-text-wrapper .os-scrollbar-vertical {
  padding: 7px 0px;
  right: 7px !important;
}

.sight-frame-text-wrapper .os-scrollbar-track {
  background: rgba(255, 255, 255, 0.1) !important;
  border-radius: 4px !important;
}

.sight-frame-text-wrapper .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.9) !important;
  border-radius: 1px !important;
}

/* .sight-frame-text (если используется отдельно) */
.sight-frame-text .os-scrollbar-track {
  background: linear-gradient(
    to right,
    transparent 35%,
    #a6a6a6 50%,
    transparent 65%
  ) !important;
  border-radius: 3px !important;
}

.sight-frame-text .os-scrollbar-handle {
  background: #fff !important;
  border-radius: 3px !important;
}

/* .alphabet - скрываем скроллбар */
.alphabet .os-scrollbar {
  display: none !important;
}

/* .transfers-body */
.transfers-body .os-scrollbar-track {
  background: rgba(255, 255, 255, 0.1) !important;
  border-radius: 4px !important;
}

.transfers-body .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.9) !important;
  border-radius: 1px !important;
}

/* .left-widget-text */
.left-widget-text .os-scrollbar-track {
  background: rgba(255, 255, 255, 0.1) !important;
  border-radius: 4px !important;
}

.left-widget-text .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.9) !important;
  border-radius: 1px !important;
}

/* .cluster-sights-list */
.cluster-sights-list .os-scrollbar-vertical {
  width: 4px;
  padding: 4px 0;
  right: 4px !important;
}

.cluster-sights-list .os-scrollbar-track {
  background: transparent !important;
  border-radius: 2px !important;
}

.cluster-sights-list .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.5) !important;
  border-radius: 2px !important;
}

.cluster-sights-list .os-scrollbar-handle:hover {
  background: rgba(255, 255, 255, 0.7) !important;
}
