.creator-assistant--popover-prompt {
	& .components-base-control__field {
		margin-bottom: 0;
	}
}

.creator-assistant--plugin-sidebar,
.creator-assistant--plugin-document-setting-panel {
	.components-base-control,
	.components-button {
		width: 100%;
	}
}

.creator-assistant--modal-container {
	max-width: 1000px;
	margin: 0 auto;
}

.creator-assistant--price-cards {
	grid-template-columns: minmax(0, 1fr);
	display: grid;
	gap: 2rem;

	.secondary-text {
		display: block;
		opacity: 0.7;
		font-weight: normal;
		font-size: max(0.7em, 12px);
		margin-top: 0.3rem;
	}

	@media screen and (min-width: 800px) {
		&.allow-subscription {
			grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		}
	}


	.price-card {
		h3 {
			width: 100%;
			text-align: center;
			text-transform: uppercase;
			margin: 0;
		}

		h2 {
			text-align: center;
			margin-bottom: 1em;
		}

		ul {
			list-style: disc;
			padding: 0 2em;

			li {
				line-height: 1.25rem;
				padding: 3px 0;
			}
		}

		.components-card__footer {
			justify-content: center;
		}
	}
}

.creator-assistant--progress-bar {
	height: 5px !important;
	width: 100% !important;
}

.creator-assistant--features li > span {
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: help;
}

.creator-assistant--tutorial {
	.components-guide__page {
		max-width: 470px;

		img {
			display: block;
			max-width: 100%;
			object-fit: cover;
		}
	}

}