.image-modal-overlay{z-index:9999;background-color:#000000e6;justify-content:center;align-items:center;padding:2rem;animation:.2s ease-out image-modal-fade-in;display:flex;position:fixed;inset:0}@keyframes image-modal-fade-in{0%{opacity:0}to{opacity:1}}.image-modal-content{justify-content:center;align-items:center;max-width:100%;max-height:100%;display:flex;position:relative}.image-modal-close{color:#fff;cursor:pointer;z-index:10000;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:3rem;height:3rem;padding:.5rem;font-size:3rem;line-height:1;transition:background-color .2s;display:flex;position:fixed;top:2rem;right:2rem}.image-modal-close:hover,.image-modal-close:focus{background-color:#ffffff1a;outline:none}.image-modal-close:active{background-color:#fff3}.image-modal-image-wrapper{justify-content:center;align-items:center;max-width:100%;max-height:calc(100vh - 4rem);display:flex;overflow:auto}.image-modal-image{object-fit:contain;border-radius:4px;width:auto;max-width:100%;height:auto;max-height:calc(100vh - 4rem);animation:.2s ease-out image-modal-zoom-in}@keyframes image-modal-zoom-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:640px){.image-modal-overlay{padding:1rem}.image-modal-close{width:2.5rem;height:2.5rem;font-size:2.5rem;top:1rem;right:1rem}.image-modal-image-wrapper,.image-modal-image{max-height:calc(100vh - 2rem)}}