.popup-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:13000;visibility:hidden;opacity:0;-webkit-transition-duration:.4s;transition-duration:.4s;z-index:10500}.popup-backdrop.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.popup-backdrop.backdrop-in{visibility:visible;opacity:1}.popup{position:absolute;left:0;top:0;width:100%;height:100%;display:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);background:#fff;z-index:11000}.popup.modal-in,.popup.modal-out{-webkit-transition-duration:.4s;transition-duration:.4s}.popup.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.popup.modal-in{display:block;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.popup.modal-out{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}@media (min-width:630px) and (min-height:630px){.popup:not(.popup-tablet-fullscreen){width:630px;height:630px;left:50%;top:50%;margin-left:-315px;margin-top:-315px;-webkit-transform:translate3d(0,100vh,0);transform:translate3d(0,100vh,0)}.popup:not(.popup-tablet-fullscreen).modal-in{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.popup:not(.popup-tablet-fullscreen).modal-out{-webkit-transform:translate3d(0,100vh,0);transform:translate3d(0,100vh,0)}}@media (max-width:629px),(max-height:629px){html.with-statusbar .popup-backdrop{z-index:9500}html.with-statusbar.device-ios .popup,html.with-statusbar.ios:not(.device-ios):not(.device-android) .popup{height:calc(100% - 20px);top:20px}html.with-statusbar.device-iphone-x .popup{height:calc(100% - constant(safe-area-inset-top));height:calc(100% - env(safe-area-inset-top));top:constant(safe-area-inset-top);top:env(safe-area-inset-top)}html.with-statusbar.device-android .popup,html.with-statusbar.md:not(.device-ios):not(.device-android) .popup{height:calc(100% - 24px);top:24px}}@media (min-width:630px),(min-height:630px){html.with-statusbar.device-ios .popup-tablet-fullscreen,html.with-statusbar.ios:not(.device-ios):not(.device-android) .popup-tablet-fullscreen{height:calc(100% - 20px);top:20px}html.with-statusbar.device-iphone-x .popup-tablet-fullscreen{height:calc(100% - constant(safe-area-inset-top));height:calc(100% - env(safe-area-inset-top));top:constant(safe-area-inset-top);top:env(safe-area-inset-top)}html.with-statusbar.device-android .popup-tablet-fullscreen,html.with-statusbar.md:not(.device-ios):not(.device-android) .popup-tablet-fullscreen{height:calc(100% - 24px);top:24px}}html.with-modal-popup .framework7-root>.panel .page-content,html.with-modal-popup .framework7-root>.view .page-content,html.with-modal-popup .framework7-root>.views .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}@media (min-width:630px) and (min-height:630px){.md .popup:not(.popup-tablet-fullscreen){-webkit-box-shadow:0px 20px 44px rgba(0,0,0,.5);box-shadow:0px 20px 44px rgba(0,0,0,.5)}}