:root {
  --footer-10--container--background-color: var(--theme--colors--gray--400);
  --footer-10--container--border-bottom-color: transparent;
  --footer-10--container--border-bottom-width: 0px;
  --footer-10--container--border-top-color: transparent;
  --footer-10--container--border-top-width: 0px;
  --footer-10--container--color: var(--theme--colors--gray--800);
  --footer-10--container--font-size: 0.875rem;
  --footer-10--container--padding-y: 2rem;
  --footer-10--heading--border-bottom-color: transparent;
  --footer-10--heading--border-bottom-width: 0px;
  --footer-10--heading--color: var(--elements--headings--footer-heading--color);
  --footer-10--heading--font-size: var(--elements--headings--footer-heading--font-size);
  --footer-10--heading--text-transform: var(--elements--headings--footer-heading--text-transform);
  --footer-10--heading--letter-spacing: var(--elements--headings--footer-heading--letter-spacing);
  --footer-10--heading--padding-bottom: 0rem;
  --footer-10--heading--margin-bottom: var(--elements--headings--footer-heading--margin-bottom);
  --footer-10--subheading--border-bottom-color: transparent;
  --footer-10--subheading--border-bottom-width: 0px;
  --footer-10--subheading--color: var(--elements--headings--footer-heading--color);
  --footer-10--subheading--font-size: var(--elements--headings--footer-heading--font-size);
  --footer-10--subheading--text-transform: var(--elements--headings--footer-heading--text-transform);
  --footer-10--subheading--letter-spacing: var(--elements--headings--footer-heading--letter-spacing);
  --footer-10--subheading--padding-bottom: 0rem;
  --footer-10--subheading--margin-bottom: var(--elements--headings--footer-heading--margin-bottom);
  --footer-10--link--color: var(--theme--colors--gray--800);
  --footer-10--link--color-hover: var(--theme--colors--gray--800);
  --footer-10--link--text-decoration: underline;
  --footer-10--link--text-decoration-hover: underline;
  --footer-10--columns--gap: var(--theme--spacing--grid--margin);
  --footer-10--columns--row-gap: var(--theme--spacing--grid--margin);
  --footer-10--column--padding-x: 0;
  --footer-10--list-item--margin-bottom: 0.5rem;
  --footer-10--form--display: flex;
  --footer-10--form-control--background-color: var(--theme--colors--gray--100);
  --footer-10--form-control--background-color-focus: #ffffff;
  --footer-10--form-control--border-color: var(--theme--colors--gray--400);
  --footer-10--form-control--border-color-focus: var(--theme--colors--gray--500);
  --footer-10--form-control--border-bottom-width: 1px;
  --footer-10--form-control--border-left-width: 1px;
  --footer-10--form-control--border-right-width: 1px;
  --footer-10--form-control--border-top-width: 1px;
  --footer-10--form-control--border-radius: var(--theme--borders--element--border-radius);
  --footer-10--form-control--box-shadow: var(--theme--effects--shadow-sm--box-shadow);
  --footer-10--form-control--color: var(--theme--colors--gray--800);
  --footer-10--form-control-placeholder--color: var(--theme--colors--gray--600);
  --footer-10--form-button--background-color: var(--theme--colors--primary--600);
  --footer-10--form-button--background-color-hover: var(--theme--colors--primary--700);
  --footer-10--form-button--border-color: var(--theme--colors--primary--600);
  --footer-10--form-button--border-color-hover: var(--theme--colors--primary--700);
  --footer-10--form-button--color: #ffffff;
  --footer-10--form-button--color-hover: #ffffff;
  --footer-10--container-bottom--background-color: var(--theme--colors--gray--700);
  --footer-10--container-bottom--border-bottom-color: transparent;
  --footer-10--container-bottom--border-bottom-width: 0px;
  --footer-10--container-bottom--border-top-color: transparent;
  --footer-10--container-bottom--border-top-width: 0px;
  --footer-10--container-bottom--color: #ffffff;
  --footer-10--container-bottom--font-size: 0.75rem;
  --footer-10--container-bottom--font-weight: 400;
  --footer-10--container-bottom--text-transform: none;
  --footer-10--container-bottom--padding-y: 0.5rem;
  --footer-10--link-bottom--color: #ffffff;
  --footer-10--link-bottom--color-hover: #ffffff;
  --footer-10--image-bottom--height: 1rem;
  --footer-10--social-icon--color: var(--theme--colors--gray--600);
  --footer-10--social-icon--height: 1rem;
}

/*****************/
/* LARGE DEVICES */
/*****************/
@media (min-width: 1024px) {
  :root {
    --footer-10--container--padding-y: 3rem;
  }
}