.wpcom_upsell_page_wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	height: calc(100vh - 127px); /* Masterbar (32px) + screen-meta-links (30px) + wpbody-content padding (65px) */
	width: calc(100% - 20px); /* Sidebar + 20px sidebar margin */
}

.wpcom_upsell_page {
	--font-family-sans:
		-apple-system,
		BlinkMacSystemFont,
		"Segoe UI",
		Roboto,
		Oxygen-Sans,
		Ubuntu,
		Cantarell,
		"Helvetica Neue",
		sans-serif;
	max-width: 832px;
	min-height: 336px;
	border-radius: 4px;
	box-shadow:
		0 3px 8px 0 rgba(0, 0, 0, 0.12),
		0 3px 1px 0 rgba(0, 0, 0, 0.04);
	display: flex;
	align-items: flex-start;
	background: #fff;
	overflow: hidden;
}

.wpcom_upsell_page a {
	text-decoration: none;
}

.wpcom_upsell_page h1,
.wpcom_upsell_page h2,
.wpcom_upsell_page h3 {
	margin: 0 0 8px;
	color: var(--studio-gray-100);
}

.wpcom_upsell_page h1 {
	font-family: Recoleta, var(--font-family-sans);
	font-size: 32px;
	font-weight: 400;
	line-height: 40px;
	letter-spacing: -0.32px;
}

body.locale-en .wpcom_upsell_page h1 {
	white-space: nowrap;
}

.wpcom_upsell_page h2 {
	font-family: "SF Pro Display", var(--font-family-sans);
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 26px;
	letter-spacing: 0.38px;
}

.wpcom_upsell_page h3,
.wpcom_upsell_page .wpcom_upsell_page__plan__features {
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: -0.15px;
	margin: 0;
}

.wpcom_upsell_page .wpcom_upsell_page__plan__features {
	margin: 0;
}

.wpcom_upsell_page li {
	margin: 12px 0;
	font-weight: 400;
}

.wpcom_upsell_page li::before {
	content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTYuMzk3NDggMTIuMTQ5MkwzLjQxMjExIDguOTk5MjJMMi40MTY5OSAxMC4wNDkyTDYuMzk3NDggMTQuMjQ5MkwxNC45MjcxIDUuMjQ5MjJMMTMuOTMyIDQuMTk5MjJMNi4zOTc0OCAxMi4xNDkyWiIgZmlsbD0iIzA2NzVDNCIvPjwvc3ZnPg==);
	display: inline-block;
	width: 17px;
	height: 18px;
	margin-inline-end: 8px;
	vertical-align: sub;
}

.wpcom_upsell_page p {
	color: #111;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.32px;
	margin: 0;
	text-wrap: pretty;
}

.wpcom_upsell_page.wpcom_upsell_page .button,
.wpcom_upsell_page.wpcom_upsell_page .button:visited {
	color: #fff;
	margin-top: 32px;
	line-height: 40px;
	padding: 0 14px;
	font-size: 14px;
}

@media ( max-width: 782px ) {

	.wpcom_upsell_page {
		flex-direction: column;
	}
}

.wpcom_upsell_page__column {
	display: flex;
	padding: 40px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	flex: 1 0 0;
	align-self: stretch;
}

.wpcom_upsell_page__plan {
	background: #f0f3ff;
	color: var(--studio-gray-100);
}

/* Activation screen */
.wpcom_upsell_page__column--activate {
	align-items: center;
}

.wpcom_upsell_page__column--activate .wpcom_upsell_page .button {
	margin-top: 27px;
}
