.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;z-index:10000;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px;overscroll-behavior:contain;touch-action:pan-y;isolation:isolate;transform:translateZ(0)}@media screen and (max-width:767px){.modal-overlay{align-items:flex-end;padding:0 0 env(safe-area-inset-bottom,0);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y pinch-zoom}.modal-overlay>*{width:100%;max-width:100%;margin:0;max-height:none;position:relative}}.modal-overlay-content{position:relative}.modal-overlay.animate{animation:overlayFadeIn .3s ease-out forwards}.modal-overlay.animate.closing{animation:overlayFadeOut .15s ease-in forwards}@keyframes overlayFadeIn{0%{background:rgba(0,0,0,0)}to{background:rgba(0,0,0,.35)}}@keyframes overlayFadeOut{0%{background:rgba(0,0,0,.35)}to{background:rgba(0,0,0,0)}}