.comment-image-lightbox[hidden]{display:none!important}
.comment-image-lightbox{position:fixed;inset:0;z-index:12050;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.76);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.comment-image-lightbox__panel{position:relative;display:flex;align-items:center;justify-content:center;width:min(82vw,560px);height:min(72vh,480px);padding:14px;border-radius:16px;background:rgba(16,18,22,.94);box-shadow:0 18px 60px rgba(0,0,0,.42)}
.comment-image-lightbox__image{display:block;width:100%;height:100%;object-fit:contain;border-radius:10px;background:rgba(255,255,255,.035)}
.comment-image-lightbox__close{position:absolute;z-index:2;top:10px;right:10px;display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid rgba(255,255,255,.38);border-radius:50%;background:rgba(20,20,20,.92);color:#fff;font:400 27px/1 Arial,sans-serif;cursor:pointer;box-shadow:0 5px 20px rgba(0,0,0,.28)}
.comment-image-lightbox__close:hover,.comment-image-lightbox__close:focus-visible{background:#111;outline:2px solid rgba(255,255,255,.8);outline-offset:2px}
html.comment-image-lightbox-open,html.comment-image-lightbox-open body{overflow:hidden}
@media(max-width:767px){.comment-image-lightbox{padding:12px}.comment-image-lightbox__panel{width:calc(100vw - 24px);height:min(62vh,420px);padding:10px;border-radius:14px}.comment-image-lightbox__close{top:8px;right:8px;width:36px;height:36px}}