/* Keep the official desktop dialog untouched. Penpot 2.16 keeps its desktop
 * two-column onboarding layout at phone widths, which collapses both columns
 * into unreadable fragments. The local overlay uses one scrollable column only
 * for narrow viewports. */
@media (max-width: 640px) {
  .main_ui_onboarding_team_choice__modal-overlay {
    align-items: flex-start !important;
    overflow-y: auto !important;
    padding: 12px !important;
  }

  .main_ui_onboarding_team_choice__modal-container {
    box-sizing: border-box !important;
    inline-size: 100% !important;
    max-inline-size: none !important;
    min-inline-size: 0 !important;
    block-size: auto !important;
    max-block-size: none !important;
    margin: 0 !important;
    padding: 24px 20px !important;
  }

  .main_ui_onboarding_team_choice__modal-sections {
    display: block !important;
    block-size: auto !important;
    max-block-size: none !important;
    overflow: visible !important;
  }

  .main_ui_onboarding_team_choice__modal-left,
  .main_ui_onboarding_team_choice__modal-right {
    block-size: auto !important;
    max-block-size: none !important;
    overflow: visible !important;
  }

  .main_ui_onboarding_team_choice__modal-left,
  .main_ui_onboarding_team_choice__modal-right {
    inline-size: 100% !important;
    min-inline-size: 0 !important;
  }

  .main_ui_onboarding_team_choice__modal-left {
    padding-block-end: 24px !important;
  }

  .main_ui_onboarding_team_choice__separator {
    display: none !important;
  }

  .main_ui_onboarding_team_choice__team-features {
    gap: 12px !important;
  }

  .main_ui_onboarding_team_choice__feature {
    min-inline-size: 0 !important;
  }
}