body.lock{overflow:hidden}.popup{position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;overflow-x:hidden;overflow-y:auto;transition:all 400ms ease;background-color:rgba(0,0,0,.8)}.popup .popup__body{display:flex;min-height:100%;justify-content:center;align-items:center;background-color:rgba(0,0,0,0);transition:all 400ms ease;padding:30px 10px}.popup .popup__content{border-radius:5px;position:relative;transition:all 800ms ease 0s;max-width:800px;padding:30px;background-color:rgba(0,0,0,0);transform:perspective(600px) translate(0px, -100%) rotateX(45deg)}.popup .popup__close{position:absolute;color:#fff;right:10px;top:10px;text-decoration:none;font-size:20px}.popup .popup__content_image{padding:0}.popup .popup__image img{max-width:100%;vertical-align:top}.popup.open{opacity:1;visibility:visible}.popup.open .popup__content{transform:perspective(600px) translate(0px, 0%) rotate(0deg)}.lock-padding{overflow:hidden}