.image-preview-modal[data-v-a037ea9f]{align-items:center;background:#000000e6;display:flex;height:100%;justify-content:center;left:0;pointer-events:auto;position:fixed;top:0;width:100%;z-index:30000}.image-preview__container[data-v-a037ea9f]{align-items:center;display:flex;gap:20px;max-height:80%;max-width:80%;overflow:hidden}.image-preview__thumbs[data-v-a037ea9f]{display:flex;flex-direction:column;flex-shrink:0;gap:12px;max-height:80vh;overflow-y:auto;padding:8px}.image-preview__thumbs[data-v-a037ea9f]::-webkit-scrollbar{width:4px}.image-preview__thumbs[data-v-a037ea9f]::-webkit-scrollbar-thumb{background:#888;border-radius:2px}.image-preview__thumb-item[data-v-a037ea9f]{border:2px solid transparent;border-radius:4px;cursor:pointer;height:80px;overflow:hidden;transition:border-color .2s;width:80px}.image-preview__thumb-item img[data-v-a037ea9f]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.image-preview__thumb-item.active[data-v-a037ea9f]{border-color:#fff}.image-preview__main[data-v-a037ea9f]{background:#fff;border-radius:8px;font-size:0;max-height:80vh;max-width:70vw;overflow:hidden;position:relative}.image-preview__main-img[data-v-a037ea9f]{max-height:80vh;max-width:100%;-o-object-fit:contain;object-fit:contain}.arrow-wrap[data-v-a037ea9f]{display:flex;flex-direction:column;gap:20px;inset-inline-end:20px;position:absolute;top:50%;transform:translateY(-50%)}.image-preview__arrow[data-v-a037ea9f]{align-items:center;background:#fffc;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:background .2s;width:36px}.image-preview__arrow[data-v-a037ea9f]:hover:not(:disabled){background:#fff}.image-preview__arrow[data-v-a037ea9f]:disabled{cursor:not-allowed;opacity:.3}.image-preview__close[data-v-a037ea9f]{align-items:center;background:#fffc;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;line-height:36px;margin:0;padding:0;position:absolute;right:36px;top:16px;transition:background .2s;width:36px;z-index:10}.image-preview__close[data-v-a037ea9f]:hover{background:#fff}.image-current[data-v-a037ea9f]{color:#fff;font-size:16px;left:36px;position:absolute;top:16px;z-index:10}@media(max-width:768px){.image-preview__thumbs[data-v-a037ea9f]{display:none!important}}