.scroll-wrapper::-webkit-scrollbar {
  height: 8px;
}

.scroll-wrapper::-webkit-scrollbar-track {
  background: var(--child-list-scrollbar-track, rgba(255, 255, 255, 0.05));
  border-radius: 10px;
}

.scroll-wrapper::-webkit-scrollbar-thumb {
  background: var(
    --child-list-scrollbar-thumb,
    linear-gradient(180deg, rgba(102, 126, 234, 0.8), rgba(118, 75, 162, 0.8))
  );
  border-radius: 10px;
  border: var(--child-list-scrollbar-thumb-border, 2px solid rgba(255, 255, 255, 0.08));
}

.scroll-wrapper::-webkit-scrollbar-thumb:hover {
  background: var(
    --child-list-scrollbar-thumb-hover,
    linear-gradient(180deg, rgba(102, 126, 234, 1), rgba(118, 75, 162, 1))
  );
  box-shadow: 0 0 8px rgba(102, 126, 234, 0.4);
}