/* =========================================================================
   Daily Quiz — entrance motion (3.68). Driven by assets/js/motion.js and the
   «انیمیشن‌ها» admin screen. The variables are written on <html> by the
   script from the saved settings; the values below are only fallbacks.
   Content is never hidden unless the script is running (html.dqm-on), and
   the head mark (html.dqm-pre) has a 2.5s failsafe.
   ========================================================================= */
:root {
	--dqm-dur: 800ms;
	--dqm-ease: cubic-bezier(.22, 1, .36, 1);
	--dqm-from: translate3d(0, 26px, 0) scale(.985);
	--dqm-item-from: translate3d(-18px, 0, 0);
	--dqm-blur: blur(6px);
}
html.dqm-pre .dq-main { opacity: 0; }
/* the old one-shot fade (style.css .dq-reveal) is replaced by this system */
html.dqm-on .dq-reveal, html.dqm-on .dq-r { animation: none !important; }

html.dqm-on .dqm {
	opacity: 0 !important;
	transform: var(--dqm-from) !important;
	filter: var(--dqm-blur) !important;
	transition:
		opacity calc(var(--dqm-dur) * .85) var(--dqm-ease) var(--dqm-d, 0ms),
		transform var(--dqm-dur) var(--dqm-ease) var(--dqm-d, 0ms),
		filter calc(var(--dqm-dur) * .85) var(--dqm-ease) var(--dqm-d, 0ms) !important;
	will-change: opacity, transform;
}
html.dqm-on .dqm.dqm-item { transform: var(--dqm-item-from) !important; filter: none !important; }
html.dqm-on .dqm.is-in { opacity: 1 !important; transform: none !important; filter: none !important; }

@media (prefers-reduced-motion: reduce) {
	html.dqm-pre .dq-main { opacity: 1; }
	html.dqm-on .dqm { opacity: 1 !important; transform: none !important; filter: none !important; transition: none !important; }
}
@media print {
	html.dqm-pre .dq-main, html.dqm-on .dqm { opacity: 1 !important; transform: none !important; filter: none !important; }
}