@layer ui.image-viewer{.image-viewer-trigger{display:contents;cursor:zoom-in}.image-viewer{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;padding:1rem;background:transparent;border:none}.image-viewer:popover-open{display:flex;align-items:center;justify-content:center}.image-viewer::backdrop{background:#000000d9}.image-viewer__close{position:fixed;top:1rem;right:1rem;z-index:10;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;color:#fff;background:#ffffff1a;border:none;border-radius:var(--ui-radius-full);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background-color var(--ui-duration-normal) var(--ui-ease-out)}.image-viewer__close:hover{background:#fff3}.image-viewer__close:focus-visible{outline:2px solid white;outline-offset:2px}.image-viewer__image{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-xl)}}