/* stylelint-disable-next-line scss/load-no-partial-leading-underscore */
@import "calypso/assets/stylesheets/shared/_loading";
@import "@automattic/onboarding/styles/mixins";

.processing-step {
	--wp-components-color-foreground: #3858E9;
	max-width: 540px;
	text-align: center;

	&__progress-step {
		@include onboarding-font-recoleta;
		/* stylelint-disable-next-line scales/font-sizes */
		font-size: 1.625rem;
		line-height: 40px;
		text-align: center;
		vertical-align: middle;
		margin: 0;
	}
}

.processing-step__step-wrapper {
	.step-wrapper__content {
		padding: 1em;
		max-width: 540px;
		text-align: center;
		margin: 32vh auto;
	}
}

.site-setup.processing .step-container__content,
.onboarding.processing .step-container__content {
	width: 100%;
}

// Processing Copy Site Styles
.copy-site.processing-copy {
	.processing-step, .wpcom__loading {
		margin: 5vh auto 0;
		max-width: 660px;
	}

	.wpcom__loading-title {
		font-size: 3rem;
		margin-bottom: 24px;
	}

	.wpcom__loading-progress-bar {
		max-width: 540px;
		margin: 0 auto;
	}
}
