:root {
  --footer-16--modal-container--background-color: var(--elements--modals--container--background-color);
  --footer-16--modal-container--border-radius: var(--theme--borders--element--border-radius);
  --footer-16--modal-container--box-shadow: var(--elements--modals--container--box-shadow);
  --footer-16--modal-header--border-color: var(--elements--modals--header--border-color);
  --footer-16--modal-header--border-width: var(--elements--modals--header--border-width);
  --footer-16--modal-header--padding-x: var(--theme--spacing--element--margin);
  --footer-16--modal-header--padding-y: var(--theme--spacing--element--margin);
  --footer-16--modal-close-icon--color: var(--elements--modals--close-icon--color);
  --footer-16--modal-title--color: var(--elements--modals--title--color);
  --footer-16--modal-title--font-size: var(--elements--modals--title--font-size);
  --footer-16--modal-title--font-weight: var(--elements--modals--title--font-weight);
  --footer-16--modal-title--letter-spacing: var(--elements--modals--title--letter-spacing);
  --footer-16--modal-title--text-transform: var(--elements--modals--title--text-transform);
  --footer-16--modal-body--color: var(--elements--modals--body--color);
  --footer-16--modal-body--font-size: var(--elements--body-text--body--font-size);
  --footer-16--modal-body--font-weight: var(--elements--body-text--body--font-weight);
  --footer-16--modal-body--letter-spacing: 0px;
  --footer-16--modal-body--text-transform: none;
  --footer-16--modal-body--padding-x: var(--theme--spacing--element--margin);
  --footer-16--modal-body--padding-y: var(--theme--spacing--element--margin);
  --footer-16--modal-footer--border-color: var(--elements--modals--footer--border-color);
  --footer-16--modal-footer--border-width: var(--elements--modals--footer--border-width);
  --footer-16--modal-footer--padding-x: var(--theme--spacing--element--margin);
  --footer-16--modal-footer--padding-y: var(--theme--spacing--element--margin);
  --footer-16--modal-footer--display: flex;
  --footer-16--modal-button--background-color: var(--elements--buttons--primary--background-color);
  --footer-16--modal-button--border-color: var(--elements--buttons--primary--border-color);
  --footer-16--modal-button--border-bottom-width: var(--elements--buttons--button--border-bottom-width);
  --footer-16--modal-button--border-left-width: var(--elements--buttons--button--border-left-width);
  --footer-16--modal-button--border-right-width: var(--elements--buttons--button--border-right-width);
  --footer-16--modal-button--border-top-width: var(--elements--buttons--button--border-top-width);
  --footer-16--modal-button--border-radius: var(--elements--buttons--button--border-radius);
  --footer-16--modal-button--box-shadow: var(--elements--buttons--button--box-shadow);
  --footer-16--modal-button--color: var(--elements--buttons--primary--color);
  --footer-16--modal-button--font-family: var(--elements--buttons--button--font-family);
  --footer-16--modal-button--font-size: var(--elements--buttons--button-small--font-size);
  --footer-16--modal-button--font-weight: var(--elements--buttons--button--font-weight);
  --footer-16--modal-button--letter-spacing: var(--elements--buttons--button--letter-spacing);
  --footer-16--modal-button--padding-x: var(--elements--buttons--button-small--padding-x);
  --footer-16--modal-button--padding-y: var(--elements--buttons--button-small--padding-y);
  --footer-16--modal-button--text-transform: var(--elements--buttons--button--text-transform);
}

/*****************/
/* LARGE DEVICES */
/*****************/
@media (min-width: 1024px) {
  :root {
    --footer-16--modal-container--background-color: var(--elements--modals--container--background-color);
    --footer-16--modal-container--border-radius: var(--theme--borders--element--border-radius);
    --footer-16--modal-container--box-shadow: var(--elements--modals--container--box-shadow);
    --footer-16--modal-header--border-color: var(--elements--modals--header--border-color);
    --footer-16--modal-header--border-width: var(--elements--modals--header--border-width);
    --footer-16--modal-header--padding-x: var(--theme--spacing--element--margin);
    --footer-16--modal-header--padding-y: var(--theme--spacing--element--margin);
    --footer-16--modal-close-icon--color: var(--elements--modals--close-icon--color);
    --footer-16--modal-title--color: var(--elements--modals--title--color);
    --footer-16--modal-title--font-size: var(--elements--modals--title--font-size);
    --footer-16--modal-title--font-weight: var(--elements--modals--title--font-weight);
    --footer-16--modal-title--letter-spacing: var(--elements--modals--title--letter-spacing);
    --footer-16--modal-title--text-transform: var(--elements--modals--title--text-transform);
    --footer-16--modal-body--color: var(--elements--modals--body--color);
    --footer-16--modal-body--font-size: var(--elements--body-text--body--font-size);
    --footer-16--modal-body--font-weight: var(--elements--body-text--body--font-weight);
    --footer-16--modal-body--letter-spacing: 0px;
    --footer-16--modal-body--text-transform: none;
    --footer-16--modal-body--padding-x: var(--theme--spacing--element--margin);
    --footer-16--modal-body--padding-y: var(--theme--spacing--element--margin);
    --footer-16--modal-footer--border-color: var(--elements--modals--footer--border-color);
    --footer-16--modal-footer--border-width: var(--elements--modals--footer--border-width);
    --footer-16--modal-footer--padding-x: var(--theme--spacing--element--margin);
    --footer-16--modal-footer--padding-y: var(--theme--spacing--element--margin);
    --footer-16--modal-footer--display: flex;
    --footer-16--modal-button--background-color: var(--elements--buttons--primary--background-color);
    --footer-16--modal-button--border-color: var(--elements--buttons--primary--border-color);
    --footer-16--modal-button--border-bottom-width: var(--elements--buttons--button--border-bottom-width);
    --footer-16--modal-button--border-left-width: var(--elements--buttons--button--border-left-width);
    --footer-16--modal-button--border-right-width: var(--elements--buttons--button--border-right-width);
    --footer-16--modal-button--border-top-width: var(--elements--buttons--button--border-top-width);
    --footer-16--modal-button--border-radius: var(--elements--buttons--button--border-radius);
    --footer-16--modal-button--box-shadow: var(--elements--buttons--button--box-shadow);
    --footer-16--modal-button--color: var(--elements--buttons--primary--color);
    --footer-16--modal-button--font-family: var(--elements--buttons--button--font-family);
    --footer-16--modal-button--font-size: var(--elements--buttons--button-small--font-size);
    --footer-16--modal-button--font-weight: var(--elements--buttons--button--font-weight);
    --footer-16--modal-button--letter-spacing: var(--elements--buttons--button--letter-spacing);
    --footer-16--modal-button--padding-x: var(--elements--buttons--button-small--padding-x);
    --footer-16--modal-button--padding-y: var(--elements--buttons--button-small--padding-y);
    --footer-16--modal-button--text-transform: var(--elements--buttons--button--text-transform);
  }
}