.preview-images[data-v-76d92b70]{z-index:50}.preview-images[data-v-76d92b70],.preview-overlay[data-v-76d92b70]{height:100vh;top:0;right:0;bottom:0;left:0;position:fixed;width:100vw}.preview-overlay[data-v-76d92b70]{background-color:rgb(0 0 0/var(--tw-bg-opacity,1));--tw-bg-opacity:.9}.preview-container[data-v-76d92b70],.preview-overlay[data-v-76d92b70]{align-items:center;display:flex;justify-content:center}.desktop-preview[data-v-76d92b70],.preview-container[data-v-76d92b70]{height:100%;position:relative;width:100%}.desktop-preview[data-v-76d92b70]{margin-left:1rem;margin-right:1rem;max-height:90vh;max-width:72rem}.desktop-preview .thumb-example[data-v-76d92b70]{border-radius:.5rem;height:100%;overflow:hidden;--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.desktop-preview .thumbs-swiper .slide img[data-v-76d92b70],.desktop-preview .top-swiper .slide img[data-v-76d92b70]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.desktop-preview .top-swiper[data-v-76d92b70]{height:80%;width:100%}.desktop-preview .thumbs-swiper[data-v-76d92b70]{box-sizing:border-box;height:20%;padding-bottom:.5rem;padding-top:.5rem}.desktop-preview .thumbs-swiper .slide[data-v-76d92b70]{cursor:pointer;height:100%;opacity:1;transition-duration:.3s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);width:25%}.desktop-preview .thumbs-swiper .slide[data-v-76d92b70]:not(.swiper-slide-thumb-active){opacity:.4}.desktop-preview .thumbs-swiper .slide[data-v-76d92b70]:hover{opacity:.8}.desktop-preview .close-button[data-v-76d92b70]{align-items:center;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));border-radius:9999px;display:flex;height:2.5rem;justify-content:center;position:absolute;right:1rem;top:1rem;width:2.5rem;z-index:10;--tw-bg-opacity:.5;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.desktop-preview .close-button[data-v-76d92b70]:hover{--tw-bg-opacity:.7}.mobile-preview[data-v-76d92b70]{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.mobile-preview .mobile-swiper[data-v-76d92b70]{flex:1 1 0%;width:100%}.mobile-preview .mobile-swiper .mobile-slide[data-v-76d92b70]{align-items:center;display:flex;height:100%;justify-content:center}.mobile-preview .mobile-swiper .mobile-slide img[data-v-76d92b70]{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.mobile-preview .mobile-indicator[data-v-76d92b70]{bottom:1.25rem;left:50%;position:absolute;z-index:10;--tw-translate-x:-50%;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));border-radius:9999px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity:.7;font-size:.875rem;line-height:1.25rem;padding:.5rem 1rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}[data-v-76d92b70] .swiper-button-next,[data-v-76d92b70] .swiper-button-prev{background-color:rgb(0 0 0/var(--tw-bg-opacity,1));border-radius:9999px;height:2.5rem;width:2.5rem;--tw-bg-opacity:.5}[data-v-76d92b70] .swiper-button-next:after,[data-v-76d92b70] .swiper-button-prev:after{font-size:1rem;line-height:1.5rem}[data-v-76d92b70] .swiper-pagination-bullet{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));opacity:.5}[data-v-76d92b70] .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1}@media (width <= 768px){.desktop-preview[data-v-76d92b70]{display:none}}@media (width >= 769px){.mobile-preview[data-v-76d92b70]{display:none}}