.mob-actions[hidden] { display: none !important; }

.mob-quiz-preparing {
	display: flex;
	align-items: center;
	gap: 14px;
	max-width: 340px;
	min-width: 0;
	margin: 0;
	animation: mobQuizPrepareIn .35s ease both;
}

.mob-quiz-preparing-orbit {
	position: relative;
	display: grid;
	place-items: center;
	width: 72px;
	height: 72px;
	flex: none;
	border: 1px solid #e3e8d2;
	border-radius: 50%;
	background: #fff;
}

.mob-quiz-preparing-orbit::before {
	position: absolute;
	inset: 5px;
	border: 2px solid transparent;
	border-top-color: #91aa32;
	border-right-color: #c2d18c;
	border-radius: 50%;
	content: "";
	animation: mobQuizOrbit 1.3s linear infinite;
}

.mob-quiz-preparing-orbit span {
	position: absolute;
	top: 1px;
	left: 32px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #9cb43a;
	transform-origin: 4px 35px;
	animation: mobQuizOrbit 2.4s linear infinite;
}

.mob-quiz-preparing-orbit span:nth-child(2) { background: #d2a94d; animation-delay: -.8s; }
.mob-quiz-preparing-orbit span:nth-child(3) { background: #52652a; animation-delay: -1.6s; }

.mob-quiz-preparing-orbit img {
	display: block;
	width: 52px;
	max-height: 40px;
	object-fit: contain;
}

.mob-quiz-preparing-copy { text-align: left; }

.mob-quiz-preparing-eyebrow {
	margin-bottom: 5px;
	color: #788c2b;
	font: 700 10px/1.2 var(--ff-body, Arial, sans-serif);
	letter-spacing: .16em;
	text-transform: uppercase;
}

.mob-quiz-preparing-copy h4 {
	margin: 0;
	color: #292a25;
	font: 600 18px/1.25 var(--ff-display, Georgia, serif);
}

.mob-quiz-preparing-copy p {
	margin: 6px 0 0;
	color: #737267;
	font: 400 13px/1.5 var(--ff-body, Arial, sans-serif);
}

@keyframes mobQuizOrbit { to { transform: rotate(360deg); } }
@keyframes mobQuizPrepareIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }

@media (max-width: 540px) {
	.mob-quiz-preparing { gap: 10px; max-width: 265px; }
	.mob-quiz-preparing-orbit { width: 64px; height: 64px; }
	.mob-quiz-preparing-orbit img { width: 46px; }
	.mob-quiz-preparing-orbit span { left: 28px; transform-origin: 4px 31px; }
	.mob-quiz-preparing-copy h4 { font-size: 16px; }
}

@media (prefers-reduced-motion: reduce) {
	.mob-quiz-preparing,
	.mob-quiz-preparing-orbit::before,
	.mob-quiz-preparing-orbit span { animation: none; }
}