/* Custom scrollbar for chat and news sections */
.custom-scrollbar::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.custom-scrollbar::-webkit-scrollbar-track {
  background: rgb(241 245 249 / 0.5);
  border-radius: 10px;
}

@media (prefers-color-scheme: dark) {
  .custom-scrollbar::-webkit-scrollbar-track {
    background: rgb(30 41 59 / 0.5);
  }
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background: rgb(148 163 184);
  border-radius: 10px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: rgb(100 116 139);
}

@media (prefers-color-scheme: dark) {
  .custom-scrollbar::-webkit-scrollbar-thumb {
    background: rgb(71 85 105);
  }

  .custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: rgb(100 116 139);
  }
}

/* Smooth scrolling for news ticker */
@keyframes scroll-slow {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-33.333%);
  }
}

.animate-scroll-slow {
  display: flex;
  animation: scroll-slow 20s linear infinite;
}

/* Pause animation on hover */
.animate-scroll-slow:hover {
  animation-play-state: paused;
}