@keyframes modalImage{0%{opacity:0}100%{opacity:1}}.modal,.modal-image{width:100%;height:100%}.modal{position:fixed;background-color:rgba(0,0,0,.95);z-index:99}.modal-figure{flex-direction:column;justify-content:center;margin:0;width:90%;height:90%;padding:5%;transition:transform 500ms ease-out,opacity 500s ease-in;background-color:transparent}.modal-image{object-fit:contain;height:100%}.modal:target,.modal:target .modal-image{display:block}.modal:target .modal-image.fade-in{animation:modalImage 500ms ease forwards}.modal-caption{display:block;padding:1%;color:#fff}.modal-counter,.modal-control{position:absolute;font-weight:900;color:#fff;display:block;width:3rem;z-index:2;font-size:22px;text-decoration:none;line-height:3rem;text-align:center}.modal-counter{font-size:12px;top:0;left:0}.modal-close{right:0;top:0}.modal-prev,.modal-next{top:48%}.modal-prev{left:0}.modal-next{right:0}.modal-prev:focus~.modal-figure{transform:translateX(150%);opacity:0}.modal-next:focus~.modal-figure{transform:translateX(-150%);opacity:0}