.gallery{list-style:none;margin:30px 0 0;padding:0;display:flex;flex-wrap:wrap;align-items:center;text-align:center}.gallery>li{flex:1 1 120px;display:inline-block;margin:2px;padding:0;vertical-align:middle}.gallery img{max-width:120px;max-height:120px;box-shadow:1px 1px 3px rgba(0,0,0,0.5);transition:transform 200ms ease}.gallery img:hover{outline:3px solid #00a8ff;position:relative;z-index:2;transform:scale(1.1)}.gallery img.lightbox_showing:hover{outline:none;transform:scale(1)}@keyframes lightbox-fadein{from{background-color:transparent}to{background-color:rgba(0,0,0,0.8)}}@keyframes lightbox-control-fadein{from{opacity:0}to{opacity:1}}.lightbox{position:fixed;top:0;left:0;right:0;bottom:0;transition:opacity 0.3s ease;animation:1s ease both lightbox-fadein}.lightbox_prev,.lightbox_next,.lightbox_exit{position:fixed;z-index:2;color:white;text-shadow:0 0 4px black;animation:1s ease both lightbox-control-fadein;background:transparent;border:none;cursor:pointer}.lightbox_prev,.lightbox_next{top:50%;transform:translateY(-50%);font-size:70px;font-weight:200;padding:0;height:2em;width:1em}.lightbox_prev{left:0;text-align:left}.lightbox_next{right:0;text-align:right}.lightbox_exit{top:0;right:0;font-size:30px;line-height:1;padding:3px 3px 20px 20px}.lightbox_slide{position:fixed;z-index:1;top:0;bottom:0;width:100%;right:100%;transition:right 0.3s ease}.lightbox_slide>img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);max-width:100%;max-width:calc(100vw - 60px);max-height:100%;max-height:calc(100vh - 60px)}.lightbox.constrainWidth img{width:100vw;height:auto}.lightbox.constrainHeight img{height:100vh;width:auto}.lightbox_slide.current ~ .lightbox_slide{right:-100%}.lightbox_slide.current{right:0}
