@zohodesk/dot/es/emptystate/EditionPage/EditionPage.css

In this Library, we Provide Some Basic Components to Build Your Application

.editionContainer {
  text-align: center;
}
.svg {
  margin-top: var(--zd_size140) ;
}
.header {
  font-size: var(--zd_font_size20) ;
  font-weight: var(--zd-fw-semibold);
  margin-block-start: var(--zd_size16) ;
}
.description {
  font-size: var(--zd_font_size15) ;
  font-weight: var(--zd-fw-semibold);
  margin-block: var(--zd_size20) ;
  margin-inline:0 ;
}
.content {
  margin-block: var(--zd_size10) ;
  margin-inline:0 ;
}
.footer {
  font-size: var(--zd_font_size13) ;
  margin-block: var(--zd_size10) var(--zd_size80) ;
  margin-inline:0 ;
  position: relative;
  display: inline-block;
}
.footer::before {
  content: '';
  position: absolute;
  top: calc( var(--zd_size10) * -1 ) ;
  border-top: var(--zd_size1) solid var(--zdt_editionpage_footer_text);
}
[dir=ltr] .footer::before {
  left: calc( var(--zd_size20) * -1 ) ;
  right: calc( var(--zd_size20) * -1 ) ;
}
[dir=rtl] .footer::before {
  right: calc( var(--zd_size20) * -1 ) ;
  left: calc( var(--zd_size20) * -1 ) ;
}
.button {
  color: var(--zdt_editionpage_primary_text);
  cursor: pointer;
}