/* Custom Dark Scrollbar */
.custom-scrollbar::-webkit-scrollbar, 
textarea::-webkit-scrollbar, 
input::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}
.custom-scrollbar::-webkit-scrollbar-track, 
textarea::-webkit-scrollbar-track, 
input::-webkit-scrollbar-track {
	background: #0f172a; /* slate-950 */
	border-radius: 4px;
}
.custom-scrollbar::-webkit-scrollbar-thumb, 
textarea::-webkit-scrollbar-thumb, 
input::-webkit-scrollbar-thumb {
	background: #334155; /* slate-700 */
	border-radius: 4px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover, 
textarea::-webkit-scrollbar-thumb:hover, 
input::-webkit-scrollbar-thumb:hover {
	background: #475569; /* slate-600 */
}

/* Checkered background for transparent images */
.bg-checkered {
	background-color: #0f172a;
	background-image: 
		linear-gradient(45deg, #1e293b 25%, transparent 25%, transparent 75%, #1e293b 75%, #1e293b),
		linear-gradient(45deg, #1e293b 25%, transparent 25%, transparent 75%, #1e293b 75%, #1e293b);
	background-size: 20px 20px;
	background-position: 0 0, 10px 10px;
}

/* Custom range slider styling */
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #3b82f6;
  cursor: pointer;
  border: 2px solid #0f172a;
  box-shadow: 0 0 0 1px #3b82f6;
}
input[type=range]::-moz-range-thumb {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #3b82f6;
  cursor: pointer;
  border: 2px solid #0f172a;
  box-shadow: 0 0 0 1px #3b82f6;
}