/* Stylesheet for JPG Compressor Tool */
/* Leverages Tailwind CSS utility styling for a responsive, modern workspace layout. */

/* Custom smooth transitions for the image preview list */
#results .file-result {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Custom scrollbar behavior for the scrollable workspace container */
#results::-webkit-scrollbar {
  width: 5px;
}

#results::-webkit-scrollbar-track {
  background: transparent;
}

#results::-webkit-scrollbar-thumb {
  background: rgba(16, 185, 129, 0.2);
  border-radius: 9999px;
}

#results::-webkit-scrollbar-thumb:hover {
  background: rgba(16, 185, 129, 0.4);
}