.varClass {
  --footerBg: var(--zdt_formAction_bg);
  --footerBorder: var(--zdt_formAction_border);
}

.wrapperDiv {
  position: relative;
  z-index: 1;
  composes: varClass;
}

.footerParent {
  position: relative;
  /* css:theme-validation:ignore */
  /* css:theme-validation:ignore */
  background-color: var(--footerBg);
  border-top: solid 1px var(--footerBorder);
}

.largeFooter {
  padding-top: var(--zd_size24) ;
  padding-bottom: var(--zd_size24) ;
}

.mediumFooter {
  padding-top: var(--zd_size20) ;
  padding-bottom: var(--zd_size20) ;
}

.smallFooter {
  padding-top: var(--zd_size10) ;
  padding-bottom: var(--zd_size10) ;
}

[dir=ltr] .largePadding {
  padding-left: var(--zd_size60) ;
}

[dir=rtl] .largePadding {
  padding-right: var(--zd_size60) ;
}

[dir=ltr] .mediumPadding {
  padding-left: var(--zd_size50) ;
}

[dir=rtl] .mediumPadding {
  padding-right: var(--zd_size50) ;
}

[dir=ltr] .xmediumPadding {
  padding-left: var(--zd_size30) ;
}

[dir=rtl] .xmediumPadding {
  padding-right: var(--zd_size30) ;
}

[dir=ltr] .smallPadding {
  padding-left: var(--zd_size25) ;
}

[dir=rtl] .smallPadding {
  padding-right: var(--zd_size25) ;
}

[dir=ltr] .xsmallPadding {
  padding-left: var(--zd_size20) ;
}

[dir=rtl] .xsmallPadding {
  padding-right: var(--zd_size20) ;
}

.marginRight {
  composes: dinblk from '~@zohodesk/components/es/common/common.module.css';
}

[dir=ltr] .largeFooter .marginRight, [dir=ltr] .mediumFooter .marginRight {
  margin-right: var(--zd_size15) ;
}

[dir=rtl] .largeFooter .marginRight, [dir=rtl] .mediumFooter .marginRight {
  margin-left: var(--zd_size15) ;
}

[dir=ltr] .smallFooter .marginRight {
  margin-right: var(--zd_size12) ;
}

[dir=rtl] .smallFooter .marginRight {
  margin-left: var(--zd_size12) ;
}

[dir=ltr] .marginRight:last-child {
  margin-right: 0 ;
}

[dir=rtl] .marginRight:last-child {
  margin-left: 0 ;
}