.zoomable-image,.zoomable-image.zoomed-in{image-rendering:-webkit-optimize-contrast;image-rendering:high-quality;image-rendering:optimizeQuality;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;will-change:transform;backface-visibility:hidden;transform-style:preserve-3d;transform:translateZ(0)}.zoomable-image.zoomed-in{image-rendering:-webkit-optimize-contrast!important;image-rendering:high-quality!important;image-rendering:optimizeQuality!important;-webkit-filter:none!important;filter:none!important}.zoomable-image{cursor:zoom-in;image-rendering:-webkit-optimize-contrast;image-rendering:high-quality;image-rendering:optimizeQuality}.zoomable-image.zoomed-in{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:auto;height:auto;max-width:calc(100% - 80px);max-height:calc(100% - 80px);z-index:10002;transform-origin:center;user-select:none;will-change:transform;cursor:move!important;backface-visibility:hidden;-webkit-font-smoothing:antialiased;transition:opacity .5s ease-out,transform .3s cubic-bezier(.4, 0, .2, 1);background-color:var(--color-surface);border-radius:10px;box-shadow:0 4px 20px rgba(var(--color-black-rgb),.15);opacity:1;image-rendering:-webkit-optimize-contrast;image-rendering:high-quality;image-rendering:optimizeQuality;image-rendering:optimizeQuality;image-rendering:high-quality;-webkit-filter:none;filter:none;transform-box:border-box;transform-style:preserve-3d}.zoomable-image.zoomed-in.zoomed-out{transform:translate(-50%,-50%) scale(2);cursor:zoom-out;image-rendering:-webkit-optimize-contrast;image-rendering:high-quality;image-rendering:optimizeQuality}.zoomable-image.zoomed-in[style*="scale(2)"],.zoomable-image.zoomed-in[style*="scale(3)"]{cursor:move;transition:none}.zoomable-image.zoomed-in[style*="scale(2)"]{cursor:grab}.zoomable-image-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-black-60,rgba(0,0,0,.6));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:999;opacity:0;animation:fadeIn .2s ease-out forwards}.zoomable-image-overlay.closing{animation:fadeOut .2s ease-out forwards}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.zoomable-image-close{position:fixed;top:20px;right:20px;width:40px!important;height:40px;background:var(--color-black-50);border:none;border-radius:50%;color:var(--color-white);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1001;transition:background-color .2s;line-height:1;text-align:center;padding:0;margin:0;padding-bottom:2px}.zoomable-image-close:hover{background:var(--color-black-10)}@media (hover:none) and (pointer:coarse){.zoomable-image.zoomed-in{cursor:default}}