.previewable-image{cursor:zoom-in}.image-preview-modal{z-index:300;opacity:0;pointer-events:none;background:#00000080;transition:opacity .24s;position:fixed;inset:0}.image-preview-modal.is-open{opacity:1;pointer-events:auto}.image-preview-stage{padding:calc(env(safe-area-inset-top,0px) + 3rem) 1.5rem calc(env(safe-area-inset-bottom,0px) + 1.5rem);touch-action:none;cursor:grab;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.image-preview-stage:active{cursor:grabbing}.image-preview-transform{will-change:transform;background:#fff;border-radius:.5rem;justify-content:center;align-items:center;display:flex}.image-preview-transform img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;background:#fff;border-radius:.5rem;width:auto;max-width:min(100%,100vw - 3rem);height:auto;max-height:min(100%,100dvh - 3rem);display:block}.image-preview-close{top:calc(env(safe-area-inset-top,0px) + 1rem);z-index:3;color:#fff;cursor:pointer;background:0 0;border:0;border-radius:0;place-items:center;width:2.5rem;height:2.5rem;padding:0;transition:opacity .2s,transform .2s;display:grid;position:absolute;right:1rem}.image-preview-close svg{display:block}.image-preview-close:hover,.image-preview-close:focus-visible{opacity:.72;outline:none;transform:scale(1.06)}