.post-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .8);z-index:999999;display:flex;justify-content:center;align-items:center;overflow-y:auto;padding:1rem;box-sizing:border-box}.post-popup-modal{background:#fff;max-width:90vw;width:100%;border-radius:4px;position:relative;padding:20px;box-sizing:border-box;box-shadow:0 5px 15px rgb(0 0 0 / .3);overflow:visible;margin:24px}@media (max-width:768px){.post-popup-modal{padding:12px;margin:12px}}@media (max-width:480px){.post-popup-modal{padding:10px;margin:8px}}.post-popup-open{overflow:hidden}.post-popup-modal-loading{min-height:160px;display:flex;align-items:center;justify-content:center;background:#fff}.post-popup-spinner{width:44px;height:44px;border:4px solid rgb(0 0 0 / .12);border-top-color:#333;border-radius:50%;animation:post-popup-spin 0.8s linear infinite}@keyframes post-popup-spin{to{transform:rotate(360deg)}}.post-popup-close{position:absolute;top:-16px;right:-16px;width:38px;height:38px;line-height:36px;text-align:center;cursor:pointer;font-size:24px;color:#fff;background:#111;border:2px solid #fff;border-radius:50%;font-weight:700;box-shadow:0 2px 6px rgb(0 0 0 / .4);z-index:10;user-select:none}.post-popup-close:hover{background:#c00}@media (max-width:600px){.post-popup-close{top:8px;right:8px}}.post-popup-image{width:100%;height:500px;background-size:contain;background-position:center center;background-repeat:no-repeat;margin-bottom:15px;cursor:zoom-in}@media (max-width:768px){.post-popup-image{height:auto;aspect-ratio:16 / 9;margin-bottom:10px}}@media (max-width:480px){.post-popup-image{aspect-ratio:4 / 3;margin-bottom:8px}}.post-popup-image.post-popup-image-zoomed{height:80vh;max-height:80vh;cursor:zoom-out;background-size:contain}.post-popup-title{margin-top:0;margin-bottom:15px;font-size:24px;font-weight:600}.post-popup-content{line-height:1.6}.post-popup-content-wrapper{max-height:calc(100vh - 60px);overflow-y:auto}.post-popup-modal-content-only{display:flex;align-items:center;justify-content:center;max-width:960px;width:100%;max-height:calc(100vh - 60px);padding:0;background:#000;overflow:visible}.post-popup-modal-content-only .post-popup-content{line-height:1;margin:0;padding:0;position:relative;width:100%;max-width:960px;background:#000;overflow:visible}.post-popup-modal-content-only .post-popup-content iframe,.post-popup-modal-content-only .post-popup-content video,.post-popup-modal-content-only .post-popup-content embed,.post-popup-modal-content-only .post-popup-content object{display:block;width:100%;max-width:100%;aspect-ratio:16 / 9;height:auto}@media (max-width:768px){.post-popup-modal-content-only{max-width:100%;width:calc(100vw - 24px);margin:12px}.post-popup-modal-content-only .post-popup-content{max-width:100%}}@media (max-width:480px){.post-popup-overlay{padding:.5rem}.post-popup-modal-content-only{width:calc(100vw - 16px);margin:8px}}.post-popup-modal-content-only .post-popup-close{z-index:2147483647;top:-18px;right:-18px;color:#fff;background:#111;border:2px solid #fff;width:40px;height:40px;line-height:36px;text-align:center;border-radius:50%;box-shadow:0 2px 8px rgb(0 0 0 / .6)}@media (max-width:600px){.post-popup-modal-content-only .post-popup-close{top:6px;right:6px}}.post-popup-modal-content-only .post-popup-image,.post-popup-modal-content-only .post-popup-title{display:none!important}