.app-modal-layer{--modal-safe-top:0px;--modal-safe-bottom:0px;position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;overflow-y:auto;padding:16px 12px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}@supports (padding-top:constant(safe-area-inset-top)){.app-modal-layer{--modal-safe-top:constant(safe-area-inset-top);--modal-safe-bottom:constant(safe-area-inset-bottom)}}@supports (padding-top:env(safe-area-inset-top)){.app-modal-layer{--modal-safe-top:env(safe-area-inset-top);--modal-safe-bottom:env(safe-area-inset-bottom)}}.app-modal-layer.app-modal-layer{padding-top:calc(16px + var(--modal-safe-top));padding-bottom:calc(16px + var(--modal-safe-bottom))}.app-modal-layer .app-modal-panel{position:relative;min-width:0;max-height:calc(100vh - 32px);max-height:calc(var(--app-viewport-height, 100vh) - 32px - var(--modal-safe-top) - var(--modal-safe-bottom))}.app-modal-layer .app-modal-scroll{position:relative;min-height:0;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.app-modal-layer .app-modal-close{flex-shrink:0;min-width:44px;min-height:44px;white-space:nowrap}.app-modal-layer.app-modal-drawer{align-items:stretch;justify-content:flex-end}