page {
  --safe-area-inset-top: 0rpx;
  --safe-area-inset-right: 0rpx;
  --safe-area-inset-bottom: 0rpx;
  --safe-area-inset-left: 0rpx;
}

@supports (bottom: constant(safe-area-inset-bottom)) {
  page {
    --safe-area-inset-top: constant(safe-area-inset-top);
    --safe-area-inset-right: constant(safe-area-inset-right);
    --safe-area-inset-bottom: constant(safe-area-inset-bottom);
    --safe-area-inset-left: constant(safe-area-inset-left);
  }
}

@supports (bottom: env(safe-area-inset-bottom)) {
  page {
    --safe-area-inset-top: env(safe-area-inset-top);
    --safe-area-inset-right: env(safe-area-inset-right);
    --safe-area-inset-bottom: env(safe-area-inset-bottom);
    --safe-area-inset-left: env(safe-area-inset-left);
  }
}