.image-viewer{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;justify-content:center;align-items:center;opacity:0;transition:opacity .3s}.image-viewer.active{display:flex;opacity:1}.viewer-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);cursor:pointer}.viewer-content{position:relative;max-width:90%;max-height:90%;height:fit-content;z-index:1001;transform:scale(.9);transition:transform .3s;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto;align-self:center}.image-viewer.active .viewer-content{transform:scale(1)}.viewer-content img{max-width:100%;height:auto;border:2px solid var(--neon-cyan);box-shadow:0 0 30px rgba(0,243,255,.5);border-radius:4px;margin:auto}.viewer-close{position:absolute;top:-40px;right:0;background:0 0;border:1px solid var(--neon-red);color:var(--neon-red);width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:.2s}.viewer-close:hover{background:var(--neon-red);color:#000;box-shadow:0 0 15px var(--neon-red)}