.image-modal-overlay{z-index:1100;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.image-modal-close{color:#ffffffb3;cursor:pointer;outline:none;transition:color .2s;position:absolute;top:16px;right:16px}.image-modal-close:hover{color:#fff}.image-modal-close__icon{width:24px;height:24px}@media (min-width:640px){.image-modal-close__icon{width:32px;height:32px}}.image-modal-counter{color:#fff9;font-variant-numeric:tabular-nums;pointer-events:none;font-size:14px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.image-modal-caption{text-align:center;color:#fffc;padding:0 64px;font-size:14px;position:absolute;bottom:16px;left:0;right:0}.image-modal-figure{flex-direction:column;align-items:center;display:flex}.image-modal-img-wrap{border-radius:8px;width:90vw;max-width:90vw;max-height:80vh;position:relative;overflow:hidden}.image-modal-skeleton{background:linear-gradient(90deg,#ffffff0f 25%,#ffffff24 50%,#ffffff0f 75%) 0 0/200% 100%;border-radius:8px;animation:1.4s infinite image-modal-shimmer;position:absolute;inset:0}@keyframes image-modal-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.image-modal-img{object-fit:contain;opacity:0;border-radius:8px;width:100%;height:100%;transition:opacity .3s;display:block;position:absolute;inset:0}.image-modal-img--loaded{opacity:1}.photo-nav-btn{color:#fff;cursor:pointer;z-index:10;background:#0006;border-radius:50%;outline:none;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.photo-nav-btn:hover{background:#0009}.photo-nav-btn--prev{left:8px}.photo-nav-btn--next{right:8px}