:root{--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px);--keyboard-inset:0px;--xwin-mobile-nav-height:64px;--xwin-mobile-bottom-space:calc(var(--xwin-mobile-nav-height) + var(--sab) + var(--keyboard-inset))}.xwin-safe-padding{padding:var(--sat) var(--sar) var(--sab) var(--sal)}.xwin-safe-padding-top{padding-top:var(--sat)}.xwin-safe-padding-bottom{padding-bottom:var(--sab)}.xwin-safe-padding-x{padding-left:var(--sal);padding-right:var(--sar)}.xwin-safe-padding-y{padding-top:var(--sat);padding-bottom:var(--sab)}.xwin-fixed-bottom-nav{padding-bottom:var(--sab);height:calc(var(--xwin-mobile-nav-height) + var(--sab))}.xwin-mobile-bottom-spacer{height:var(--xwin-mobile-bottom-space);flex-shrink:0;pointer-events:none}.xwin-keyboard-lift{bottom:calc(var(--sab) + var(--keyboard-inset))}@media (orientation:landscape){:root{--xwin-orientation:landscape}}@media (orientation:portrait){:root{--xwin-orientation:portrait}}