.ph-popup{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:20px 16px;box-sizing:border-box}.ph-popup[hidden]{display:none!important}.ph-popup__overlay{position:absolute;inset:0;background:rgb(12 12 12 / .72);cursor:pointer}.ph-popup__dialog{position:relative;z-index:1;width:min(520px, calc(100vw - 32px));max-height:min(90vh, 860px);overflow:auto;margin:auto;background:#fff;border:2px solid #1e293b;box-shadow:0 18px 50px rgb(0 0 0 / .35);animation:ph-popup-in 0.28s ease}@keyframes ph-popup-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.ph-popup__close{position:absolute;right:10px;bottom:10px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:2px solid #333;border-radius:50%;background:#fff;color:#222;font-size:22px;line-height:1;cursor:pointer;box-shadow:0 2px 8px rgb(0 0 0 / .18)}.ph-popup__close:hover{background:#f77f00;border-color:#f77f00;color:#fff}.ph-popup__media{display:block;line-height:0}.ph-popup__media img{display:block;width:100%;height:auto}body.ph-popup-open{overflow:hidden}@media (max-width:600px){.ph-popup{padding:12px;align-items:flex-start;padding-top:48px}.ph-popup__dialog{width:100%;max-height:calc(100vh - 64px)}.ph-popup__close{right:8px;bottom:8px}}