#action-dialog.mymex-scan-popup{width:min(640px,calc(100vw - 16px));height:min(860px,calc(100dvh - 16px));max-height:calc(100dvh - 16px);padding:0;overflow:hidden;border-radius:24px;background:var(--navy,#06162f)}
#action-dialog.mymex-scan-popup #action-dialog-content{height:100%;padding:0}
.mymex-scan-popup-frame{display:block;width:100%;height:100%;border:0;background:transparent}
#action-dialog.mymex-scan-popup>[data-close-dialog]{position:absolute;top:12px;right:12px;z-index:4;width:40px;height:40px}
/* The public card deliberately makes other mobile dialogs full-screen with !important.
   Override those rules only while this existing dialog contains the scanner. */
@media(max-width:600px){
  #action-dialog.mymex-scan-popup{inset:0!important;width:calc(100vw - 16px)!important;max-width:none!important;height:min(860px,calc(100dvh - 16px))!important;max-height:calc(100dvh - 16px)!important;margin:auto!important;padding:0!important;overflow:hidden!important;border-radius:24px!important;background:var(--surface,var(--navy,#06162f))!important}
  #action-dialog.mymex-scan-popup.is-choice{height:min(var(--mymex-scan-choice-height,490px),calc(100dvh - 16px))!important}
  #action-dialog.mymex-scan-popup>[data-close-dialog]{position:absolute!important;top:12px!important;right:12px!important}
}

#action-dialog.mymex-scan-popup.is-choice{height:min(var(--mymex-scan-choice-height,490px),calc(100dvh - 16px))}