.image-preview-container[data-v-a12f7db1]{background-color:#000;height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:1000}.image-preview-wrapper[data-v-a12f7db1]{display:flex;height:100vh;transition:transform .3s ease-out;width:100vw;will-change:transform}.image-preview-item[data-v-a12f7db1]{align-items:center;display:flex;flex-shrink:0;height:100%;justify-content:center;width:100%}.image-preview-item img[data-v-a12f7db1]{max-height:100%;max-width:100%;-o-object-fit:cover;object-fit:cover}.page-indicator[data-v-a12f7db1]{background-color:#00000080;border-radius:15px;bottom:20px;font-size:16px;left:50%;padding:5px 10px;transform:translate(-50%)}.close-btn[data-v-a12f7db1],.page-indicator[data-v-a12f7db1]{color:#fff;position:absolute}.close-btn[data-v-a12f7db1]{align-items:center;cursor:pointer;display:flex;font-size:30px;height:30px;justify-content:center;right:20px;top:20px;width:30px}.nav-btn[data-v-a12f7db1]{color:#fff;cursor:pointer;height:40px;position:absolute;position:none;top:50%;transform:translateY(-50%);width:40px;z-index:1001}.nav-btn img[data-v-a12f7db1]{-webkit-user-drag:none;user-drag:none}.left-btn[data-v-a12f7db1]{left:30px}.right-btn[data-v-a12f7db1]{right:30px}@media screen and (max-width:768px){.image-preview-container[data-v-a12f7db1]{background-color:#000000e6;height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:1000}.image-preview-wrapper[data-v-a12f7db1]{display:flex;height:100%;transition:transform .3s ease-out;will-change:transform}.image-preview-item[data-v-a12f7db1]{align-items:center;display:flex;flex-shrink:0;height:100%;justify-content:center;width:100%}.image-preview-item img[data-v-a12f7db1]{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.page-indicator[data-v-a12f7db1]{background-color:#00000080;border-radius:1.5rem;bottom:2rem;font-size:1.6rem;left:50%;padding:.5rem 1rem;transform:translate(-50%)}.close-btn[data-v-a12f7db1],.page-indicator[data-v-a12f7db1]{color:#fff;position:absolute}.close-btn[data-v-a12f7db1]{align-items:center;cursor:pointer;display:flex;font-size:3rem;height:3rem;justify-content:center;right:2rem;top:2rem;width:3rem}}