#popbox-wrapper{position:fixed;inset:0;background-color:rgba(0,0,0,0.7);display:flex;justify-content:center;align-items:center;z-index:9999;opacity:0;animation:fade-in .5s both}#popbox-wrapper .popbox-window{position:relative;margin:1em;max-width:100%;max-height:100%;animation:popup .5s both;animation-delay:.5s}#popbox-wrapper .popbox-window .popbox-close{position:absolute;top:-10px;right:-10px;width:30px;height:30px;background-color:orangered;color:white;display:flex;align-items:center;justify-content:center;border-radius:15px;cursor:pointer;z-index:100000}#popbox-wrapper .popbox-window img{max-width:calc(100vw - 40px);max-height:calc(100vh - 40px);border:5px solid whitesmoke;border-radius:.3em}#popbox-wrapper.popbox-closing{animation:fade-out .3s both;animation-delay:.3s}#popbox-wrapper.popbox-closing .popbox-window{animation:popout .3s both;animation-timing-function:ease-in}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-out{0%{opacity:1}100%{opacity:0}}@keyframes popup{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes popout{0%{transform:scale(1)}20%{transform:scale(1.1);opacity:1}100%{transform:scale(0);opacity:0}}