/* Menargetkan scrollbar khusus untuk kontainer #list-hole */

/* 1. Mengatur lebar dan tinggi scrollbar (Modern biasanya tipis) */

#list-hole::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

/* 2. Mengatur area rel/jalur tempat scrollbar bergeser (Track) */

#list-hole::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 10px;
}

/* 3. Mengatur batang penunjuk scrollbar (Thumb) */

#list-hole::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 10px;
  transition: background 0.3s ease;
}

/* 4. Efek hover saat mouse berada di atas batang scrollbar */

#list-hole::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.5);
}

/* 5. Dukungan untuk Firefox (Menggunakan standar CSS baru) */

#list-hole {
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.3) rgba(255, 255, 255, 0.05);
}