#lightbox{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.9);opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:9999}#lightbox.show{opacity:1;pointer-events:auto}#lightbox img{max-width:90%;max-height:90%;transform:scale(.95);transition:transform .25s ease;box-shadow:0 0 20px black}#lightbox.show img{transform:scale(1)}#lightbox .close-btn{position:absolute;top:1rem;right:1rem;font-size:2.5rem;color:#fff;cursor:pointer;user-select:none;transition:color .2s ease}#lightbox .close-btn:hover{color:#f88}