.image-modal{z-index:50;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));--tw-bg-opacity:.95;position:fixed;inset:0;overflow:auto}.image-modal__close{z-index:10;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));--tw-bg-opacity:.5;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));border-radius:0;padding:.5rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);position:fixed;top:1rem;right:1rem}.image-modal__close:hover{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.image-modal__close svg{width:2rem;height:2rem}.image-modal__content{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.image-modal__image{-o-object-fit:contain;object-fit:contain;width:auto;max-width:95vw;height:auto;max-height:95vh}.image-modal__hint{z-index:10;--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));opacity:.75;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));--tw-bg-opacity:.5;border-radius:0;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;position:fixed;bottom:1rem;left:50%}