:root{--app-safe-area-top:env(safe-area-inset-top,0px);--app-safe-area-right:env(safe-area-inset-right,0px);--app-safe-area-bottom:env(safe-area-inset-bottom,0px);--app-safe-area-left:env(safe-area-inset-left,0px)}.app-safe-area-viewport{box-sizing:border-box;min-width:0;min-height:0;padding:var(--app-safe-area-top) var(--app-safe-area-right) var(--app-safe-area-bottom) var(--app-safe-area-left);flex-direction:column;flex:1;display:flex;position:relative}:root:has(.app-safe-area-viewport[data-keyboard-visible=true]){--app-safe-area-bottom:0px}