/**
 * Tadris Elementor advanced-tab animations.
 */

@keyframes webmz-tadris-float-cloud {
	0%,
	100% {
		transform: translate3d(0, 0, 0);
	}

	50% {
		transform: translate3d(0, -14px, 0);
	}
}

.webmz-tadris-float-cloud {
	animation: webmz-tadris-float-cloud 6s ease-in-out infinite;
	will-change: transform;
	transition-property: background-color, color, border-color, box-shadow, opacity, filter !important;
}

@keyframes webmz-tadris-glow-breathe {
	0%,
	100% {
		transform: translateX(-50%) scale(0.9);
		opacity: 0.5;
	}

	50% {
		transform: translateX(-50%) scale(1.14);
		opacity: 0.82;
	}
}

.webmz-tadris-glow-beneath {
	position: relative;
	isolation: isolate;
}

.webmz-tadris-glow-beneath::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 2%;
	z-index: -1;
	width: 72%;
	height: 32%;
	border-radius: 50%;
	pointer-events: none;
	background: radial-gradient(
		ellipse at center,
		var(--webmz-tadris-glow-color, #f4a261) 0%,
		transparent 72%
	);
	filter: blur(12px);
	transform: translateX(-50%) scale(1);
	transform-origin: center center;
	animation: webmz-tadris-glow-breathe 12s ease-in-out infinite;
	transition: none !important;
	will-change: transform, opacity;
}

.webmz-tadris-mouse-tilt {
	transform-style: preserve-3d;
	transition-property: background-color, color, border-color, box-shadow, opacity, filter !important;
}

.webmz-tadris-mouse-follow,
.webmz-tadris-mouse-magnetic {
	will-change: transform;
	transition: none !important;
}

.webmz-tadris-mouse-spotlight {
	position: relative;
	overflow: hidden;
	isolation: isolate;
}

.webmz-tadris-mouse-spotlight::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	opacity: 0;
	background: radial-gradient(
		circle var(--webmz-mouse-spotlight-size, 60%) at var(--webmz-mouse-spotlight-x, 50%) var(--webmz-mouse-spotlight-y, 50%),
		var(--webmz-mouse-spotlight-color, rgba(255, 255, 255, 0.35)) 0%,
		transparent 72%
	);
}

.webmz-tadris-mouse-spotlight.is-spotlight-active::before {
	opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
	.webmz-tadris-float-cloud {
		animation: none !important;
	}

	.webmz-tadris-glow-beneath::after {
		animation: none !important;
		opacity: 0.65;
		transform: translateX(-50%) scale(1);
	}

	.webmz-tadris-mouse-tilt {
		transform: none !important;
	}

	.webmz-tadris-mouse-follow,
	.webmz-tadris-mouse-magnetic {
		transform: none !important;
	}

	.webmz-tadris-mouse-spotlight::before {
		opacity: 0 !important;
	}
}