@media (orientation: portrait) {
  html[onsflag-iphonex-portrait] .toast {
    bottom: var(--iphonex-safe-area-inset-bottom-portrait);
  }
}

@media (orientation: landscape) {
  html[onsflag-iphonex-landscape] .toast {
    left: calc(var(--iphonex-safe-area-inset-left-landscape) + 8px);
    right: calc(var(--iphonex-safe-area-inset-right-landscape) + 8px);
    bottom: var(--iphonex-safe-area-inset-bottom-landscape);
  }
}