/* Utility to hide scrollbar while keeping functionality */

/* Hide scrollbar for Chrome, Safari and Opera */
.no-scrollbar::-webkit-scrollbar {
	display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar {
	-ms-overflow-style: none; /* IE and Edge */
	scrollbar-width: none; /* Firefox */
}

.modal-scroll::-webkit-scrollbar {
	width: 8px; /* Width of the scrollbar */
}

.modal-scroll::-webkit-scrollbar-track {
	background: transparent; /* Track is invisible */
}

.modal-scroll::-webkit-scrollbar-thumb {
	background-color: #cbd5e1; /* Color of the scroll thumb */
	border-radius: 20px; /* Roundness */
	border: 3px solid transparent; /* Creates padding around the thumb */
	background-clip: content-box;
}

.modal-scroll::-webkit-scrollbar-thumb:hover {
	background-color: #94a3b8; /* Darker on hover */
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: scale(0.95);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}

.animate-fade-in {
	animation: fadeIn 0.3s ease-out forwards;
}