:root{--swan-zoomable-image:1}.swan-zoomable-image{display:flex;flex-direction:column;max-height:100%}.swan-zoomable-image-content{position:relative;display:inline-flex;justify-content:center;height:fit-content;width:fit-content;overflow:hidden;border-radius:inherit}.swan-zoomable-image-content img{display:inline-block;max-width:100%;max-height:100%;border-radius:inherit;transform-origin:center center;transform:scale(var(--swan-internal-zoomable-image-scale,1)) translate(var(--swan-internal-zoomable-image-translate-x,0),var(--swan-internal-zoomable-image-translate-y,0))}.swan-zoomable-image-content:focus-visible .swan-zoomable-image-instructions,.swan-zoomable-image-content:has(.swan-zoomable-image-button:focus-visible) .swan-zoomable-image-instructions{--swan-internal-zoomable-image-instructions-opacity:1}.swan-zoomable-image-button:focus,.swan-zoomable-image-button:focus-visible,.swan-zoomable-image-content:focus,.swan-zoomable-image-content:focus-visible{outline:0}.swan-zoomable-image-button:focus-visible,.swan-zoomable-image-content:focus-visible{box-shadow:none}.swan-zoomable-image-button:focus-visible::after,.swan-zoomable-image-content:focus-visible::after{content:"";position:absolute;inset:0;box-shadow:var(--swan-sem-focus-inset)}.swan-zoomable-image-button{position:absolute;inset:0;border-radius:inherit}.swan-zoomable-image-instructions{font-family:var(--swan-base-font-family-primary);font-size:var(--swan-sem-font-size-small);font-weight:var(--swan-base-font-weight-normal);letter-spacing:var(--swan-base-font-letter-spacing-200);line-height:var(--swan-base-font-line-height-500);position:absolute;bottom:4px;z-index:var(--swan-sem-z-index-raised);margin:0 4px;text-align:center;opacity:var(--swan-internal-zoomable-image-instructions-opacity, 0);background:var(--swan-sem-color-bg-strong);pointer-events:none}