.image-preview-overlay[data-v-7fd0e78c]{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;padding:0;position:fixed;right:0;top:0;z-index:9999}.close-btn[data-v-7fd0e78c]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border-radius:50%;color:#fff;cursor:pointer;font-size:1.5rem;height:3.5rem;position:absolute;right:1.5rem;top:1.5rem;transition:all .3s ease;width:3.5rem;z-index:1000}.close-btn[data-v-7fd0e78c]:hover{background:#000000b3;border-color:#ffffff80;transform:scale(1.1)}.close-btn .el-icon-close[data-v-7fd0e78c]{background-position:50%;background-repeat:no-repeat;background-size:100% 100%;display:inline-block;height:24px;width:24px}.image-container[data-v-7fd0e78c]{position:relative}.image-container[data-v-7fd0e78c],.image-wrapper[data-v-7fd0e78c]{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.image-wrapper[data-v-7fd0e78c]{cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.image-wrapper[data-v-7fd0e78c]:active{cursor:grabbing}.preview-image[data-v-7fd0e78c]{border-radius:0;box-shadow:none;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.nav-btn[data-v-7fd0e78c]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border:1px solid hsla(0,0%,100%,.3);border-radius:50%;color:#fff;cursor:pointer;font-size:1.5rem;height:4rem;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:4rem;z-index:1000}.nav-btn[data-v-7fd0e78c]:hover:not(:disabled){background:#000000b3;border-color:#ffffff80;transform:translateY(-50%) scale(1.1)}.nav-btn[data-v-7fd0e78c]:disabled{cursor:not-allowed;opacity:.3}.nav-btn .el-icon-arrow-left[data-v-7fd0e78c],.nav-btn .el-icon-arrow-right[data-v-7fd0e78c]{background-position:50%;background-repeat:no-repeat;background-size:100% 100%;display:inline-block;height:24px;width:24px}.nav-btn .el-icon-arrow-left[data-v-7fd0e78c]{background-image:url(../images/arrow-left.svg)}.nav-btn .el-icon-arrow-right[data-v-7fd0e78c]{background-image:url(../images/arrow-right.svg)}.prev-btn[data-v-7fd0e78c]{left:2rem}.next-btn[data-v-7fd0e78c]{right:2rem}.image-info[data-v-7fd0e78c]{align-items:center;bottom:2rem;color:#fff;display:flex;flex-direction:column;gap:.75rem;left:50%;position:absolute;text-align:center;transform:translate(-50%);z-index:1000}.image-counter[data-v-7fd0e78c]{background:#000000b3;border:1px solid hsla(0,0%,100%,.2);border-radius:1.5rem;font-size:1rem;font-weight:600;padding:.5rem 1rem}.image-alt[data-v-7fd0e78c],.image-counter[data-v-7fd0e78c]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.image-alt[data-v-7fd0e78c]{background:#00000080;border-radius:.5rem;font-size:.875rem;max-width:30rem;opacity:.9;overflow:hidden;padding:.25rem .75rem;text-overflow:ellipsis;white-space:nowrap}.thumbnail-nav[data-v-7fd0e78c]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:1px solid hsla(0,0%,100%,.2);border-radius:1rem;bottom:7rem;display:flex;gap:.75rem;left:50%;padding:.75rem;position:absolute;transform:translate(-50%);z-index:1000}.thumbnail-item[data-v-7fd0e78c]{border:2px solid transparent;border-radius:.5rem;cursor:pointer;height:4rem;overflow:hidden;transition:all .3s ease;width:4rem}.thumbnail-item[data-v-7fd0e78c]:hover{border-color:#ffffff80;transform:scale(1.1)}.thumbnail-item.active[data-v-7fd0e78c]{border-color:#fded03;box-shadow:0 0 10px #fded0380;transform:scale(1.1)}.thumbnail-image[data-v-7fd0e78c]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.preview-fade-enter-active[data-v-7fd0e78c],.preview-fade-leave-active[data-v-7fd0e78c]{transition:all .3s cubic-bezier(.4,0,.2,1)}.preview-fade-enter-from[data-v-7fd0e78c],.preview-fade-leave-to[data-v-7fd0e78c]{opacity:0}.preview-fade-enter-to[data-v-7fd0e78c],.preview-fade-leave-from[data-v-7fd0e78c]{opacity:1}@media (max-width:768px){.image-preview-overlay[data-v-7fd0e78c]{padding:0}.close-btn[data-v-7fd0e78c]{font-size:1.25rem;height:3rem;right:1rem;top:1rem;width:3rem}.close-btn .el-icon-close[data-v-7fd0e78c]{height:20px;width:20px}.nav-btn[data-v-7fd0e78c]{font-size:1.25rem;height:3rem;width:3rem}.nav-btn .el-icon-arrow-left[data-v-7fd0e78c],.nav-btn .el-icon-arrow-right[data-v-7fd0e78c]{height:20px;width:20px}.prev-btn[data-v-7fd0e78c]{left:1rem}.next-btn[data-v-7fd0e78c]{right:1rem}.image-info[data-v-7fd0e78c]{bottom:1.5rem}.image-info .image-counter[data-v-7fd0e78c]{font-size:.875rem;padding:.375rem .75rem}.image-info .image-alt[data-v-7fd0e78c]{font-size:.75rem;max-width:20rem}.thumbnail-nav[data-v-7fd0e78c]{bottom:5rem;gap:.5rem;padding:.5rem}.thumbnail-item[data-v-7fd0e78c]{height:3rem;width:3rem}}