.image-viewer{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:20px;background:#000000eb;animation:fadeIn .2s ease}.image-viewer__app-image{display:flex;align-items:center;justify-content:center;max-width:100%;max-height:calc(100vh - 160px)}.image-viewer__img{max-width:100%;max-height:calc(100vh - 160px);object-fit:contain;border-radius:8px;animation:scaleUp .2s ease}.image-viewer__img--dimmed{opacity:.58;filter:grayscale(1)}.image-viewer__actions{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:8px}.image-viewer__btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;color:#fff;background:#ffffff24;border:none}.image-viewer__btn:disabled{cursor:progress;opacity:.6}.image-viewer__nav{position:absolute;z-index:1;top:50%;transform:translateY(-50%);width:40px;height:40px;background:#ffffff2e}.image-viewer__nav--prev{left:10px}.image-viewer__nav--next{right:10px}.image-viewer__counter{position:absolute;z-index:1;bottom:76px;left:50%;transform:translate(-50%);padding:4px 12px;border-radius:999px;font-size:13px;color:#fff;background:#0000008c}