.wc-variation-images-gallery{height:100%}.wc-variation-images-viewer{display:flex;flex-direction:column;align-items:center}.wc-variation-images-viewer.__bottom .mySwiper2{margin-bottom:10px}.wc-variation-images-viewer.__left{flex-direction:row-reverse;align-items:center;gap:10px}.wc-variation-images-viewer.__left .image-list{display:flex;flex-direction:column}.wc-variation-images-viewer.__left .selected-image{margin-bottom:0}.wc-variation-images-viewer.__left .gallery-bottom{display:flex;flex-direction:column!important}.wc-variation-images-viewer.__left .mySwiper{width:25%}.wc-variation-images-viewer.__left .mySwiper .swiper-slide{min-width:100%;min-height:100%}.wc-variation-images-viewer.__right{flex-direction:row;gap:10px}.wc-variation-images-viewer.__right .image-list{display:flex;flex-direction:column}.wc-variation-images-viewer.__right .selected-image{margin-bottom:0}.wc-variation-images-viewer.__right .gallery-bottom{display:flex;flex-direction:column!important}.wc-variation-images-viewer.__right .mySwiper{width:25%}.wc-variation-images-viewer.__right .mySwiper .swiper-slide{min-width:100%;min-height:100%}.wc-variation-images-viewer.__top{flex-direction:column-reverse;gap:10px}.wc-variation-images-viewer .selected-image{width:100%;height:auto;margin-bottom:20px}.wc-variation-images-viewer .selected-image #main-image{width:100%;height:auto;box-shadow:0 4px 8px rgba(0,0,0,.1)}.wc-variation-images-viewer .image-list{display:grid;gap:4px}.wc-variation-images-viewer .image-list .thumbnail{width:100%;height:auto;max-height:100px;object-fit:cover;border:2px solid rgba(0,0,0,0);cursor:pointer;transition:border-color .3s}.wc-variation-images-viewer .image-list .thumbnail:hover{border-color:#007bff}.image-list{grid-template-columns:repeat(4,minmax(80px,1fr))}.swiper{width:100%;height:100%}.swiper .swiper-slide{display:flex;align-items:center;justify-content:center;background:#fff;background-position:50%;background-size:cover;font-size:18px;text-align:center}.swiper .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}.swiper.mySwiper2{width:100%;height:80%}.swiper.mySwiper{box-sizing:border-box;height:20%;padding:10px 0}.swiper.mySwiper .swiper-slide{width:25%;height:100%;opacity:.4}.swiper.mySwiper .swiper-slide-thumb-active{opacity:1}.wcvi-image-zoom{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50%;background-size:cover;background-repeat:no-repeat;background-color:#fff;opacity:0;transition:opacity .2s linear}.wcvi-image-zoom:hover{opacity:1}.selected-image{position:relative;height:100%;overflow:hidden}.light-box-icon{display:flex;z-index:99;position:absolute;top:8px;right:8px;padding:4px;border-radius:50%;background-color:rgba(0,0,0,.5);text-decoration:none}.light-box-icon:hover{background-color:rgba(0,0,0,.8)}.admin-bar .fancybox-toolbar{margin-top:30px}.admin-bar .fancybox-progress{margin-top:31px}.admin-bar .fancybox-infobar{margin-top:30px}