.nest-form-timer {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 0.5rem;
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--nest-form-text, #01123e);
}

.nest-form-timer__label {
	padding: 0.25rem 0.5rem;
	border-radius: 999px;
	background: color-mix(in srgb, var(--nest-form-accent, #0d9488) 12%, #fff);
}

.nest-form__result[hidden] {
	display: none !important;
}

.nest-form.is-result .nest-form__fields,
.nest-form.is-result .nest-form__actions,
.nest-form.is-result .nest-form__progress,
.nest-form.is-result .nest-form-timer {
	display: none !important;
}

.nest-form-result {
	padding: 1rem 0;
	text-align: center;
}

.nest-form-result__score {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 1rem;
}

.nest-form-result__meter {
	--nest-form-result-pct: 0%;
	width: 7.5rem;
	height: 7.5rem;
	border-radius: 50%;
	display: grid;
	place-items: center;
	background: conic-gradient(
		var(--nest-form-accent, #0d9488) var(--nest-form-result-pct),
		color-mix(in srgb, var(--nest-form-border, #e2e8f0) 80%, #fff) 0
	);
}

.nest-form-result__meter .nest-form-result__pct {
	width: 5.75rem;
	height: 5.75rem;
	border-radius: 50%;
	display: grid;
	place-items: center;
	background: var(--nest-form-surface, #fff);
	font-size: 1.75rem;
	font-weight: 700;
	letter-spacing: -0.03em;
	line-height: var(--nest-form-line-height);
}

.nest-form-result__pct {
	font-size: 2.5rem;
	font-weight: 700;
	letter-spacing: -0.03em;
	line-height: var(--nest-form-line-height);
}

.nest-form-result__pts {
	font-size: 0.875rem;
	color: var(--nest-form-muted, #64748b);
}

.nest-form-result__title {
	margin: 0 0 0.5rem;
	font-size: 1.25rem;
}

.nest-form-result__message {
	margin: 0 auto 1rem;
	max-width: 36rem;
	color: var(--nest-form-muted, #64748b);
}

.nest-form-result__answers {
	text-align: left;
	margin: 1rem auto;
	max-width: 28rem;
}

.nest-form-result__answers h4 {
	margin: 0 0 0.5rem;
	font-size: 0.95rem;
}

.nest-form-result__answers ul {
	margin: 0;
	padding-left: 1rem;
}

.nest-form-result__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.5rem;
	margin-top: 1rem;
}

.nest-form-result__cta {
	text-decoration: none;
}

.nest-form__other {
	margin-top: 0.5rem;
}