@import "@wordpress/base-styles/breakpoints";
@import "@wordpress/base-styles/mixins";

/* cyrillic-ext */
@font-face {
	font-family: Inter;
	/* stylelint-disable-next-line scales/font-weights */
	font-weight: 100 900;
	font-display: swap;
	font-style: normal;
	font-named-instance: "Regular";
	src:
		url(https://s0.wp.com/i/fonts/inter/Inter-roman.var.woff2?t=woff2-variations&v=3.19) format("woff2-variations"),
		url(https://s0.wp.com/i/fonts/inter/Inter-roman.var.woff2?t=woff2&v=3.19) format("woff2");
}

@font-face {
	font-family: Inter;
	/* stylelint-disable-next-line scales/font-weights */
	font-weight: 100 900;
	font-display: swap;
	font-style: italic;
	font-named-instance: "Italic";
	src:
		url(https://s0.wp.com/i/fonts/inter/Inter-italic.var.woff2?t=woff2-variations&v=3.19) format("woff2-variations"),
		url(https://s0.wp.com/i/fonts/inter/Inter-italic.var.woff2?t=woff2&v=3.19) format("woff2");
}

.selector__main {
	position: relative;
}

.jetpack-plans__heading {
	padding: 1rem 0;
}

.main.is-wide-layout.jetpack-pricing-page-rework-v1 {
	max-width: 1192px;
	padding: 0 1rem; // this is for plans page on WPCOM

	@include break-wide {
		padding: 0;
	}
}

.jetpack-plans__pricing-header {
	font-size: $font-title-large;
	font-weight: 700;
	margin-bottom: 32px;
	margin-top: 32px;
	max-width: none;
	padding: 0 1rem;
	text-align: center;

	@include breakpoint-deprecated( ">660px" ) {
		font-size: $font-headline-small;
	}
}
