:root {
  --app-safe-top: env(safe-area-inset-top, 0px);
  --app-safe-bottom: env(safe-area-inset-bottom, 0px);
  --app-statusbar-fallback: 0px;
  --app-safe-top-effective: max(var(--app-safe-top), var(--app-statusbar-fallback));
}

html.capacitor-native {
  --app-statusbar-fallback: 24px;
}

html.capacitor-platform-ios {
  --app-statusbar-fallback: 0px;
}