@import '@wordpress/base-styles/mixins';

.checkout__pending-content {
	&.wpcom__loading {
		margin: calc( 32vh + 60px)  auto 0;
	}

	.wpcom__loading-title {
		@extend .wp-brand-font;
		line-height: 40px;
		text-align: center;
		vertical-align: middle;
		margin: 0;
		font-size: $font-title-medium;
	}
}

.pending-content__wrapper {
	padding: 1em;
	text-align: center;
	margin: 32vh auto;
}

.pending-content__title {
	@extend .wp-brand-font;
	line-height: 40px;
	text-align: center;
	vertical-align: middle;
	margin: 0;
	font-size: $font-title-medium;
}

.pending-content__progress-bar {
	--wp-components-color-foreground: #3858e9;
	margin: 46px auto 0 auto;
}

.pending-content__info-text-container {
	display: inline-block;
	font-size: 1rem;
	text-align: left;
	border: 1px solid var( --studio-gray-5 );
	padding: 1rem;
	@extend .wp-brand-font;
	border-radius: 4px;
	background-color: var( --studio-gray-0 );

	.pending-content__info-text {
		> span {
			font-family: var( --p2-font-inter );
			font-size: var( --p2-font-size-form-xxs );
			color: var( --studio-gray-60 );
		}
	}
}
