/* Keep the project action available without scrolling the projects list. */
.projects-panel .groups-list {
  min-height: 0;
  padding-bottom: calc(76px + env(safe-area-inset-bottom, 0px));
  overflow-y: auto;
}

@media (max-width: 920px) {
  /* A transformed ancestor changes the containing block of position: fixed.
     Remove it only from the active projects panel. */
  .telegram-app.mobile-view-projects .projects-panel {
    transform: none !important;
    will-change: auto !important;
  }

  .telegram-app.mobile-view-projects .projects-fab-wrap {
    position: fixed !important;
    z-index: 1000;
    left: max(12px, env(safe-area-inset-left, 0px));
    right: auto;
    bottom: max(12px, env(safe-area-inset-bottom, 0px));
    margin: 0;
    padding: 0;
    transform: none;
    pointer-events: auto;
  }
}