.lightbox,.lightbox a.close{top:0;background-color:rgba(0,0,0,.5);display:flex}.lightbox{position:fixed;left:0;width:100vw;height:100vh;transition:opacity .3s ease-in-out;align-items:center;justify-content:center;pointer-events:none;z-index:1000000}.lightbox .content{max-width:90%;position:relative;color:#fff}.lightbox .content:hover>a.close{opacity:1;transform:scale(1,1)}.lightbox .content:hover>.title{opacity:1;transform:translateY(-3px)}.lightbox .content:hover>.title::after{opacity:1}.lightbox .content>*{transition:.1s ease-in-out}.lightbox .title{display:block;margin:0;padding:1em;position:absolute;bottom:0;width:calc(100% - 2em);font-size:1.5em;opacity:0}.lightbox .title::after{content:" ";background-color:rgba(0,0,0,.4);bottom:0;left:0;height:100%;width:100%;position:absolute;transition:.1s ease-in-out .1s;opacity:0;transform-origin:bottom;mix-blend-mode:soft-light}.lightbox img{max-height:90vh;max-width:100%;margin:0;padding:0}.lightbox a.close{width:2em;height:2em;position:absolute;right:0;align-items:center;justify-content:center;transform:scale(0,0);opacity:0;transform-origin:right top;text-decoration:none;color:#fff}