.mp-popup-box{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:900;box-sizing:border-box}.mp-popup-box.mp-popup-box-full{width:100%;height:100%}.mp-popup-box-mask{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;box-sizing:border-box}.mp-popup-box-mask-show{animation:fadeIn linear forwards}.mp-popup-box-mask-hide{animation:fadeOut linear forwards}.mp-popup-box-content{position:relative;z-index:2}.mp-popup-animate-bottom{position:absolute;width:100%;left:0;bottom:0}.mp-popup-box-content-show.mp-popup-animate-bottom{animation:showFromBottom linear forwards}.mp-popup-box-content-hide.mp-popup-animate-bottom{animation:hideFromBottom linear forwards}.mp-popup-animate-top{position:absolute;width:100%;top:0;left:0}.mp-popup-box-content-show.mp-popup-animate-top{animation:showFromTop linear forwards}.mp-popup-box-content-hide.mp-popup-animate-top{animation:hideFromTop linear forwards}.mp-popup-animate-left{position:absolute;height:100%;top:0;left:0}.mp-popup-box-content-show.mp-popup-animate-left{animation:showFromLeft linear forwards}.mp-popup-box-content-hide.mp-popup-animate-left{animation:hideFromLeft linear forwards}.mp-popup-animate-right{position:absolute;height:100%;top:0;right:0}.mp-popup-box-content-show.mp-popup-animate-right{animation:showFromRight linear forwards}.mp-popup-box-content-hide.mp-popup-animate-right{animation:hideFromRight linear forwards}.mp-popup-animate-center,.mp-popup-animate-center-scale{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mp-popup-box-content-show.mp-popup-animate-center-scale{animation:scaleIn linear forwards}.mp-popup-box-content-hide.mp-popup-animate-center-scale{animation:scaleOut linear forwards}.mp-popup-box-content-show.mp-popup-animate-center{animation:fadeIn linear forwards}.mp-popup-box-content-hide.mp-popup-animate-center{animation:fadeOut linear forwards}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes showFromBottom{0%{transform:translateY(100%)}100%{transform:translateY(0)}}@keyframes hideFromBottom{0%{transform:translateY(0)}100%{transform:translateY(100%)}}@keyframes showFromTop{0%{transform:translateY(-100%)}100%{transform:translateY(0)}}@keyframes hideFromTop{0%{transform:translateY(0)}100%{transform:translateY(-100%)}}@keyframes showFromLeft{0%{transform:translateX(-100%)}100%{transform:translateX(0)}}@keyframes hideFromLeft{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@keyframes showFromRight{0%{transform:translateX(100%)}100%{transform:translateX(0)}}@keyframes hideFromRight{0%{transform:translateX(0)}100%{transform:translateX(100%)}}@keyframes scaleIn{0%{transform:translate(-50%,-50%) scale(0)}100%{transform:translate(-50%,-50%) scale(1)}}@keyframes scaleOut{0%{transform:translate(-50%,-50%) scale(1)}100%{transform:translate(-50%,-50%) scale(0)}}