:root{--safe-area-inset-top: 0px;--safe-area-inset-right: 0px;--safe-area-inset-bottom: 0px;--safe-area-inset-left: 0px;--safe-area-multiplier: 1.5;--safe-area-extra-top: 12px;--safe-area-extra-right: 8px;--safe-area-extra-bottom: 12px;--safe-area-extra-left: 8px;--safe-area-enhanced-top: calc(var(--safe-area-inset-top) * var(--safe-area-multiplier) + var(--safe-area-extra-top));--safe-area-enhanced-right: calc(var(--safe-area-inset-right) * var(--safe-area-multiplier) + var(--safe-area-extra-right));--safe-area-enhanced-bottom: calc(var(--safe-area-inset-bottom) * var(--safe-area-multiplier) + var(--safe-area-extra-bottom));--safe-area-enhanced-left: calc(var(--safe-area-inset-left) * var(--safe-area-multiplier) + var(--safe-area-extra-left))}body.app{--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px)}.safe-area-top{padding-top:var(--safe-area-enhanced-top)}.safe-area-right{padding-right:var(--safe-area-enhanced-right)}.safe-area-bottom{padding-bottom:var(--safe-area-enhanced-bottom)}.safe-area-left{padding-left:var(--safe-area-enhanced-left)}.safe-area-horizontal{padding-left:var(--safe-area-enhanced-left);padding-right:var(--safe-area-enhanced-right)}.safe-area-vertical{padding-top:var(--safe-area-enhanced-top);padding-bottom:var(--safe-area-enhanced-bottom)}.safe-area-all{padding-top:var(--safe-area-enhanced-top);padding-right:var(--safe-area-enhanced-right);padding-bottom:var(--safe-area-enhanced-bottom);padding-left:var(--safe-area-enhanced-left)}.safe-area-minimal-top{padding-top:var(--safe-area-inset-top)}.safe-area-minimal-right{padding-right:var(--safe-area-inset-right)}.safe-area-minimal-bottom{padding-bottom:var(--safe-area-inset-bottom)}.safe-area-minimal-left{padding-left:var(--safe-area-inset-left)}.safe-area-minimal-horizontal{padding-left:var(--safe-area-inset-left);padding-right:var(--safe-area-inset-right)}.safe-area-minimal-vertical{padding-top:var(--safe-area-inset-top);padding-bottom:var(--safe-area-inset-bottom)}.safe-area-minimal-all{padding-top:var(--safe-area-inset-top);padding-right:var(--safe-area-inset-right);padding-bottom:var(--safe-area-inset-bottom);padding-left:var(--safe-area-inset-left)}.safe-margin-top{margin-top:var(--safe-area-enhanced-top)}.safe-margin-right{margin-right:var(--safe-area-enhanced-right)}.safe-margin-bottom{margin-bottom:var(--safe-area-enhanced-bottom)}.safe-margin-left{margin-left:var(--safe-area-enhanced-left)}.safe-margin-horizontal{margin-left:var(--safe-area-enhanced-left);margin-right:var(--safe-area-enhanced-right)}.safe-margin-vertical{margin-top:var(--safe-area-enhanced-top);margin-bottom:var(--safe-area-enhanced-bottom)}.safe-margin-all{margin-top:var(--safe-area-enhanced-top);margin-right:var(--safe-area-enhanced-right);margin-bottom:var(--safe-area-enhanced-bottom);margin-left:var(--safe-area-enhanced-left)}.safe-top{top:var(--safe-area-enhanced-top)}.safe-right{right:var(--safe-area-enhanced-right)}.safe-bottom{bottom:var(--safe-area-enhanced-bottom)}.safe-left{left:var(--safe-area-enhanced-left)}.safe-container{padding-left:var(--safe-area-enhanced-left);padding-right:var(--safe-area-enhanced-right)}.safe-header{padding-top:var(--safe-area-enhanced-top);padding-left:var(--safe-area-enhanced-left);padding-right:var(--safe-area-enhanced-right)}.safe-footer{padding-bottom:var(--safe-area-enhanced-bottom);padding-left:var(--safe-area-enhanced-left);padding-right:var(--safe-area-enhanced-right)}.safe-fullscreen{padding-top:var(--safe-area-enhanced-top);padding-right:var(--safe-area-enhanced-right);padding-bottom:var(--safe-area-enhanced-bottom);padding-left:var(--safe-area-enhanced-left)}.safe-height-screen{height:calc(100vh - var(--safe-area-enhanced-top) - var(--safe-area-enhanced-bottom))}.safe-min-height-screen{min-height:calc(100vh - var(--safe-area-enhanced-top) - var(--safe-area-enhanced-bottom))}.safe-max-height-screen{max-height:calc(100vh - var(--safe-area-enhanced-top) - var(--safe-area-enhanced-bottom))}.safe-width-screen{width:calc(100vw - var(--safe-area-enhanced-left) - var(--safe-area-enhanced-right))}.safe-min-width-screen{min-width:calc(100vw - var(--safe-area-enhanced-left) - var(--safe-area-enhanced-right))}.safe-max-width-screen{max-width:calc(100vw - var(--safe-area-enhanced-left) - var(--safe-area-enhanced-right))}.safe-height-screen-minimal{height:calc(100vh - var(--safe-area-inset-top) - var(--safe-area-inset-bottom))}.safe-min-height-screen-minimal{min-height:calc(100vh - var(--safe-area-inset-top) - var(--safe-area-inset-bottom))}.safe-max-height-screen-minimal{max-height:calc(100vh - var(--safe-area-inset-top) - var(--safe-area-inset-bottom))}.safe-width-screen-minimal{width:calc(100vw - var(--safe-area-inset-left) - var(--safe-area-inset-right))}.safe-min-width-screen-minimal{min-width:calc(100vw - var(--safe-area-inset-left) - var(--safe-area-inset-right))}.safe-max-width-screen-minimal{max-width:calc(100vw - var(--safe-area-inset-left) - var(--safe-area-inset-right))}@media (orientation: landscape){body.app{--safe-area-landscape-adjustment: 0px}}@media (orientation: portrait){body.app{--safe-area-portrait-adjustment: 0px}}@supports (-webkit-touch-callout: none){body.app{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}.safe-area-xs{--safe-area-multiplier: 1;--safe-area-extra-top: 4px;--safe-area-extra-right: 4px;--safe-area-extra-bottom: 4px;--safe-area-extra-left: 4px}.safe-area-sm{--safe-area-multiplier: 1.2;--safe-area-extra-top: 8px;--safe-area-extra-right: 6px;--safe-area-extra-bottom: 8px;--safe-area-extra-left: 6px}.safe-area-md{--safe-area-multiplier: 1.5;--safe-area-extra-top: 12px;--safe-area-extra-right: 8px;--safe-area-extra-bottom: 12px;--safe-area-extra-left: 8px}.safe-area-lg{--safe-area-multiplier: 1.8;--safe-area-extra-top: 16px;--safe-area-extra-right: 12px;--safe-area-extra-bottom: 16px;--safe-area-extra-left: 12px}.safe-area-xl{--safe-area-multiplier: 2;--safe-area-extra-top: 24px;--safe-area-extra-right: 16px;--safe-area-extra-bottom: 24px;--safe-area-extra-left: 16px}.safe-area-header-lg{padding-top:calc(var(--safe-area-enhanced-top) + 8px);padding-left:var(--safe-area-enhanced-left);padding-right:var(--safe-area-enhanced-right)}.safe-area-content{padding:var(--safe-area-enhanced-top) var(--safe-area-enhanced-right) var(--safe-area-enhanced-bottom) var(--safe-area-enhanced-left);padding-top:calc(var(--safe-area-enhanced-top) + 8px);padding-bottom:calc(var(--safe-area-enhanced-bottom) + 8px)}body.safe-area-comfortable{--safe-area-multiplier: 1.8;--safe-area-extra-top: 20px;--safe-area-extra-right: 16px;--safe-area-extra-bottom: 20px;--safe-area-extra-left: 16px}body.safe-area-compact{--safe-area-multiplier: 1.2;--safe-area-extra-top: 6px;--safe-area-extra-right: 4px;--safe-area-extra-bottom: 6px;--safe-area-extra-left: 4px}