:root{
  --rooom-safe-top:env(safe-area-inset-top, 0px);
  --rooom-safe-right:env(safe-area-inset-right, 0px);
  --rooom-safe-bottom:env(safe-area-inset-bottom, 0px);
  --rooom-safe-left:env(safe-area-inset-left, 0px);
}

html{
  min-height:100%;
}

body.rooom-safe-shell-page{
  box-sizing:border-box !important;
  min-height:100dvh;
  padding-top:calc(var(--rooom-page-pad-top, 0px) + var(--rooom-safe-top)) !important;
  padding-right:calc(var(--rooom-page-pad-right, 0px) + var(--rooom-safe-right)) !important;
  padding-bottom:var(--rooom-page-pad-bottom, 0px) !important;
  padding-left:calc(var(--rooom-page-pad-left, 0px) + var(--rooom-safe-left)) !important;
}