/* Loomi Teamtailor — estado de sucesso do formulário de candidatura: o formulário dá lugar a um check animado + a mensagem. */
.loomi-tt-apply [hidden],
.form-heading[hidden] { display: none !important; }

.loomi-tt-apply__success {
	display: flex;
	flex: 1 1 100%; /* o formulário do Bricks é flex em linha: o painel ocupa a largura toda */
	width: 100%;
	flex-direction: column;
	align-items: center;
	gap: var(--space-medium, 24px);
	padding: var(--space-large, 32px) var(--space-small, 16px);
	text-align: center;
	outline: none;
	animation: loomi-tt-panel-in .4s ease-out both;
}
.loomi-tt-apply__success-icon {
	width: 88px;
	height: 88px;
	color: var(--action-primary, #4b3fe4);
}
.loomi-tt-apply__success-circle,
.loomi-tt-apply__success-check {
	fill: none;
	stroke: currentColor;
	stroke-width: 3;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-dasharray: 1;
	stroke-dashoffset: 1;
}
.loomi-tt-apply__success-circle { animation: loomi-tt-draw .45s ease-out .1s forwards; }
.loomi-tt-apply__success-check { animation: loomi-tt-draw .3s ease-out .5s forwards; }
.loomi-tt-apply__success-text {
	margin: 0;
	max-width: 40ch;
	color: var(--text-primary);
	font-size: var(--font-size-body, 1.6rem);
	line-height: 1.5;
}

@keyframes loomi-tt-draw { to { stroke-dashoffset: 0; } }
@keyframes loomi-tt-panel-in {
	from { opacity: 0; transform: scale(.96); }
	to { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
	.loomi-tt-apply__success,
	.loomi-tt-apply__success-circle,
	.loomi-tt-apply__success-check { animation: none; }
	.loomi-tt-apply__success-circle,
	.loomi-tt-apply__success-check { stroke-dashoffset: 0; }
}