/* Dhoop burst (trial, see dhoop_burst.blade.php). */
.sb-dhoop-burst {
	position: absolute;
	inset: 0;
	z-index: 43;
	overflow: hidden;
	pointer-events: none;
}

.sb-dhoop-cloud {
	position: absolute;
	border-radius: 50%;
	background: radial-gradient(circle at 50% 50%, rgba(246, 243, 236, .75) 0%, rgba(220, 216, 208, .45) 38%, rgba(220, 216, 208, 0) 70%);
	filter: blur(6px);
	opacity: 0;
	transform: translate(-50%, -50%) scale(.3);
	animation: sbDhoopCloud var(--sb-dhoop-life, 5s) ease-out forwards;
	will-change: transform, opacity;
}

@keyframes sbDhoopCloud {
	0% { opacity: 0; transform: translate(-50%, -50%) scale(.3); }
	15% { opacity: var(--sb-dhoop-peak, .8); }
	100% { opacity: 0; transform: translate(calc(-50% + var(--sb-dhoop-x, 0px)), calc(-50% + var(--sb-dhoop-y, -300px))) scale(var(--sb-dhoop-scale, 2.6)) rotate(var(--sb-dhoop-rot, 20deg)); }
}

@media (prefers-reduced-motion: reduce) {
	.sb-dhoop-burst { display: none; }
}