@import "@automattic/typography/styles/variables";
@import "@wordpress/base-styles/breakpoints";
@import "@wordpress/base-styles/mixins";

.email-providers-stacked-comparison__header,
.email-providers-stacked-comparison__sub-header {
	padding-left: 16px;
	padding-right: 16px;
	text-align: center;

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

.email-providers-stacked-comparison__header {
	font-size: $font-title-large;
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 16px;

	@extend .wp-brand-font;

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

.email-providers-stacked-comparison__sub-header {
	font-size: $font-body-small;
}

.email-providers-stacked-comparison__main--domain-upsell {

	.email-providers-stacked-comparison__header,
	.email-providers-stacked-comparison__sub-header {
		text-align: unset;
	}

	.email-providers-stacked-comparison__header {
		margin-top: 0;
		padding-top: 0;
		font-size: $font-title-medium;
	}

	.billing-interval-toggle {
		margin: 15px auto;
	}

	.billing-interval-toggle > .segmented-control.is-compact {
		margin: 10px auto;
	}
}

.email-providers-stacked-comparison__notice {
	margin-top: 24px;
}

.context-all-domain-management {

	.card.action-panel {
		border-radius: 4px;
	}

	.form-text-input-with-affixes input {
		border-radius: 2px 0 0 2px !important;
	}
}