: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: 0.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 {
  max-width: var(--content-image-max-width);
  min-height: var(--content-image-min-height);
  margin-inline: auto;
}
.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);
}
.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: 0.25em 0.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;
  }
}

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