.lightboxable{cursor:pointer}#lightbox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:rgba(0,0,0,0.9);z-index:1000;opacity:0}#lightbox>img{width:100%;height:auto}@supports ((-o-object-fit: contain) or (object-fit: contain)){#lightbox>img{max-height:100%;-o-object-fit:contain;object-fit:contain;background-color:rgba(255,255,255,0.3)}}#lightbox>img.portrait{height:100%;width:auto}#lightbox.show{position:fixed;top:0;left:0;bottom:0;right:0;padding:2rem}@media (min-width: 768px){#lightbox.show{padding:3rem}}#lightbox.showing{-webkit-animation:lightbox-in 0.5s forwards;animation:lightbox-in 0.5s forwards}#lightbox.hiding{-webkit-animation:lightbox-out 0.5s forwards;animation:lightbox-out 0.5s forwards}@-webkit-keyframes lightbox-in{from{opacity:0}to{opacity:1}}@keyframes lightbox-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes lightbox-out{from{opacity:1}to{opacity:0}}@keyframes lightbox-out{from{opacity:1}to{opacity:0}}