@charset "utf-8";

/* PRICING TABLE */
	.pricing-table {
		margin: var(--margin-block) 0;
		text-align: center;
		}
	.pricing-table-highlight,
	.pricing-table-meta > div,
	.pricing-table-header > div {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		}
	.pricing-table-item {
		border: 0.1rem solid var(--hue-medium);
		border-radius: 1rem;
		overflow: hidden;
		position: relative;
		}
	.pricing-table-item.pricing-table-recommended {
		box-shadow: 0 0 2rem rgba(0,0,0,0.1);
		z-index: 2;
		}
	.pricing-table-highlight {
		background-color: var(--hue-medium);
		color: var(--hue-dark-medium);
		font-size: 1.4rem;
		font-weight: 700;
		padding: 0.5rem 1rem;
		text-transform: uppercase;
		}
	.pricing-table-recommended > .pricing-table-highlight {
		background-color: var(--hue-dark);
		color: var(--hue-dark-text);
		font-weight: var(--heavy);
		}
	.pricing-table-header {
		background-color: var(--hue-light);
		padding: 1rem;
		}
	.pricing-table-recommended > .pricing-table-header {
		background-color: var(--hue-color);
		color: var(--hue-color-text);
		}
	.pricing-table-name {
		font-size: 1.6rem;
		font-weight: 700;
		padding-bottom: 1rem;
		}
	.pricing-table-price {
		font-size: 3rem;
		font-weight: var(--heavy);
		}
	.pricing-table-price-alt {
		font-size: 1.6rem;
		font-style: italic;
		opacity: 0.7;
		}
	.pricing-table.pricing-table-1 .pricing-table-header .ptp1,
	.pricing-table.pricing-table-2 .pricing-table-header .ptp2 {
		display: block;
		}
	.pricing-table.pricing-table-1 .pricing-table-header .ptp2,
	.pricing-table.pricing-table-2 .pricing-table-header .ptp1 {
		display: none;
		}
	.pricing-table-meta {
		background-color: var(--hue-white);
		font-size: 1.4rem;
		padding: 1rem;
		}
	.pricing-table-meta em {
		opacity: 0.5;
		}
	.pricing-table-meta > div {
		line-height: 1.3em;
		}
	.pricing-table-meta > div + div {
		padding-top: 1rem;
		}
	.pricing-table-toggle {
		margin-bottom: 3.6rem;
		}
	.pricing-table-button {
		background-color: var(--hue-medium);
		font-size: 1.6rem;
		font-weight: 700;
		padding: 1rem 2rem;
		}
	.pricing-table-button.ptp1 {
		border-radius: 1rem 0 0 1rem;
		}
	.pricing-table-button.ptp2 {
		border-radius: 0 1rem 1rem 0;
		}
	.pricing-table.pricing-table-1 .pricing-table-button.ptp1,
	.pricing-table.pricing-table-2 .pricing-table-button.ptp2 {
		background-color: var(--hue-color);
		color: var(--hue-color-text);
		}
	.pricing-table-button:hover {
		background-color: var(--hue-dark);
		color: var(--hue-dark-text);
		}
	@media (max-width: 79.99em) {
		.pricing-table-item {
			margin: var(--margin-gap) 0;
			}
		.pricing-table-empty {
			display: none;
			}
	}
	@media (min-width: 80em) {
		.pricing-table-items {
			display: flex;
			margin-left: -0.5rem;
			margin-right: -0.5rem;
			}
		.pricing-table-item {
			flex-grow: 1;
			flex-basis: 0;
			margin: 0 0.5rem;
			overflow: visible;
			}
		.pricing-table-header {
			border-radius: 1rem 1rem 0 0;
			}
		.pricing-table-highlight {
			border-radius: 0.5rem;
			left: 1rem;
			overflow: hidden;
			position: absolute;
			top: -1.2rem;
			}
		.pricing-table-name {
			padding-top: 1rem;
			}
		.pricing-table-meta {
			border-radius: 0 0 1rem 1rem;
			}
	}
	@media (min-width: 90em) {
		.pricing-table-meta {
			font-size: 1.5rem;
			}
	}