/**
 * Shared fade scrollbar — games template (notification popover, catalog sidebar, …).
 * Thumb is nearly invisible at rest; shows on scroll or hover.
 */

.uppay-fade-scroll-area {
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}

.uppay-fade-scroll-area.is-scrolling,
.uppay-fade-scroll-area.is-hovering {
  scrollbar-color: rgba(72, 88, 112, 0.52) transparent;
}

.uppay-fade-scroll-area::-webkit-scrollbar {
  width: 5px;
  height: 0;
}

.uppay-fade-scroll-area::-webkit-scrollbar:horizontal {
  display: none;
  height: 0;
}

.uppay-fade-scroll-area::-webkit-scrollbar-track {
  background: transparent;
}

.uppay-fade-scroll-area::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(72, 88, 112, 0.1);
  transition: background 0.2s ease;
}

.uppay-fade-scroll-area.is-scrolling::-webkit-scrollbar-thumb,
.uppay-fade-scroll-area.is-hovering::-webkit-scrollbar-thumb {
  background: rgba(72, 88, 112, 0.52);
}

.uppay-fade-scroll-area::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}