:root {
  --popup-newsletter-01--primary-button--background-color: var(--elements--buttons--primary--background-color);
  --popup-newsletter-01--primary-button--border-color: var(--elements--buttons--primary--border-color);
  --popup-newsletter-01--primary-button--border-bottom-width: var(--elements--buttons--button--border-bottom-width);
  --popup-newsletter-01--primary-button--border-left-width: var(--elements--buttons--button--border-left-width);
  --popup-newsletter-01--primary-button--border-right-width: var(--elements--buttons--button--border-right-width);
  --popup-newsletter-01--primary-button--border-top-width: var(--elements--buttons--button--border-top-width);
  --popup-newsletter-01--primary-button--border-radius: var(--elements--buttons--button--border-radius);
  --popup-newsletter-01--primary-button--box-shadow: var(--elements--buttons--button--box-shadow);
  --popup-newsletter-01--primary-button--color: var(--elements--buttons--primary--color);
  --popup-newsletter-01--primary-button--font-family: var(--elements--buttons--button--font-family);
  --popup-newsletter-01--primary-button--font-size: var(--elements--buttons--button--font-size);
  --popup-newsletter-01--primary-button--font-weight: var(--elements--buttons--button--font-weight);
  --popup-newsletter-01--primary-button--letter-spacing: var(--elements--buttons--button--letter-spacing);
  --popup-newsletter-01--primary-button--padding-y: var(--elements--buttons--button--padding-y);
  --popup-newsletter-01--primary-button--padding-x: var(--elements--buttons--button--padding-x);
  --popup-newsletter-01--primary-button--text-transform: var(--elements--buttons--button--text-transform);
  --popup-newsletter-01--primary-button--background-color-hover: var(--elements--buttons--primary--background-color-hover);
  --popup-newsletter-01--primary-button--border-color-hover: var(--elements--buttons--primary--border-color-hover);
  --popup-newsletter-01--primary-button--color-hover: var(--elements--buttons--primary--color-hover);
  --popup-newsletter-01--modal--max-width: 50rem;
  --popup-newsletter-01--modal--background-color: var(--theme--colors--white);
  --popup-newsletter-01--modal--border-radius: var(--theme--borders--element--border-radius);
  --popup-newsletter-01--image--width: 50%;
  --popup-newsletter-01--image--height: 30rem;
  --popup-newsletter-01--image--min-height: 12rem;
  --popup-newsletter-01--content--padding-y: 1.5rem;
  --popup-newsletter-01--content--padding-x: 1.5rem;
  --popup-newsletter-01--header--margin-bottom: 1rem;
  --popup-newsletter-01--title--font-family: var(--elements--headings--content-heading--font-family);
  --popup-newsletter-01--title--font-size: var(--elements--headings--content-heading--font-size);
  --popup-newsletter-01--title--font-weight: var(--elements--headings--content-heading--font-weight);
  --popup-newsletter-01--title--line-height: var(--elements--headings--content-heading--line-height);
  --popup-newsletter-01--title--letter-spacing: var(--elements--headings--content-heading--letter-spacing);
  --popup-newsletter-01--title--text-transform: var(--elements--headings--content-heading--text-transform);
  --popup-newsletter-01--title--color: var(--elements--headings--content-heading--color);
  --popup-newsletter-01--title--padding-right: 2.5rem;
  --popup-newsletter-01--body--color: var(--elements--body-text--body--color);
  --popup-newsletter-01--body--font-size: var(--elements--body-text--body--font-size);
  --popup-newsletter-01--body--font-family: var(--elements--body-text--body--font-family);
  --popup-newsletter-01--body--font-weight: var(--elements--body-text--body--font-weight);
  --popup-newsletter-01--body--line-height: var(--elements--body-text--body--line-height);
  --popup-newsletter-01--optin--font-size: 0.875rem;
  --popup-newsletter-01--optin--line-height: 1.4;
  --popup-newsletter-01--optin--color: var(--elements--body-text--body--color);
  --popup-newsletter-01--optin--gap: 0.5rem;
  --popup-newsletter-01--optin--margin-top: 0.15rem;
  --popup-newsletter-01--disclosure--font-size: 0.75rem;
  --popup-newsletter-01--disclosure--line-height: 1.4;
  --popup-newsletter-01--disclosure--color: var(--theme--colors--gray--600);
  --popup-newsletter-01--disclosure--margin-top: 0.75rem;
  --popup-newsletter-01--code--font-size: 1.75rem;
  --popup-newsletter-01--code--font-weight: 700;
  --popup-newsletter-01--code--letter-spacing: 0.15em;
  --popup-newsletter-01--code--padding-y: 1rem;
  --popup-newsletter-01--code--padding-x: 1.5rem;
  --popup-newsletter-01--code--background-color: var(--theme--colors--gray--100);
  --popup-newsletter-01--code--border-color: var(--theme--colors--gray--400);
  --popup-newsletter-01--code--border-width: 2px;
  --popup-newsletter-01--code--border-radius: var(--theme--borders--element--border-radius);
  --popup-newsletter-01--code--color: var(--theme--colors--gray--900);
  --popup-newsletter-01--code--gap: 1rem;
  --popup-newsletter-01--close--top: 0.75rem;
  --popup-newsletter-01--close--right: 0.75rem;
  --popup-newsletter-01--close--width: 2rem;
  --popup-newsletter-01--close--height: 2rem;
  --popup-newsletter-01--close--background-color: var(--theme--colors--white);
  --popup-newsletter-01--close--border-radius: 9999px;
  --popup-newsletter-01--close--border-color: var(--theme--colors--gray--300);
  --popup-newsletter-01--close--border-width: 1px;
  --popup-newsletter-01--close--color: var(--theme--colors--gray--900);
}

@media (max-width: 1023px) {
  :root {
    --popup-newsletter-01--primary-button--background-color: var(--elements--buttons--primary--background-color);
    --popup-newsletter-01--primary-button--border-color: var(--elements--buttons--primary--border-color);
    --popup-newsletter-01--primary-button--border-bottom-width: var(--elements--buttons--button--border-bottom-width);
    --popup-newsletter-01--primary-button--border-left-width: var(--elements--buttons--button--border-left-width);
    --popup-newsletter-01--primary-button--border-right-width: var(--elements--buttons--button--border-right-width);
    --popup-newsletter-01--primary-button--border-top-width: var(--elements--buttons--button--border-top-width);
    --popup-newsletter-01--primary-button--border-radius: var(--elements--buttons--button--border-radius);
    --popup-newsletter-01--primary-button--box-shadow: var(--elements--buttons--button--box-shadow);
    --popup-newsletter-01--primary-button--color: var(--elements--buttons--primary--color);
    --popup-newsletter-01--primary-button--font-family: var(--elements--buttons--button--font-family);
    --popup-newsletter-01--primary-button--font-size: var(--elements--buttons--button--font-size);
    --popup-newsletter-01--primary-button--font-weight: var(--elements--buttons--button--font-weight);
    --popup-newsletter-01--primary-button--letter-spacing: var(--elements--buttons--button--letter-spacing);
    --popup-newsletter-01--primary-button--padding-y: var(--elements--buttons--button--padding-y);
    --popup-newsletter-01--primary-button--padding-x: var(--elements--buttons--button--padding-x);
    --popup-newsletter-01--primary-button--text-transform: var(--elements--buttons--button--text-transform);
    --popup-newsletter-01--primary-button--background-color-hover: var(--elements--buttons--primary--background-color-hover);
    --popup-newsletter-01--primary-button--border-color-hover: var(--elements--buttons--primary--border-color-hover);
    --popup-newsletter-01--primary-button--color-hover: var(--elements--buttons--primary--color-hover);
    --popup-newsletter-01--modal--max-width: 100%;
    --popup-newsletter-01--modal--background-color: var(--theme--colors--white);
    --popup-newsletter-01--modal--border-radius: var(--theme--borders--element--border-radius);
    --popup-newsletter-01--image--width: 100%;
    --popup-newsletter-01--image--height: 12rem;
    --popup-newsletter-01--image--min-height: 9rem;
    --popup-newsletter-01--content--padding-y: 1.25rem;
    --popup-newsletter-01--content--padding-x: 1.25rem;
    --popup-newsletter-01--header--margin-bottom: 1rem;
    --popup-newsletter-01--title--font-family: var(--elements--headings--content-heading--font-family);
    --popup-newsletter-01--title--font-size: var(--elements--headings--content-heading--font-size);
    --popup-newsletter-01--title--font-weight: var(--elements--headings--content-heading--font-weight);
    --popup-newsletter-01--title--line-height: var(--elements--headings--content-heading--line-height);
    --popup-newsletter-01--title--letter-spacing: var(--elements--headings--content-heading--letter-spacing);
    --popup-newsletter-01--title--text-transform: var(--elements--headings--content-heading--text-transform);
    --popup-newsletter-01--title--color: var(--elements--headings--content-heading--color);
    --popup-newsletter-01--title--padding-right: 2.25rem;
    --popup-newsletter-01--body--color: var(--elements--body-text--body--color);
    --popup-newsletter-01--body--font-size: var(--elements--body-text--body--font-size);
    --popup-newsletter-01--body--font-family: var(--elements--body-text--body--font-family);
    --popup-newsletter-01--body--font-weight: var(--elements--body-text--body--font-weight);
    --popup-newsletter-01--body--line-height: var(--elements--body-text--body--line-height);
    --popup-newsletter-01--optin--font-size: 0.875rem;
    --popup-newsletter-01--optin--line-height: 1.4;
    --popup-newsletter-01--optin--color: var(--elements--body-text--body--color);
    --popup-newsletter-01--optin--gap: 0.5rem;
    --popup-newsletter-01--optin--margin-top: 0.15rem;
    --popup-newsletter-01--disclosure--font-size: 0.75rem;
    --popup-newsletter-01--disclosure--line-height: 1.4;
    --popup-newsletter-01--disclosure--color: var(--theme--colors--gray--600);
    --popup-newsletter-01--disclosure--margin-top: 0.75rem;
    --popup-newsletter-01--code--font-size: 1.5rem;
    --popup-newsletter-01--code--font-weight: 700;
    --popup-newsletter-01--code--letter-spacing: 0.1em;
    --popup-newsletter-01--code--padding-y: 0.875rem;
    --popup-newsletter-01--code--padding-x: 1.25rem;
    --popup-newsletter-01--code--background-color: var(--theme--colors--gray--100);
    --popup-newsletter-01--code--border-color: var(--theme--colors--gray--400);
    --popup-newsletter-01--code--border-width: 2px;
    --popup-newsletter-01--code--border-radius: var(--theme--borders--element--border-radius);
    --popup-newsletter-01--code--color: var(--theme--colors--gray--900);
    --popup-newsletter-01--code--gap: 0.875rem;
    --popup-newsletter-01--close--top: 0.5rem;
    --popup-newsletter-01--close--right: 0.5rem;
    --popup-newsletter-01--close--width: 2rem;
    --popup-newsletter-01--close--height: 2rem;
    --popup-newsletter-01--close--background-color: var(--theme--colors--white);
    --popup-newsletter-01--close--border-radius: 9999px;
    --popup-newsletter-01--close--border-color: var(--theme--colors--gray--300);
    --popup-newsletter-01--close--border-width: 1px;
    --popup-newsletter-01--close--color: var(--theme--colors--gray--900);
  }
}
@media (min-width: 1024px) {
  :root {
    --popup-newsletter-01--primary-button--background-color: var(--elements--buttons--primary--background-color);
    --popup-newsletter-01--primary-button--border-color: var(--elements--buttons--primary--border-color);
    --popup-newsletter-01--primary-button--border-bottom-width: var(--elements--buttons--button--border-bottom-width);
    --popup-newsletter-01--primary-button--border-left-width: var(--elements--buttons--button--border-left-width);
    --popup-newsletter-01--primary-button--border-right-width: var(--elements--buttons--button--border-right-width);
    --popup-newsletter-01--primary-button--border-top-width: var(--elements--buttons--button--border-top-width);
    --popup-newsletter-01--primary-button--border-radius: var(--elements--buttons--button--border-radius);
    --popup-newsletter-01--primary-button--box-shadow: var(--elements--buttons--button--box-shadow);
    --popup-newsletter-01--primary-button--color: var(--elements--buttons--primary--color);
    --popup-newsletter-01--primary-button--font-family: var(--elements--buttons--button--font-family);
    --popup-newsletter-01--primary-button--font-size: var(--elements--buttons--button--font-size);
    --popup-newsletter-01--primary-button--font-weight: var(--elements--buttons--button--font-weight);
    --popup-newsletter-01--primary-button--letter-spacing: var(--elements--buttons--button--letter-spacing);
    --popup-newsletter-01--primary-button--padding-y: var(--elements--buttons--button--padding-y);
    --popup-newsletter-01--primary-button--padding-x: var(--elements--buttons--button--padding-x);
    --popup-newsletter-01--primary-button--text-transform: var(--elements--buttons--button--text-transform);
    --popup-newsletter-01--primary-button--background-color-hover: var(--elements--buttons--primary--background-color-hover);
    --popup-newsletter-01--primary-button--border-color-hover: var(--elements--buttons--primary--border-color-hover);
    --popup-newsletter-01--primary-button--color-hover: var(--elements--buttons--primary--color-hover);
    --popup-newsletter-01--modal--max-width: 50rem;
    --popup-newsletter-01--modal--background-color: var(--theme--colors--white);
    --popup-newsletter-01--modal--border-radius: var(--theme--borders--element--border-radius);
    --popup-newsletter-01--image--width: 50%;
    --popup-newsletter-01--image--height: 30rem;
    --popup-newsletter-01--image--min-height: 12rem;
    --popup-newsletter-01--content--padding-y: 2rem;
    --popup-newsletter-01--content--padding-x: 2rem;
    --popup-newsletter-01--header--margin-bottom: 1.25rem;
    --popup-newsletter-01--title--font-family: var(--elements--headings--content-heading--font-family);
    --popup-newsletter-01--title--font-size: var(--elements--headings--content-heading--font-size);
    --popup-newsletter-01--title--font-weight: var(--elements--headings--content-heading--font-weight);
    --popup-newsletter-01--title--line-height: var(--elements--headings--content-heading--line-height);
    --popup-newsletter-01--title--letter-spacing: var(--elements--headings--content-heading--letter-spacing);
    --popup-newsletter-01--title--text-transform: var(--elements--headings--content-heading--text-transform);
    --popup-newsletter-01--title--color: var(--elements--headings--content-heading--color);
    --popup-newsletter-01--title--padding-right: 2.5rem;
    --popup-newsletter-01--body--color: var(--elements--body-text--body--color);
    --popup-newsletter-01--body--font-size: var(--elements--body-text--body--font-size);
    --popup-newsletter-01--body--font-family: var(--elements--body-text--body--font-family);
    --popup-newsletter-01--body--font-weight: var(--elements--body-text--body--font-weight);
    --popup-newsletter-01--body--line-height: var(--elements--body-text--body--line-height);
    --popup-newsletter-01--optin--font-size: 0.875rem;
    --popup-newsletter-01--optin--line-height: 1.4;
    --popup-newsletter-01--optin--color: var(--elements--body-text--body--color);
    --popup-newsletter-01--optin--gap: 0.5rem;
    --popup-newsletter-01--optin--margin-top: 0.15rem;
    --popup-newsletter-01--disclosure--font-size: 0.75rem;
    --popup-newsletter-01--disclosure--line-height: 1.4;
    --popup-newsletter-01--disclosure--color: var(--theme--colors--gray--600);
    --popup-newsletter-01--disclosure--margin-top: 0.75rem;
    --popup-newsletter-01--code--font-size: 1.75rem;
    --popup-newsletter-01--code--font-weight: 700;
    --popup-newsletter-01--code--letter-spacing: 0.15em;
    --popup-newsletter-01--code--padding-y: 1rem;
    --popup-newsletter-01--code--padding-x: 1.5rem;
    --popup-newsletter-01--code--background-color: var(--theme--colors--gray--100);
    --popup-newsletter-01--code--border-color: var(--theme--colors--gray--400);
    --popup-newsletter-01--code--border-width: 2px;
    --popup-newsletter-01--code--border-radius: var(--theme--borders--element--border-radius);
    --popup-newsletter-01--code--color: var(--theme--colors--gray--900);
    --popup-newsletter-01--code--gap: 1rem;
    --popup-newsletter-01--close--top: 0.75rem;
    --popup-newsletter-01--close--right: 0.75rem;
    --popup-newsletter-01--close--width: 2rem;
    --popup-newsletter-01--close--height: 2rem;
    --popup-newsletter-01--close--background-color: var(--theme--colors--white);
    --popup-newsletter-01--close--border-radius: 9999px;
    --popup-newsletter-01--close--border-color: var(--theme--colors--gray--300);
    --popup-newsletter-01--close--border-width: 1px;
    --popup-newsletter-01--close--color: var(--theme--colors--gray--900);
  }
}