@layer base{.safe-top{padding-top:max(env(safe-area-inset-top),16px)}.safe-bottom{padding-bottom:max(env(safe-area-inset-bottom),16px)}.safe-left{padding-left:max(env(safe-area-inset-left),16px)}.safe-right{padding-right:max(env(safe-area-inset-right),16px)}.safe-inset{padding:max(env(safe-area-inset-top),16px)max(env(safe-area-inset-right),16px)max(env(safe-area-inset-bottom),16px)max(env(safe-area-inset-left),16px)}.safe-header{padding-top:max(env(safe-area-inset-top),12px)}.safe-footer{padding-bottom:max(env(safe-area-inset-bottom),20px)}.notch-aware-center{padding-left:max(env(safe-area-inset-left),20px);padding-right:max(env(safe-area-inset-right),20px)}}@layer utilities{.top-nav-safe{padding-top:max(env(safe-area-inset-top),12px);min-height:calc(44px + env(safe-area-inset-top))}.bottom-nav-safe{padding-bottom:max(env(safe-area-inset-bottom),12px);min-height:calc(44px + env(safe-area-inset-bottom))}.safe-screen{padding:env(safe-area-inset-top)env(safe-area-inset-right)env(safe-area-inset-bottom)env(safe-area-inset-left);min-height:100dvh}.pb-safe{padding-bottom:max(1rem,env(safe-area-inset-bottom))}.pt-safe{padding-top:max(1rem,env(safe-area-inset-top))}.pl-safe{padding-left:max(1rem,env(safe-area-inset-left))}.pr-safe{padding-right:max(1rem,env(safe-area-inset-right))}.px-safe{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.py-safe{padding-top:max(1rem,env(safe-area-inset-top));padding-bottom:max(1rem,env(safe-area-inset-bottom))}.p-safe{padding:max(1rem,env(safe-area-inset-top))max(1rem,env(safe-area-inset-right))max(1rem,env(safe-area-inset-bottom))max(1rem,env(safe-area-inset-left))}}