@media (orientation: portrait) {
  html[onsflag-iphonex-portrait] .action-sheet {
    bottom: calc(var(--iphonex-safe-area-inset-bottom-portrait) + 14px); /* bottom safe area + 14 pt (extra bottom margin) */
  }
}

@media (orientation: landscape) {
  html[onsflag-iphonex-landscape] .action-sheet {
    /* The width in landscape mode is the same as the width in portrait mode */
    left: calc((100vw - (100vh + 20px)) / 2);
    right: calc((100vw - (100vh + 20px)) / 2);
    bottom: calc(var(--iphonex-safe-area-inset-bottom-landscape) + 12px); /* bottom safe area + 12 pt (extra bottom margin) */
  }
}