html[data-duo-folded] {
  --android-safe-top: 0px !important;
  --android-safe-bottom: 0px !important;
  --duo-folded-safe-top: env(safe-area-inset-top, 0px);
  --duo-folded-safe-bottom: env(safe-area-inset-bottom, 0px);
  --duo-folded-menu-height: 65px;
  --duo-folded-content-gap: 30px;
}

  html[data-duo-folded] body {
    padding-top: var(--duo-folded-safe-top);
  }

  html[data-duo-folded] .navbar {
    top: var(--duo-folded-safe-top);
  }

  html[data-duo-folded] .sticky-header {
    height: calc(35px + var(--duo-folded-safe-top));
  }

  html[data-duo-folded] .menu-bottom {
    padding-bottom: var(--duo-folded-safe-bottom);
  }

  html[data-duo-folded] body:has(.menu-bottom) .content:not(.content-body .content) {
    padding-bottom: calc( var(--duo-folded-menu-height) + var(--duo-folded-safe-bottom) + var(--duo-folded-content-gap) );
  }

  html[data-duo-folded] .access-page {
    padding: 0 20px;
    height: unset;
    display: flex;
    align-items: center;
    background-color: #ffffff;
    justify-content: center;
    padding-top: 100px;
  }

  html[data-duo-folded] .invite-code-page .img-div img {
    width: 160px;
  }