.popup{position:fixed;width:100%;height:100%;background-color:rgb(0 0 0 / .8);top:0;left:0;opacity:0;visibility:hidden;overflow-y:auto;overflow-x:hidden;transition:all 0.8s ease 0s;z-index:1700}.popup.open{opacity:1;visibility:visible}.popup.open .popup__content{transform:perspective(600px) translate(0,0%) rotateX(0deg);opacity:1}.popup__area{position:absolute;width:100%;height:100%;top:0;left:0}.popup__body{min-height:80%;display:flex;align-items:center;justify-content:center;padding:30px 10px;transition:all 0.8s ease 0s}.popup__content{background-color:#fff;color:#000;max-height:80vh;padding:30px;position:relative;transition:all 0.8s ease 0s;opacity:0;transform:perspective(600px) translate(0,-100%) rotateX(45deg);overflow-y:scroll}.popup__content_image{padding:0}.popup__image img{max-width:100%;max-height:calc(100vh - 50px);vertical-align:top}.popup__close{position:absolute;right:10px;top:10px;font-size:20px;color:#000;text-decoration:none}.popup__title{font-size:40px;margin:0 0 1em 0}