.image-viewer{z-index:var(--z-image-viewer);cursor:default;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.image-viewer__background{background:#000000f2;position:absolute;inset:0}.image-viewer__close{color:#fff;cursor:pointer;width:48px;height:48px;z-index:var(--z-drag);background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .2s;display:flex;position:absolute;top:20px;right:20px}.image-viewer__close:hover{background:#fff3}.image-viewer__download{color:#fff;cursor:pointer;width:48px;height:48px;z-index:var(--z-drag);background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .2s;display:flex;position:absolute;top:20px;right:80px}.image-viewer__download:hover{background:#fff3}.image-viewer__nav{color:#fff;cursor:pointer;width:52px;height:52px;z-index:var(--z-drag);-webkit-backdrop-filter:blur(8px);background:#0000008c;border:1.5px solid #ffffff38;border-radius:50%;justify-content:center;align-items:center;transition:background .2s,transform .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 20px #0009,0 0 0 1px #ffffff0f}.image-viewer__nav:hover{background:#000000bf;transform:translateY(-50%)scale(1.08)}.image-viewer__nav:active{transform:translateY(-50%)scale(.96)}.image-viewer__nav--prev{left:20px}.image-viewer__nav--next{right:20px}.image-viewer__preload{pointer-events:none;display:none;position:absolute}.image-viewer__container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.image-viewer__slide{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.image-viewer__slide--next{animation:.25s cubic-bezier(.25,.46,.45,.94) forwards iv-slide-from-right}.image-viewer__slide--prev{animation:.25s cubic-bezier(.25,.46,.45,.94) forwards iv-slide-from-left}@keyframes iv-slide-from-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes iv-slide-from-left{0%{transform:translate(-100%)}to{transform:translate(0)}}.image-viewer__image{object-fit:contain;user-select:none;touch-action:none;max-width:100%;max-height:100%}.image-viewer__info{color:#fff;backdrop-filter:blur(10px);z-index:var(--z-drag);background:#0009;border-radius:24px;align-items:center;gap:16px;padding:12px 20px;font-size:14px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.image-viewer__counter{white-space:nowrap;font-weight:600}.image-viewer__filename{text-overflow:ellipsis;white-space:nowrap;opacity:.8;max-width:300px;overflow:hidden}.image-viewer__zoom-indicator{color:#fff;backdrop-filter:blur(10px);z-index:var(--z-drag);background:#0009;border-radius:12px;padding:8px 16px;font-size:14px;font-weight:600;position:absolute;top:20px;left:20px}@media (width<=768px){.image-viewer__close{width:40px;height:40px;top:12px;right:12px}.image-viewer__download{width:40px;height:40px;top:12px;right:60px}.image-viewer__nav{width:48px;height:48px}.image-viewer__nav--prev{left:12px}.image-viewer__nav--next{right:12px}.image-viewer__info{justify-content:space-between;width:calc(100% - 24px);max-width:none;padding:10px 16px;font-size:13px;bottom:12px}.image-viewer__filename{max-width:150px}}