body {
    padding-top: constant(safe-area-inset-top);
    padding-left: constant(safe-area-inset-left);
    padding-right: constant(safe-area-inset-right);
    padding-bottom: constant(safe-area-inset-bottom);
}

@supports(padding: max(0px)) {
    body {
        padding-top: max(constant(safe-area-inset-top), env(safe-area-inset-top));
        padding-left: max(constant(safe-area-inset-left), env(safe-area-inset-left));
        padding-right: max(constant(safe-area-inset-right), env(safe-area-inset-right));
        padding-bottom: max(constant(safe-area-inset-bottom), env(safe-area-inset-bottom));
    }
}