.img-preview-overlay{z-index:9999;background-color:#000000d9;justify-content:center;align-items:center;animation:.25s imgPreviewFadeIn;display:flex;position:fixed;inset:0}.img-preview-container{justify-content:center;align-items:center;width:90vw;max-width:1200px;height:90vh;animation:.3s cubic-bezier(.22,1,.36,1) imgPreviewZoomIn;display:flex;position:relative}.img-preview-image-wrap{width:100%;height:100%;position:relative}.img-preview-image{object-fit:contain}.img-preview-close{cursor:pointer;color:#fff;z-index:10;opacity:0;background:0 0;border:none;padding:8px;font-size:22px;line-height:1;transition:opacity .5s;position:fixed;top:20px;right:20px}.img-preview-close.open{opacity:1}.img-preview-close:hover{opacity:.7}.img-preview-arrow{cursor:pointer;z-index:10;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.img-preview-arrow:hover{background:#ffffff4d}.img-preview-arrow svg path{stroke:#fff}.img-preview-arrow--prev{left:-56px}.img-preview-arrow--next{right:-56px}.img-preview-counter{color:#fff;background:#0006;border-radius:20px;padding:4px 12px;font-size:14px;position:absolute;bottom:-40px;left:50%;transform:translate(-50%)}@keyframes imgPreviewFadeIn{0%{opacity:0}to{opacity:1}}@keyframes imgPreviewZoomIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@media screen and (max-width:767px){.img-preview-container{width:100vw;height:100vh;max-width:unset}.img-preview-close{position:fixed;top:16px;right:16px}.img-preview-arrow{background:#0006;width:36px;height:36px;position:fixed;top:50%;transform:translateY(-50%)}.img-preview-arrow svg{width:24px;height:24px}.img-preview-arrow--prev{left:8px}.img-preview-arrow--next{right:8px}.img-preview-counter{bottom:24px}}