:root{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}body{padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);padding-right:var(--safe-right);min-height:100vh;min-height:100dvh;box-sizing:border-box}.safe-top{padding-top:var(--safe-top)}.safe-bottom{padding-bottom:var(--safe-bottom)}.safe-x{padding-left:var(--safe-left);padding-right:var(--safe-right)}.page-full{min-height:100vh;min-height:100dvh;padding-top:max(var(--safe-top),16px);padding-bottom:max(var(--safe-bottom),16px);padding-left:max(var(--safe-left),16px);padding-right:max(var(--safe-right),16px);box-sizing:border-box}.sticky-top{position:sticky;top:0;padding-top:var(--safe-top);background:var(--bg, #fff);z-index:10}.sticky-bottom{position:sticky;bottom:0;padding-bottom:var(--safe-bottom);background:var(--bg, #fff);z-index:10}.fixed-top{position:fixed;top:var(--safe-top);left:var(--safe-left);right:var(--safe-right)}.fixed-bottom{position:fixed;bottom:var(--safe-bottom);left:var(--safe-left);right:var(--safe-right)}