.wyp_popup{position:fixed;z-index:999;top:0;bottom:0;left:0;right:0;opacity:0;visibility:hidden}.wyp_popup.active{opacity:1;visibility:visible}.wyp_popup_animate{height:100%}.wyp_popup_animate.animate-fade_bottom{transform:translate3d(0,60px,0);transform-origin:center bottom;opacity:0;-webkit-transition:all 1.5s cubic-bezier(.23,1,.32,1);-moz-transition:all 1.5s cubic-bezier(.23,1,.32,1);-o-transition:all 1.5s cubic-bezier(.23,1,.32,1);transition:all 1.5s cubic-bezier(.23,1,.32,1);transform-style:preserve-3d}.wyp_popup.active .wyp_popup_animate.animate-fade_bottom{transform:translate3d(0,0,0) scaleY(1);opacity:1}.wyp_popup_animate.animate-fade_left{transform:translate3d(-100%,0,0);transform-origin:center bottom;opacity:0;-webkit-transition:all 1.5s cubic-bezier(.23,1,.32,1);-moz-transition:all 1.5s cubic-bezier(.23,1,.32,1);-o-transition:all 1.5s cubic-bezier(.23,1,.32,1);transition:all 1.5s cubic-bezier(.23,1,.32,1);transform-style:preserve-3d}.wyp_popup.active .wyp_popup_animate.animate-fade_left{transform:translate3d(0,0,0) scaleY(1);opacity:1}.wyp_popup_animate.animate-fade_right{transform:translate3d(100%,0,0);transform-origin:center bottom;opacity:0;-webkit-transition:all 1.5s cubic-bezier(.23,1,.32,1);-moz-transition:all 1.5s cubic-bezier(.23,1,.32,1);-o-transition:all 1.5s cubic-bezier(.23,1,.32,1);transition:all 1.5s cubic-bezier(.23,1,.32,1);transform-style:preserve-3d}.wyp_popup.active .wyp_popup_animate.animate-fade_right{transform:translate3d(0,0,0) scaleY(1);opacity:1}.wyp_popup_animate.animate-fade_top{transform:translate3d(0,-60px,0);transform-origin:center bottom;opacity:0;-webkit-transition:all 1.5s cubic-bezier(.23,1,.32,1);-moz-transition:all 1.5s cubic-bezier(.23,1,.32,1);-o-transition:all 1.5s cubic-bezier(.23,1,.32,1);transition:all 1.5s cubic-bezier(.23,1,.32,1);transform-style:preserve-3d}.wyp_popup.active .wyp_popup_animate.animate-fade_top{transform:translate3d(0,0,0) scaleY(1);opacity:1}.wyp_popup_animate.animate-zoom_in{transform:scale(.3);transform-origin:center;opacity:0;-webkit-transition:all 1.5s cubic-bezier(.23,1,.32,1);-moz-transition:all 1.5s cubic-bezier(.23,1,.32,1);-o-transition:all 1.5s cubic-bezier(.23,1,.32,1);transition:all 1.5s cubic-bezier(.23,1,.32,1);transform-style:preserve-3d}.wyp_popup.active .wyp_popup_animate.animate-zoom_in{transform:scale(1);opacity:1}.wyp_popup.popup_nobgck{pointer-events:none}.wyp_popup_bkgd{height:100%}.wyp_popup_container{position:absolute;max-height:90vh;max-width:90vw;background:#fff;padding:30px;pointer-events:auto;box-shadow:1px 1px 3px 0 rgba(2,2,2,.23);overflow:auto}.wyp_popup_close{position:absolute;top:5px;right:5px;width:20px;height:20px;cursor:pointer}.wyp_popup_close:after,.wyp_popup_close:before{position:absolute;content:'';height:15px;width:2px;top:3px;left:9px;background-color:#000}.wyp_popup_close:before{transform:rotate(45deg)}.wyp_popup_close:after{transform:rotate(-45deg)}