.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;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:5vh 16px;overscroll-behavior:contain;touch-action:pan-y}@media screen and (min-width:768px){.modal-overlay.modal-overlay--right-side{align-items:flex-start;justify-content:flex-end;padding:0}}@media screen and (max-width:767px){.modal-overlay{align-items:flex-start;justify-content:center;min-height:100vh;padding:10vh 0 50vh}.modal-overlay:has(.add-activity-card-modal),.modal-overlay:has(.day-date-editor-modal){padding-top:10vh;padding-bottom:50vh}}.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)}}