:root {
  --content-100--primary-button--background-color: var(--elements--buttons--primary--background-color);
  --content-100--primary-button--border-color: var(--elements--buttons--primary--border-color);
  --content-100--primary-button--border-bottom-width: var(--elements--buttons--button--border-bottom-width);
  --content-100--primary-button--border-left-width: var(--elements--buttons--button--border-left-width);
  --content-100--primary-button--border-right-width: var(--elements--buttons--button--border-right-width);
  --content-100--primary-button--border-top-width: var(--elements--buttons--button--border-top-width);
  --content-100--primary-button--border-radius: var(--elements--buttons--button--border-radius);
  --content-100--primary-button--box-shadow: var(--elements--buttons--button--box-shadow);
  --content-100--primary-button--color: var(--elements--buttons--primary--color);
  --content-100--primary-button--font-family: var(--elements--buttons--button--font-family);
  --content-100--primary-button--font-size: var(--elements--buttons--button--font-size);
  --content-100--primary-button--font-weight: var(--elements--buttons--button--font-weight);
  --content-100--primary-button--letter-spacing: var(--elements--buttons--button--letter-spacing);
  --content-100--primary-button--padding-y: var(--elements--buttons--button--padding-y);
  --content-100--primary-button--padding-x: var(--elements--buttons--button--padding-x);
  --content-100--primary-button--text-transform: var(--elements--buttons--button--text-transform);
  --content-100--primary-button--background-color-hover: var(--elements--buttons--primary--background-color-hover);
  --content-100--primary-button--border-color-hover: var(--elements--buttons--primary--border-color-hover);
  --content-100--primary-button--color-hover: var(--elements--buttons--primary--color-hover);
  --content-100--block--background-color: transparent;
  --content-100--block--padding-y: 3rem;
  --content-100--block--margin-top: var(--theme--spacing--block--margin);
  --content-100--container--padding-x: var(--theme--spacing--grid--margin);
  --content-100--grid--gap: 0.25rem;
  --content-100--label--color: var(--elements--headings--content-subheading--color);
  --content-100--label--font-family: var(--elements--headings--content-subheading--font-family);
  --content-100--label--font-size: var(--elements--headings--content-subheading--font-size);
  --content-100--label--font-weight: var(--elements--headings--content-subheading--font-weight);
  --content-100--label--line-height: var(--elements--headings--content-subheading--line-height);
  --content-100--label--letter-spacing: var(--elements--headings--content-subheading--letter-spacing);
  --content-100--label--text-transform: var(--elements--headings--content-subheading--text-transform);
  --content-100--label--margin-bottom: 3rem;
  --content-100--title-item--gap: 1rem;
  --content-100--title-item--padding-y: 0.75rem;
  --content-100--title-item-underline--border-bottom-width: 2px;
  --content-100--title-item-underline--border-bottom-color: var(--elements--headings--header-heading--color);
  --content-100--title-item-underline--text-align: right;
  --content-100--title--color: var(--theme--colors--gray--400);
  --content-100--title-hover--color: var(--elements--headings--header-heading--color);
  --content-100--title--font-family: var(--elements--headings--header-heading--font-family);
  --content-100--title--font-size: 3.5rem;
  --content-100--title--font-weight: var(--elements--headings--header-heading--font-weight);
  --content-100--title--line-height: var(--elements--headings--header-heading--line-height);
  --content-100--title--letter-spacing: var(--elements--headings--header-heading--letter-spacing);
  --content-100--title--text-transform: var(--elements--headings--header-heading--text-transform);
  --content-100--thumbnail--width: 3.5rem;
  --content-100--thumbnail--border-radius: var(--theme--borders--element--border-radius);
  --content-100--previews--margin-top: 2.5rem;
  --content-100--preview--gap: 0.5rem;
  --content-100--preview-title--color: var(--elements--headings--content-subheading--color);
  --content-100--preview-title--font-family: var(--elements--headings--content-subheading--font-family);
  --content-100--preview-title--font-size: var(--elements--headings--content-subheading--font-size);
  --content-100--preview-title--font-weight: var(--elements--headings--content-subheading--font-weight);
  --content-100--preview-title--line-height: var(--elements--headings--content-subheading--line-height);
  --content-100--preview-title--letter-spacing: var(--elements--headings--content-subheading--letter-spacing);
  --content-100--preview-title--text-transform: var(--elements--headings--content-subheading--text-transform);
  --content-100--preview-text--color: var(--elements--body-text--body--color);
  --content-100--preview-text--font-family: var(--elements--body-text--body--font-family);
  --content-100--preview-text--font-size: var(--elements--body-text--body--font-size);
  --content-100--preview-text--font-weight: var(--elements--body-text--body--font-weight);
  --content-100--preview-text--line-height: var(--elements--body-text--body--line-height);
  --content-100--preview-text--letter-spacing: var(--elements--body-text--body--letter-spacing);
  --content-100--image--border-radius: 1rem;
  --content-100--image--height: 32rem;
  --content-100--content--background-color: var(--theme--colors--gray--100);
  --content-100--content--border-radius: 1rem;
  --content-100--content--padding-y: 2.5rem;
  --content-100--content--padding-bottom: 4rem;
  --content-100--content--padding-x: 3rem;
  --content-100--content--text-align: center;
  --content-100--image-overlay--padding-y: 2rem;
  --content-100--image-overlay--padding-x: 1.5rem;
  --content-100--image-overlay--background-color: rgba(0, 0, 0, 0.55);
  --content-100--image-overlay--gap: 1rem;
  --content-100--image-title--color: var(--theme--colors--white);
  --content-100--image-title--font-family: var(--elements--headings--item-heading--font-family);
  --content-100--image-title--font-size: var(--elements--headings--item-heading--font-size);
  --content-100--image-title--font-weight: var(--elements--headings--item-heading--font-weight);
  --content-100--image-title--line-height: var(--elements--headings--item-heading--line-height);
  --content-100--image-title--letter-spacing: var(--elements--headings--item-heading--letter-spacing);
  --content-100--image-title--text-transform: var(--elements--headings--item-heading--text-transform);
  --content-100--image-subtitle--color: var(--theme--colors--white);
  --content-100--image-subtitle--font-family: var(--elements--headings--content-subheading--font-family);
  --content-100--image-subtitle--font-size: var(--elements--headings--content-subheading--font-size);
  --content-100--image-subtitle--font-weight: var(--elements--headings--content-subheading--font-weight);
  --content-100--image-subtitle--line-height: var(--elements--headings--content-subheading--line-height);
  --content-100--image-subtitle--letter-spacing: var(--elements--headings--content-subheading--letter-spacing);
  --content-100--image-subtitle--text-transform: var(--elements--headings--content-subheading--text-transform);
}

@media (max-width: 1023px) {
  :root {
    --content-100--primary-button--background-color: var(--elements--buttons--primary--background-color);
    --content-100--primary-button--border-color: var(--elements--buttons--primary--border-color);
    --content-100--primary-button--border-bottom-width: var(--elements--buttons--button--border-bottom-width);
    --content-100--primary-button--border-left-width: var(--elements--buttons--button--border-left-width);
    --content-100--primary-button--border-right-width: var(--elements--buttons--button--border-right-width);
    --content-100--primary-button--border-top-width: var(--elements--buttons--button--border-top-width);
    --content-100--primary-button--border-radius: var(--elements--buttons--button--border-radius);
    --content-100--primary-button--box-shadow: var(--elements--buttons--button--box-shadow);
    --content-100--primary-button--color: var(--elements--buttons--primary--color);
    --content-100--primary-button--font-family: var(--elements--buttons--button--font-family);
    --content-100--primary-button--font-size: var(--elements--buttons--button--font-size);
    --content-100--primary-button--font-weight: var(--elements--buttons--button--font-weight);
    --content-100--primary-button--letter-spacing: var(--elements--buttons--button--letter-spacing);
    --content-100--primary-button--padding-y: var(--elements--buttons--button--padding-y);
    --content-100--primary-button--padding-x: var(--elements--buttons--button--padding-x);
    --content-100--primary-button--text-transform: var(--elements--buttons--button--text-transform);
    --content-100--primary-button--background-color-hover: var(--elements--buttons--primary--background-color-hover);
    --content-100--primary-button--border-color-hover: var(--elements--buttons--primary--border-color-hover);
    --content-100--primary-button--color-hover: var(--elements--buttons--primary--color-hover);
    --content-100--block--background-color: transparent;
    --content-100--block--padding-y: 2rem;
    --content-100--block--margin-top: var(--theme--spacing--block--margin);
    --content-100--container--padding-x: var(--theme--spacing--grid--margin);
    --content-100--grid--gap: 0.25rem;
    --content-100--label--color: var(--elements--headings--content-subheading--color);
    --content-100--label--font-family: var(--elements--headings--content-subheading--font-family);
    --content-100--label--font-size: var(--elements--headings--content-subheading--font-size);
    --content-100--label--font-weight: var(--elements--headings--content-subheading--font-weight);
    --content-100--label--line-height: var(--elements--headings--content-subheading--line-height);
    --content-100--label--letter-spacing: var(--elements--headings--content-subheading--letter-spacing);
    --content-100--label--text-transform: var(--elements--headings--content-subheading--text-transform);
    --content-100--label--margin-bottom: 3rem;
    --content-100--title-item--gap: 0.75rem;
    --content-100--title-item--padding-y: 0.625rem;
    --content-100--title--color: var(--theme--colors--gray--400);
    --content-100--title-hover--color: var(--elements--headings--header-heading--color);
    --content-100--title--font-family: var(--elements--headings--header-heading--font-family);
    --content-100--title--font-size: 1.75rem;
    --content-100--title--font-weight: var(--elements--headings--header-heading--font-weight);
    --content-100--title--line-height: var(--elements--headings--header-heading--line-height);
    --content-100--title--letter-spacing: var(--elements--headings--header-heading--letter-spacing);
    --content-100--title--text-transform: var(--elements--headings--header-heading--text-transform);
    --content-100--thumbnail--width: 2.75rem;
    --content-100--thumbnail--border-radius: var(--theme--borders--element--border-radius);
    --content-100--previews--margin-top: 1.25rem;
    --content-100--preview--gap: 0.5rem;
    --content-100--preview-title--color: var(--elements--headings--content-subheading--color);
    --content-100--preview-title--font-family: var(--elements--headings--content-subheading--font-family);
    --content-100--preview-title--font-size: var(--elements--headings--content-subheading--font-size);
    --content-100--preview-title--font-weight: var(--elements--headings--content-subheading--font-weight);
    --content-100--preview-title--line-height: var(--elements--headings--content-subheading--line-height);
    --content-100--preview-title--letter-spacing: var(--elements--headings--content-subheading--letter-spacing);
    --content-100--preview-title--text-transform: var(--elements--headings--content-subheading--text-transform);
    --content-100--preview-text--color: var(--elements--body-text--body--color);
    --content-100--preview-text--font-family: var(--elements--body-text--body--font-family);
    --content-100--preview-text--font-size: var(--elements--body-text--body--font-size);
    --content-100--preview-text--font-weight: var(--elements--body-text--body--font-weight);
    --content-100--preview-text--line-height: var(--elements--body-text--body--line-height);
    --content-100--preview-text--letter-spacing: var(--elements--body-text--body--letter-spacing);
    --content-100--image--border-radius: 1rem;
    --content-100--image--height: 32rem;
    --content-100--content--background-color: var(--theme--colors--gray--100);
    --content-100--content--padding-y: 2rem;
    --content-100--content--padding-bottom: 3rem;
    --content-100--content--padding-x: 1.5rem;
    --content-100--content--text-align: center;
    --content-100--image-overlay--padding-y: 1.5rem;
    --content-100--image-overlay--padding-x: 1.25rem;
    --content-100--image-overlay--background-color: rgba(0, 0, 0, 0.55);
    --content-100--image-overlay--gap: 0.75rem;
    --content-100--image-title--color: var(--theme--colors--white);
    --content-100--image-title--font-family: var(--elements--headings--item-heading--font-family);
    --content-100--image-title--font-size: var(--elements--headings--item-heading--font-size);
    --content-100--image-title--font-weight: var(--elements--headings--item-heading--font-weight);
    --content-100--image-title--line-height: var(--elements--headings--item-heading--line-height);
    --content-100--image-title--letter-spacing: var(--elements--headings--item-heading--letter-spacing);
    --content-100--image-title--text-transform: var(--elements--headings--item-heading--text-transform);
    --content-100--image-subtitle--color: var(--theme--colors--white);
    --content-100--image-subtitle--font-family: var(--elements--headings--content-subheading--font-family);
    --content-100--image-subtitle--font-size: var(--elements--headings--content-subheading--font-size);
    --content-100--image-subtitle--font-weight: var(--elements--headings--content-subheading--font-weight);
    --content-100--image-subtitle--line-height: var(--elements--headings--content-subheading--line-height);
    --content-100--image-subtitle--letter-spacing: var(--elements--headings--content-subheading--letter-spacing);
    --content-100--image-subtitle--text-transform: var(--elements--headings--content-subheading--text-transform);
  }
}
@media (min-width: 1024px) {
  :root {
    --content-100--primary-button--background-color: var(--elements--buttons--primary--background-color);
    --content-100--primary-button--border-color: var(--elements--buttons--primary--border-color);
    --content-100--primary-button--border-bottom-width: var(--elements--buttons--button--border-bottom-width);
    --content-100--primary-button--border-left-width: var(--elements--buttons--button--border-left-width);
    --content-100--primary-button--border-right-width: var(--elements--buttons--button--border-right-width);
    --content-100--primary-button--border-top-width: var(--elements--buttons--button--border-top-width);
    --content-100--primary-button--border-radius: var(--elements--buttons--button--border-radius);
    --content-100--primary-button--box-shadow: var(--elements--buttons--button--box-shadow);
    --content-100--primary-button--color: var(--elements--buttons--primary--color);
    --content-100--primary-button--font-family: var(--elements--buttons--button--font-family);
    --content-100--primary-button--font-size: var(--elements--buttons--button--font-size);
    --content-100--primary-button--font-weight: var(--elements--buttons--button--font-weight);
    --content-100--primary-button--letter-spacing: var(--elements--buttons--button--letter-spacing);
    --content-100--primary-button--padding-y: var(--elements--buttons--button--padding-y);
    --content-100--primary-button--padding-x: var(--elements--buttons--button--padding-x);
    --content-100--primary-button--text-transform: var(--elements--buttons--button--text-transform);
    --content-100--primary-button--background-color-hover: var(--elements--buttons--primary--background-color-hover);
    --content-100--primary-button--border-color-hover: var(--elements--buttons--primary--border-color-hover);
    --content-100--primary-button--color-hover: var(--elements--buttons--primary--color-hover);
    --content-100--block--background-color: transparent;
    --content-100--block--padding-y: 3rem;
    --content-100--block--margin-top: var(--theme--spacing--block--margin);
    --content-100--container--padding-x: var(--theme--spacing--grid--margin);
    --content-100--grid--gap: 0.25rem;
    --content-100--label--color: var(--elements--headings--content-subheading--color);
    --content-100--label--font-family: var(--elements--headings--content-subheading--font-family);
    --content-100--label--font-size: var(--elements--headings--content-subheading--font-size);
    --content-100--label--font-weight: var(--elements--headings--content-subheading--font-weight);
    --content-100--label--line-height: var(--elements--headings--content-subheading--line-height);
    --content-100--label--letter-spacing: var(--elements--headings--content-subheading--letter-spacing);
    --content-100--label--text-transform: var(--elements--headings--content-subheading--text-transform);
    --content-100--label--margin-bottom: 3rem;
    --content-100--title-item--gap: 1rem;
    --content-100--title-item--padding-y: 0.75rem;
    --content-100--title--color: var(--theme--colors--gray--400);
    --content-100--title-hover--color: var(--elements--headings--header-heading--color);
    --content-100--title--font-family: var(--elements--headings--header-heading--font-family);
    --content-100--title--font-size: 3.5rem;
    --content-100--title--font-weight: var(--elements--headings--header-heading--font-weight);
    --content-100--title--line-height: var(--elements--headings--header-heading--line-height);
    --content-100--title--letter-spacing: var(--elements--headings--header-heading--letter-spacing);
    --content-100--title--text-transform: var(--elements--headings--header-heading--text-transform);
    --content-100--thumbnail--width: 3.5rem;
    --content-100--thumbnail--border-radius: var(--theme--borders--element--border-radius);
    --content-100--previews--margin-top: 2.5rem;
    --content-100--preview--gap: 0.5rem;
    --content-100--preview-title--color: var(--elements--headings--content-subheading--color);
    --content-100--preview-title--font-family: var(--elements--headings--content-subheading--font-family);
    --content-100--preview-title--font-size: var(--elements--headings--content-subheading--font-size);
    --content-100--preview-title--font-weight: var(--elements--headings--content-subheading--font-weight);
    --content-100--preview-title--line-height: var(--elements--headings--content-subheading--line-height);
    --content-100--preview-title--letter-spacing: var(--elements--headings--content-subheading--letter-spacing);
    --content-100--preview-title--text-transform: var(--elements--headings--content-subheading--text-transform);
    --content-100--preview-text--color: var(--elements--body-text--body--color);
    --content-100--preview-text--font-family: var(--elements--body-text--body--font-family);
    --content-100--preview-text--font-size: var(--elements--body-text--body--font-size);
    --content-100--preview-text--font-weight: var(--elements--body-text--body--font-weight);
    --content-100--preview-text--line-height: var(--elements--body-text--body--line-height);
    --content-100--preview-text--letter-spacing: var(--elements--body-text--body--letter-spacing);
    --content-100--image--border-radius: 1rem;
    --content-100--image--height: 48rem;
    --content-100--content--background-color: var(--theme--colors--gray--100);
    --content-100--content--padding-y: 2.5rem;
    --content-100--content--padding-bottom: 4rem;
    --content-100--content--padding-x: 3rem;
    --content-100--content--text-align: center;
    --content-100--image-overlay--padding-y: 2rem;
    --content-100--image-overlay--padding-x: 1.5rem;
    --content-100--image-overlay--background-color: rgba(0, 0, 0, 0.55);
    --content-100--image-overlay--gap: 1rem;
    --content-100--image-title--color: var(--theme--colors--white);
    --content-100--image-title--font-family: var(--elements--headings--item-heading--font-family);
    --content-100--image-title--font-size: var(--elements--headings--item-heading--font-size);
    --content-100--image-title--font-weight: var(--elements--headings--item-heading--font-weight);
    --content-100--image-title--line-height: var(--elements--headings--item-heading--line-height);
    --content-100--image-title--letter-spacing: var(--elements--headings--item-heading--letter-spacing);
    --content-100--image-title--text-transform: var(--elements--headings--item-heading--text-transform);
    --content-100--image-subtitle--color: var(--theme--colors--white);
    --content-100--image-subtitle--font-family: var(--elements--headings--content-subheading--font-family);
    --content-100--image-subtitle--font-size: var(--elements--headings--content-subheading--font-size);
    --content-100--image-subtitle--font-weight: var(--elements--headings--content-subheading--font-weight);
    --content-100--image-subtitle--line-height: var(--elements--headings--content-subheading--line-height);
    --content-100--image-subtitle--letter-spacing: var(--elements--headings--content-subheading--letter-spacing);
    --content-100--image-subtitle--text-transform: var(--elements--headings--content-subheading--text-transform);
  }
}