.lightbox{position:fixed;display:flex;justify-content:center;align-items:center;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.8);opacity:.01;transition:opacity .4s ease;z-index:1000;will-change:opacity}.lightbox--visible{opacity:1}.lightbox__placeholder{max-width:100%;transform:scale(.9);transition:transform .4s ease;z-index:1;will-change:transform}.lightbox__placeholder>img{display:block;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;max-width:95%;max-height:95%;width:auto;height:auto}.lightbox--img .lightbox__placeholder{width:100%;height:100%}.lightbox--visible .lightbox__placeholder{transform:scale(1)}img[data-role=lightbox]{cursor:-webkit-zoom-in;cursor:zoom-in}