.zoomable-thumbnail{cursor:pointer;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1);transition:transform .3s ease}.zoomable-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;cursor:pointer;z-index:9999;animation:fadeIn .3s ease-out forwards}.zoomable-overlay.closing{animation:fadeOut .3s ease-out forwards}.zoomable-image-container{position:relative;width:auto;height:auto;width:min(var(--max-static-width),90vw,calc(90vh / var(--img-height) * var(--img-width)));height:min(var(--max-static-height),90vh,calc(90vw / var(--img-width) * var(--img-height)));animation:zoomIn .3s ease-out forwards}.zoomable-image-container.closing{animation:zoomOut .3s ease-out forwards}.zoomable-image-container img{object-fit:contain!important;pointer-events:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes zoomOut{0%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}