.image-viewer-zoom-enter-active,.image-viewer-zoom-leave-active{transition:opacity .2s ease}.image-viewer-zoom-enter-active .image-viewer-zoom-panel,.image-viewer-zoom-leave-active .image-viewer-zoom-panel{transition:transform .25s ease}.image-viewer-zoom-enter-from,.image-viewer-zoom-leave-to{opacity:0}.image-viewer-zoom-enter-from .image-viewer-zoom-panel,.image-viewer-zoom-leave-to .image-viewer-zoom-panel{transform:scale(0)}.image-viewer-overlay .navigation-buttons{inset:0;pointer-events:none;position:absolute;z-index:10}.image-viewer-overlay .navigation-buttons .navigation-button{display:flex;height:2.5rem;pointer-events:auto;position:absolute;top:50%;width:2.5rem;z-index:10;--tw-translate-y:-50%;align-items:center;border-radius:9999px;cursor:pointer;justify-content:center;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity:1;background-color:rgb(2 100 191/var(--tw-bg-opacity,1));font-size:1.125rem!important;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.image-viewer-overlay .navigation-buttons .navigation-button:hover{opacity:.8}.image-viewer-overlay .navigation-buttons .navigation-button-disabled{opacity:.5!important;pointer-events:none!important}