/*# sourceMappingURL=template.css.map */

:where(.content-image) {
	--content-image-border-radius: 14px;
	--content-image-background: var(--scheme-bg, var(--color-dark-alt));
	--content-image-color: var(--scheme-fg, var(--color-light));
	--content-image-gutter: 30px;
	--content-image-overlay-background: var(--color-dark-alt);
	--content-image-overlay-mix-blend: multiply;
	--content-image-overlay-opacity: .5;
	--content-image-padding-block: 3rem;
	--content-image-margin-block: 2rem 2.625rem;
	--content-image-buttons-gap: 1rem;
	--content-image-max-width: 960px;
	--content-image-min-height: 340px;
	--content-image-text-align: initial;
}

.content-image-wrapper {
	padding-block: var(--content-image-padding-block);
	border-radius: var(--content-image-border-radius);
	margin-block: var(--content-image-margin-block);
	background: var(--content-image-background);
	color: var(--content-image-color);
	overflow: clip;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: var(--content-image-text-align);
	max-width: var(--content-image-max-width);
	min-height: var(--content-image-min-height);
	margin-inline: auto;
}

.content-image .content-image-content.content {
	max-width: 62ch;
}

.content-image .content-image-container {
	--container-gutter: var(--content-image-gutter);
}

.content-image .content-image-subheading {
	margin-bottom: 0;
}

.content-image .content-image-heading {
	margin-block: .25em .5em;
}

.content-image .content-image-heading.primary-heading.primary-heading-default {
	margin-inline: 0;
	max-width: max-content;
}

.content-image .content-image-buttons {
	display: inline-flex;
	flex-wrap: wrap;
	gap: var(--content-image-buttons-gap);
}

.content-image .content-image-background {
	--responsive-background-overlay-background: var(--content-image-overlay-background);
	--responsive-background-overlay-mix-blend: var(--content-image-overlay-mix-blend);
	--responsive-background-overlay-opacity: var(--content-image-overlay-opacity);
}

@media only screen and (min-width: 1200px) {
	:where(.content-image) {
		--content-image-gutter: 64px;
		--content-image-padding-block: 4rem;
		--content-image-margin-block: 4rem;
	}
}