/** START: ModernLoader.svelte*/
.loading-placeholder {
	width: 100%; /* Larghezza del placeholder */
	background-color: rgba(0, 0, 0, 0.2); /* Colore di sfondo del placeholder */
	border-radius: 6px; /* Angoli arrotondati */
}
.elemento-glass {
	animation: pulseAnimation 5s infinite, shineAnimation 3s infinite linear;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	background-color: rgba(0, 0, 0, 0.2); /* Colore di sfondo del placeholder */
	border-radius: 10px;
	box-shadow: 0 4px 6px rgba(255, 255, 255, 0.1);
	position: relative;
	overflow: hidden; /* Impedisce al gradiente di "shine" di andare oltre i bordi */
}

.elemento-glass::before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%; /* Inizia fuori dall'elemento */
	width: 200%; /* Larghezza doppia per coprire tutto durante l'animazione */
	height: 100%;
	background: linear-gradient(
		to right,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0.78) 50%,
		rgba(255, 255, 255, 0) 100%
	);
	animation: shineAnimation 3s infinite linear;
}

@keyframes pulseAnimation {
	0% {
		opacity: 0.867;
	}
	27% {
		opacity: 0.576;
	}
	44% {
		opacity: 0.67;
	}
	61% {
		opacity: 0.6;
	}
	100% {
		opacity: 0.777;
	}
}

@keyframes shineAnimation {
	to {
		left: 100%;
	}
}
/** END: ModernLoader.svlete */