body.hyperpop-open{overflow:hidden}.hyperpop-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .6);z-index:99999;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease}.hyperpop-overlay.active{display:flex;opacity:1}.hyperpop-container{background:#fff;padding:0;max-width:600px;width:90%;position:relative;border-radius:8px;box-shadow:0 10px 30px rgb(0 0 0 / .3);overflow:hidden}.hyperpop-close{position:absolute;top:-10px;right:-10px;background:#fff;color:#333;width:30px;height:30px;border-radius:50%;font-size:20px;font-weight:700;cursor:pointer;line-height:30px;text-align:center;box-shadow:0 2px 5px rgb(0 0 0 / .2);z-index:10;opacity:.9;transition:all 0.2s}.hyperpop-close:hover{opacity:1;transform:scale(1.1)}.hyperpop-container img{display:block;max-width:100%;height:auto}.hyperpop-content{padding:20px;text-align:center}.hyperpop-container.fade-in{animation:hyperpopFadeIn 0.5s ease}.hyperpop-container.slide-up{animation:hyperpopSlideUp 0.5s ease}.hyperpop-container.zoom-in{animation:hyperpopZoomIn 0.5s ease}@keyframes hyperpopFadeIn{from{opacity:0}to{opacity:1}}@keyframes hyperpopSlideUp{from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes hyperpopZoomIn{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}